@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-6OFWWIEG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command-trigger/command-trigger.tsx"],"sourcesContent":["import { forwardRef, type ComponentProps } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Kbd } from \"../kbd\";\n\nexport interface CommandTriggerProps extends ComponentProps<\"button\"> {\n  /** The visible and announced label. Defaults to \"Search\". */\n  label?: string;\n  /** The shortcut hint. Defaults to the platform-correct ⌘ K / Ctrl K. */\n  shortcut?: string;\n}\n\nfunction platformShortcut(): string {\n  if (typeof navigator === \"undefined\") return \"Ctrl K\";\n  // `userAgentData.platform` where available, else the legacy string. Both are\n  // hints, not guarantees — the trigger is a hint too, so a wrong guess is cosmetic.\n  const platform =\n    (navigator as { userAgentData?: { platform?: string } }).userAgentData?.platform ??\n    navigator.platform ??\n    \"\";\n  return /mac|iphone|ipad/i.test(platform) ? \"⌘ K\" : \"Ctrl K\";\n}\n\n/**\n * The command-palette opener, shaped like a search field: label left, shortcut\n * pinned right, collapsing to the icon alone under `sm`.\n *\n * The button’s accessible name comes entirely from `aria-label` — that is what\n * stops the `Kbd`’s shortcut glyph from concatenating into it (#117); a\n * non-empty `aria-label` short-circuits accessible-name computation before the\n * DOM is ever consulted. The visible label and the `Kbd` are ALSO marked\n * `aria-hidden`, per `accessibility.md`, as defence in depth: if `aria-label`\n * is ever dropped, that turns a silent regression into a loud one — an empty\n * accessible name rather than a plausible wrong one. They do not do the work\n * themselves.\n *\n * `shortcut` reads `navigator` at render time when omitted, which can differ\n * between server and client — a consumer that server-renders this component\n * should pass `shortcut` explicitly to avoid a hydration mismatch.\n */\nexport const CommandTrigger = forwardRef<HTMLButtonElement, CommandTriggerProps>(\n  function CommandTrigger({ label = \"Search\", shortcut, className, ...props }, ref) {\n    const hint = shortcut ?? platformShortcut();\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"command-trigger\"\n        aria-label={label}\n        className={cn(\n          \"inline-flex h-8 items-center gap-2 rounded-md border border-input bg-background px-2 text-body text-muted-foreground\",\n          \"hover:bg-accent hover:text-accent-foreground focus-ring focus-visible:border-input-focus\",\n          \"sm:w-56 sm:justify-between sm:ps-2 sm:pe-1.5\",\n          className,\n        )}\n        {...props}\n      >\n        <span className=\"flex min-w-0 items-center gap-2\">\n          <Search aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n          <span aria-hidden=\"true\" className=\"hidden truncate sm:inline\">\n            {label}\n          </span>\n        </span>\n        <Kbd aria-hidden=\"true\" className=\"hidden sm:inline-flex\">\n          {hint}\n        </Kbd>\n      </button>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAAA,SAAS,kBAAuC;AAChD,SAAS,cAAc;AAwDf,SACE,KADF;AA7CR,SAAS,mBAA2B;AAClC,MAAI,OAAO,cAAc,YAAa,QAAO;AAG7C,QAAM,WACH,UAAwD,eAAe,YACxE,UAAU,YACV;AACF,SAAO,mBAAmB,KAAK,QAAQ,IAAI,aAAQ;AACrD;AAmBO,IAAM,iBAAiB;AAAA,EAC5B,SAASA,gBAAe,EAAE,QAAQ,UAAU,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AAChF,UAAM,OAAO,YAAY,iBAAiB;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,aAAU;AAAA,QACV,cAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,+BAAC,UAAK,WAAU,mCACd;AAAA,gCAAC,UAAO,eAAY,QAAO,WAAU,mBAAkB;AAAA,YACvD,oBAAC,UAAK,eAAY,QAAO,WAAU,6BAChC,iBACH;AAAA,aACF;AAAA,UACA,oBAAC,OAAI,eAAY,QAAO,WAAU,yBAC/B,gBACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":["CommandTrigger"]}

package/dist/chunk-6OPDRLMU.js

@@ -0,0 +1,158 @@
+"use client";
+import {
+  Kbd
+} from "./chunk-5V5J7APL.js";
+import {
+  StatePanel
+} from "./chunk-BLNXHETI.js";
+import {
+  Input
+} from "./chunk-XYACSO57.js";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-B5QQLMEE.js";
+import {
+  Badge
+} from "./chunk-ECCNRCC4.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/keyboard-shortcuts/keyboard-shortcuts.tsx
+import { forwardRef, useId, useMemo, useState } from "react";
+import { ChevronDown, Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function matchesQuery(shortcut, normalizedQuery) {
+  if (shortcut.action.toLowerCase().includes(normalizedQuery)) return true;
+  return shortcut.keys.some((key) => key.toLowerCase().includes(normalizedQuery));
+}
+var KeyboardShortcuts = forwardRef(
+  function KeyboardShortcuts2({ groups, searchable = true, query: queryProp, onQueryChange, className, ...props }, ref) {
+    const isControlled = queryProp !== void 0;
+    const [internalQuery, setInternalQuery] = useState("");
+    const query = isControlled ? queryProp : internalQuery;
+    const normalizedQuery = query.trim().toLowerCase();
+    const isFiltering = normalizedQuery.length > 0;
+    const { t } = useLocale();
+    const searchId = useId();
+    const setQuery = (next) => {
+      if (!isControlled) setInternalQuery(next);
+      onQueryChange?.(next);
+    };
+    const filteredGroups = useMemo(() => {
+      return groups.map((group) => ({
+        group,
+        items: isFiltering ? group.items.filter((item) => matchesQuery(item, normalizedQuery)) : group.items
+      })).filter(({ items }) => items.length > 0);
+    }, [groups, isFiltering, normalizedQuery]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "keyboard-shortcuts",
+        className: cn("flex flex-col gap-4", className),
+        ...props,
+        children: [
+          searchable && /* @__PURE__ */ jsxs("div", { "data-slot": "keyboard-shortcuts-search", className: "relative", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: searchId, className: "sr-only", children: "Search shortcuts" }),
+            /* @__PURE__ */ jsx(
+              Search,
+              {
+                "aria-hidden": "true",
+                className: "pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: searchId,
+                type: "search",
+                autoComplete: "off",
+                placeholder: t("ui.keyboardShortcuts.searchPlaceholder"),
+                value: query,
+                onChange: (event) => setQuery(event.target.value),
+                className: "ps-8"
+              }
+            )
+          ] }),
+          filteredGroups.length === 0 ? /* @__PURE__ */ jsx("div", { "data-slot": "keyboard-shortcuts-empty", children: /* @__PURE__ */ jsx(
+            StatePanel,
+            {
+              kind: "empty",
+              title: t("ui.keyboardShortcuts.emptyTitle"),
+              description: isFiltering ? t("ui.keyboardShortcuts.emptyFiltered", { query: query.trim() }) : t("ui.keyboardShortcuts.empty")
+            }
+          ) }) : /* @__PURE__ */ jsx("div", { "data-slot": "keyboard-shortcuts-groups", className: "flex flex-col gap-2", children: filteredGroups.map(({ group, items }) => /* @__PURE__ */ jsx(
+            ShortcutGroupItem,
+            {
+              group,
+              items,
+              forceOpen: isFiltering
+            },
+            group.id
+          )) })
+        ]
+      }
+    );
+  }
+);
+function ShortcutGroupItem({ group, items, forceOpen }) {
+  const [open, setOpen] = useState(group.defaultOpen ?? false);
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      "data-slot": "keyboard-shortcuts-group",
+      open: forceOpen || open,
+      onOpenChange: setOpen,
+      className: "rounded-md border",
+      children: [
+        /* @__PURE__ */ jsxs(
+          CollapsibleTrigger,
+          {
+            "data-slot": "keyboard-shortcuts-group-trigger",
+            className: cn(
+              "flex w-full items-center justify-between gap-2 rounded-md px-3 py-2 text-start",
+              "focus-ring",
+              "[&[data-state=open]>svg]:rotate-180"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-foreground", children: group.label }),
+                /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: items.length })
+              ] }),
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  "aria-hidden": "true",
+                  className: "size-4 shrink-0 text-muted-foreground transition-transform duration-base ease-standard"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(CollapsibleContent, { "data-slot": "keyboard-shortcuts-group-content", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1 px-3 pb-3", children: items.map((item, index) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            "data-slot": "keyboard-shortcuts-item",
+            className: "flex items-center justify-between gap-4 py-1",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-body text-muted-foreground", children: item.action }),
+              /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: item.keys.map((key, keyIndex) => /* @__PURE__ */ jsx(Kbd, { children: key }, `${key}-${keyIndex}`)) })
+            ]
+          },
+          `${item.action}-${index}`
+        )) }) })
+      ]
+    }
+  );
+}
+
+export {
+  KeyboardShortcuts
+};
+//# sourceMappingURL=chunk-6OPDRLMU.js.map

package/dist/chunk-6OPDRLMU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/keyboard-shortcuts/keyboard-shortcuts.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useMemo, useState, type ComponentProps } from \"react\";\nimport { ChevronDown, Search } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Badge } from \"../badge\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"../collapsible\";\nimport { Input } from \"../input\";\nimport { Kbd } from \"../kbd\";\nimport { useLocale } from \"../locale-provider\";\nimport { StatePanel } from \"../state-panel\";\n\n/** One keyboard shortcut: the action it performs and its ordered key tokens. */\nexport interface Shortcut {\n  action: string;\n  /** Ordered key tokens, e.g. `[\"⌘\", \"K\"]`. Rendered via {@link Kbd}. */\n  keys: string[];\n}\n\n/**\n * A named group of shortcuts. There is deliberately no `count` field — the\n * displayed count is always derived from `items.length`, never supplied by\n * the caller (see issue #113: brainless, the upstream this was adapted from,\n * shipped a `count` with no `items`, an honestly-unverifiable number).\n */\nexport interface ShortcutGroup {\n  id: string;\n  label: string;\n  items: Shortcut[];\n  /** Whether this group starts expanded when search is inactive. @default false */\n  defaultOpen?: boolean;\n}\n\nexport interface KeyboardShortcutsProps extends Omit<ComponentProps<\"div\">, \"onChange\"> {\n  groups: ShortcutGroup[];\n  /** Show the built-in search field. @default true */\n  searchable?: boolean;\n  /** Controlled search query, if the app owns it. */\n  query?: string;\n  onQueryChange?: (query: string) => void;\n}\n\nfunction matchesQuery(shortcut: Shortcut, normalizedQuery: string): boolean {\n  if (shortcut.action.toLowerCase().includes(normalizedQuery)) return true;\n  return shortcut.keys.some((key) => key.toLowerCase().includes(normalizedQuery));\n}\n\ninterface FilteredGroup {\n  group: ShortcutGroup;\n  items: Shortcut[];\n}\n\n/**\n * A grouped, searchable presentation of a shortcut set. Renders **content\n * only** — the app supplies the `Dialog`/`Sheet` shell, so the same\n * component works in a modal, a settings page or a sidebar.\n *\n * Group counts are always derived from `items.length` (or the number of\n * matching items while a search is active) — never a value passed in.\n */\nexport const KeyboardShortcuts = forwardRef<HTMLDivElement, KeyboardShortcutsProps>(\n  function KeyboardShortcuts(\n    { groups, searchable = true, query: queryProp, onQueryChange, className, ...props },\n    ref,\n  ) {\n    const isControlled = queryProp !== undefined;\n    const [internalQuery, setInternalQuery] = useState(\"\");\n    const query = isControlled ? queryProp : internalQuery;\n    const normalizedQuery = query.trim().toLowerCase();\n    const isFiltering = normalizedQuery.length > 0;\n    const { t } = useLocale();\n    const searchId = useId();\n\n    const setQuery = (next: string) => {\n      if (!isControlled) setInternalQuery(next);\n      onQueryChange?.(next);\n    };\n\n    const filteredGroups = useMemo<FilteredGroup[]>(() => {\n      return groups\n        .map((group) => ({\n          group,\n          items: isFiltering\n            ? group.items.filter((item) => matchesQuery(item, normalizedQuery))\n            : group.items,\n        }))\n        .filter(({ items }) => items.length > 0);\n    }, [groups, isFiltering, normalizedQuery]);\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"keyboard-shortcuts\"\n        className={cn(\"flex flex-col gap-4\", className)}\n        {...props}\n      >\n        {searchable && (\n          <div data-slot=\"keyboard-shortcuts-search\" className=\"relative\">\n            <label htmlFor={searchId} className=\"sr-only\">\n              Search shortcuts\n            </label>\n            <Search\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground\"\n            />\n            <Input\n              id={searchId}\n              type=\"search\"\n              autoComplete=\"off\"\n              placeholder={t(\"ui.keyboardShortcuts.searchPlaceholder\")}\n              value={query}\n              onChange={(event) => setQuery(event.target.value)}\n              className=\"ps-8\"\n            />\n          </div>\n        )}\n\n        {filteredGroups.length === 0 ? (\n          <div data-slot=\"keyboard-shortcuts-empty\">\n            <StatePanel\n              kind=\"empty\"\n              title={t(\"ui.keyboardShortcuts.emptyTitle\")}\n              description={\n                isFiltering\n                  ? t(\"ui.keyboardShortcuts.emptyFiltered\", { query: query.trim() })\n                  : t(\"ui.keyboardShortcuts.empty\")\n              }\n            />\n          </div>\n        ) : (\n          <div data-slot=\"keyboard-shortcuts-groups\" className=\"flex flex-col gap-2\">\n            {filteredGroups.map(({ group, items }) => (\n              <ShortcutGroupItem\n                key={group.id}\n                group={group}\n                items={items}\n                forceOpen={isFiltering}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\ninterface ShortcutGroupItemProps {\n  group: ShortcutGroup;\n  /** Items to display — the full group, or the subset matching the active search. */\n  items: Shortcut[];\n  /** Force the group open (search is active) without discarding the user's manual toggle. */\n  forceOpen: boolean;\n}\n\nfunction ShortcutGroupItem({ group, items, forceOpen }: ShortcutGroupItemProps) {\n  const [open, setOpen] = useState(group.defaultOpen ?? false);\n\n  return (\n    <Collapsible\n      data-slot=\"keyboard-shortcuts-group\"\n      open={forceOpen || open}\n      onOpenChange={setOpen}\n      className=\"rounded-md border\"\n    >\n      <CollapsibleTrigger\n        data-slot=\"keyboard-shortcuts-group-trigger\"\n        className={cn(\n          \"flex w-full items-center justify-between gap-2 rounded-md px-3 py-2 text-start\",\n          \"focus-ring\",\n          \"[&[data-state=open]>svg]:rotate-180\",\n        )}\n      >\n        <span className=\"flex items-center gap-2\">\n          <span className=\"text-body font-medium text-foreground\">{group.label}</span>\n          {/* Derived from items.length — never a caller-supplied count (see #113). */}\n          <Badge variant=\"secondary\">{items.length}</Badge>\n        </span>\n        <ChevronDown\n          aria-hidden=\"true\"\n          className=\"size-4 shrink-0 text-muted-foreground transition-transform duration-base ease-standard\"\n        />\n      </CollapsibleTrigger>\n      <CollapsibleContent data-slot=\"keyboard-shortcuts-group-content\">\n        <ul className=\"flex flex-col gap-1 px-3 pb-3\">\n          {items.map((item, index) => (\n            <li\n              key={`${item.action}-${index}`}\n              data-slot=\"keyboard-shortcuts-item\"\n              className=\"flex items-center justify-between gap-4 py-1\"\n            >\n              <span className=\"text-body text-muted-foreground\">{item.action}</span>\n              <span className=\"flex items-center gap-1\">\n                {item.keys.map((key, keyIndex) => (\n                  <Kbd key={`${key}-${keyIndex}`}>{key}</Kbd>\n                ))}\n              </span>\n            </li>\n          ))}\n        </ul>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"mappings":"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","names":["KeyboardShortcuts"]}

package/dist/chunk-6QU7OVFA.js

@@ -0,0 +1,357 @@
+"use client";
+import {
+  RevealOnEnter
+} from "./chunk-G3OTDYCD.js";
+import {
+  isMotionAtFloor,
+  readMotionFactor
+} from "./chunk-3JAEQNCB.js";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "./chunk-HRYH7XQP.js";
+import {
+  CommandChip
+} from "./chunk-IHMFEPIT.js";
+import {
+  useCopyToClipboard
+} from "./chunk-FBJ2JSRA.js";
+import {
+  Card
+} from "./chunk-URVAZW44.js";
+import {
+  Skeleton
+} from "./chunk-JNWXHPZG.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/surface-tour/surface-tour.tsx
+import {
+  forwardRef,
+  Suspense,
+  useCallback,
+  useEffect,
+  useId,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+import { Check, Copy } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var HINT_DELAY_MS = 800;
+function hintSeen(key) {
+  try {
+    return window.sessionStorage.getItem(key) === "1";
+  } catch {
+    return false;
+  }
+}
+function markHintSeen(key) {
+  try {
+    window.sessionStorage.setItem(key, "1");
+  } catch {
+  }
+}
+var AffordanceHint = forwardRef(
+  function AffordanceHint2({ storageKey, delay = HINT_DELAY_MS, className, children, ...props }, ref) {
+    const innerRef = useRef(null);
+    useImperativeHandle(ref, () => innerRef.current, []);
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+      const el = innerRef.current;
+      const host = el?.parentElement;
+      if (!el || !host || hintSeen(storageKey)) return;
+      const wait = isMotionAtFloor(readMotionFactor(el)) ? 0 : delay;
+      const timer = window.setTimeout(() => {
+        markHintSeen(storageKey);
+        setVisible(true);
+      }, wait);
+      const dismiss = () => {
+        window.clearTimeout(timer);
+        markHintSeen(storageKey);
+        setVisible(false);
+        host.removeEventListener("pointerdown", dismiss, true);
+        host.removeEventListener("keydown", dismiss, true);
+      };
+      host.addEventListener("pointerdown", dismiss, true);
+      host.addEventListener("keydown", dismiss, true);
+      return () => {
+        window.clearTimeout(timer);
+        host.removeEventListener("pointerdown", dismiss, true);
+        host.removeEventListener("keydown", dismiss, true);
+      };
+    }, [storageKey, delay]);
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: innerRef,
+        "aria-hidden": "true",
+        "data-slot": "affordance-hint",
+        "data-visible": visible ? "" : void 0,
+        className: cn(
+          "pointer-events-none absolute end-3 top-3 z-10 rounded-full bg-primary px-2.5 py-1 text-meta text-primary-foreground shadow-ring-sm transition-opacity duration-base ease-standard",
+          visible ? "opacity-100" : "opacity-0",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var DEFAULT_SURFACE_TOUR_ACTIONS_LABELS = {
+  openInStorybook: "Open in Storybook",
+  copyPrompt: "Copy prompt",
+  promptCopied: "Prompt copied",
+  promptCopyFailed: "Could not copy the prompt",
+  scaffold: "Scaffold",
+  copyCommand: "Copy scaffold command"
+};
+var SurfaceTourActions = forwardRef(
+  function SurfaceTourActions2({ storybookHref, prompt, command, labels: labelsProp, className, ...props }, ref) {
+    const labels = { ...DEFAULT_SURFACE_TOUR_ACTIONS_LABELS, ...labelsProp };
+    const { copied, copy } = useCopyToClipboard();
+    const [failed, setFailed] = useState(false);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "surface-tour-actions",
+        className: cn("flex min-w-0 flex-wrap items-center gap-2", className),
+        ...props,
+        children: [
+          storybookHref ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx("a", { href: storybookHref, "data-slot": "surface-tour-actions-storybook", children: labels.openInStorybook }) }) : null,
+          prompt ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              "data-slot": "surface-tour-actions-prompt",
+              "data-copied": copied ? "" : void 0,
+              onClick: () => {
+                void copy(prompt).then((ok) => setFailed(!ok));
+              },
+              children: [
+                copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true" }),
+                labels.copyPrompt
+              ]
+            }
+          ) : null,
+          command ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 max-w-full items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: labels.scaffold }),
+            /* @__PURE__ */ jsx(
+              CommandChip,
+              {
+                className: "min-w-0",
+                hosts: [{ id: "scaffold", label: labels.scaffold, command }],
+                labels: { copy: labels.copyCommand }
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: copied ? labels.promptCopied : failed ? labels.promptCopyFailed : "" })
+        ]
+      }
+    );
+  }
+);
+function transitionMs(el) {
+  if (!el || typeof window === "undefined") return 0;
+  const raw = window.getComputedStyle(el).transitionDuration.split(",")[0]?.trim() ?? "";
+  const value = parseFloat(raw);
+  if (!Number.isFinite(value)) return 0;
+  return raw.endsWith("ms") ? value : value * 1e3;
+}
+function readHash(hashKey) {
+  const match = new RegExp(`^#${hashKey}=([^&]+)$`).exec(window.location.hash);
+  return match?.[1] ? decodeURIComponent(match[1]) : null;
+}
+var SurfaceTour = forwardRef(function SurfaceTour2({
+  tabs,
+  defaultTab,
+  onTabChange,
+  title,
+  description,
+  hashKey,
+  frameClassName,
+  className,
+  ...props
+}, ref) {
+  const rootRef = useRef(null);
+  useImperativeHandle(ref, () => rootRef.current, []);
+  const titleId = useId();
+  const initial = tabs.find((t) => t.id === defaultTab)?.id ?? tabs[0]?.id ?? "";
+  const [active, setActive] = useState(initial);
+  const [layers, setLayers] = useState([{ id: initial, leaving: false, entering: false }]);
+  const frameRef = useRef(null);
+  const prefetched = useRef(/* @__PURE__ */ new Set());
+  const prefetch = useCallback((tab) => {
+    if (!tab.prefetch || prefetched.current.has(tab.id)) return;
+    prefetched.current.add(tab.id);
+    tab.prefetch();
+  }, []);
+  const select = useCallback(
+    (id, { fromHash = false } = {}) => {
+      if (id === active || !tabs.some((t) => t.id === id)) return;
+      setLayers([
+        { id: active, leaving: true, entering: false },
+        { id, leaving: false, entering: !fromHash }
+      ]);
+      setActive(id);
+      if (hashKey && !fromHash && typeof window !== "undefined") {
+        const { pathname, search } = window.location;
+        window.history.replaceState(
+          window.history.state,
+          "",
+          `${pathname}${search}#${hashKey}=${encodeURIComponent(id)}`
+        );
+      }
+      onTabChange?.(id);
+    },
+    [active, tabs, hashKey, onTabChange]
+  );
+  useEffect(() => {
+    if (!hashKey) return;
+    const id = readHash(hashKey);
+    if (id && tabs.some((t) => t.id === id)) {
+      select(id, { fromHash: true });
+      rootRef.current?.scrollIntoView({ block: "start" });
+    }
+  }, []);
+  useEffect(() => {
+    if (!layers.some((l) => l.leaving)) return;
+    const ms = transitionMs(frameRef.current?.querySelector("[data-leaving]") ?? null);
+    const done = () => setLayers((current) => current.filter((l) => !l.leaving));
+    if (ms <= 1) {
+      done();
+      return;
+    }
+    const timer = window.setTimeout(done, ms);
+    return () => window.clearTimeout(timer);
+  }, [layers]);
+  useEffect(() => {
+    const frame = frameRef.current;
+    if (!frame || typeof ResizeObserver !== "function") return;
+    let tallest = 0;
+    const observer = new ResizeObserver(() => {
+      const height = frame.getBoundingClientRect().height;
+      if (height > tallest) {
+        tallest = height;
+        frame.style.minHeight = `${Math.ceil(height)}px`;
+      }
+    });
+    observer.observe(frame);
+    return () => observer.disconnect();
+  }, []);
+  const activeTab = tabs.find((t) => t.id === active);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref: rootRef,
+      "data-slot": "surface-tour",
+      "aria-labelledby": title ? titleId : void 0,
+      className: cn("flex w-full min-w-0 flex-col gap-6", className),
+      ...props,
+      children: [
+        title || description ? /* @__PURE__ */ jsxs(RevealOnEnter, { as: "header", "data-slot": "surface-tour-header", className: "flex flex-col gap-2", children: [
+          title ? /* @__PURE__ */ jsx("h2", { id: titleId, className: "text-display text-foreground", children: title }) : null,
+          description ? /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: description }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxs(
+          Tabs,
+          {
+            value: active,
+            onValueChange: (id) => select(id),
+            className: "flex min-w-0 flex-col gap-4",
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-slot": "surface-tour-tabs",
+                  className: cn(
+                    "sticky z-20 bg-background py-2",
+                    // Overflow affordance on narrow screens: the strip scrolls, the end edge fades.
+                    "max-md:after:pointer-events-none max-md:after:absolute max-md:after:inset-y-0 max-md:after:end-0 max-md:after:w-10 max-md:after:from-background ltr:max-md:after:bg-linear-to-l rtl:max-md:after:bg-linear-to-r"
+                  ),
+                  style: { top: "var(--surface-tour-sticky-top, 0px)" },
+                  children: /* @__PURE__ */ jsx(TabsList, { className: "w-full justify-start md:w-auto", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+                    TabsTrigger,
+                    {
+                      value: tab.id,
+                      onPointerEnter: () => prefetch(tab),
+                      onFocus: () => prefetch(tab),
+                      children: tab.label
+                    },
+                    tab.id
+                  )) })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Card,
+                {
+                  ref: frameRef,
+                  "data-slot": "surface-tour-frame",
+                  className: cn("relative grid min-h-96 overflow-hidden p-0 shadow-md", frameClassName),
+                  children: tabs.map((tab) => {
+                    const layer = layers.find((l) => l.id === tab.id);
+                    return /* @__PURE__ */ jsx(
+                      TabsContent,
+                      {
+                        value: tab.id,
+                        forceMount: true,
+                        hidden: !layer,
+                        inert: layer?.leaving || void 0,
+                        "aria-hidden": layer?.leaving || void 0,
+                        "data-leaving": layer?.leaving ? "" : void 0,
+                        className: cn(
+                          "relative col-start-1 row-start-1 mt-0 min-h-0 min-w-0 transition-opacity duration-base ease-standard",
+                          layer?.leaving && "pointer-events-none opacity-0",
+                          layer?.entering && "starting:opacity-0"
+                        ),
+                        children: layer ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(
+                            Suspense,
+                            {
+                              fallback: tab.fallback ?? /* @__PURE__ */ jsx(Skeleton, { className: "size-full min-h-96" }),
+                              children: tab.render()
+                            }
+                          ),
+                          tab.hint && !layer.leaving ? /* @__PURE__ */ jsx(
+                            AffordanceHint,
+                            {
+                              storageKey: `surface-tour-hint:${hashKey ?? "tour"}:${tab.id}`,
+                              children: tab.hint
+                            }
+                          ) : null
+                        ] }) : null
+                      },
+                      tab.id
+                    );
+                  })
+                }
+              ),
+              activeTab?.useCase || activeTab?.actions ? /* @__PURE__ */ jsxs("div", { "data-slot": "surface-tour-footer", className: "flex min-w-0 flex-col gap-3", children: [
+                activeTab.useCase ? /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: activeTab.useCase }) : null,
+                activeTab.actions
+              ] }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+
+export {
+  AffordanceHint,
+  DEFAULT_SURFACE_TOUR_ACTIONS_LABELS,
+  SurfaceTourActions,
+  SurfaceTour
+};
+//# sourceMappingURL=chunk-6QU7OVFA.js.map

package/dist/chunk-6QU7OVFA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/surface-tour/surface-tour.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  Suspense,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Check, Copy } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useCopyToClipboard } from \"../../lib/use-copy-to-clipboard\";\nimport { isMotionAtFloor, readMotionFactor } from \"../../lib/use-scroll-progress\";\nimport { Button } from \"../button\";\nimport { Card } from \"../card\";\nimport { CommandChip } from \"../command-chip\";\nimport { RevealOnEnter } from \"../reveal-on-enter\";\nimport { Skeleton } from \"../skeleton\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"../tabs\";\n\n// ─────────────────────────────── AffordanceHint ───────────────────────────────\n\nconst HINT_DELAY_MS = 800;\n\nfunction hintSeen(key: string): boolean {\n  try {\n    return window.sessionStorage.getItem(key) === \"1\";\n  } catch {\n    return false;\n  }\n}\n\nfunction markHintSeen(key: string) {\n  try {\n    window.sessionStorage.setItem(key, \"1\");\n  } catch {\n    // Storage blocked (private mode, sandboxed iframe): the hint may show again. Harmless.\n  }\n}\n\nexport interface AffordanceHintProps extends HTMLAttributes<HTMLSpanElement> {\n  /** `sessionStorage` key: once the hint has shown (or the visitor interacted), it never returns this session. */\n  storageKey: string;\n  /** ms after mount before the hint appears; skipped entirely when the motion gate is closed. Default 800. */\n  delay?: number;\n}\n\n/**\n * A one-time visual nudge (\"Drag a tile\") pinned in the corner of its positioned parent. It\n * appears `delay` ms after mounting (at once when motion is reduced), leaves on the first\n * `pointerdown`/`keydown` inside that parent, and shows once per `storageKey` per session. It is\n * `aria-hidden` — the surface it points at is accessible on its own; this is a visual cue only.\n */\nexport const AffordanceHint = forwardRef<HTMLSpanElement, AffordanceHintProps>(\n  function AffordanceHint(\n    { storageKey, delay = HINT_DELAY_MS, className, children, ...props },\n    ref,\n  ) {\n    const innerRef = useRef<HTMLSpanElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLSpanElement, []);\n    const [visible, setVisible] = useState(false);\n\n    useEffect(() => {\n      const el = innerRef.current;\n      const host = el?.parentElement;\n      if (!el || !host || hintSeen(storageKey)) return;\n      const wait = isMotionAtFloor(readMotionFactor(el)) ? 0 : delay;\n      const timer = window.setTimeout(() => {\n        markHintSeen(storageKey);\n        setVisible(true);\n      }, wait);\n      const dismiss = () => {\n        window.clearTimeout(timer);\n        markHintSeen(storageKey);\n        setVisible(false);\n        host.removeEventListener(\"pointerdown\", dismiss, true);\n        host.removeEventListener(\"keydown\", dismiss, true);\n      };\n      host.addEventListener(\"pointerdown\", dismiss, true);\n      host.addEventListener(\"keydown\", dismiss, true);\n      return () => {\n        window.clearTimeout(timer);\n        host.removeEventListener(\"pointerdown\", dismiss, true);\n        host.removeEventListener(\"keydown\", dismiss, true);\n      };\n    }, [storageKey, delay]);\n\n    return (\n      <span\n        ref={innerRef}\n        aria-hidden=\"true\"\n        data-slot=\"affordance-hint\"\n        data-visible={visible ? \"\" : undefined}\n        className={cn(\n          \"pointer-events-none absolute end-3 top-3 z-10 rounded-full bg-primary px-2.5 py-1 text-meta text-primary-foreground shadow-ring-sm transition-opacity duration-base ease-standard\",\n          visible ? \"opacity-100\" : \"opacity-0\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\n// ───────────────────────────── SurfaceTourActions ─────────────────────────────\n\n/** Every string the actions row renders — pass your own to localize it. */\nexport interface SurfaceTourActionsLabels {\n  openInStorybook: string;\n  copyPrompt: string;\n  promptCopied: string;\n  promptCopyFailed: string;\n  scaffold: string;\n  copyCommand: string;\n}\n\nexport const DEFAULT_SURFACE_TOUR_ACTIONS_LABELS: SurfaceTourActionsLabels = {\n  openInStorybook: \"Open in Storybook\",\n  copyPrompt: \"Copy prompt\",\n  promptCopied: \"Prompt copied\",\n  promptCopyFailed: \"Could not copy the prompt\",\n  scaffold: \"Scaffold\",\n  copyCommand: \"Copy scaffold command\",\n};\n\nexport interface SurfaceTourActionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** Where \"Open in Storybook\" goes. Omit to hide the link. */\n  storybookHref?: string;\n  /** The (multi-line) prompt \"Copy prompt\" writes to the clipboard. Omit to hide the button. */\n  prompt?: string;\n  /** The scaffold command shown in a copyable chip. Omit to hide the chip. */\n  command?: string;\n  /** Override any rendered string. */\n  labels?: Partial<SurfaceTourActionsLabels>;\n}\n\n/** The per-surface actions row: open the story, copy an agent prompt, copy the scaffold command. */\nexport const SurfaceTourActions = forwardRef<HTMLDivElement, SurfaceTourActionsProps>(\n  function SurfaceTourActions(\n    { storybookHref, prompt, command, labels: labelsProp, className, ...props },\n    ref,\n  ) {\n    const labels = { ...DEFAULT_SURFACE_TOUR_ACTIONS_LABELS, ...labelsProp };\n    const { copied, copy } = useCopyToClipboard();\n    const [failed, setFailed] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"surface-tour-actions\"\n        className={cn(\"flex min-w-0 flex-wrap items-center gap-2\", className)}\n        {...props}\n      >\n        {storybookHref ? (\n          <Button asChild variant=\"outline\" size=\"sm\">\n            <a href={storybookHref} data-slot=\"surface-tour-actions-storybook\">\n              {labels.openInStorybook}\n            </a>\n          </Button>\n        ) : null}\n        {prompt ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            data-slot=\"surface-tour-actions-prompt\"\n            data-copied={copied ? \"\" : undefined}\n            onClick={() => {\n              void copy(prompt).then((ok) => setFailed(!ok));\n            }}\n          >\n            {copied ? <Check aria-hidden=\"true\" /> : <Copy aria-hidden=\"true\" />}\n            {labels.copyPrompt}\n          </Button>\n        ) : null}\n        {command ? (\n          <span className=\"flex min-w-0 max-w-full items-center gap-2\">\n            <span className=\"shrink-0 text-meta text-muted-foreground\">{labels.scaffold}</span>\n            <CommandChip\n              className=\"min-w-0\"\n              hosts={[{ id: \"scaffold\", label: labels.scaffold, command }]}\n              labels={{ copy: labels.copyCommand }}\n            />\n          </span>\n        ) : null}\n        <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {copied ? labels.promptCopied : failed ? labels.promptCopyFailed : \"\"}\n        </span>\n      </div>\n    );\n  },\n);\n\n// ───────────────────────────────── SurfaceTour ────────────────────────────────\n\n/** One surface in the tour. */\nexport interface SurfaceTourTab {\n  /** Stable id — the tab value, the `#<hashKey>=<id>` deep link and the hint's session key. */\n  id: string;\n  /** Tab label. */\n  label: ReactNode;\n  /** One sentence under the frame saying what this surface is for. */\n  useCase?: ReactNode;\n  /** The actions row under the frame (typically a `SurfaceTourActions`). */\n  actions?: ReactNode;\n  /** Corner hint shown once per session when the surface first mounts. */\n  hint?: ReactNode;\n  /** Renders the surface. May suspend (a `React.lazy` or `next/dynamic` component). */\n  render: () => ReactNode;\n  /** Starts loading the surface's code; called on tab hover/focus, never on scroll. */\n  prefetch?: () => void;\n  /** Shown while the surface suspends. Default: a frame-filling `Skeleton`. */\n  fallback?: ReactNode;\n}\n\nexport interface SurfaceTourProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  tabs: SurfaceTourTab[];\n  /** The tab shown first. Default: the first tab. */\n  defaultTab?: string;\n  /** Fires when the visitor picks another tab. */\n  onTabChange?: (id: string) => void;\n  /** Section heading. */\n  title?: ReactNode;\n  /** One sentence under the heading. */\n  description?: ReactNode;\n  /** When set, the active tab is read from and written to `#<hashKey>=<id>` (no history entries). */\n  hashKey?: string;\n  /** Classes for the frame — give it a height so every surface fills the same box. */\n  frameClassName?: string;\n}\n\ninterface Layer {\n  id: string;\n  leaving: boolean;\n  entering: boolean;\n}\n\n/** Resolved `transition-duration` of `el` in ms (0 when motion is off or unmeasurable). */\nfunction transitionMs(el: Element | null): number {\n  if (!el || typeof window === \"undefined\") return 0;\n  const raw = window.getComputedStyle(el).transitionDuration.split(\",\")[0]?.trim() ?? \"\";\n  const value = parseFloat(raw);\n  if (!Number.isFinite(value)) return 0;\n  return raw.endsWith(\"ms\") ? value : value * 1000;\n}\n\nfunction readHash(hashKey: string): string | null {\n  const match = new RegExp(`^#${hashKey}=([^&]+)$`).exec(window.location.hash);\n  return match?.[1] ? decodeURIComponent(match[1]) : null;\n}\n\n/**\n * A tour of full-size surfaces behind a sticky tab strip. The frame stays put while the\n * surfaces crossfade (`--t-base`, instant under reduced motion); the frame's min-height only\n * ever grows, so switching never jumps the page. Surfaces mount on first selection and may\n * suspend (lazy code) behind a `Skeleton`; `prefetch` runs on hover/focus of a tab. The sticky\n * offset is the `--surface-tour-sticky-top` custom property (set it to your nav height).\n */\nexport const SurfaceTour = forwardRef<HTMLElement, SurfaceTourProps>(function SurfaceTour(\n  {\n    tabs,\n    defaultTab,\n    onTabChange,\n    title,\n    description,\n    hashKey,\n    frameClassName,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const rootRef = useRef<HTMLElement>(null);\n  useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n  const titleId = useId();\n  const initial = tabs.find((t) => t.id === defaultTab)?.id ?? tabs[0]?.id ?? \"\";\n  const [active, setActive] = useState(initial);\n  const [layers, setLayers] = useState<Layer[]>([{ id: initial, leaving: false, entering: false }]);\n  const frameRef = useRef<HTMLDivElement>(null);\n  const prefetched = useRef(new Set<string>());\n\n  const prefetch = useCallback((tab: SurfaceTourTab) => {\n    if (!tab.prefetch || prefetched.current.has(tab.id)) return;\n    prefetched.current.add(tab.id);\n    tab.prefetch();\n  }, []);\n\n  const select = useCallback(\n    (id: string, { fromHash = false } = {}) => {\n      if (id === active || !tabs.some((t) => t.id === id)) return;\n      setLayers([\n        { id: active, leaving: true, entering: false },\n        { id, leaving: false, entering: !fromHash },\n      ]);\n      setActive(id);\n      if (hashKey && !fromHash && typeof window !== \"undefined\") {\n        const { pathname, search } = window.location;\n        window.history.replaceState(\n          window.history.state,\n          \"\",\n          `${pathname}${search}#${hashKey}=${encodeURIComponent(id)}`,\n        );\n      }\n      onTabChange?.(id);\n    },\n    [active, tabs, hashKey, onTabChange],\n  );\n\n  // Deep link: `#<hashKey>=<id>` opens that tab on load (a browser-only read, once).\n  useEffect(() => {\n    if (!hashKey) return;\n    const id = readHash(hashKey);\n    if (id && tabs.some((t) => t.id === id)) {\n      select(id, { fromHash: true });\n      rootRef.current?.scrollIntoView({ block: \"start\" });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only read of the URL\n  }, []);\n\n  // The outgoing surface unmounts once the fade (the frame's resolved `--t-base`) is over.\n  useEffect(() => {\n    if (!layers.some((l) => l.leaving)) return;\n    const ms = transitionMs(frameRef.current?.querySelector(\"[data-leaving]\") ?? null);\n    const done = () => setLayers((current) => current.filter((l) => !l.leaving));\n    if (ms <= 1) {\n      done();\n      return;\n    }\n    const timer = window.setTimeout(done, ms);\n    return () => window.clearTimeout(timer);\n  }, [layers]);\n\n  // Height lock: the frame's min-height ratchets up to the tallest surface seen.\n  useEffect(() => {\n    const frame = frameRef.current;\n    if (!frame || typeof ResizeObserver !== \"function\") return;\n    let tallest = 0;\n    const observer = new ResizeObserver(() => {\n      const height = frame.getBoundingClientRect().height;\n      if (height > tallest) {\n        tallest = height;\n        frame.style.minHeight = `${Math.ceil(height)}px`;\n      }\n    });\n    observer.observe(frame);\n    return () => observer.disconnect();\n  }, []);\n\n  const activeTab = tabs.find((t) => t.id === active);\n\n  return (\n    <section\n      ref={rootRef}\n      data-slot=\"surface-tour\"\n      aria-labelledby={title ? titleId : undefined}\n      className={cn(\"flex w-full min-w-0 flex-col gap-6\", className)}\n      {...props}\n    >\n      {title || description ? (\n        <RevealOnEnter as=\"header\" data-slot=\"surface-tour-header\" className=\"flex flex-col gap-2\">\n          {title ? (\n            <h2 id={titleId} className=\"text-display text-foreground\">\n              {title}\n            </h2>\n          ) : null}\n          {description ? <p className=\"text-body text-muted-foreground\">{description}</p> : null}\n        </RevealOnEnter>\n      ) : null}\n      <Tabs\n        value={active}\n        onValueChange={(id) => select(id)}\n        className=\"flex min-w-0 flex-col gap-4\"\n      >\n        <div\n          data-slot=\"surface-tour-tabs\"\n          className={cn(\n            \"sticky z-20 bg-background py-2\",\n            // Overflow affordance on narrow screens: the strip scrolls, the end edge fades.\n            \"max-md:after:pointer-events-none max-md:after:absolute max-md:after:inset-y-0 max-md:after:end-0 max-md:after:w-10 max-md:after:from-background ltr:max-md:after:bg-linear-to-l rtl:max-md:after:bg-linear-to-r\",\n          )}\n          style={{ top: \"var(--surface-tour-sticky-top, 0px)\" }}\n        >\n          <TabsList className=\"w-full justify-start md:w-auto\">\n            {tabs.map((tab) => (\n              <TabsTrigger\n                key={tab.id}\n                value={tab.id}\n                onPointerEnter={() => prefetch(tab)}\n                onFocus={() => prefetch(tab)}\n              >\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n        <Card\n          ref={frameRef}\n          data-slot=\"surface-tour-frame\"\n          className={cn(\"relative grid min-h-96 overflow-hidden p-0 shadow-md\", frameClassName)}\n        >\n          {tabs.map((tab) => {\n            const layer = layers.find((l) => l.id === tab.id);\n            return (\n              <TabsContent\n                key={tab.id}\n                value={tab.id}\n                forceMount\n                hidden={!layer}\n                inert={layer?.leaving || undefined}\n                aria-hidden={layer?.leaving || undefined}\n                data-leaving={layer?.leaving ? \"\" : undefined}\n                className={cn(\n                  \"relative col-start-1 row-start-1 mt-0 min-h-0 min-w-0 transition-opacity duration-base ease-standard\",\n                  layer?.leaving && \"pointer-events-none opacity-0\",\n                  layer?.entering && \"starting:opacity-0\",\n                )}\n              >\n                {layer ? (\n                  <>\n                    <Suspense\n                      fallback={tab.fallback ?? <Skeleton className=\"size-full min-h-96\" />}\n                    >\n                      {tab.render()}\n                    </Suspense>\n                    {tab.hint && !layer.leaving ? (\n                      <AffordanceHint\n                        storageKey={`surface-tour-hint:${hashKey ?? \"tour\"}:${tab.id}`}\n                      >\n                        {tab.hint}\n                      </AffordanceHint>\n                    ) : null}\n                  </>\n                ) : null}\n              </TabsContent>\n            );\n          })}\n        </Card>\n        {activeTab?.useCase || activeTab?.actions ? (\n          <div data-slot=\"surface-tour-footer\" className=\"flex min-w-0 flex-col gap-3\">\n            {activeTab.useCase ? (\n              <p className=\"text-body text-muted-foreground\">{activeTab.useCase}</p>\n            ) : null}\n            {activeTab.actions}\n          </div>\n        ) : null}\n      </Tabs>\n    </section>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,OAAO,YAAY;AA+EtB,SA4UY,UA5UZ,KA2EI,YA3EJ;AAlEN,IAAM,gBAAgB;AAEtB,SAAS,SAAS,KAAsB;AACtC,MAAI;AACF,WAAO,OAAO,eAAe,QAAQ,GAAG,MAAM;AAAA,EAChD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,aAAa,KAAa;AACjC,MAAI;AACF,WAAO,eAAe,QAAQ,KAAK,GAAG;AAAA,EACxC,QAAQ;AAAA,EAER;AACF;AAeO,IAAM,iBAAiB;AAAA,EAC5B,SAASA,gBACP,EAAE,YAAY,QAAQ,eAAe,WAAW,UAAU,GAAG,MAAM,GACnE,KACA;AACA,UAAM,WAAW,OAAwB,IAAI;AAC7C,wBAAoB,KAAK,MAAM,SAAS,SAA4B,CAAC,CAAC;AACtE,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,cAAU,MAAM;AACd,YAAM,KAAK,SAAS;AACpB,YAAM,OAAO,IAAI;AACjB,UAAI,CAAC,MAAM,CAAC,QAAQ,SAAS,UAAU,EAAG;AAC1C,YAAM,OAAO,gBAAgB,iBAAiB,EAAE,CAAC,IAAI,IAAI;AACzD,YAAM,QAAQ,OAAO,WAAW,MAAM;AACpC,qBAAa,UAAU;AACvB,mBAAW,IAAI;AAAA,MACjB,GAAG,IAAI;AACP,YAAM,UAAU,MAAM;AACpB,eAAO,aAAa,KAAK;AACzB,qBAAa,UAAU;AACvB,mBAAW,KAAK;AAChB,aAAK,oBAAoB,eAAe,SAAS,IAAI;AACrD,aAAK,oBAAoB,WAAW,SAAS,IAAI;AAAA,MACnD;AACA,WAAK,iBAAiB,eAAe,SAAS,IAAI;AAClD,WAAK,iBAAiB,WAAW,SAAS,IAAI;AAC9C,aAAO,MAAM;AACX,eAAO,aAAa,KAAK;AACzB,aAAK,oBAAoB,eAAe,SAAS,IAAI;AACrD,aAAK,oBAAoB,WAAW,SAAS,IAAI;AAAA,MACnD;AAAA,IACF,GAAG,CAAC,YAAY,KAAK,CAAC;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,aAAU;AAAA,QACV,gBAAc,UAAU,KAAK;AAAA,QAC7B,WAAW;AAAA,UACT;AAAA,UACA,UAAU,gBAAgB;AAAA,UAC1B;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAcO,IAAM,sCAAgE;AAAA,EAC3E,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,aAAa;AACf;AAcO,IAAM,qBAAqB;AAAA,EAChC,SAASC,oBACP,EAAE,eAAe,QAAQ,SAAS,QAAQ,YAAY,WAAW,GAAG,MAAM,GAC1E,KACA;AACA,UAAM,SAAS,EAAE,GAAG,qCAAqC,GAAG,WAAW;AACvE,UAAM,EAAE,QAAQ,KAAK,IAAI,mBAAmB;AAC5C,UAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,WAAW,GAAG,6CAA6C,SAAS;AAAA,QACnE,GAAG;AAAA,QAEH;AAAA,0BACC,oBAAC,UAAO,SAAO,MAAC,SAAQ,WAAU,MAAK,MACrC,8BAAC,OAAE,MAAM,eAAe,aAAU,kCAC/B,iBAAO,iBACV,GACF,IACE;AAAA,UACH,SACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,aAAU;AAAA,cACV,eAAa,SAAS,KAAK;AAAA,cAC3B,SAAS,MAAM;AACb,qBAAK,KAAK,MAAM,EAAE,KAAK,CAAC,OAAO,UAAU,CAAC,EAAE,CAAC;AAAA,cAC/C;AAAA,cAEC;AAAA,yBAAS,oBAAC,SAAM,eAAY,QAAO,IAAK,oBAAC,QAAK,eAAY,QAAO;AAAA,gBACjE,OAAO;AAAA;AAAA;AAAA,UACV,IACE;AAAA,UACH,UACC,qBAAC,UAAK,WAAU,8CACd;AAAA,gCAAC,UAAK,WAAU,4CAA4C,iBAAO,UAAS;AAAA,YAC5E;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,CAAC,EAAE,IAAI,YAAY,OAAO,OAAO,UAAU,QAAQ,CAAC;AAAA,gBAC3D,QAAQ,EAAE,MAAM,OAAO,YAAY;AAAA;AAAA,YACrC;AAAA,aACF,IACE;AAAA,UACJ,oBAAC,UAAK,MAAK,UAAS,aAAU,UAAS,WAAU,WAC9C,mBAAS,OAAO,eAAe,SAAS,OAAO,mBAAmB,IACrE;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AA+CA,SAAS,aAAa,IAA4B;AAChD,MAAI,CAAC,MAAM,OAAO,WAAW,YAAa,QAAO;AACjD,QAAM,MAAM,OAAO,iBAAiB,EAAE,EAAE,mBAAmB,MAAM,GAAG,EAAE,CAAC,GAAG,KAAK,KAAK;AACpF,QAAM,QAAQ,WAAW,GAAG;AAC5B,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,IAAI,SAAS,IAAI,IAAI,QAAQ,QAAQ;AAC9C;AAEA,SAAS,SAAS,SAAgC;AAChD,QAAM,QAAQ,IAAI,OAAO,KAAK,OAAO,WAAW,EAAE,KAAK,OAAO,SAAS,IAAI;AAC3E,SAAO,QAAQ,CAAC,IAAI,mBAAmB,MAAM,CAAC,CAAC,IAAI;AACrD;AASO,IAAM,cAAc,WAA0C,SAASC,aAC5E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,UAAU,OAAoB,IAAI;AACxC,sBAAoB,KAAK,MAAM,QAAQ,SAAwB,CAAC,CAAC;AACjE,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU,GAAG,MAAM,KAAK,CAAC,GAAG,MAAM;AAC5E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,OAAO;AAC5C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,CAAC,EAAE,IAAI,SAAS,SAAS,OAAO,UAAU,MAAM,CAAC,CAAC;AAChG,QAAM,WAAW,OAAuB,IAAI;AAC5C,QAAM,aAAa,OAAO,oBAAI,IAAY,CAAC;AAE3C,QAAM,WAAW,YAAY,CAAC,QAAwB;AACpD,QAAI,CAAC,IAAI,YAAY,WAAW,QAAQ,IAAI,IAAI,EAAE,EAAG;AACrD,eAAW,QAAQ,IAAI,IAAI,EAAE;AAC7B,QAAI,SAAS;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS;AAAA,IACb,CAAC,IAAY,EAAE,WAAW,MAAM,IAAI,CAAC,MAAM;AACzC,UAAI,OAAO,UAAU,CAAC,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,EAAG;AACrD,gBAAU;AAAA,QACR,EAAE,IAAI,QAAQ,SAAS,MAAM,UAAU,MAAM;AAAA,QAC7C,EAAE,IAAI,SAAS,OAAO,UAAU,CAAC,SAAS;AAAA,MAC5C,CAAC;AACD,gBAAU,EAAE;AACZ,UAAI,WAAW,CAAC,YAAY,OAAO,WAAW,aAAa;AACzD,cAAM,EAAE,UAAU,OAAO,IAAI,OAAO;AACpC,eAAO,QAAQ;AAAA,UACb,OAAO,QAAQ;AAAA,UACf;AAAA,UACA,GAAG,QAAQ,GAAG,MAAM,IAAI,OAAO,IAAI,mBAAmB,EAAE,CAAC;AAAA,QAC3D;AAAA,MACF;AACA,oBAAc,EAAE;AAAA,IAClB;AAAA,IACA,CAAC,QAAQ,MAAM,SAAS,WAAW;AAAA,EACrC;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,KAAK,SAAS,OAAO;AAC3B,QAAI,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG;AACvC,aAAO,IAAI,EAAE,UAAU,KAAK,CAAC;AAC7B,cAAQ,SAAS,eAAe,EAAE,OAAO,QAAQ,CAAC;AAAA,IACpD;AAAA,EAEF,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACd,QAAI,CAAC,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,EAAG;AACpC,UAAM,KAAK,aAAa,SAAS,SAAS,cAAc,gBAAgB,KAAK,IAAI;AACjF,UAAM,OAAO,MAAM,UAAU,CAAC,YAAY,QAAQ,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;AAC3E,QAAI,MAAM,GAAG;AACX,WAAK;AACL;AAAA,IACF;AACA,UAAM,QAAQ,OAAO,WAAW,MAAM,EAAE;AACxC,WAAO,MAAM,OAAO,aAAa,KAAK;AAAA,EACxC,GAAG,CAAC,MAAM,CAAC;AAGX,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,OAAO,mBAAmB,WAAY;AACpD,QAAI,UAAU;AACd,UAAM,WAAW,IAAI,eAAe,MAAM;AACxC,YAAM,SAAS,MAAM,sBAAsB,EAAE;AAC7C,UAAI,SAAS,SAAS;AACpB,kBAAU;AACV,cAAM,MAAM,YAAY,GAAG,KAAK,KAAK,MAAM,CAAC;AAAA,MAC9C;AAAA,IACF,CAAC;AACD,aAAS,QAAQ,KAAK;AACtB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAU;AAAA,MACV,mBAAiB,QAAQ,UAAU;AAAA,MACnC,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA,MAEH;AAAA,iBAAS,cACR,qBAAC,iBAAc,IAAG,UAAS,aAAU,uBAAsB,WAAU,uBAClE;AAAA,kBACC,oBAAC,QAAG,IAAI,SAAS,WAAU,gCACxB,iBACH,IACE;AAAA,UACH,cAAc,oBAAC,OAAE,WAAU,mCAAmC,uBAAY,IAAO;AAAA,WACpF,IACE;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,eAAe,CAAC,OAAO,OAAO,EAAE;AAAA,YAChC,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,aAAU;AAAA,kBACV,WAAW;AAAA,oBACT;AAAA;AAAA,oBAEA;AAAA,kBACF;AAAA,kBACA,OAAO,EAAE,KAAK,sCAAsC;AAAA,kBAEpD,8BAAC,YAAS,WAAU,kCACjB,eAAK,IAAI,CAAC,QACT;AAAA,oBAAC;AAAA;AAAA,sBAEC,OAAO,IAAI;AAAA,sBACX,gBAAgB,MAAM,SAAS,GAAG;AAAA,sBAClC,SAAS,MAAM,SAAS,GAAG;AAAA,sBAE1B,cAAI;AAAA;AAAA,oBALA,IAAI;AAAA,kBAMX,CACD,GACH;AAAA;AAAA,cACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,aAAU;AAAA,kBACV,WAAW,GAAG,wDAAwD,cAAc;AAAA,kBAEnF,eAAK,IAAI,CAAC,QAAQ;AACjB,0BAAM,QAAQ,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE;AAChD,2BACE;AAAA,sBAAC;AAAA;AAAA,wBAEC,OAAO,IAAI;AAAA,wBACX,YAAU;AAAA,wBACV,QAAQ,CAAC;AAAA,wBACT,OAAO,OAAO,WAAW;AAAA,wBACzB,eAAa,OAAO,WAAW;AAAA,wBAC/B,gBAAc,OAAO,UAAU,KAAK;AAAA,wBACpC,WAAW;AAAA,0BACT;AAAA,0BACA,OAAO,WAAW;AAAA,0BAClB,OAAO,YAAY;AAAA,wBACrB;AAAA,wBAEC,kBACC,iCACE;AAAA;AAAA,4BAAC;AAAA;AAAA,8BACC,UAAU,IAAI,YAAY,oBAAC,YAAS,WAAU,sBAAqB;AAAA,8BAElE,cAAI,OAAO;AAAA;AAAA,0BACd;AAAA,0BACC,IAAI,QAAQ,CAAC,MAAM,UAClB;AAAA,4BAAC;AAAA;AAAA,8BACC,YAAY,qBAAqB,WAAW,MAAM,IAAI,IAAI,EAAE;AAAA,8BAE3D,cAAI;AAAA;AAAA,0BACP,IACE;AAAA,2BACN,IACE;AAAA;AAAA,sBA5BC,IAAI;AAAA,oBA6BX;AAAA,kBAEJ,CAAC;AAAA;AAAA,cACH;AAAA,cACC,WAAW,WAAW,WAAW,UAChC,qBAAC,SAAI,aAAU,uBAAsB,WAAU,+BAC5C;AAAA,0BAAU,UACT,oBAAC,OAAE,WAAU,mCAAmC,oBAAU,SAAQ,IAChE;AAAA,gBACH,UAAU;AAAA,iBACb,IACE;AAAA;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["AffordanceHint","SurfaceTourActions","SurfaceTour"]}

package/dist/chunk-6ROQKB4U.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-6ROQKB4U.js.map

package/dist/chunk-6ROQKB4U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6S43VAN7.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-6S43VAN7.js.map

package/dist/chunk-6S43VAN7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}