@uisatin/ui 0.0.0-stage → 0.1.0

package/chunk-J3NSDRVH.js

@@ -0,0 +1,83 @@
+import * as React from 'react';
+
+// src/components/sliding-indicator.tsx
+var SLIDE_MS = 300;
+var TRAIL_MS = 30;
+var STEPS = 24;
+function easeOut(t) {
+  const [x1, y1, x2, y2] = [0.23, 1, 0.32, 1];
+  const bez = (a, b, s) => 3 * a * s * (1 - s) ** 2 + 3 * b * s ** 2 * (1 - s) + s ** 3;
+  let lo = 0;
+  let hi = 1;
+  for (let i = 0; i < 24; i++) {
+    const mid = (lo + hi) / 2;
+    if (bez(x1, x2, mid) < t) lo = mid;
+    else hi = mid;
+  }
+  return bez(y1, y2, (lo + hi) / 2);
+}
+function useSlidingIndicator(listRef, selector, selected, { animate: motionOn = true } = {}) {
+  const ref = React.useRef(null);
+  const [ready, setReady] = React.useState(false);
+  const placed = React.useRef(false);
+  const place = React.useCallback(
+    (animate) => {
+      const list = listRef.current;
+      const el = ref.current;
+      if (!list || !el) return;
+      const target = list.querySelector(selector);
+      if (!target) {
+        el.style.opacity = "0";
+        return;
+      }
+      let x = target.offsetLeft;
+      for (let p = target.offsetParent; p && p !== list; p = p.offsetParent) x += p.offsetLeft;
+      const w = target.offsetWidth;
+      const box = el.getBoundingClientRect();
+      const from = { x: box.left - list.getBoundingClientRect().left, w: box.width };
+      el.getAnimations().forEach((a) => a.cancel());
+      el.style.opacity = "1";
+      el.style.width = `${w}px`;
+      el.style.transform = `translateX(${x}px)`;
+      const reduced = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+      if (!animate || !motionOn || !placed.current || reduced || Math.abs(from.x - x) < 0.5 && Math.abs(from.w - w) < 0.5) {
+        placed.current = true;
+        return;
+      }
+      const right = x > from.x;
+      const L0 = from.x;
+      const R0 = from.x + from.w;
+      const L1 = x;
+      const R1 = x + w;
+      const lead = (t) => easeOut(t);
+      const trail = (t) => easeOut(Math.max(0, (t * SLIDE_MS - TRAIL_MS) / (SLIDE_MS - TRAIL_MS)));
+      const frames = [];
+      for (let i = 0; i <= STEPS; i++) {
+        const t = i / STEPS;
+        const pl = right ? trail(t) : lead(t);
+        const pr = right ? lead(t) : trail(t);
+        const l = L0 + (L1 - L0) * pl;
+        const r = R0 + (R1 - R0) * pr;
+        frames.push({ offset: t, transform: `translateX(${l}px)`, width: `${Math.max(r - l, 0)}px` });
+      }
+      el.animate(frames, { duration: SLIDE_MS, easing: "linear" });
+    },
+    [listRef, selector, motionOn]
+  );
+  React.useLayoutEffect(() => {
+    place(true);
+    setReady(true);
+  }, [place, selected]);
+  React.useEffect(() => {
+    const list = listRef.current;
+    if (!list) return;
+    const observer = new ResizeObserver(() => place(false));
+    observer.observe(list);
+    return () => observer.disconnect();
+  }, [listRef, place]);
+  return { ref, ready };
+}
+
+export { SLIDE_MS, useSlidingIndicator };
+//# sourceMappingURL=chunk-J3NSDRVH.js.map
+//# sourceMappingURL=chunk-J3NSDRVH.js.map

package/chunk-J3NSDRVH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sliding-indicator.tsx"],"names":[],"mappings":";;;AAiBO,IAAM,QAAA,GAAW;AACxB,IAAM,QAAA,GAAW,EAAA;AACjB,IAAM,KAAA,GAAQ,EAAA;AAGd,SAAS,QAAQ,CAAA,EAAW;AAC1B,EAAA,MAAM,CAAC,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAE,IAAI,CAAC,IAAA,EAAM,CAAA,EAAG,IAAA,EAAM,CAAC,CAAA;AAC1C,EAAA,MAAM,MAAM,CAAC,CAAA,EAAW,CAAA,EAAW,CAAA,KAAc,IAAI,CAAA,GAAI,CAAA,GAAA,CAAK,CAAA,GAAI,CAAA,KAAM,IAAI,CAAA,GAAI,CAAA,GAAI,KAAK,CAAA,IAAK,CAAA,GAAI,KAAK,CAAA,IAAK,CAAA;AAC5G,EAAA,IAAI,EAAA,GAAK,CAAA;AACT,EAAA,IAAI,EAAA,GAAK,CAAA;AACT,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,EAAA,EAAI,CAAA,EAAA,EAAK;AAC3B,IAAA,MAAM,GAAA,GAAA,CAAO,KAAK,EAAA,IAAM,CAAA;AACxB,IAAA,IAAI,IAAI,EAAA,EAAI,EAAA,EAAI,GAAG,CAAA,GAAI,GAAG,EAAA,GAAK,GAAA;AAAA,SAC1B,EAAA,GAAK,GAAA;AAAA,EACZ;AACA,EAAA,OAAO,GAAA,CAAI,EAAA,EAAI,EAAA,EAAA,CAAK,EAAA,GAAK,MAAM,CAAC,CAAA;AAClC;AAEO,SAAS,mBAAA,CACd,OAAA,EACA,QAAA,EACA,QAAA,EAEA,EAAE,SAAS,QAAA,GAAW,IAAA,EAAK,GAA2B,EAAC,EACvD;AACA,EAAA,MAAM,GAAA,GAAY,aAAU,IAAI,CAAA;AAChC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,MAAA,GAAe,aAAO,KAAK,CAAA;AAEjC,EAAA,MAAM,KAAA,GAAc,KAAA,CAAA,WAAA;AAAA,IAClB,CAAC,OAAA,KAAqB;AACpB,MAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,MAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,MAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,EAAA,EAAI;AAClB,MAAA,MAAM,MAAA,GAAS,IAAA,CAAK,aAAA,CAA2B,QAAQ,CAAA;AACvD,MAAA,IAAI,CAAC,MAAA,EAAQ;AACX,QAAA,EAAA,CAAG,MAAM,OAAA,GAAU,GAAA;AACnB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,IAAI,MAAA,CAAO,UAAA;AACf,MAAA,KAAA,IAAS,CAAA,GAAI,MAAA,CAAO,YAAA,EAAoC,CAAA,IAAK,CAAA,KAAM,MAAM,CAAA,GAAI,CAAA,CAAE,YAAA,EAAoC,CAAA,IAAK,CAAA,CAAE,UAAA;AAC1H,MAAA,MAAM,IAAI,MAAA,CAAO,WAAA;AAEjB,MAAA,MAAM,GAAA,GAAM,GAAG,qBAAA,EAAsB;AACrC,MAAA,MAAM,IAAA,GAAO,EAAE,CAAA,EAAG,GAAA,CAAI,IAAA,GAAO,IAAA,CAAK,qBAAA,EAAsB,CAAE,IAAA,EAAM,CAAA,EAAG,GAAA,CAAI,KAAA,EAAM;AAC7E,MAAA,EAAA,CAAG,eAAc,CAAE,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAA,CAAE,QAAQ,CAAA;AAC5C,MAAA,EAAA,CAAG,MAAM,OAAA,GAAU,GAAA;AACnB,MAAA,EAAA,CAAG,KAAA,CAAM,KAAA,GAAQ,CAAA,EAAG,CAAC,CAAA,EAAA,CAAA;AACrB,MAAA,EAAA,CAAG,KAAA,CAAM,SAAA,GAAY,CAAA,WAAA,EAAc,CAAC,CAAA,GAAA,CAAA;AAEpC,MAAA,MAAM,UAAU,OAAO,MAAA,KAAW,eAAe,MAAA,CAAO,UAAA,GAAa,kCAAkC,CAAA,CAAE,OAAA;AACzG,MAAA,IAAI,CAAC,WAAW,CAAC,QAAA,IAAY,CAAC,MAAA,CAAO,OAAA,IAAW,WAAY,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,GAAI,CAAC,IAAI,GAAA,IAAO,IAAA,CAAK,IAAI,IAAA,CAAK,CAAA,GAAI,CAAC,CAAA,GAAI,GAAA,EAAM;AACrH,QAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AACjB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,CAAA;AACvB,MAAA,MAAM,KAAK,IAAA,CAAK,CAAA;AAChB,MAAA,MAAM,EAAA,GAAK,IAAA,CAAK,CAAA,GAAI,IAAA,CAAK,CAAA;AACzB,MAAA,MAAM,EAAA,GAAK,CAAA;AACX,MAAA,MAAM,KAAK,CAAA,GAAI,CAAA;AACf,MAAA,MAAM,IAAA,GAAO,CAAC,CAAA,KAAc,OAAA,CAAQ,CAAC,CAAA;AACrC,MAAA,MAAM,KAAA,GAAQ,CAAC,CAAA,KAAc,OAAA,CAAQ,IAAA,CAAK,GAAA,CAAI,CAAA,EAAA,CAAI,CAAA,GAAI,QAAA,GAAW,QAAA,KAAa,QAAA,GAAW,QAAA,CAAS,CAAC,CAAA;AACnG,MAAA,MAAM,SAAqB,EAAC;AAC5B,MAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,IAAK,KAAA,EAAO,CAAA,EAAA,EAAK;AAC/B,QAAA,MAAM,IAAI,CAAA,GAAI,KAAA;AACd,QAAA,MAAM,KAAK,KAAA,GAAQ,KAAA,CAAM,CAAC,CAAA,GAAI,KAAK,CAAC,CAAA;AACpC,QAAA,MAAM,KAAK,KAAA,GAAQ,IAAA,CAAK,CAAC,CAAA,GAAI,MAAM,CAAC,CAAA;AACpC,QAAA,MAAM,CAAA,GAAI,EAAA,GAAA,CAAM,EAAA,GAAK,EAAA,IAAM,EAAA;AAC3B,QAAA,MAAM,CAAA,GAAI,EAAA,GAAA,CAAM,EAAA,GAAK,EAAA,IAAM,EAAA;AAC3B,QAAA,MAAA,CAAO,KAAK,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAA,EAAW,cAAc,CAAC,CAAA,GAAA,CAAA,EAAO,KAAA,EAAO,CAAA,EAAG,KAAK,GAAA,CAAI,CAAA,GAAI,GAAG,CAAC,CAAC,MAAM,CAAA;AAAA,MAC9F;AACA,MAAA,EAAA,CAAG,QAAQ,MAAA,EAAQ,EAAE,UAAU,QAAA,EAAU,MAAA,EAAQ,UAAU,CAAA;AAAA,IAC7D,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,QAAA,EAAU,QAAQ;AAAA,GAC9B;AAEA,EAAM,sBAAgB,MAAM;AAC1B,IAAA,KAAA,CAAM,IAAI,CAAA;AACV,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACf,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,WAAW,IAAI,cAAA,CAAe,MAAM,KAAA,CAAM,KAAK,CAAC,CAAA;AACtD,IAAA,QAAA,CAAS,QAAQ,IAAI,CAAA;AACrB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,OAAA,EAAS,KAAK,CAAC,CAAA;AAEnB,EAAA,OAAO,EAAE,KAAK,KAAA,EAAM;AACtB","file":"chunk-J3NSDRVH.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\n\n/**\n * The background (or underline) that slides under the selected item of Tabs, Segmented control\n * and Pagination, all on one motion: 300 ms on the kit's ease-out, the leading edge (the one\n * on the side it is heading to) moving straight away and the trailing edge 30 ms behind, so it\n * stretches a little towards the new item and settles there. A change mid-move carries on from\n * wherever it is. Only a change of selection animates; a resize just puts it in place. With\n * reduced motion it moves at once.\n *\n * `listRef` is the positioned element the items sit in, `selector` finds the selected item in\n * it, `selected` is whatever names the selection. Render the indicator absolutely at left 0 of\n * the list with the returned `ref`; until it is placed (`ready`), let the selected item paint\n * its own fill so the server render isn't bare.\n */\nexport const SLIDE_MS = 300\nconst TRAIL_MS = 30\nconst STEPS = 24\n\n/** cubic-bezier(0.23, 1, 0.32, 1), the kit's --ease-out, as a function of time 0..1. */\nfunction easeOut(t: number) {\n  const [x1, y1, x2, y2] = [0.23, 1, 0.32, 1]\n  const bez = (a: number, b: number, s: number) => 3 * a * s * (1 - s) ** 2 + 3 * b * s ** 2 * (1 - s) + s ** 3\n  let lo = 0\n  let hi = 1\n  for (let i = 0; i < 24; i++) {\n    const mid = (lo + hi) / 2\n    if (bez(x1, x2, mid) < t) lo = mid\n    else hi = mid\n  }\n  return bez(y1, y2, (lo + hi) / 2)\n}\n\nexport function useSlidingIndicator<T extends HTMLElement = HTMLSpanElement>(\n  listRef: React.RefObject<HTMLElement | null>,\n  selector: string,\n  selected: unknown,\n  /** Off: it moves to the new item at once. */\n  { animate: motionOn = true }: { animate?: boolean } = {},\n) {\n  const ref = React.useRef<T>(null)\n  const [ready, setReady] = React.useState(false)\n  const placed = React.useRef(false)\n\n  const place = React.useCallback(\n    (animate: boolean) => {\n      const list = listRef.current\n      const el = ref.current\n      if (!list || !el) return\n      const target = list.querySelector<HTMLElement>(selector)\n      if (!target) {\n        el.style.opacity = '0'\n        return\n      }\n      // The target's place in the list, from layout (transforms on it don't count).\n      let x = target.offsetLeft\n      for (let p = target.offsetParent as HTMLElement | null; p && p !== list; p = p.offsetParent as HTMLElement | null) x += p.offsetLeft\n      const w = target.offsetWidth\n      // Where the indicator is on screen right now, mid-move included.\n      const box = el.getBoundingClientRect()\n      const from = { x: box.left - list.getBoundingClientRect().left, w: box.width }\n      el.getAnimations().forEach((a) => a.cancel())\n      el.style.opacity = '1'\n      el.style.width = `${w}px`\n      el.style.transform = `translateX(${x}px)`\n\n      const reduced = typeof window !== 'undefined' && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n      if (!animate || !motionOn || !placed.current || reduced || (Math.abs(from.x - x) < 0.5 && Math.abs(from.w - w) < 0.5)) {\n        placed.current = true\n        return\n      }\n      // Two edges on their own clocks: the one leading the way goes first.\n      const right = x > from.x\n      const L0 = from.x\n      const R0 = from.x + from.w\n      const L1 = x\n      const R1 = x + w\n      const lead = (t: number) => easeOut(t)\n      const trail = (t: number) => easeOut(Math.max(0, (t * SLIDE_MS - TRAIL_MS) / (SLIDE_MS - TRAIL_MS)))\n      const frames: Keyframe[] = []\n      for (let i = 0; i <= STEPS; i++) {\n        const t = i / STEPS\n        const pl = right ? trail(t) : lead(t)\n        const pr = right ? lead(t) : trail(t)\n        const l = L0 + (L1 - L0) * pl\n        const r = R0 + (R1 - R0) * pr\n        frames.push({ offset: t, transform: `translateX(${l}px)`, width: `${Math.max(r - l, 0)}px` })\n      }\n      el.animate(frames, { duration: SLIDE_MS, easing: 'linear' })\n    },\n    [listRef, selector, motionOn],\n  )\n\n  React.useLayoutEffect(() => {\n    place(true)\n    setReady(true)\n  }, [place, selected])\n\n  React.useEffect(() => {\n    const list = listRef.current\n    if (!list) return\n    const observer = new ResizeObserver(() => place(false))\n    observer.observe(list)\n    return () => observer.disconnect()\n  }, [listRef, place])\n\n  return { ref, ready }\n}\n"]}

package/chunk-JPNWHWAQ.js

@@ -0,0 +1,151 @@
+import { Button } from './chunk-HNQUX43Z.js';
+import { cn } from './chunk-H63FYCMY.js';
+import 'react';
+import { Dialog as Dialog$1 } from 'radix-ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function CloseIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4.50551 11.4951L8.0006 8M8.0006 8L11.4957 4.50491M8.0006 8L4.50551 4.50491M8.0006 8L11.4957 11.4951",
+      stroke: "currentColor",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function Dialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  variant = "default",
+  alert,
+  footer,
+  footerStart,
+  children,
+  closeButton = true,
+  modal = true,
+  container,
+  onOpenAutoFocus,
+  className
+}) {
+  const position = container ? "absolute" : "fixed";
+  const hasBody = children != null || alert != null;
+  return /* @__PURE__ */ jsxs(Dialog$1.Root, { open, defaultOpen, onOpenChange, modal, children: [
+    trigger && /* @__PURE__ */ jsx(Dialog$1.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs(Dialog$1.Portal, { container, children: [
+      /* @__PURE__ */ jsx(
+        Dialog$1.Overlay,
+        {
+          className: cn(
+            position,
+            "inset-0 z-50 bg-black-a40"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: cn(position, "pointer-events-none inset-0 z-50 grid grid-cols-[minmax(0,1fr)] grid-rows-[minmax(0,1fr)] place-items-center p-4"), children: /* @__PURE__ */ jsxs(
+        Dialog$1.Content,
+        {
+          role: variant === "destructive" ? "alertdialog" : "dialog",
+          "data-slot": "dialog",
+          "data-variant": variant,
+          onOpenAutoFocus,
+          ...description ? {} : { "aria-describedby": void 0 },
+          className: cn(
+            "pointer-events-auto relative flex max-h-full w-[425px] max-w-[min(560px,100%)] min-w-[min(360px,100%)] flex-col overflow-clip",
+            "rounded-2xl border border-border-default bg-bg-popover",
+            "[box-shadow:0_4px_6px_-4px_var(--effect-shadow-sm),0_10px_15px_-3px_var(--effect-shadow-sm)]",
+            "focus-visible:outline-none",
+            "data-[state=open]:animate-[satin-enter_var(--duration-base)_var(--ease-out)]",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-col gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col gap-0.5 px-4 pt-4 pb-2", children: [
+                /* @__PURE__ */ jsx(Dialog$1.Title, { className: "pr-8 text-base leading-[14px] font-medium tracking-normal text-text-default", children: title }),
+                description ? /* @__PURE__ */ jsx(Dialog$1.Description, { className: "text-body text-text-muted", children: description }) : null
+              ] }),
+              hasBody && /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-col gap-3 overflow-y-auto px-4 pb-3", children: [
+                typeof children === "string" ? /* @__PURE__ */ jsx("p", { className: "text-body text-text-default", children }) : children,
+                alert
+              ] })
+            ] }),
+            (footer || footerStart) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-3 p-4", children: [
+              footerStart && /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center", children: footerStart }),
+              /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: footer })
+            ] }),
+            closeButton && /* @__PURE__ */ jsx(Dialog$1.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "tertiary",
+                size: "xl",
+                iconOnly: true,
+                "aria-label": "Close",
+                className: "absolute top-[7px] right-[7px] rounded-lg",
+                children: /* @__PURE__ */ jsx(CloseIcon, {})
+              }
+            ) })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+var DialogClose = Dialog$1.Close;
+var alertTint = {
+  info: "bg-status-sky-bg text-status-sky-fg",
+  success: "bg-status-green-bg text-status-green-fg",
+  warning: "bg-status-amber-bg text-status-amber-fg",
+  error: "bg-status-red-bg text-status-red-fg"
+};
+function StatusIcon({ intent }) {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, className: "shrink-0", children: /* @__PURE__ */ jsx("g", { stroke: "currentColor", style: { strokeWidth: 1.25 }, strokeLinecap: "round", strokeLinejoin: "round", children: intent === "success" ? /* @__PURE__ */ jsx("path", { d: "M3.33333 8.66667L6 11.3333L12.6667 4.66667" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    intent === "info" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 7.70494V10.6557" }),
+      /* @__PURE__ */ jsx("path", { d: "M8 5.35022L8.0059 5.34366" })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 5.34428V8.29506" }),
+      /* @__PURE__ */ jsx("path", { d: "M8 10.6563L8.0059 10.6498" })
+    ] }),
+    /* @__PURE__ */ jsx("path", { d: "M8 13.9015C11.2593 13.9015 13.9015 11.2593 13.9015 8C13.9015 4.74066 11.2593 2.09845 8 2.09845C4.74066 2.09845 2.09845 4.74066 2.09845 8C2.09845 11.2593 4.74066 13.9015 8 13.9015Z" })
+  ] }) }) });
+}
+function DialogAlert({
+  intent = "info",
+  title,
+  description,
+  icon = true,
+  onDismiss,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: intent === "error" || intent === "warning" ? "alert" : "status",
+      "data-slot": "dialog-alert",
+      "data-intent": intent,
+      className: cn("flex w-full items-center gap-3 rounded-xl px-4 py-3", alertTint[intent], className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [
+          icon && /* @__PURE__ */ jsx(StatusIcon, { intent }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-base font-medium text-text-default", children: title }),
+            description ? /* @__PURE__ */ jsx("p", { className: "text-body text-text-muted", children: description }) : null
+          ] })
+        ] }),
+        onDismiss && /* @__PURE__ */ jsx(Button, { variant: "tertiary", iconOnly: true, "aria-label": "Dismiss", onClick: onDismiss, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+      ]
+    }
+  );
+}
+
+export { CloseIcon, Dialog, DialogAlert, DialogClose, StatusIcon };
+//# sourceMappingURL=chunk-JPNWHWAQ.js.map
+//# sourceMappingURL=chunk-JPNWHWAQ.js.map

package/chunk-JPNWHWAQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog.tsx"],"names":["DialogPrimitive"],"mappings":"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","file":"chunk-JPNWHWAQ.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Dialog as DialogPrimitive } from 'radix-ui'\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\n\n/**\n * Dialog, 1:1 with the uiKit `Dialog` set (465:66873): variant default or destructive.\n * A 425px popover surface (min 360, max 560, never wider or taller than the screen less 16px a side; the body scrolls), radius-2xl, border/default, the shadcn `lg`\n * shadow. Header 16 / 16 / 8 with a 14px medium title and a 13px muted description, a body\n * 16px in with a 12px gap (body text, any content, an optional `DialogAlert`), then a\n * right-aligned footer with 16px padding on both variants, on the same inset as the header and\n * body. The close button is a 36px tertiary icon button 8px from the top-right corner.\n *\n * Built on the Radix Dialog. The destructive variant keeps the same primitive but takes\n * `role=\"alertdialog\"`, so screen readers announce it as an alert. Pass `container` to portal\n * it into a positioned element (the docs stage) instead of the page; the dialog then centres\n * inside that element rather than the viewport.\n */\nexport type DialogVariant = 'default' | 'destructive'\n\nexport interface DialogProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  /** Optional element that opens the dialog (rendered with `asChild`, so pass a Button). */\n  trigger?: React.ReactNode\n  title: React.ReactNode\n  description?: React.ReactNode\n  variant?: DialogVariant\n  /** A `DialogAlert` shown under the body, for a side effect the user must know about. */\n  alert?: React.ReactNode\n  /** The actions on the right of the footer. Leave it out for a read-only dialog. */\n  footer?: React.ReactNode\n  /** Figma's `footerSlot`: content on the left of the footer, e.g. a \"Don't ask again\" checkbox. */\n  footerStart?: React.ReactNode\n  /** Body. A string renders as body text (13px, text/default). */\n  children?: React.ReactNode\n  /** Show the close button in the corner. */\n  closeButton?: boolean\n  /** Modal blocks the page and shows the overlay; turn it off for inline previews. */\n  modal?: boolean\n  /** Portal target. Defaults to `document.body`. */\n  container?: HTMLElement | null\n  /** Called when focus moves into the dialog on open; `preventDefault()` keeps it where it was. */\n  onOpenAutoFocus?: (event: Event) => void\n  className?: string\n}\n\n/** The X from Figma's close button (`icon` 16px, 1.25 stroke). */\nexport function CloseIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n      <path\n        d=\"M4.50551 11.4951L8.0006 8M8.0006 8L11.4957 4.50491M8.0006 8L4.50551 4.50491M8.0006 8L11.4957 11.4951\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.25\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport function Dialog({\n  open,\n  defaultOpen,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  variant = 'default',\n  alert,\n  footer,\n  footerStart,\n  children,\n  closeButton = true,\n  modal = true,\n  container,\n  onOpenAutoFocus,\n  className,\n}: DialogProps) {\n  // Inside a container the dialog is laid out against it, not the viewport.\n  const position = container ? 'absolute' : 'fixed'\n  const hasBody = children != null || alert != null\n\n  return (\n    <DialogPrimitive.Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange} modal={modal}>\n      {trigger && <DialogPrimitive.Trigger asChild>{trigger}</DialogPrimitive.Trigger>}\n      <DialogPrimitive.Portal container={container}>\n        {/* No overlay in Figma; black-a40 is the kit's scrim colour. Only drawn when modal. */}\n        <DialogPrimitive.Overlay\n          className={cn(\n            position,\n            'inset-0 z-50 bg-black-a40',\n          )}\n        />\n        <div className={cn(position, 'pointer-events-none inset-0 z-50 grid grid-cols-[minmax(0,1fr)] grid-rows-[minmax(0,1fr)] place-items-center p-4')}>\n          <DialogPrimitive.Content\n            role={variant === 'destructive' ? 'alertdialog' : 'dialog'}\n            data-slot=\"dialog\"\n            data-variant={variant}\n            onOpenAutoFocus={onOpenAutoFocus}\n            // No description: tell Radix on purpose, so it doesn't warn.\n            {...(description ? {} : { 'aria-describedby': undefined })}\n            className={cn(\n              'pointer-events-auto relative flex max-h-full w-[425px] max-w-[min(560px,100%)] min-w-[min(360px,100%)] flex-col overflow-clip',\n              'rounded-2xl border border-border-default bg-bg-popover',\n              '[box-shadow:0_4px_6px_-4px_var(--effect-shadow-sm),0_10px_15px_-3px_var(--effect-shadow-sm)]',\n              'focus-visible:outline-none',\n              'data-[state=open]:animate-[satin-enter_var(--duration-base)_var(--ease-out)]',\n              className,\n            )}\n          >\n            <div className=\"flex min-h-0 flex-col gap-3\">\n              <div className=\"flex shrink-0 flex-col gap-0.5 px-4 pt-4 pb-2\">\n                <DialogPrimitive.Title className=\"pr-8 text-base leading-[14px] font-medium tracking-normal text-text-default\">\n                  {title}\n                </DialogPrimitive.Title>\n                {description ? (\n                  <DialogPrimitive.Description className=\"text-body text-text-muted\">{description}</DialogPrimitive.Description>\n                ) : null}\n              </div>\n              {hasBody && (\n                <div className=\"flex min-h-0 flex-col gap-3 overflow-y-auto px-4 pb-3\">\n                  {typeof children === 'string' ? <p className=\"text-body text-text-default\">{children}</p> : children}\n                  {alert}\n                </div>\n              )}\n            </div>\n\n            {(footer || footerStart) && (\n              <div className=\"flex shrink-0 flex-wrap items-center justify-end gap-3 p-4\">\n                {footerStart && <div className=\"flex min-w-0 flex-1 items-center\">{footerStart}</div>}\n                <div className=\"flex shrink-0 items-center gap-2\">{footer}</div>\n              </div>\n            )}\n\n            {closeButton && (\n              <DialogPrimitive.Close asChild>\n                <Button\n                  variant=\"tertiary\"\n                  size=\"xl\"\n                  iconOnly\n                  aria-label=\"Close\"\n                  className=\"absolute top-[7px] right-[7px] rounded-lg\"\n                >\n                  <CloseIcon />\n                </Button>\n              </DialogPrimitive.Close>\n            )}\n          </DialogPrimitive.Content>\n        </div>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n\n/** Wrap a footer button in this to make it close the dialog: `<DialogClose asChild><Button…/></DialogClose>`. */\nexport const DialogClose = DialogPrimitive.Close\n\n/* ------------------------------------------------------------------------------------------ */\n\nexport type DialogAlertIntent = 'info' | 'success' | 'warning' | 'error'\n\n/**\n * Alert, 1:1 with the uiKit `Alert` set (475:27871): the inline notice inside a dialog.\n * radius-xl, 16 / 12 padding, the intent's status bg, a 16px status icon in the intent's\n * status fg, a 14px medium title over a 13px muted description, and an optional 28px close.\n */\nexport interface DialogAlertProps extends Omit<React.ComponentProps<'div'>, 'title'> {\n  intent?: DialogAlertIntent\n  title: React.ReactNode\n  description?: React.ReactNode\n  /** Hide the status icon. */\n  icon?: boolean\n  /** Shows the close button; called when it is pressed. */\n  onDismiss?: () => void\n}\n\nconst alertTint: Record<DialogAlertIntent, string> = {\n  info: 'bg-status-sky-bg text-status-sky-fg',\n  success: 'bg-status-green-bg text-status-green-fg',\n  warning: 'bg-status-amber-bg text-status-amber-fg',\n  error: 'bg-status-red-bg text-status-red-fg',\n}\n\n/** The four status glyphs from Figma (16px, 1.25 stroke), drawn in currentColor. */\nexport function StatusIcon({ intent }: { intent: DialogAlertIntent }) {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden className=\"shrink-0\">\n      <g stroke=\"currentColor\" style={{ strokeWidth: 1.25 }} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n        {intent === 'success' ? (\n          <path d=\"M3.33333 8.66667L6 11.3333L12.6667 4.66667\" />\n        ) : (\n          <>\n            {intent === 'info' ? (\n              <>\n                <path d=\"M8 7.70494V10.6557\" />\n                <path d=\"M8 5.35022L8.0059 5.34366\" />\n              </>\n            ) : (\n              <>\n                <path d=\"M8 5.34428V8.29506\" />\n                <path d=\"M8 10.6563L8.0059 10.6498\" />\n              </>\n            )}\n            <path d=\"M8 13.9015C11.2593 13.9015 13.9015 11.2593 13.9015 8C13.9015 4.74066 11.2593 2.09845 8 2.09845C4.74066 2.09845 2.09845 4.74066 2.09845 8C2.09845 11.2593 4.74066 13.9015 8 13.9015Z\" />\n          </>\n        )}\n      </g>\n    </svg>\n  )\n}\n\nexport function DialogAlert({\n  intent = 'info',\n  title,\n  description,\n  icon = true,\n  onDismiss,\n  className,\n  ...props\n}: DialogAlertProps) {\n  return (\n    <div\n      role={intent === 'error' || intent === 'warning' ? 'alert' : 'status'}\n      data-slot=\"dialog-alert\"\n      data-intent={intent}\n      className={cn('flex w-full items-center gap-3 rounded-xl px-4 py-3', alertTint[intent], className)}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-1 items-center gap-2.5\">\n        {icon && <StatusIcon intent={intent} />}\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <p className=\"text-base font-medium text-text-default\">{title}</p>\n          {description ? <p className=\"text-body text-text-muted\">{description}</p> : null}\n        </div>\n      </div>\n      {onDismiss && (\n        <Button variant=\"tertiary\" iconOnly aria-label=\"Dismiss\" onClick={onDismiss}>\n          <CloseIcon />\n        </Button>\n      )}\n    </div>\n  )\n}\n"]}

package/chunk-KNUWZNFV.js

@@ -0,0 +1,240 @@
+import { cn } from './chunk-H63FYCMY.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var COLS = 5;
+var ROWS = 4;
+var PIECES = {
+  I: [[0, 0], [0, 1], [0, 2], [0, 3]],
+  "I|": [[0, 0], [1, 0], [2, 0], [3, 0]],
+  O: [[0, 0], [0, 1], [1, 0], [1, 1]],
+  T: [[0, 1], [1, 0], [1, 1], [1, 2]],
+  "T\u2193": [[0, 0], [0, 1], [0, 2], [1, 1]],
+  "T>": [[0, 0], [1, 0], [1, 1], [2, 0]],
+  "T<": [[0, 1], [1, 0], [1, 1], [2, 1]],
+  S: [[0, 1], [0, 2], [1, 0], [1, 1]],
+  "S|": [[0, 0], [1, 0], [1, 1], [2, 1]],
+  Z: [[0, 0], [0, 1], [1, 1], [1, 2]],
+  "Z|": [[0, 1], [1, 0], [1, 1], [2, 0]],
+  L: [[0, 2], [1, 0], [1, 1], [1, 2]],
+  "L|": [[0, 0], [1, 0], [2, 0], [2, 1]],
+  "L\u2193": [[0, 0], [0, 1], [0, 2], [1, 0]],
+  "L|\u2193": [[0, 0], [0, 1], [1, 1], [2, 1]],
+  J: [[0, 0], [1, 0], [1, 1], [1, 2]],
+  "J|": [[0, 1], [1, 1], [2, 0], [2, 1]],
+  "J\u2193": [[0, 0], [0, 1], [0, 2], [1, 2]],
+  "J|\u2193": [[0, 0], [0, 1], [1, 0], [2, 0]]
+};
+var ROUNDS = [
+  // after Figma's frames: two Js build a tower in the middle, then the sides fill in and it goes in two clears
+  [["J|", 1], ["J|\u2193", 1], ["O", 3], ["I|", 0], ["O", 3]],
+  // a square and an L lay the floor; four clears, nearly a row a piece
+  [["O", 0], ["L", 2], ["S", 2], ["J", 0], ["I", 1]],
+  // a T to start, a J standing in the corner, a bar laid over both
+  [["T", 0], ["J|", 3], ["I", 0], ["S", 2], ["L\u2193", 0]],
+  // a pillar on the left, an L and a J lean on it, a Z and a T close it
+  [["I|", 0], ["L|", 1], ["J\u2193", 2], ["Z|", 3], ["T\u2193", 1]],
+  // a bar off the left edge, a Z tucked under the gap, a square in the corner
+  [["I", 1], ["Z|", 0], ["J", 2], ["O", 3], ["L\u2193", 0]]
+];
+var T = {
+  step: 90,
+  glide: 60,
+  /** after a piece rests, before a clear or the next piece */
+  lock: 220,
+  /** a cleared row fading back to the board */
+  clear: 260,
+  /** what was above it coming down */
+  settle: 200,
+  /** between the settle and the next piece */
+  next: 80,
+  /** the empty board between rounds */
+  rest: 150,
+  /** the glimm band crossing the mark at a clear, and its fade once across */
+  sweep: 520,
+  outro: 120,
+  /** how long before the fade the band sets off */
+  lead: 120,
+  /** the same band in the label: it picks up after the mark, a little slower across the longer text */
+  textDelay: 220,
+  textSweep: 600
+};
+var PITCH = 3;
+function playRounds(rounds = ROUNDS) {
+  const falls2 = [];
+  const clears2 = [];
+  let t = 0;
+  for (const [n, round] of rounds.entries()) {
+    const board = [];
+    for (const [name, x] of round) {
+      const shape = PIECES[name];
+      const height = Math.max(...shape.map(([r]) => r)) + 1;
+      const taken = (r, c) => r >= ROWS || board.some((b) => b.row === r && b.dot.col === c);
+      let top = -height;
+      while (!shape.some(([r, c]) => taken(top + 1 + r, x + c))) top++;
+      if (shape.some(([r]) => top + r < 0)) throw new Error(`tetris round ${n + 1}: ${name} at ${x} sticks out of the top`);
+      if (shape.some(([, c]) => x + c >= COLS)) throw new Error(`tetris round ${n + 1}: ${name} at ${x} sticks out of the side`);
+      const rows = top + height;
+      const fall = { keys: [{ t: 0, y: -rows * PITCH }], dots: [] };
+      for (let s = 0; s < rows; s++) {
+        fall.keys.push({ t, y: (s - rows) * PITCH, glide: true }, { t: t + T.glide, y: (s + 1 - rows) * PITCH });
+        t += T.step;
+      }
+      for (const [r, c] of shape) {
+        const dot = { col: x + c, row: top + r, keys: [{ t: 0, y: 0, on: 1 }] };
+        fall.dots.push(dot);
+        board.push({ dot, row: dot.row });
+      }
+      falls2.push(fall);
+      t += T.lock;
+      const full = [...new Set(board.map((b) => b.row))].filter((r) => board.filter((b) => b.row === r).length === COLS);
+      if (!full.length) continue;
+      clears2.push(t);
+      for (const { dot, row } of board.filter((b) => full.includes(b.row))) {
+        const y = (row - dot.row) * PITCH;
+        dot.keys.push({ t, y, on: 1, glide: true }, { t: t + T.clear, y, on: 0 });
+      }
+      t += T.clear;
+      const kept = board.filter((b) => !full.includes(b.row));
+      for (const b of kept) {
+        const down = full.filter((r) => r > b.row).length;
+        if (!down) continue;
+        b.dot.keys.push({ t, y: (b.row - b.dot.row) * PITCH, on: 1, glide: true }, { t: t + T.settle, y: (b.row + down - b.dot.row) * PITCH, on: 1 });
+        b.row += down;
+      }
+      board.splice(0, board.length, ...kept);
+      t += T.settle + T.next;
+    }
+    if (board.length) throw new Error(`tetris round ${n + 1} leaves ${board.length} dots on the board`);
+    t += T.rest;
+  }
+  return { falls: falls2, clears: clears2, loop: t };
+}
+var GLIDE = "animation-timing-function:cubic-bezier(0.22,1,0.36,1)";
+var FADE = "animation-timing-function:ease";
+function keyframes(falls2, clears2, loop2) {
+  const pct = (t) => `${+(t / loop2 * 100).toFixed(3)}%`;
+  const block = (name, keys) => {
+    const all = [...keys, { ...keys[keys.length - 1], t: loop2, glide: false }];
+    const frames = all.map((k) => {
+      const props = [`transform:translateY(${k.y}px)`];
+      if (k.on !== void 0) props.push(`opacity:${k.on}`);
+      if (k.glide) props.push(k.on === 1 && keys[keys.indexOf(k) + 1]?.on === 0 ? FADE : GLIDE);
+      return `${pct(k.t)}{${props.join(";")}}`;
+    });
+    return `@keyframes ${name}{${frames.join("")}}`;
+  };
+  let d = 0;
+  const pieces = falls2.flatMap((f, i) => [block(`satin-tetris-f${i}`, f.keys), ...f.dots.map((dot) => block(`satin-tetris-d${d++}`, dot.keys))]);
+  const band = (x, on, ease = "") => `{transform:translateX(${x}%);opacity:${on}${ease}}`;
+  const sweeps = clears2.map((c) => c - T.lead).flatMap((t) => [
+    `${pct(t - 1)}${band(-100, 0)}`,
+    `${pct(t)}${band(-100, 1, ";animation-timing-function:ease")}`,
+    `${pct(t + T.sweep)}${band(100, 1, ";animation-timing-function:ease-out")}`,
+    `${pct(t + T.sweep + T.outro)}${band(100, 0)}`
+  ]);
+  const glimm = `@keyframes satin-tetris-glimm{0%${band(-100, 0)}${sweeps.join("")}100%${band(100, 0)}}`;
+  const text = (x, on, ease = "") => `{background-position:${x}% 0;opacity:${on}${ease}}`;
+  const textSweeps = clears2.map((c) => c - T.lead + T.textDelay).flatMap((t) => [
+    `${pct(t - 1)}${text(100, 0)}`,
+    `${pct(t)}${text(100, 1, ";animation-timing-function:ease")}`,
+    `${pct(t + T.textSweep)}${text(0, 1, ";animation-timing-function:ease-out")}`,
+    `${pct(t + T.textSweep + T.outro)}${text(0, 0)}`
+  ]);
+  const glimmText = `@keyframes satin-tetris-glimm-text{0%${text(100, 0)}${textSweeps.join("")}100%${text(0, 0)}}`;
+  return [...pieces, glimm, glimmText].join("\n");
+}
+var { falls, clears, loop } = playRounds();
+var css;
+function useTetrisKeyframes() {
+  React.useInsertionEffect(() => {
+    if (document.querySelector("style[data-satin-tetris]")) return;
+    const style = document.createElement("style");
+    style.dataset.satinTetris = "";
+    style.textContent = css ??= keyframes(falls, clears, loop);
+    document.head.append(style);
+  }, []);
+}
+var GRID = Array.from({ length: COLS * ROWS }, (_, i) => i);
+var TetrisMark = React.memo(function TetrisMark2({ glimmer = "color", className }) {
+  useTetrisKeyframes();
+  let d = 0;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-glimmer": glimmer,
+      className: cn("satin-tetris", className),
+      style: { "--satin-tetris-loop": `${loop}ms` },
+      children: /* @__PURE__ */ jsxs("span", { className: "satin-tetris__board", children: [
+        GRID.map((i) => /* @__PURE__ */ jsx("i", {}, i)),
+        falls.map((fall, f) => /* @__PURE__ */ jsx("span", { className: "satin-tetris__fall", style: { animationName: `satin-tetris-f${f}` }, children: fall.dots.map((dot) => /* @__PURE__ */ jsx("b", { style: { "--c": dot.col, "--r": dot.row, animationName: `satin-tetris-d${d++}` } }, d)) }, f)),
+        /* @__PURE__ */ jsx("span", { className: "satin-tetris__glimm", children: /* @__PURE__ */ jsx("span", {}) })
+      ] })
+    }
+  );
+});
+function TetrisStill({ className }) {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, "data-still": true, className: cn("satin-tetris", className), children: /* @__PURE__ */ jsx("span", { className: "satin-tetris__board", children: GRID.map((i) => /* @__PURE__ */ jsx("i", {}, i)) }) });
+}
+function TetrisLabel({ children, glimmer = "color", className }) {
+  useTetrisKeyframes();
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-glimmer": glimmer,
+      className: cn("satin-tetris-label", className),
+      style: { "--satin-tetris-loop": `${loop}ms` },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "satin-shimmer", children }),
+        /* @__PURE__ */ jsx("span", { className: "satin-tetris-label__glimm", "aria-hidden": true, children: /* @__PURE__ */ jsx("span", { children }) })
+      ]
+    }
+  );
+}
+function ShimmerLabel({ children, className }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("satin-shimmer", className), children });
+}
+var FLAPPY = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAa0lEQVR42mNgwA3+48BEAbDi/6+tUTBYDAiIMQhDM7IBMIDLIBQn4zMEl4v+owN0g8gyhJBB2A0BKUQGME1YvIUvtjBtxRYu4UoYGMMgeMAeZEfBMANISTcYhiAbhM8V2BMcFoPIScFEaQAAya9DoeSCRfcAAAAASUVORK5CYII=";
+var FLAPPY_PARTS = [
+  { role: "body", rect: [0, 17, 3, 0] },
+  { role: "body", rect: [3, 17, 8, 6] },
+  { role: "body", rect: [8, 17, 12, 0] },
+  { role: "wing", rect: [3, 6, 8, 0] }
+];
+function FlappySprite({ size = 16, run = true, className }) {
+  const cols = 17;
+  const rows = 12;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-run": run || void 0,
+      className: cn("satin-sprite", className),
+      style: { width: size, height: size, "--rows": rows, "--cols": cols },
+      children: /* @__PURE__ */ jsx("span", { className: "satin-sprite__frame", style: { width: size, height: size * rows / cols }, children: FLAPPY_PARTS.map(({ role, rect: [t, r, b, l] }, i) => /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: FLAPPY,
+          alt: "",
+          draggable: false,
+          "data-role": role,
+          className: "satin-sprite__part",
+          style: { clipPath: `inset(${t / rows * 100}% ${(1 - r / cols) * 100}% ${(1 - b / rows) * 100}% ${l / cols * 100}%)` }
+        },
+        i
+      )) })
+    }
+  );
+}
+function AgentLoading({ label = "Thinking\u2026", time, indicator = "tetris", glimmer = "color", className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "agent-loading", role: "status", "aria-live": "polite", className: cn("flex items-center gap-3 p-1", className), ...props, children: [
+    indicator === "flappy" ? /* @__PURE__ */ jsx(FlappySprite, { size: 16 }) : /* @__PURE__ */ jsx(TetrisMark, { glimmer }),
+    indicator === "tetris" ? /* @__PURE__ */ jsx(TetrisLabel, { glimmer, className: "text-sm whitespace-nowrap", children: label }) : /* @__PURE__ */ jsx(ShimmerLabel, { className: "text-sm whitespace-nowrap", children: label }),
+    time != null && /* @__PURE__ */ jsx("span", { className: "text-sm whitespace-nowrap text-text-subtle tabular-nums", children: time })
+  ] });
+}
+
+export { AgentLoading, FlappySprite, ShimmerLabel, TetrisLabel, TetrisMark, TetrisStill };
+//# sourceMappingURL=chunk-KNUWZNFV.js.map
+//# sourceMappingURL=chunk-KNUWZNFV.js.map

package/chunk-KNUWZNFV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/agent-loading.tsx"],"names":["falls","clears","loop","TetrisMark"],"mappings":"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","file":"chunk-KNUWZNFV.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * Loading: what shows while an agent works, before there is anything to read. The mark playing,\n * the label shimmering and the elapsed time in text/subtle, 12px apart, 4px padding (28 high),\n * announced politely to screen readers. Once the agent is done, Thinking takes its place.\n *\n * The agent's loading marks, from the uiKit: the tetris mark (uiKit \"tetris\", 3215:81593, beside\n * its label in thinkingHeader, 3215:81620) and the flappy bird (flappyAgent, 1215:69019).\n *\n * Tetris: the kit's grid of 5 × 4 dots on a 16px mark, tetrominoes falling into it a row at a\n * time. A full row fades back to the grid and what stood on it comes down; five rounds of five\n * pieces, each ending on an empty board. As a row clears a band of light crosses the dots (and\n * only the dots) and runs on through the label: `glimmer=\"color\"` is glimm.dev's prism,\n * `neutral` a band of text/default. Plain CSS animations on transform and opacity; the\n * keyframes are written from the script below into one <style>, put back on mount if a\n * router dropped it, the static rules are in\n * styles/components/agent-loading.css.\n *\n * Flappy: the 17 × 12 pixel bird running in place. It has one frame, so it is stacked as clipped\n * copies of itself — the body and the wing — and the wing and the whole bird step one sprite\n * pixel on a four-beat cycle.\n */\nexport type Glimmer = 'color' | 'neutral'\n\nconst COLS = 5\nconst ROWS = 4\n\n/** Every shape the game has, in every turn used here, as [row, col] from its top left. */\nconst PIECES = {\n  I: [[0, 0], [0, 1], [0, 2], [0, 3]],\n  'I|': [[0, 0], [1, 0], [2, 0], [3, 0]],\n  O: [[0, 0], [0, 1], [1, 0], [1, 1]],\n  T: [[0, 1], [1, 0], [1, 1], [1, 2]],\n  'T↓': [[0, 0], [0, 1], [0, 2], [1, 1]],\n  'T>': [[0, 0], [1, 0], [1, 1], [2, 0]],\n  'T<': [[0, 1], [1, 0], [1, 1], [2, 1]],\n  S: [[0, 1], [0, 2], [1, 0], [1, 1]],\n  'S|': [[0, 0], [1, 0], [1, 1], [2, 1]],\n  Z: [[0, 0], [0, 1], [1, 1], [1, 2]],\n  'Z|': [[0, 1], [1, 0], [1, 1], [2, 0]],\n  L: [[0, 2], [1, 0], [1, 1], [1, 2]],\n  'L|': [[0, 0], [1, 0], [2, 0], [2, 1]],\n  'L↓': [[0, 0], [0, 1], [0, 2], [1, 0]],\n  'L|↓': [[0, 0], [0, 1], [1, 1], [2, 1]],\n  J: [[0, 0], [1, 0], [1, 1], [1, 2]],\n  'J|': [[0, 1], [1, 1], [2, 0], [2, 1]],\n  'J↓': [[0, 0], [0, 1], [0, 2], [1, 2]],\n  'J|↓': [[0, 0], [0, 1], [1, 0], [2, 0]]\n} as const satisfies Record<string, readonly (readonly [number, number])[]>\n\ntype Piece = keyof typeof PIECES\n/** A piece and the column its left edge comes down. */\ntype Drop = [Piece, number]\n\n/**\n * Five rounds of five pieces each. Twenty dots fill the board exactly, so\n * every round ends empty — the last piece clears what is left — and the next\n * one starts on the bare grid. Between them the rounds use all seven shapes.\n */\nconst ROUNDS: Drop[][] = [\n  // after Figma's frames: two Js build a tower in the middle, then the sides fill in and it goes in two clears\n  [['J|', 1], ['J|↓', 1], ['O', 3], ['I|', 0], ['O', 3]],\n  // a square and an L lay the floor; four clears, nearly a row a piece\n  [['O', 0], ['L', 2], ['S', 2], ['J', 0], ['I', 1]],\n  // a T to start, a J standing in the corner, a bar laid over both\n  [['T', 0], ['J|', 3], ['I', 0], ['S', 2], ['L↓', 0]],\n  // a pillar on the left, an L and a J lean on it, a Z and a T close it\n  [['I|', 0], ['L|', 1], ['J↓', 2], ['Z|', 3], ['T↓', 1]],\n  // a bar off the left edge, a Z tucked under the gap, a square in the corner\n  [['I', 1], ['Z|', 0], ['J', 2], ['O', 3], ['L↓', 0]]\n]\n\n/** Milliseconds. One row of fall, the glide inside it, and everything between. */\nconst T = {\n  step: 90,\n  glide: 60,\n  /** after a piece rests, before a clear or the next piece */\n  lock: 220,\n  /** a cleared row fading back to the board */\n  clear: 260,\n  /** what was above it coming down */\n  settle: 200,\n  /** between the settle and the next piece */\n  next: 80,\n  /** the empty board between rounds */\n  rest: 150,\n  /** the glimm band crossing the mark at a clear, and its fade once across */\n  sweep: 520,\n  outro: 120,\n  /** how long before the fade the band sets off */\n  lead: 120,\n  /** the same band in the label: it picks up after the mark, a little slower across the longer text */\n  textDelay: 220,\n  textSweep: 600\n}\n\n/** One row down, in px — the Figma grid's 2 px dot and 1 px gap. */\nconst PITCH = 3\n\n/** A moment on a timeline: an offset down in px (and, for a dot, how visible); `glide` eases into the next key. */\ntype Key = { t: number; y: number; on?: number; glide?: boolean }\n/** A dot rests at its place on the board; its keys only move it down after a clear and fade it out. */\ntype Dot = { col: number; row: number; keys: Key[] }\n/** A piece falls as one: its keys bring its dots from above the board to where they rest. */\ntype Fall = { keys: Key[]; dots: Dot[] }\n\n/** Every piece of every round with its timeline over the whole loop, and the loop's length. */\nfunction playRounds(rounds: Drop[][] = ROUNDS): { falls: Fall[]; clears: number[]; loop: number } {\n  const falls: Fall[] = []\n  /** when each clear starts, for the glimm band */\n  const clears: number[] = []\n  let t = 0\n\n  for (const [n, round] of rounds.entries()) {\n    // where each resting dot is now, for collisions and clears\n    const board: { dot: Dot; row: number }[] = []\n\n    for (const [name, x] of round) {\n      const shape = PIECES[name]\n      const height = Math.max(...shape.map(([r]) => r)) + 1\n      const taken = (r: number, c: number) => r >= ROWS || board.some((b) => b.row === r && b.dot.col === c)\n      // the lowest top row it can rest at, falling straight down from above the board\n      let top = -height\n      while (!shape.some(([r, c]) => taken(top + 1 + r, x + c))) top++\n      if (shape.some(([r]) => top + r < 0)) throw new Error(`tetris round ${n + 1}: ${name} at ${x} sticks out of the top`)\n      if (shape.some(([, c]) => x + c >= COLS)) throw new Error(`tetris round ${n + 1}: ${name} at ${x} sticks out of the side`)\n\n      // from just above the board (clipped), a row a step: a quick glide, then a beat at rest\n      const rows = top + height\n      const fall: Fall = { keys: [{ t: 0, y: -rows * PITCH }], dots: [] }\n      for (let s = 0; s < rows; s++) {\n        fall.keys.push({ t, y: (s - rows) * PITCH, glide: true }, { t: t + T.glide, y: (s + 1 - rows) * PITCH })\n        t += T.step\n      }\n      for (const [r, c] of shape) {\n        const dot: Dot = { col: x + c, row: top + r, keys: [{ t: 0, y: 0, on: 1 }] }\n        fall.dots.push(dot)\n        board.push({ dot, row: dot.row })\n      }\n      falls.push(fall)\n      t += T.lock\n\n      const full = [...new Set(board.map((b) => b.row))].filter((r) => board.filter((b) => b.row === r).length === COLS)\n      if (!full.length) continue\n      clears.push(t)\n\n      // the full rows fade back to the board; what stood above them comes down\n      for (const { dot, row } of board.filter((b) => full.includes(b.row))) {\n        const y = (row - dot.row) * PITCH\n        dot.keys.push({ t, y, on: 1, glide: true }, { t: t + T.clear, y, on: 0 })\n      }\n      t += T.clear\n      const kept = board.filter((b) => !full.includes(b.row))\n      for (const b of kept) {\n        const down = full.filter((r) => r > b.row).length\n        if (!down) continue\n        b.dot.keys.push({ t, y: (b.row - b.dot.row) * PITCH, on: 1, glide: true }, { t: t + T.settle, y: (b.row + down - b.dot.row) * PITCH, on: 1 })\n        b.row += down\n      }\n      board.splice(0, board.length, ...kept)\n      t += T.settle + T.next\n    }\n\n    if (board.length) throw new Error(`tetris round ${n + 1} leaves ${board.length} dots on the board`)\n    t += T.rest\n  }\n\n  return { falls, clears, loop: t }\n}\n\n// movement on the kit's ease-out, a quick start that settles; a fade on plain ease, so the full row is seen going\nconst GLIDE = 'animation-timing-function:cubic-bezier(0.22,1,0.36,1)'\nconst FADE = 'animation-timing-function:ease'\n\n/**\n * The CSS: `satin-tetris-f<i>` for each piece's fall, `satin-tetris-d<i>` for each of its\n * dots, `satin-tetris-glimm` for the band on the mark and `satin-tetris-glimm-text` for\n * it in the label, over a loop of `loop` ms.\n *\n * The band (glimm.dev's sweep) crosses the mark left to right as a row\n * clears, on glimm's default `ease`, then fades out past the right edge; it\n * carries on into the label as the mark's sweep runs out. Between sweeps it\n * goes back invisible.\n */\nfunction keyframes(falls: Fall[], clears: number[], loop: number): string {\n  const pct = (t: number) => `${+((t / loop) * 100).toFixed(3)}%`\n  const block = (name: string, keys: Key[]) => {\n    const all = [...keys, { ...keys[keys.length - 1], t: loop, glide: false }]\n    const frames = all.map((k) => {\n      const props = [`transform:translateY(${k.y}px)`]\n      if (k.on !== undefined) props.push(`opacity:${k.on}`)\n      if (k.glide) props.push(k.on === 1 && keys[keys.indexOf(k) + 1]?.on === 0 ? FADE : GLIDE)\n      return `${pct(k.t)}{${props.join(';')}}`\n    })\n    return `@keyframes ${name}{${frames.join('')}}`\n  }\n  let d = 0\n  const pieces = falls.flatMap((f, i) => [block(`satin-tetris-f${i}`, f.keys), ...f.dots.map((dot) => block(`satin-tetris-d${d++}`, dot.keys))])\n  const band = (x: number, on: number, ease = '') => `{transform:translateX(${x}%);opacity:${on}${ease}}`\n  // it sets off a beat before the fade, so the light runs over the full row as it goes\n  const sweeps = clears.map((c) => c - T.lead).flatMap((t) => [\n    `${pct(t - 1)}${band(-100, 0)}`,\n    `${pct(t)}${band(-100, 1, ';animation-timing-function:ease')}`,\n    `${pct(t + T.sweep)}${band(100, 1, ';animation-timing-function:ease-out')}`,\n    `${pct(t + T.sweep + T.outro)}${band(100, 0)}`\n  ])\n  const glimm = `@keyframes satin-tetris-glimm{0%${band(-100, 0)}${sweeps.join('')}100%${band(100, 0)}}`\n  // in the label the band is a text-clipped background three widths wide: 100% is off the left, 0% off the right\n  const text = (x: number, on: number, ease = '') => `{background-position:${x}% 0;opacity:${on}${ease}}`\n  const textSweeps = clears.map((c) => c - T.lead + T.textDelay).flatMap((t) => [\n    `${pct(t - 1)}${text(100, 0)}`,\n    `${pct(t)}${text(100, 1, ';animation-timing-function:ease')}`,\n    `${pct(t + T.textSweep)}${text(0, 1, ';animation-timing-function:ease-out')}`,\n    `${pct(t + T.textSweep + T.outro)}${text(0, 0)}`\n  ])\n  const glimmText = `@keyframes satin-tetris-glimm-text{0%${text(100, 0)}${textSweeps.join('')}100%${text(0, 0)}}`\n  return [...pieces, glimm, glimmText].join('\\n')\n}\n\n\nconst { falls, clears, loop } = playRounds()\n\nlet css: string | undefined\n\n/**\n * Writes the keyframes into <head> if they aren't there. Called on every mount, not once per\n * module: routers that swap <head> on navigation (Astro's ClientRouter, for one) drop the\n * style, and the module never runs again, so a mark on the next page would stand still.\n */\nfunction useTetrisKeyframes() {\n  React.useInsertionEffect(() => {\n    if (document.querySelector('style[data-satin-tetris]')) return\n    const style = document.createElement('style')\n    style.dataset.satinTetris = ''\n    style.textContent = css ??= keyframes(falls, clears, loop)\n    document.head.append(style)\n  }, [])\n}\n\nconst GRID = Array.from({ length: COLS * ROWS }, (_, i) => i)\n\n/** The tetris mark. Memoised: its 125 animated elements never re-render with their parent. */\nexport const TetrisMark = React.memo(function TetrisMark({ glimmer = 'color', className }: { glimmer?: Glimmer; className?: string }) {\n  useTetrisKeyframes()\n  let d = 0\n  return (\n    <span\n      aria-hidden\n      data-glimmer={glimmer}\n      className={cn('satin-tetris', className)}\n      style={{ '--satin-tetris-loop': `${loop}ms` } as React.CSSProperties}\n    >\n      <span className=\"satin-tetris__board\">\n        {GRID.map((i) => (\n          <i key={i} />\n        ))}\n        {falls.map((fall, f) => (\n          <span key={f} className=\"satin-tetris__fall\" style={{ animationName: `satin-tetris-f${f}` }}>\n            {fall.dots.map((dot) => (\n              <b key={d} style={{ '--c': dot.col, '--r': dot.row, animationName: `satin-tetris-d${d++}` } as React.CSSProperties} />\n            ))}\n          </span>\n        ))}\n        <span className=\"satin-tetris__glimm\">\n          <span />\n        </span>\n      </span>\n    </span>\n  )\n})\n\n/** The tetris mark at rest, every dot filled: the finished header's mark. */\nexport function TetrisStill({ className }: { className?: string }) {\n  return (\n    <span aria-hidden data-still className={cn('satin-tetris', className)}>\n      <span className=\"satin-tetris__board\">\n        {GRID.map((i) => (\n          <i key={i} />\n        ))}\n      </span>\n    </span>\n  )\n}\n\n/**\n * The label beside the mark: a shimmer, and on top a copy of the text the band crosses after the\n * mark, on the same loop, so the light runs from the icon on through the word.\n */\nexport function TetrisLabel({ children, glimmer = 'color', className }: { children: React.ReactNode; glimmer?: Glimmer; className?: string }) {\n  useTetrisKeyframes()\n  return (\n    <span\n      data-glimmer={glimmer}\n      className={cn('satin-tetris-label', className)}\n      style={{ '--satin-tetris-loop': `${loop}ms` } as React.CSSProperties}\n    >\n      <span className=\"satin-shimmer\">{children}</span>\n      <span className=\"satin-tetris-label__glimm\" aria-hidden>\n        <span>{children}</span>\n      </span>\n    </span>\n  )\n}\n\n/** The label shimmer alone (a band of ink passing through muted text), for the flappy header. */\nexport function ShimmerLabel({ children, className }: { children: React.ReactNode; className?: string }) {\n  return <span className={cn('satin-shimmer', className)}>{children}</span>\n}\n\nconst FLAPPY = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAa0lEQVR42mNgwA3+48BEAbDi/6+tUTBYDAiIMQhDM7IBMIDLIBQn4zMEl4v+owN0g8gyhJBB2A0BKUQGME1YvIUvtjBtxRYu4UoYGMMgeMAeZEfBMANISTcYhiAbhM8V2BMcFoPIScFEaQAAya9DoeSCRfcAAAAASUVORK5CYII='\n// [top, right, bottom, left) in sprite pixels: the body in three bands around the wing, and the wing.\nconst FLAPPY_PARTS: { role: 'body' | 'wing'; rect: [number, number, number, number] }[] = [\n  { role: 'body', rect: [0, 17, 3, 0] },\n  { role: 'body', rect: [3, 17, 8, 6] },\n  { role: 'body', rect: [8, 17, 12, 0] },\n  { role: 'wing', rect: [3, 6, 8, 0] },\n]\n\n/** The flappy bird fitted into a `size` square; `run` plays the run in place. */\nexport function FlappySprite({ size = 16, run = true, className }: { size?: number; run?: boolean; className?: string }) {\n  const cols = 17\n  const rows = 12\n  return (\n    <span\n      aria-hidden\n      data-run={run || undefined}\n      className={cn('satin-sprite', className)}\n      style={{ width: size, height: size, '--rows': rows, '--cols': cols } as React.CSSProperties}\n    >\n      <span className=\"satin-sprite__frame\" style={{ width: size, height: (size * rows) / cols }}>\n        {FLAPPY_PARTS.map(({ role, rect: [t, r, b, l] }, i) => (\n          <img\n            key={i}\n            src={FLAPPY}\n            alt=\"\"\n            draggable={false}\n            data-role={role}\n            className=\"satin-sprite__part\"\n            style={{ clipPath: `inset(${(t / rows) * 100}% ${(1 - r / cols) * 100}% ${(1 - b / rows) * 100}% ${(l / cols) * 100}%)` }}\n          />\n        ))}\n      </span>\n    </span>\n  )\n}\n\n/** What runs beside the label: the tetris mark, or the flappy bird. */\nexport type AgentLoadingIndicator = 'tetris' | 'flappy'\n\nexport interface AgentLoadingProps extends React.ComponentProps<'div'> {\n  /** The live label. */\n  label?: React.ReactNode\n  /** Elapsed time after the label, e.g. \"1.2s\". */\n  time?: React.ReactNode\n  /** The mark beside the label. */\n  indicator?: AgentLoadingIndicator\n  /** The light that crosses the tetris mark and its label as rows clear: glimm's prism, or neutral. */\n  glimmer?: Glimmer\n}\n\nexport function AgentLoading({ label = 'Thinking…', time, indicator = 'tetris', glimmer = 'color', className, ...props }: AgentLoadingProps) {\n  return (\n    <div data-slot=\"agent-loading\" role=\"status\" aria-live=\"polite\" className={cn('flex items-center gap-3 p-1', className)} {...props}>\n      {indicator === 'flappy' ? <FlappySprite size={16} /> : <TetrisMark glimmer={glimmer} />}\n      {indicator === 'tetris' ? (\n        <TetrisLabel glimmer={glimmer} className=\"text-sm whitespace-nowrap\">\n          {label}\n        </TetrisLabel>\n      ) : (\n        <ShimmerLabel className=\"text-sm whitespace-nowrap\">{label}</ShimmerLabel>\n      )}\n      {time != null && <span className=\"text-sm whitespace-nowrap text-text-subtle tabular-nums\">{time}</span>}\n    </div>\n  )\n}\n"]}