@graph8/sdk 0.303.0 → 0.357.0

package/dist/ui/primitives/label.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from "../lib/utils.mjs";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 mb-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Label
+};
+//# sourceMappingURL=label.mjs.map

package/dist/ui/primitives/label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/primitives/label.tsx"],"sourcesContent":["/*\n * @graph8/sdk/ui — GENERATED FROM frontend/components/ui/label.tsx. DO NOT EDIT.\n *\n * Edit the app source, then run: npm run generate:ui --prefix sdk/js\n * Hand edits are overwritten and will fail sdk/js/tests/ui/drift.test.ts.\n */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 mb-1\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";AAeI;AANJ,YAAY,oBAAoB;AAEhC,SAAS,UAAU;AAEnB,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAqD;AACxF,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/ui/primitives/resizable.d.mts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Separator, Panel, Group } from 'react-resizable-panels';
+
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => React.JSX.Element;
+declare const ResizablePanel: ({ ...props }: React.ComponentProps<typeof Panel>) => React.JSX.Element;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator> & {
+    withHandle?: boolean;
+}) => React.JSX.Element;
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/ui/primitives/resizable.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Separator, Panel, Group } from 'react-resizable-panels';
+
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => React.JSX.Element;
+declare const ResizablePanel: ({ ...props }: React.ComponentProps<typeof Panel>) => React.JSX.Element;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator> & {
+    withHandle?: boolean;
+}) => React.JSX.Element;
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/ui/primitives/resizable.js

@@ -0,0 +1,68 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resizable_exports = {};
+__export(resizable_exports, {
+  ResizableHandle: () => ResizableHandle,
+  ResizablePanel: () => ResizablePanel,
+  ResizablePanelGroup: () => ResizablePanelGroup
+});
+module.exports = __toCommonJS(resizable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_react_resizable_panels = require("react-resizable-panels");
+var import_utils = require("../lib/utils.js");
+const ResizablePanelGroup = ({ className, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_resizable_panels.Group,
+    {
+      "data-slot": "resizable-panel-group",
+      className: (0, import_utils.cn)("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+      ...props
+    }
+  );
+};
+const ResizablePanel = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", ...props });
+};
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_resizable_panels.Separator,
+    {
+      "data-slot": "resizable-handle",
+      className: (0, import_utils.cn)(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        className
+      ),
+      ...props,
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GripVerticalIcon, { className: "size-2.5" }) })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+});
+//# sourceMappingURL=resizable.js.map

package/dist/ui/primitives/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/primitives/resizable.tsx"],"sourcesContent":["/*\n * @graph8/sdk/ui — GENERATED FROM frontend/components/ui/resizable.tsx. DO NOT EDIT.\n *\n * Edit the app source, then run: npm run generate:ui --prefix sdk/js\n * Hand edits are overwritten and will fail sdk/js/tests/ui/drift.test.ts.\n */\n\"use client\";\n\nimport * as React from \"react\";\nimport { GripVerticalIcon } from \"lucide-react\";\nimport { Group, Panel, Separator } from \"react-resizable-panels\";\n\nimport { cn } from \"../lib/utils\";\n\nconst ResizablePanelGroup = ({ className, ...props }: React.ComponentProps<typeof Group>) => {\n  return (\n    <Group\n      data-slot=\"resizable-panel-group\"\n      className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n      {...props}\n    />\n  );\n};\n\nconst ResizablePanel = ({ ...props }: React.ComponentProps<typeof Panel>) => {\n  return <Panel data-slot=\"resizable-panel\" {...props} />;\n};\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator> & {\n  withHandle?: boolean;\n}) => {\n  return (\n    <Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      )}\n    </Separator>\n  );\n};\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBI;AAPJ,0BAAiC;AACjC,oCAAwC;AAExC,mBAAmB;AAEnB,MAAM,sBAAsB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA0C;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,qEAAqE,SAAS;AAAA,MAC3F,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,iBAAiB,CAAC,EAAE,GAAG,MAAM,MAA0C;AAC3E,SAAO,4CAAC,uCAAM,aAAU,mBAAmB,GAAG,OAAO;AACvD;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAEM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,wBACC,4CAAC,SAAI,WAAU,6EACb,sDAAC,wCAAiB,WAAU,YAAW,GACzC;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/ui/primitives/resizable.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { GripVerticalIcon } from "lucide-react";
+import { Group, Panel, Separator } from "react-resizable-panels";
+import { cn } from "../lib/utils.mjs";
+const ResizablePanelGroup = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Group,
+    {
+      "data-slot": "resizable-panel-group",
+      className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+      ...props
+    }
+  );
+};
+const ResizablePanel = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(Panel, { "data-slot": "resizable-panel", ...props });
+};
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      "data-slot": "resizable-handle",
+      className: cn(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        className
+      ),
+      ...props,
+      children: withHandle && /* @__PURE__ */ jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" }) })
+    }
+  );
+};
+export {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+};
+//# sourceMappingURL=resizable.mjs.map

package/dist/ui/primitives/resizable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/primitives/resizable.tsx"],"sourcesContent":["/*\n * @graph8/sdk/ui — GENERATED FROM frontend/components/ui/resizable.tsx. DO NOT EDIT.\n *\n * Edit the app source, then run: npm run generate:ui --prefix sdk/js\n * Hand edits are overwritten and will fail sdk/js/tests/ui/drift.test.ts.\n */\n\"use client\";\n\nimport * as React from \"react\";\nimport { GripVerticalIcon } from \"lucide-react\";\nimport { Group, Panel, Separator } from \"react-resizable-panels\";\n\nimport { cn } from \"../lib/utils\";\n\nconst ResizablePanelGroup = ({ className, ...props }: React.ComponentProps<typeof Group>) => {\n  return (\n    <Group\n      data-slot=\"resizable-panel-group\"\n      className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n      {...props}\n    />\n  );\n};\n\nconst ResizablePanel = ({ ...props }: React.ComponentProps<typeof Panel>) => {\n  return <Panel data-slot=\"resizable-panel\" {...props} />;\n};\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator> & {\n  withHandle?: boolean;\n}) => {\n  return (\n    <Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      )}\n    </Separator>\n  );\n};\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";AAgBI;AAPJ,SAAS,wBAAwB;AACjC,SAAS,OAAO,OAAO,iBAAiB;AAExC,SAAS,UAAU;AAEnB,MAAM,sBAAsB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA0C;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qEAAqE,SAAS;AAAA,MAC3F,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,iBAAiB,CAAC,EAAE,GAAG,MAAM,MAA0C;AAC3E,SAAO,oBAAC,SAAM,aAAU,mBAAmB,GAAG,OAAO;AACvD;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAEM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,wBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,oBAAiB,WAAU,YAAW,GACzC;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/ui/primitives/save-status.d.mts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+type SaveStatusValue = "idle" | "pending" | "saving" | "saved" | "error";
+interface SaveStatusProps {
+    status: SaveStatusValue;
+    /** Shown as a tooltip only. The visible copy on failure is always "Save failed". */
+    error?: string | null;
+    /** Omit to render the failure without a Retry control. */
+    onRetry?: () => void;
+    /** Time of the last successful save. Shown in the title: "Saved at 12:41". */
+    savedAt?: Date | number | null;
+    /** Default "Saved". */
+    savedLabel?: string;
+    /** Copy for `pending`. Default: nothing (or the kept failure, see below). */
+    pendingLabel?: string;
+    /** How long "Saved" stays before it fades. Default 2000. 0 keeps it. */
+    savedLingerMs?: number;
+    className?: string;
+}
+/**
+ * `Saving…`, `Saved` and `Save failed · Retry`, in one quiet place near the content (the toolbar's
+ * right-hand group, first, so the primary action stays last). Autosaved surfaces have no Save
+ * button; this is how the user knows their work is safe.
+ *
+ * A persistent live region announces only "Saved" (per-keystroke "Saving" announcements are
+ * noise); a failure mounts its own `role="alert"`. Feed it from `useAutosave`/`useSaveTracker`
+ * via `saveStatusProps(state)`.
+ */
+declare const SaveStatus: ({ status, error, onRetry, savedAt, savedLabel, pendingLabel, savedLingerMs, className, }: SaveStatusProps) => React.JSX.Element;
+
+export { SaveStatus, type SaveStatusProps, type SaveStatusValue };

package/dist/ui/primitives/save-status.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+type SaveStatusValue = "idle" | "pending" | "saving" | "saved" | "error";
+interface SaveStatusProps {
+    status: SaveStatusValue;
+    /** Shown as a tooltip only. The visible copy on failure is always "Save failed". */
+    error?: string | null;
+    /** Omit to render the failure without a Retry control. */
+    onRetry?: () => void;
+    /** Time of the last successful save. Shown in the title: "Saved at 12:41". */
+    savedAt?: Date | number | null;
+    /** Default "Saved". */
+    savedLabel?: string;
+    /** Copy for `pending`. Default: nothing (or the kept failure, see below). */
+    pendingLabel?: string;
+    /** How long "Saved" stays before it fades. Default 2000. 0 keeps it. */
+    savedLingerMs?: number;
+    className?: string;
+}
+/**
+ * `Saving…`, `Saved` and `Save failed · Retry`, in one quiet place near the content (the toolbar's
+ * right-hand group, first, so the primary action stays last). Autosaved surfaces have no Save
+ * button; this is how the user knows their work is safe.
+ *
+ * A persistent live region announces only "Saved" (per-keystroke "Saving" announcements are
+ * noise); a failure mounts its own `role="alert"`. Feed it from `useAutosave`/`useSaveTracker`
+ * via `saveStatusProps(state)`.
+ */
+declare const SaveStatus: ({ status, error, onRetry, savedAt, savedLabel, pendingLabel, savedLingerMs, className, }: SaveStatusProps) => React.JSX.Element;
+
+export { SaveStatus, type SaveStatusProps, type SaveStatusValue };

package/dist/ui/primitives/save-status.js

@@ -0,0 +1,150 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var save_status_exports = {};
+__export(save_status_exports, {
+  SaveStatus: () => SaveStatus
+});
+module.exports = __toCommonJS(save_status_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_utils = require("../lib/utils.js");
+const FADE_MS = 300;
+const DEFAULT_LINGER_MS = 2e3;
+const FAINT = "text-[color:var(--text-faint,var(--text-color-muted))]";
+const prefersReducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+const savedTitle = (savedAt, label) => {
+  if (savedAt == null) return void 0;
+  const time = new Date(savedAt).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
+  return `${label} at ${time}`;
+};
+const useSavedPhase = (status, savedAt, lingerMs) => {
+  const [track, setTrack] = (0, import_react.useState)({ status, savedAt, epoch: 0 });
+  if (track.status !== status || track.savedAt !== savedAt) {
+    setTrack({ status, savedAt, epoch: status === "saved" ? track.epoch + 1 : track.epoch });
+  }
+  const [faded, setFaded] = (0, import_react.useState)(
+    () => status === "saved" && savedAt !== null && lingerMs > 0 && Date.now() - savedAt >= lingerMs ? { epoch: 0, phase: "gone" } : null
+  );
+  const epoch = track.epoch;
+  (0, import_react.useEffect)(() => {
+    if (status !== "saved" || lingerMs <= 0) return;
+    let removeTimer;
+    const fadeTimer = setTimeout(() => {
+      if (prefersReducedMotion()) {
+        setFaded({ epoch, phase: "gone" });
+        return;
+      }
+      setFaded({ epoch, phase: "fading" });
+      removeTimer = setTimeout(() => setFaded({ epoch, phase: "gone" }), FADE_MS);
+    }, lingerMs);
+    return () => {
+      clearTimeout(fadeTimer);
+      clearTimeout(removeTimer);
+    };
+  }, [status, lingerMs, epoch]);
+  return faded && faded.epoch === epoch ? faded.phase : "shown";
+};
+const SaveStatus = ({
+  status,
+  error,
+  onRetry,
+  savedAt,
+  savedLabel = "Saved",
+  pendingLabel,
+  savedLingerMs = DEFAULT_LINGER_MS,
+  className
+}) => {
+  const savedAtMs = savedAt == null ? null : new Date(savedAt).getTime();
+  const phase = useSavedPhase(status, savedAtMs, savedLingerMs);
+  const [kept, setKept] = (0, import_react.useState)(null);
+  let nextKept = kept;
+  if (status === "error")
+    nextKept = kept && kept.error === (error ?? null) ? kept : { error: error ?? null, retry: onRetry };
+  else if (status !== "pending") nextKept = null;
+  if (nextKept !== kept) setKept(nextKept);
+  const failure = status === "error" || status === "pending" && kept !== null;
+  const failureDetail = status === "error" ? error : kept?.error;
+  const retry = onRetry ?? kept?.retry;
+  const savedVisible = status === "saved" && phase !== "gone";
+  const base = (0, import_utils.cn)("inline-flex items-center gap-1.5 text-xs tabular-nums", className);
+  let visual = null;
+  if (failure) {
+    visual = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "span",
+      {
+        role: "alert",
+        "data-status": "error",
+        title: failureDetail ?? void 0,
+        className: (0, import_utils.cn)(base, "text-error-foreground"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Save failed" }),
+          retry ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": true, children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: retry,
+                className: "text-foreground focus-visible:ring-ring/50 relative rounded-sm font-medium outline-none after:absolute after:-inset-2 hover:underline focus-visible:ring-[3px]",
+                children: "Retry"
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  } else if (status === "saving") {
+    visual = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        "aria-hidden": true,
+        "data-status": "saving",
+        className: (0, import_utils.cn)(base, FAINT, "animate-pulse motion-reduce:animate-none"),
+        children: "Saving\u2026"
+      }
+    );
+  } else if (status === "pending" && pendingLabel) {
+    visual = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-status": "pending", className: (0, import_utils.cn)(base, FAINT), children: pendingLabel });
+  } else if (savedVisible) {
+    visual = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        "aria-hidden": true,
+        "data-status": "saved",
+        title: savedTitle(savedAt, savedLabel),
+        className: (0, import_utils.cn)(
+          base,
+          FAINT,
+          phase === "fading" && "opacity-0 transition-opacity duration-300 motion-reduce:transition-none"
+        ),
+        children: savedLabel
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "status", "aria-live": "polite", "data-slot": "save-status-live", className: "sr-only", children: savedVisible && !failure ? savedLabel : "" }),
+    visual
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SaveStatus
+});
+//# sourceMappingURL=save-status.js.map

package/dist/ui/primitives/save-status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/primitives/save-status.tsx"],"sourcesContent":["/*\n * @graph8/sdk/ui — GENERATED FROM frontend/components/ui/save-status.tsx. DO NOT EDIT.\n *\n * Edit the app source, then run: npm run generate:ui --prefix sdk/js\n * Hand edits are overwritten and will fail sdk/js/tests/ui/drift.test.ts.\n */\n\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nexport type SaveStatusValue = \"idle\" | \"pending\" | \"saving\" | \"saved\" | \"error\";\n\nexport interface SaveStatusProps {\n  status: SaveStatusValue;\n  /** Shown as a tooltip only. The visible copy on failure is always \"Save failed\". */\n  error?: string | null;\n  /** Omit to render the failure without a Retry control. */\n  onRetry?: () => void;\n  /** Time of the last successful save. Shown in the title: \"Saved at 12:41\". */\n  savedAt?: Date | number | null;\n  /** Default \"Saved\". */\n  savedLabel?: string;\n  /** Copy for `pending`. Default: nothing (or the kept failure, see below). */\n  pendingLabel?: string;\n  /** How long \"Saved\" stays before it fades. Default 2000. 0 keeps it. */\n  savedLingerMs?: number;\n  className?: string;\n}\n\nconst FADE_MS = 300;\nconst DEFAULT_LINGER_MS = 2000;\n// Faint text. Falls back to the muted foreground while the 2026 theme is off.\nconst FAINT = \"text-[color:var(--text-faint,var(--text-color-muted))]\";\n\nconst prefersReducedMotion = (): boolean =>\n  typeof window !== \"undefined\" &&\n  typeof window.matchMedia === \"function\" &&\n  window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\nconst savedTitle = (\n  savedAt: Date | number | null | undefined,\n  label: string\n): string | undefined => {\n  if (savedAt == null) return undefined;\n  const time = new Date(savedAt).toLocaleTimeString([], { hour: \"numeric\", minute: \"2-digit\" });\n  return `${label} at ${time}`;\n};\n\ntype SavedPhase = \"shown\" | \"fading\" | \"gone\";\n\n/** \"Saved\" lingers, fades over 300ms, then unmounts. A new save restarts it. */\nconst useSavedPhase = (\n  status: SaveStatusValue,\n  savedAt: number | null,\n  lingerMs: number\n): SavedPhase => {\n  // Adjusting state during render (the documented pattern) so the very first render of a new\n  // \"saved\" is already visible; an effect would show one frame of the previous phase.\n  const [track, setTrack] = useState({ status, savedAt, epoch: 0 });\n  if (track.status !== status || track.savedAt !== savedAt) {\n    setTrack({ status, savedAt, epoch: status === \"saved\" ? track.epoch + 1 : track.epoch });\n  }\n  // A \"saved\" that is already older than its linger when the component first renders (a remount, a\n  // tab returning) is history, not news: start it gone.\n  const [faded, setFaded] = useState<{ epoch: number; phase: \"fading\" | \"gone\" } | null>(() =>\n    status === \"saved\" && savedAt !== null && lingerMs > 0 && Date.now() - savedAt >= lingerMs\n      ? { epoch: 0, phase: \"gone\" }\n      : null\n  );\n  const epoch = track.epoch;\n\n  useEffect(() => {\n    if (status !== \"saved\" || lingerMs <= 0) return;\n    let removeTimer: ReturnType<typeof setTimeout> | undefined;\n    const fadeTimer = setTimeout(() => {\n      if (prefersReducedMotion()) {\n        setFaded({ epoch, phase: \"gone\" });\n        return;\n      }\n      setFaded({ epoch, phase: \"fading\" });\n      removeTimer = setTimeout(() => setFaded({ epoch, phase: \"gone\" }), FADE_MS);\n    }, lingerMs);\n    return () => {\n      clearTimeout(fadeTimer);\n      clearTimeout(removeTimer);\n    };\n  }, [status, lingerMs, epoch]);\n\n  return faded && faded.epoch === epoch ? faded.phase : \"shown\";\n};\n\n/**\n * `Saving…`, `Saved` and `Save failed · Retry`, in one quiet place near the content (the toolbar's\n * right-hand group, first, so the primary action stays last). Autosaved surfaces have no Save\n * button; this is how the user knows their work is safe.\n *\n * A persistent live region announces only \"Saved\" (per-keystroke \"Saving\" announcements are\n * noise); a failure mounts its own `role=\"alert\"`. Feed it from `useAutosave`/`useSaveTracker`\n * via `saveStatusProps(state)`.\n */\nexport const SaveStatus = ({\n  status,\n  error,\n  onRetry,\n  savedAt,\n  savedLabel = \"Saved\",\n  pendingLabel,\n  savedLingerMs = DEFAULT_LINGER_MS,\n  className,\n}: SaveStatusProps) => {\n  const savedAtMs = savedAt == null ? null : new Date(savedAt).getTime();\n  const phase = useSavedPhase(status, savedAtMs, savedLingerMs);\n\n  // A failure stays on screen through `pending` (the user typed again) until the next attempt\n  // starts saving, so a retry-by-typing never hides that the last change did not land.\n  const [kept, setKept] = useState<{ error: string | null; retry?: () => void } | null>(null);\n  let nextKept = kept;\n  if (status === \"error\")\n    nextKept =\n      kept && kept.error === (error ?? null) ? kept : { error: error ?? null, retry: onRetry };\n  else if (status !== \"pending\") nextKept = null;\n  if (nextKept !== kept) setKept(nextKept);\n  const failure = status === \"error\" || (status === \"pending\" && kept !== null);\n  const failureDetail = status === \"error\" ? error : kept?.error;\n  // While the user types after a failure the source may stop offering a retry; the kept one still works.\n  const retry = onRetry ?? kept?.retry;\n\n  const savedVisible = status === \"saved\" && phase !== \"gone\";\n  const base = cn(\"inline-flex items-center gap-1.5 text-xs tabular-nums\", className);\n\n  let visual = null;\n  if (failure) {\n    visual = (\n      <span\n        role=\"alert\"\n        data-status=\"error\"\n        title={failureDetail ?? undefined}\n        className={cn(base, \"text-error-foreground\")}\n      >\n        <span>Save failed</span>\n        {retry ? (\n          <>\n            <span aria-hidden>·</span>\n            <button\n              type=\"button\"\n              onClick={retry}\n              className=\"text-foreground focus-visible:ring-ring/50 relative rounded-sm font-medium outline-none after:absolute after:-inset-2 hover:underline focus-visible:ring-[3px]\"\n            >\n              Retry\n            </button>\n          </>\n        ) : null}\n      </span>\n    );\n  } else if (status === \"saving\") {\n    visual = (\n      <span\n        aria-hidden\n        data-status=\"saving\"\n        className={cn(base, FAINT, \"animate-pulse motion-reduce:animate-none\")}\n      >\n        Saving…\n      </span>\n    );\n  } else if (status === \"pending\" && pendingLabel) {\n    visual = (\n      <span data-status=\"pending\" className={cn(base, FAINT)}>\n        {pendingLabel}\n      </span>\n    );\n  } else if (savedVisible) {\n    visual = (\n      <span\n        aria-hidden\n        data-status=\"saved\"\n        title={savedTitle(savedAt, savedLabel)}\n        className={cn(\n          base,\n          FAINT,\n          phase === \"fading\" &&\n            \"opacity-0 transition-opacity duration-300 motion-reduce:transition-none\"\n        )}\n      >\n        {savedLabel}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      <span role=\"status\" aria-live=\"polite\" data-slot=\"save-status-live\" className=\"sr-only\">\n        {savedVisible && !failure ? savedLabel : \"\"}\n      </span>\n      {visual}\n    </>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/ui/primitives/save-status.mjs

@@ -0,0 +1,126 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { cn } from "../lib/utils.mjs";
+const FADE_MS = 300;
+const DEFAULT_LINGER_MS = 2e3;
+const FAINT = "text-[color:var(--text-faint,var(--text-color-muted))]";
+const prefersReducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+const savedTitle = (savedAt, label) => {
+  if (savedAt == null) return void 0;
+  const time = new Date(savedAt).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
+  return `${label} at ${time}`;
+};
+const useSavedPhase = (status, savedAt, lingerMs) => {
+  const [track, setTrack] = useState({ status, savedAt, epoch: 0 });
+  if (track.status !== status || track.savedAt !== savedAt) {
+    setTrack({ status, savedAt, epoch: status === "saved" ? track.epoch + 1 : track.epoch });
+  }
+  const [faded, setFaded] = useState(
+    () => status === "saved" && savedAt !== null && lingerMs > 0 && Date.now() - savedAt >= lingerMs ? { epoch: 0, phase: "gone" } : null
+  );
+  const epoch = track.epoch;
+  useEffect(() => {
+    if (status !== "saved" || lingerMs <= 0) return;
+    let removeTimer;
+    const fadeTimer = setTimeout(() => {
+      if (prefersReducedMotion()) {
+        setFaded({ epoch, phase: "gone" });
+        return;
+      }
+      setFaded({ epoch, phase: "fading" });
+      removeTimer = setTimeout(() => setFaded({ epoch, phase: "gone" }), FADE_MS);
+    }, lingerMs);
+    return () => {
+      clearTimeout(fadeTimer);
+      clearTimeout(removeTimer);
+    };
+  }, [status, lingerMs, epoch]);
+  return faded && faded.epoch === epoch ? faded.phase : "shown";
+};
+const SaveStatus = ({
+  status,
+  error,
+  onRetry,
+  savedAt,
+  savedLabel = "Saved",
+  pendingLabel,
+  savedLingerMs = DEFAULT_LINGER_MS,
+  className
+}) => {
+  const savedAtMs = savedAt == null ? null : new Date(savedAt).getTime();
+  const phase = useSavedPhase(status, savedAtMs, savedLingerMs);
+  const [kept, setKept] = useState(null);
+  let nextKept = kept;
+  if (status === "error")
+    nextKept = kept && kept.error === (error ?? null) ? kept : { error: error ?? null, retry: onRetry };
+  else if (status !== "pending") nextKept = null;
+  if (nextKept !== kept) setKept(nextKept);
+  const failure = status === "error" || status === "pending" && kept !== null;
+  const failureDetail = status === "error" ? error : kept?.error;
+  const retry = onRetry ?? kept?.retry;
+  const savedVisible = status === "saved" && phase !== "gone";
+  const base = cn("inline-flex items-center gap-1.5 text-xs tabular-nums", className);
+  let visual = null;
+  if (failure) {
+    visual = /* @__PURE__ */ jsxs(
+      "span",
+      {
+        role: "alert",
+        "data-status": "error",
+        title: failureDetail ?? void 0,
+        className: cn(base, "text-error-foreground"),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: "Save failed" }),
+          retry ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xB7" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: retry,
+                className: "text-foreground focus-visible:ring-ring/50 relative rounded-sm font-medium outline-none after:absolute after:-inset-2 hover:underline focus-visible:ring-[3px]",
+                children: "Retry"
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  } else if (status === "saving") {
+    visual = /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        "data-status": "saving",
+        className: cn(base, FAINT, "animate-pulse motion-reduce:animate-none"),
+        children: "Saving\u2026"
+      }
+    );
+  } else if (status === "pending" && pendingLabel) {
+    visual = /* @__PURE__ */ jsx("span", { "data-status": "pending", className: cn(base, FAINT), children: pendingLabel });
+  } else if (savedVisible) {
+    visual = /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        "data-status": "saved",
+        title: savedTitle(savedAt, savedLabel),
+        className: cn(
+          base,
+          FAINT,
+          phase === "fading" && "opacity-0 transition-opacity duration-300 motion-reduce:transition-none"
+        ),
+        children: savedLabel
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", "data-slot": "save-status-live", className: "sr-only", children: savedVisible && !failure ? savedLabel : "" }),
+    visual
+  ] });
+};
+export {
+  SaveStatus
+};
+//# sourceMappingURL=save-status.mjs.map

package/dist/ui/primitives/save-status.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/primitives/save-status.tsx"],"sourcesContent":["/*\n * @graph8/sdk/ui — GENERATED FROM frontend/components/ui/save-status.tsx. DO NOT EDIT.\n *\n * Edit the app source, then run: npm run generate:ui --prefix sdk/js\n * Hand edits are overwritten and will fail sdk/js/tests/ui/drift.test.ts.\n */\n\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nexport type SaveStatusValue = \"idle\" | \"pending\" | \"saving\" | \"saved\" | \"error\";\n\nexport interface SaveStatusProps {\n  status: SaveStatusValue;\n  /** Shown as a tooltip only. The visible copy on failure is always \"Save failed\". */\n  error?: string | null;\n  /** Omit to render the failure without a Retry control. */\n  onRetry?: () => void;\n  /** Time of the last successful save. Shown in the title: \"Saved at 12:41\". */\n  savedAt?: Date | number | null;\n  /** Default \"Saved\". */\n  savedLabel?: string;\n  /** Copy for `pending`. Default: nothing (or the kept failure, see below). */\n  pendingLabel?: string;\n  /** How long \"Saved\" stays before it fades. Default 2000. 0 keeps it. */\n  savedLingerMs?: number;\n  className?: string;\n}\n\nconst FADE_MS = 300;\nconst DEFAULT_LINGER_MS = 2000;\n// Faint text. Falls back to the muted foreground while the 2026 theme is off.\nconst FAINT = \"text-[color:var(--text-faint,var(--text-color-muted))]\";\n\nconst prefersReducedMotion = (): boolean =>\n  typeof window !== \"undefined\" &&\n  typeof window.matchMedia === \"function\" &&\n  window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\nconst savedTitle = (\n  savedAt: Date | number | null | undefined,\n  label: string\n): string | undefined => {\n  if (savedAt == null) return undefined;\n  const time = new Date(savedAt).toLocaleTimeString([], { hour: \"numeric\", minute: \"2-digit\" });\n  return `${label} at ${time}`;\n};\n\ntype SavedPhase = \"shown\" | \"fading\" | \"gone\";\n\n/** \"Saved\" lingers, fades over 300ms, then unmounts. A new save restarts it. */\nconst useSavedPhase = (\n  status: SaveStatusValue,\n  savedAt: number | null,\n  lingerMs: number\n): SavedPhase => {\n  // Adjusting state during render (the documented pattern) so the very first render of a new\n  // \"saved\" is already visible; an effect would show one frame of the previous phase.\n  const [track, setTrack] = useState({ status, savedAt, epoch: 0 });\n  if (track.status !== status || track.savedAt !== savedAt) {\n    setTrack({ status, savedAt, epoch: status === \"saved\" ? track.epoch + 1 : track.epoch });\n  }\n  // A \"saved\" that is already older than its linger when the component first renders (a remount, a\n  // tab returning) is history, not news: start it gone.\n  const [faded, setFaded] = useState<{ epoch: number; phase: \"fading\" | \"gone\" } | null>(() =>\n    status === \"saved\" && savedAt !== null && lingerMs > 0 && Date.now() - savedAt >= lingerMs\n      ? { epoch: 0, phase: \"gone\" }\n      : null\n  );\n  const epoch = track.epoch;\n\n  useEffect(() => {\n    if (status !== \"saved\" || lingerMs <= 0) return;\n    let removeTimer: ReturnType<typeof setTimeout> | undefined;\n    const fadeTimer = setTimeout(() => {\n      if (prefersReducedMotion()) {\n        setFaded({ epoch, phase: \"gone\" });\n        return;\n      }\n      setFaded({ epoch, phase: \"fading\" });\n      removeTimer = setTimeout(() => setFaded({ epoch, phase: \"gone\" }), FADE_MS);\n    }, lingerMs);\n    return () => {\n      clearTimeout(fadeTimer);\n      clearTimeout(removeTimer);\n    };\n  }, [status, lingerMs, epoch]);\n\n  return faded && faded.epoch === epoch ? faded.phase : \"shown\";\n};\n\n/**\n * `Saving…`, `Saved` and `Save failed · Retry`, in one quiet place near the content (the toolbar's\n * right-hand group, first, so the primary action stays last). Autosaved surfaces have no Save\n * button; this is how the user knows their work is safe.\n *\n * A persistent live region announces only \"Saved\" (per-keystroke \"Saving\" announcements are\n * noise); a failure mounts its own `role=\"alert\"`. Feed it from `useAutosave`/`useSaveTracker`\n * via `saveStatusProps(state)`.\n */\nexport const SaveStatus = ({\n  status,\n  error,\n  onRetry,\n  savedAt,\n  savedLabel = \"Saved\",\n  pendingLabel,\n  savedLingerMs = DEFAULT_LINGER_MS,\n  className,\n}: SaveStatusProps) => {\n  const savedAtMs = savedAt == null ? null : new Date(savedAt).getTime();\n  const phase = useSavedPhase(status, savedAtMs, savedLingerMs);\n\n  // A failure stays on screen through `pending` (the user typed again) until the next attempt\n  // starts saving, so a retry-by-typing never hides that the last change did not land.\n  const [kept, setKept] = useState<{ error: string | null; retry?: () => void } | null>(null);\n  let nextKept = kept;\n  if (status === \"error\")\n    nextKept =\n      kept && kept.error === (error ?? null) ? kept : { error: error ?? null, retry: onRetry };\n  else if (status !== \"pending\") nextKept = null;\n  if (nextKept !== kept) setKept(nextKept);\n  const failure = status === \"error\" || (status === \"pending\" && kept !== null);\n  const failureDetail = status === \"error\" ? error : kept?.error;\n  // While the user types after a failure the source may stop offering a retry; the kept one still works.\n  const retry = onRetry ?? kept?.retry;\n\n  const savedVisible = status === \"saved\" && phase !== \"gone\";\n  const base = cn(\"inline-flex items-center gap-1.5 text-xs tabular-nums\", className);\n\n  let visual = null;\n  if (failure) {\n    visual = (\n      <span\n        role=\"alert\"\n        data-status=\"error\"\n        title={failureDetail ?? undefined}\n        className={cn(base, \"text-error-foreground\")}\n      >\n        <span>Save failed</span>\n        {retry ? (\n          <>\n            <span aria-hidden>·</span>\n            <button\n              type=\"button\"\n              onClick={retry}\n              className=\"text-foreground focus-visible:ring-ring/50 relative rounded-sm font-medium outline-none after:absolute after:-inset-2 hover:underline focus-visible:ring-[3px]\"\n            >\n              Retry\n            </button>\n          </>\n        ) : null}\n      </span>\n    );\n  } else if (status === \"saving\") {\n    visual = (\n      <span\n        aria-hidden\n        data-status=\"saving\"\n        className={cn(base, FAINT, \"animate-pulse motion-reduce:animate-none\")}\n      >\n        Saving…\n      </span>\n    );\n  } else if (status === \"pending\" && pendingLabel) {\n    visual = (\n      <span data-status=\"pending\" className={cn(base, FAINT)}>\n        {pendingLabel}\n      </span>\n    );\n  } else if (savedVisible) {\n    visual = (\n      <span\n        aria-hidden\n        data-status=\"saved\"\n        title={savedTitle(savedAt, savedLabel)}\n        className={cn(\n          base,\n          FAINT,\n          phase === \"fading\" &&\n            \"opacity-0 transition-opacity duration-300 motion-reduce:transition-none\"\n        )}\n      >\n        {savedLabel}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      <span role=\"status\" aria-live=\"polite\" data-slot=\"save-status-live\" className=\"sr-only\">\n        {savedVisible && !failure ? savedLabel : \"\"}\n      </span>\n      {visual}\n    </>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/ui/primitives/separator.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
+
+export { Separator };

package/dist/ui/primitives/separator.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
+
+export { Separator };