Add overlay components 176-195; pixel Harbor and Kit.Cue

Dialogs on DialogBase with focusable panels that harbor parked focus,
popovers on PopoverBase, bubbles, drawers, sheets, a lightbox, an RPG
dialogue box, notifications, a pause menu and a dithered title card.
Kit.Cue moves from feedback to pixel.

overlay/keyhints.go

@@ -0,0 +1,39 @@
+package overlay
+
+import (
+	"github.com/egoist/mygo/ui"
+
+	"git.zacharyzhang.com/ZacharyZhang-NY/8bitMyGoUI/pixel"
+	"git.zacharyzhang.com/ZacharyZhang-NY/8bitMyGoUI/text"
+)
+
+// KeyHint pairs a control with what it does.
+type KeyHint struct {
+	Key, Action string
+}
+
+type KeyHintsOptions struct{}
+
+// KeyHints shows controls, as Ⓐ CONFIRM Ⓑ BACK.
+func KeyHints(c *ui.Context, hints []KeyHint, o KeyHintsOptions) *ui.Element {
+	k := pixel.K(c)
+	return ui.Row(c).Gap(k.D(10)).Padding(k.D(3), k.D(6)).AlignItems(ui.Center).Role(ui.RoleGroup).Draw(func(p *ui.Painter, r ui.Rect) {
+		g := k.Canvas(p, r)
+		g.Frame(0, 0, g.W, g.H, pixel.Flat, pixel.Face)
+	}).Children(func() {
+		for _, h := range hints {
+			ui.Row(c).Gap(k.D(3)).AlignItems(ui.Center).Role(ui.RoleText).Label(h.Key + " " + h.Action).Children(func() {
+				if len([]rune(h.Key)) == 1 && pixel.MicroOK(h.Key) {
+					ui.Box(c).Size(k.D(11), k.D(11)).Draw(func(p *ui.Painter, r ui.Rect) {
+						g := k.Canvas(p, r)
+						g.Disc(5, 5, 5, pixel.Ink)
+						g.Micro((11-pixel.MicroWidth(h.Key))/2, (11-pixel.MicroHeight)/2, h.Key, pixel.Back, 1)
+					})
+				} else {
+					text.Kbd(c, h.Key, text.KbdOptions{})
+				}
+				pixel.Text(c, h.Action, pixel.TextOptions{})
+			})
+		}
+	})
+}