@evinvest/uikit 0.30.0 → 0.31.0

package/dist/components/smart-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/smart-header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  SMART_HEADER_BAR,\n  SMART_HEADER_BASE,\n  SMART_HEADER_CONTEXT,\n  SMART_HEADER_TOOLBAR,\n} from \"../generated/smart-header\";\nimport { TopBar } from \"./top-bar\";\n\nexport type SmartHeaderState = \"default\" | \"collapsed\" | \"banner\" | \"search\";\n\nexport interface SmartHeaderProps extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n  /**\n   * `default` — bar, toolbar and context line; `collapsed` — the toolbar folds\n   * into the bar as `collapsed`; `banner` — a banner row above one bar;\n   * `search` — one bar with the `palette` under it.\n   */\n  state?: SmartHeaderState;\n  /** Brand, workspace tabs: the left side of the bar. */\n  start?: React.ReactNode;\n  /** The right side of the bar: icon actions, balance, bell, account menu. */\n  end?: React.ReactNode;\n  /** The folded toolbar, between `start` and `end`; shown in `collapsed` only. */\n  collapsed?: React.ReactNode;\n  /** A `SystemBanner`; shown in `banner` only. */\n  banner?: React.ReactNode;\n  /** The second row, 44 high; shown in `default` only. */\n  toolbar?: React.ReactNode;\n  /** The slim line on the page fill under the toolbar; shown in `default` only. */\n  context?: React.ReactNode;\n  /** A `CommandPalette` or any panel that drops from the bar; shown in `search` only. */\n  palette?: React.ReactNode;\n}\n\n/**\n * A page header that adapts to scroll and alerts. The bar is the same in every\n * state, so switching never moves the brand or the account: only the rows\n * around it come and go. Layout only; the caller owns the state and its trigger\n * (a scroll observer, a feed status, the search button).\n */\nexport function SmartHeader({\n  state = \"default\",\n  start,\n  end,\n  collapsed,\n  banner,\n  toolbar,\n  context,\n  palette,\n  className,\n  ...props\n}: SmartHeaderProps) {\n  return (\n    <div\n      data-slot=\"smart-header\"\n      data-state={state}\n      className={cn(SMART_HEADER_BASE, className)}\n      {...props}\n    >\n      {state === \"banner\" && banner}\n      <TopBar\n        className={SMART_HEADER_BAR}\n        start={\n          <>\n            {start}\n            {state === \"collapsed\" && collapsed}\n          </>\n        }\n        end={end}\n      />\n      {state === \"default\" && toolbar != null && (\n        <div data-slot=\"smart-header-toolbar\" className={SMART_HEADER_TOOLBAR}>\n          {toolbar}\n        </div>\n      )}\n      {state === \"default\" && context != null && (\n        <div data-slot=\"smart-header-context\" className={SMART_HEADER_CONTEXT}>\n          {context}\n        </div>\n      )}\n      {state === \"search\" && palette != null && <div data-slot=\"smart-header-palette\">{palette}</div>}\n    </div>\n  );\n}\n"],"mappings":"AA6DM,SAGI,UAHJ,KAGI,YAHJ;AA7DN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAiChB,SAAS,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA,MAEH;AAAA,kBAAU,YAAY;AAAA,QACvB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,OACE,iCACG;AAAA;AAAA,cACA,UAAU,eAAe;AAAA,eAC5B;AAAA,YAEF;AAAA;AAAA,QACF;AAAA,QACC,UAAU,aAAa,WAAW,QACjC,oBAAC,SAAI,aAAU,wBAAuB,WAAW,sBAC9C,mBACH;AAAA,QAED,UAAU,aAAa,WAAW,QACjC,oBAAC,SAAI,aAAU,wBAAuB,WAAW,sBAC9C,mBACH;AAAA,QAED,UAAU,YAAY,WAAW,QAAQ,oBAAC,SAAI,aAAU,wBAAwB,mBAAQ;AAAA;AAAA;AAAA,EAC3F;AAEJ;","names":[]}

package/dist/components/status-item.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import {
+  STATUS_DOT_BASE,
+  STATUS_ITEM_BASE,
+  STATUS_ITEM_VALUE,
+  statusDotClasses
+} from "../generated/status-item.js";
+function StatusDot({ tone = "neutral", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "status-dot",
+      "data-tone": tone,
+      "aria-hidden": true,
+      className: cn(STATUS_DOT_BASE, statusDotClasses[tone], className),
+      ...props
+    }
+  );
+}
+function StatusItem({ tone = "neutral", value, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "status-item",
+      "data-tone": tone,
+      className: cn(STATUS_ITEM_BASE, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(StatusDot, { tone }),
+        /* @__PURE__ */ jsx("span", { children }),
+        value != null && /* @__PURE__ */ jsx("span", { className: STATUS_ITEM_VALUE, children: value })
+      ]
+    }
+  );
+}
+export {
+  StatusDot,
+  StatusItem
+};
+//# sourceMappingURL=status-item.js.map

package/dist/components/status-item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/status-item.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  STATUS_DOT_BASE,\n  STATUS_ITEM_BASE,\n  STATUS_ITEM_VALUE,\n  statusDotClasses,\n  type StatusTone,\n} from \"../generated/status-item\";\n\nexport type { StatusTone };\n\nexport interface StatusDotProps extends React.ComponentProps<\"span\"> {\n  tone?: StatusTone;\n}\n\n/** The 6 px dot alone; decorative, so the text next to it must carry the meaning. */\nexport function StatusDot({ tone = \"neutral\", className, ...props }: StatusDotProps) {\n  return (\n    <span\n      data-slot=\"status-dot\"\n      data-tone={tone}\n      aria-hidden\n      className={cn(STATUS_DOT_BASE, statusDotClasses[tone], className)}\n      {...props}\n    />\n  );\n}\n\nexport interface StatusItemProps extends React.ComponentProps<\"span\"> {\n  tone?: StatusTone;\n  /** A figure after the label, e.g. a latency. */\n  value?: React.ReactNode;\n}\n\n/** A dot and a short label: connection, sync, environment. */\nexport function StatusItem({ tone = \"neutral\", value, className, children, ...props }: StatusItemProps) {\n  return (\n    <span\n      data-slot=\"status-item\"\n      data-tone={tone}\n      className={cn(STATUS_ITEM_BASE, className)}\n      {...props}\n    >\n      <StatusDot tone={tone} />\n      <span>{children}</span>\n      {value != null && <span className={STATUS_ITEM_VALUE}>{value}</span>}\n    </span>\n  );\n}\n"],"mappings":"AAmBI,cAmBA,YAnBA;AAnBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AASA,SAAS,UAAU,EAAE,OAAO,WAAW,WAAW,GAAG,MAAM,GAAmB;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,eAAW;AAAA,MACX,WAAW,GAAG,iBAAiB,iBAAiB,IAAI,GAAG,SAAS;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ;AASO,SAAS,WAAW,EAAE,OAAO,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAAoB;AACtG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACxC,GAAG;AAAA,MAEJ;AAAA,4BAAC,aAAU,MAAY;AAAA,QACvB,oBAAC,UAAM,UAAS;AAAA,QACf,SAAS,QAAQ,oBAAC,UAAK,WAAW,mBAAoB,iBAAM;AAAA;AAAA;AAAA,EAC/D;AAEJ;","names":[]}

package/dist/components/system-banner.js

@@ -2,45 +2,55 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/cn.js";
+import {
+  SYSTEM_BANNER_ACTION,
+  SYSTEM_BANNER_BASE,
+  SYSTEM_BANNER_BODY_AFTER_TITLE,
+  SYSTEM_BANNER_DISMISS,
+  SYSTEM_BANNER_GLYPH,
+  SYSTEM_BANNER_ICON,
+  SYSTEM_BANNER_MESSAGE,
+  SYSTEM_BANNER_TITLE,
+  systemBannerIconToneClasses,
+  systemBannerToneClasses
+} from "../generated/system-banner.js";
 import { CloseIcon, InfoIcon, TriangleAlertIcon } from "./shell-icons.js";
-const TONE = {
-  warn: "border-accent-warn/40 bg-accent-warn/10 text-accent-warn",
-  info: "border-border bg-card text-ink"
-};
 function SystemBanner({
   tone = "info",
   title,
   icon,
   onDismiss,
+  action,
   labels = {},
   className,
   children,
   ...props
 }) {
-  const glyph = icon !== void 0 ? icon : tone === "warn" ? /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" });
+  const glyph = icon !== void 0 ? icon : tone === "warn" ? /* @__PURE__ */ jsx(TriangleAlertIcon, { className: SYSTEM_BANNER_GLYPH }) : /* @__PURE__ */ jsx(InfoIcon, { className: SYSTEM_BANNER_GLYPH });
   return /* @__PURE__ */ jsxs(
     "div",
     {
       "data-slot": "system-banner",
       "data-tone": tone,
       role: "status",
-      className: cn("flex items-start gap-2.5 rounded-lg border px-4 py-2.5 text-sm", TONE[tone], className),
+      className: cn(SYSTEM_BANNER_BASE, systemBannerToneClasses[tone], className),
       ...props,
       children: [
-        glyph !== null && /* @__PURE__ */ jsx("span", { className: "mt-0.5 flex shrink-0", children: glyph }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          title !== void 0 && /* @__PURE__ */ jsx("span", { className: "font-semibold", children: title }),
+        glyph !== null && /* @__PURE__ */ jsx("span", { className: cn(SYSTEM_BANNER_ICON, systemBannerIconToneClasses[tone]), children: glyph }),
+        /* @__PURE__ */ jsxs("div", { className: SYSTEM_BANNER_MESSAGE, children: [
+          title !== void 0 && /* @__PURE__ */ jsx("span", { className: SYSTEM_BANNER_TITLE, children: title }),
           title !== void 0 && children !== void 0 && " \u2014 ",
-          children !== void 0 && /* @__PURE__ */ jsx("span", { className: cn(title !== void 0 && tone === "info" && "text-ink-soft"), children })
+          children !== void 0 && /* @__PURE__ */ jsx("span", { className: cn(title !== void 0 && SYSTEM_BANNER_BODY_AFTER_TITLE), children })
         ] }),
+        action !== void 0 && /* @__PURE__ */ jsx("span", { className: SYSTEM_BANNER_ACTION, children: action }),
         onDismiss && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             "aria-label": labels.dismiss ?? "Dismiss",
             onClick: onDismiss,
-            className: "-mr-1 shrink-0 rounded-md p-0.5 opacity-70 outline-none transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring",
-            children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+            className: SYSTEM_BANNER_DISMISS,
+            children: /* @__PURE__ */ jsx(CloseIcon, { className: SYSTEM_BANNER_GLYPH })
           }
         )
       ]

package/dist/components/system-banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/system-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { CloseIcon, InfoIcon, TriangleAlertIcon } from \"./shell-icons\";\n\nexport type SystemBannerTone = \"warn\" | \"info\";\n\nexport interface SystemBannerLabels {\n  /** The close button. Default `\"Dismiss\"`. */\n  dismiss?: string;\n}\n\nexport interface SystemBannerProps extends Omit<React.ComponentProps<\"div\">, \"title\"> {\n  /** `warn` — a platform state (maintenance, read-only); `info` — an announcement. */\n  tone?: SystemBannerTone;\n  /** Bold lead before the message. */\n  title?: React.ReactNode;\n  /** Replaces the tone's glyph; `null` drops it. */\n  icon?: React.ReactNode;\n  /** Shows a close button; remembering the dismissal is the caller's. */\n  onDismiss?: () => void;\n  labels?: SystemBannerLabels;\n}\n\nconst TONE: Record<SystemBannerTone, string> = {\n  warn: \"border-accent-warn/40 bg-accent-warn/10 text-accent-warn\",\n  info: \"border-border bg-card text-ink\",\n};\n\n/**\n * A slim full-width strip above the page — presentation only: where its state\n * comes from, and whether a dismissal sticks, are the caller's. Put it in\n * `AppShell`'s `banner` slot; several stack with a gap.\n */\nexport function SystemBanner({\n  tone = \"info\",\n  title,\n  icon,\n  onDismiss,\n  labels = {},\n  className,\n  children,\n  ...props\n}: SystemBannerProps) {\n  const glyph =\n    icon !== undefined ? icon : tone === \"warn\" ? <TriangleAlertIcon className=\"size-4\" /> : <InfoIcon className=\"size-4\" />;\n  return (\n    <div\n      data-slot=\"system-banner\"\n      data-tone={tone}\n      role=\"status\"\n      className={cn(\"flex items-start gap-2.5 rounded-lg border px-4 py-2.5 text-sm\", TONE[tone], className)}\n      {...props}\n    >\n      {glyph !== null && <span className=\"mt-0.5 flex shrink-0\">{glyph}</span>}\n      <div className=\"min-w-0 flex-1\">\n        {title !== undefined && <span className=\"font-semibold\">{title}</span>}\n        {title !== undefined && children !== undefined && \" — \"}\n        {children !== undefined && (\n          <span className={cn(title !== undefined && tone === \"info\" && \"text-ink-soft\")}>{children}</span>\n        )}\n      </div>\n      {onDismiss && (\n        <button\n          type=\"button\"\n          aria-label={labels.dismiss ?? \"Dismiss\"}\n          onClick={onDismiss}\n          className=\"-mr-1 shrink-0 rounded-md p-0.5 opacity-70 outline-none transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <CloseIcon className=\"size-4\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA8CkD,cAU5C,YAV4C;AA5ClD,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,WAAW,UAAU,yBAAyB;AAqBvD,MAAM,OAAyC;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM;AACR;AAOO,SAAS,aAAa;AAAA,EAC3B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,QACJ,SAAS,SAAY,OAAO,SAAS,SAAS,oBAAC,qBAAkB,WAAU,UAAS,IAAK,oBAAC,YAAS,WAAU,UAAS;AACxH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,kEAAkE,KAAK,IAAI,GAAG,SAAS;AAAA,MACpG,GAAG;AAAA,MAEH;AAAA,kBAAU,QAAQ,oBAAC,UAAK,WAAU,wBAAwB,iBAAM;AAAA,QACjE,qBAAC,SAAI,WAAU,kBACZ;AAAA,oBAAU,UAAa,oBAAC,UAAK,WAAU,iBAAiB,iBAAM;AAAA,UAC9D,UAAU,UAAa,aAAa,UAAa;AAAA,UACjD,aAAa,UACZ,oBAAC,UAAK,WAAW,GAAG,UAAU,UAAa,SAAS,UAAU,eAAe,GAAI,UAAS;AAAA,WAE9F;AAAA,QACC,aACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY,OAAO,WAAW;AAAA,YAC9B,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,8BAAC,aAAU,WAAU,UAAS;AAAA;AAAA,QAChC;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/system-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  SYSTEM_BANNER_ACTION,\n  SYSTEM_BANNER_BASE,\n  SYSTEM_BANNER_BODY_AFTER_TITLE,\n  SYSTEM_BANNER_DISMISS,\n  SYSTEM_BANNER_GLYPH,\n  SYSTEM_BANNER_ICON,\n  SYSTEM_BANNER_MESSAGE,\n  SYSTEM_BANNER_TITLE,\n  systemBannerIconToneClasses,\n  systemBannerToneClasses,\n  type SystemBannerTone,\n} from \"../generated/system-banner\";\nimport { CloseIcon, InfoIcon, TriangleAlertIcon } from \"./shell-icons\";\n\nexport type { SystemBannerTone };\n\nexport interface SystemBannerLabels {\n  /** The close button. Default `\"Dismiss\"`. */\n  dismiss?: string;\n}\n\nexport interface SystemBannerProps extends Omit<React.ComponentProps<\"div\">, \"title\"> {\n  /** `warn` — a platform state (maintenance, read-only); `info` — an announcement. */\n  tone?: SystemBannerTone;\n  /** Bold lead before the message. */\n  title?: React.ReactNode;\n  /** Replaces the tone's glyph; `null` drops it. */\n  icon?: React.ReactNode;\n  /** Shows a close button; remembering the dismissal is the caller's. */\n  onDismiss?: () => void;\n  /** A link or button after the message. */\n  action?: React.ReactNode;\n  labels?: SystemBannerLabels;\n}\n\n/**\n * A slim full-width strip above the page — presentation only: where its state\n * comes from, and whether a dismissal sticks, are the caller's. Put it in\n * `AppShell`'s `banner` slot; several stack with a gap.\n */\nexport function SystemBanner({\n  tone = \"info\",\n  title,\n  icon,\n  onDismiss,\n  action,\n  labels = {},\n  className,\n  children,\n  ...props\n}: SystemBannerProps) {\n  const glyph =\n    icon !== undefined ? icon : tone === \"warn\" ? <TriangleAlertIcon className={SYSTEM_BANNER_GLYPH} /> : <InfoIcon className={SYSTEM_BANNER_GLYPH} />;\n  return (\n    <div\n      data-slot=\"system-banner\"\n      data-tone={tone}\n      role=\"status\"\n      className={cn(SYSTEM_BANNER_BASE, systemBannerToneClasses[tone], className)}\n      {...props}\n    >\n      {glyph !== null && <span className={cn(SYSTEM_BANNER_ICON, systemBannerIconToneClasses[tone])}>{glyph}</span>}\n      <div className={SYSTEM_BANNER_MESSAGE}>\n        {title !== undefined && <span className={SYSTEM_BANNER_TITLE}>{title}</span>}\n        {title !== undefined && children !== undefined && \" — \"}\n        {children !== undefined && <span className={cn(title !== undefined && SYSTEM_BANNER_BODY_AFTER_TITLE)}>{children}</span>}\n      </div>\n      {action !== undefined && <span className={SYSTEM_BANNER_ACTION}>{action}</span>}\n      {onDismiss && (\n        <button\n          type=\"button\"\n          aria-label={labels.dismiss ?? \"Dismiss\"}\n          onClick={onDismiss}\n          className={SYSTEM_BANNER_DISMISS}\n        >\n          <CloseIcon className={SYSTEM_BANNER_GLYPH} />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAyDkD,cAU5C,YAV4C;AAvDlD,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,WAAW,UAAU,yBAAyB;AA4BhD,SAAS,aAAa;AAAA,EAC3B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,QACJ,SAAS,SAAY,OAAO,SAAS,SAAS,oBAAC,qBAAkB,WAAW,qBAAqB,IAAK,oBAAC,YAAS,WAAW,qBAAqB;AAClJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,oBAAoB,wBAAwB,IAAI,GAAG,SAAS;AAAA,MACzE,GAAG;AAAA,MAEH;AAAA,kBAAU,QAAQ,oBAAC,UAAK,WAAW,GAAG,oBAAoB,4BAA4B,IAAI,CAAC,GAAI,iBAAM;AAAA,QACtG,qBAAC,SAAI,WAAW,uBACb;AAAA,oBAAU,UAAa,oBAAC,UAAK,WAAW,qBAAsB,iBAAM;AAAA,UACpE,UAAU,UAAa,aAAa,UAAa;AAAA,UACjD,aAAa,UAAa,oBAAC,UAAK,WAAW,GAAG,UAAU,UAAa,8BAA8B,GAAI,UAAS;AAAA,WACnH;AAAA,QACC,WAAW,UAAa,oBAAC,UAAK,WAAW,sBAAuB,kBAAO;AAAA,QACvE,aACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY,OAAO,WAAW;AAAA,YAC9B,SAAS;AAAA,YACT,WAAW;AAAA,YAEX,8BAAC,aAAU,WAAW,qBAAqB;AAAA;AAAA,QAC7C;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/top-bar.js

@@ -1,16 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/cn.js";
+import { TOP_BAR_BASE, TOP_BAR_END, TOP_BAR_START } from "../generated/top-bar.js";
 function TopBar({ start, end, className, ...props }) {
   return /* @__PURE__ */ jsxs(
     "header",
     {
       "data-slot": "top-bar",
-      className: cn("flex h-14 items-center gap-3 border-b border-border bg-background px-8", className),
+      className: cn(TOP_BAR_BASE, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("div", { "data-slot": "top-bar-start", className: "flex min-w-0 items-center gap-2", children: start }),
-        /* @__PURE__ */ jsx("div", { "data-slot": "top-bar-end", className: "ml-auto flex shrink-0 items-center gap-3", children: end })
+        /* @__PURE__ */ jsx("div", { "data-slot": "top-bar-start", className: TOP_BAR_START, children: start }),
+        /* @__PURE__ */ jsx("div", { "data-slot": "top-bar-end", className: TOP_BAR_END, children: end })
       ]
     }
   );

package/dist/components/top-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/top-bar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\n\nexport interface TopBarProps extends React.ComponentProps<\"header\"> {\n  /** The app switcher, or the service's name. */\n  start?: React.ReactNode;\n  /** Service stats, then an `AccountMenu` last. */\n  end?: React.ReactNode;\n}\n\n/**\n * The wide screen's utility bar over the content column: who and where, never\n * product nav (that is the rail's). Layout only — `AppShell.topBar` pins it.\n */\nexport function TopBar({ start, end, className, ...props }: TopBarProps) {\n  return (\n    <header\n      data-slot=\"top-bar\"\n      className={cn(\"flex h-14 items-center gap-3 border-b border-border bg-background px-8\", className)}\n      {...props}\n    >\n      <div data-slot=\"top-bar-start\" className=\"flex min-w-0 items-center gap-2\">\n        {start}\n      </div>\n      <div data-slot=\"top-bar-end\" className=\"ml-auto flex shrink-0 items-center gap-3\">\n        {end}\n      </div>\n    </header>\n  );\n}\n"],"mappings":"AAgBI,SAKE,KALF;AAhBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAaZ,SAAS,OAAO,EAAE,OAAO,KAAK,WAAW,GAAG,MAAM,GAAgB;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0EAA0E,SAAS;AAAA,MAChG,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,aAAU,iBAAgB,WAAU,mCACtC,iBACH;AAAA,QACA,oBAAC,SAAI,aAAU,eAAc,WAAU,4CACpC,eACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/top-bar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { TOP_BAR_BASE, TOP_BAR_END, TOP_BAR_START } from \"../generated/top-bar\";\n\nexport interface TopBarProps extends React.ComponentProps<\"header\"> {\n  /** The app switcher, or the service's name. */\n  start?: React.ReactNode;\n  /** Service stats, then an `AccountMenu` last. */\n  end?: React.ReactNode;\n}\n\n/**\n * The wide screen's utility bar over the content column: who and where, never\n * product nav (that is the rail's). Layout only — `AppShell.topBar` pins it.\n */\nexport function TopBar({ start, end, className, ...props }: TopBarProps) {\n  return (\n    <header\n      data-slot=\"top-bar\"\n      className={cn(TOP_BAR_BASE, className)}\n      {...props}\n    >\n      <div data-slot=\"top-bar-start\" className={TOP_BAR_START}>\n        {start}\n      </div>\n      <div data-slot=\"top-bar-end\" className={TOP_BAR_END}>\n        {end}\n      </div>\n    </header>\n  );\n}\n"],"mappings":"AAiBI,SAKE,KALF;AAjBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,cAAc,aAAa,qBAAqB;AAalD,SAAS,OAAO,EAAE,OAAO,KAAK,WAAW,GAAG,MAAM,GAAgB;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,aAAU,iBAAgB,WAAW,eACvC,iBACH;AAAA,QACA,oBAAC,SAAI,aAAU,eAAc,WAAW,aACrC,eACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/ui-icons.js

@@ -0,0 +1,77 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+const GLYPHS = {
+  check: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }),
+  copy: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] }),
+  "chevron-down": /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }),
+  "chevron-right": /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }),
+  x: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }),
+  search: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+  ] }),
+  bell: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
+    /* @__PURE__ */ jsx("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })
+  ] }),
+  "arrow-up": /* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7M12 19V5" }),
+  "arrow-down": /* @__PURE__ */ jsx("path", { d: "M12 5v14m7-7-7 7-7-7" }),
+  stop: /* @__PURE__ */ jsx("rect", { width: "12", height: "12", x: "6", y: "6", rx: "2" }),
+  paperclip: /* @__PURE__ */ jsx("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" }),
+  file: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
+  ] }),
+  image: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+  ] }),
+  layers: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z" }),
+    /* @__PURE__ */ jsx("path", { d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65M22 12.65l-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65" })
+  ] }),
+  plus: /* @__PURE__ */ jsx("path", { d: "M5 12h14M12 5v14" }),
+  user: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
+  ] }),
+  "log-out": /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4m7 14 5-5-5-5m5 5H9" }),
+  globe: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20" })
+  ] }),
+  moon: /* @__PURE__ */ jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }),
+  "panel-right": /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M15 3v18" })
+  ] }),
+  alert: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 8v4M12 16h.01" })
+  ] }),
+  sparkles: /* @__PURE__ */ jsx("path", { d: "M9.9 4.4 11 8l3.6 1.1L11 10.2 9.9 13.8 8.8 10.2 5.2 9.1 8.8 8ZM18 14l.7 2.3L21 17l-2.3.7L18 20l-.7-2.3L15 17l2.3-.7Z" })
+};
+function UiIcon({ name, className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: className ?? "size-4",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.75,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: GLYPHS[name]
+    }
+  );
+}
+export {
+  UiIcon
+};
+//# sourceMappingURL=ui-icons.js.map

package/dist/components/ui-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ui-icons.tsx"],"sourcesContent":["import * as React from \"react\";\n\n// lucide glyphs the u2 composed parts need, inlined to keep the kit icon-dep free.\n// Internal: consumers bring their own icons through slots.\nconst GLYPHS = {\n  check: <path d=\"M20 6 9 17l-5-5\" />,\n  copy: (\n    <>\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </>\n  ),\n  \"chevron-down\": <path d=\"m6 9 6 6 6-6\" />,\n  \"chevron-right\": <path d=\"m9 18 6-6-6-6\" />,\n  x: <path d=\"M18 6 6 18M6 6l12 12\" />,\n  search: (\n    <>\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <path d=\"m21 21-4.3-4.3\" />\n    </>\n  ),\n  bell: (\n    <>\n      <path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\" />\n      <path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\" />\n    </>\n  ),\n  \"arrow-up\": <path d=\"m5 12 7-7 7 7M12 19V5\" />,\n  \"arrow-down\": <path d=\"M12 5v14m7-7-7 7-7-7\" />,\n  stop: <rect width=\"12\" height=\"12\" x=\"6\" y=\"6\" rx=\"2\" />,\n  paperclip: (\n    <path d=\"m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48\" />\n  ),\n  file: (\n    <>\n      <path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\" />\n      <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />\n    </>\n  ),\n  image: (\n    <>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <circle cx=\"9\" cy=\"9\" r=\"2\" />\n      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" />\n    </>\n  ),\n  layers: (\n    <>\n      <path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\" />\n      <path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65M22 12.65l-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\" />\n    </>\n  ),\n  plus: <path d=\"M5 12h14M12 5v14\" />,\n  user: (\n    <>\n      <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\" />\n      <circle cx=\"12\" cy=\"7\" r=\"4\" />\n    </>\n  ),\n  \"log-out\": <path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4m7 14 5-5-5-5m5 5H9\" />,\n  globe: (\n    <>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20\" />\n    </>\n  ),\n  moon: <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />,\n  \"panel-right\": (\n    <>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M15 3v18\" />\n    </>\n  ),\n  alert: (\n    <>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 8v4M12 16h.01\" />\n    </>\n  ),\n  sparkles: (\n    <path d=\"M9.9 4.4 11 8l3.6 1.1L11 10.2 9.9 13.8 8.8 10.2 5.2 9.1 8.8 8ZM18 14l.7 2.3L21 17l-2.3.7L18 20l-.7-2.3L15 17l2.3-.7Z\" />\n  ),\n} satisfies Record<string, React.ReactNode>;\n\nexport type UiIconName = keyof typeof GLYPHS;\n\nexport function UiIcon({ name, className }: { name: UiIconName; className?: string | undefined }) {\n  return (\n    <svg\n      className={className ?? \"size-4\"}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.75}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden\n    >\n      {GLYPHS[name]}\n    </svg>\n  );\n}\n"],"mappings":"AAKS,SAEL,UAFK,KAEL,YAFK;AALT,YAAY,WAAW;AAIvB,MAAM,SAAS;AAAA,EACb,OAAO,oBAAC,UAAK,GAAE,mBAAkB;AAAA,EACjC,MACE,iCACE;AAAA,wBAAC,UAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,KAAI;AAAA,IAChD,oBAAC,UAAK,GAAE,2DAA0D;AAAA,KACpE;AAAA,EAEF,gBAAgB,oBAAC,UAAK,GAAE,gBAAe;AAAA,EACvC,iBAAiB,oBAAC,UAAK,GAAE,iBAAgB;AAAA,EACzC,GAAG,oBAAC,UAAK,GAAE,wBAAuB;AAAA,EAClC,QACE,iCACE;AAAA,wBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,IAC9B,oBAAC,UAAK,GAAE,kBAAiB;AAAA,KAC3B;AAAA,EAEF,MACE,iCACE;AAAA,wBAAC,UAAK,GAAE,6CAA4C;AAAA,IACpD,oBAAC,UAAK,GAAE,kCAAiC;AAAA,KAC3C;AAAA,EAEF,YAAY,oBAAC,UAAK,GAAE,yBAAwB;AAAA,EAC5C,cAAc,oBAAC,UAAK,GAAE,wBAAuB;AAAA,EAC7C,MAAM,oBAAC,UAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,KAAI;AAAA,EACtD,WACE,oBAAC,UAAK,GAAE,mHAAkH;AAAA,EAE5H,MACE,iCACE;AAAA,wBAAC,UAAK,GAAE,8DAA6D;AAAA,IACrE,oBAAC,UAAK,GAAE,2BAA0B;AAAA,KACpC;AAAA,EAEF,OACE,iCACE;AAAA,wBAAC,UAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,KAAI;AAAA,IAChD,oBAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI;AAAA,IAC5B,oBAAC,UAAK,GAAE,6CAA4C;AAAA,KACtD;AAAA,EAEF,QACE,iCACE;AAAA,wBAAC,UAAK,GAAE,gHAA+G;AAAA,IACvH,oBAAC,UAAK,GAAE,6FAA4F;AAAA,KACtG;AAAA,EAEF,MAAM,oBAAC,UAAK,GAAE,oBAAmB;AAAA,EACjC,MACE,iCACE;AAAA,wBAAC,UAAK,GAAE,6CAA4C;AAAA,IACpD,oBAAC,YAAO,IAAG,MAAK,IAAG,KAAI,GAAE,KAAI;AAAA,KAC/B;AAAA,EAEF,WAAW,oBAAC,UAAK,GAAE,8DAA6D;AAAA,EAChF,OACE,iCACE;AAAA,wBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,IAC/B,oBAAC,UAAK,GAAE,2DAA0D;AAAA,KACpE;AAAA,EAEF,MAAM,oBAAC,UAAK,GAAE,sCAAqC;AAAA,EACnD,eACE,iCACE;AAAA,wBAAC,UAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,KAAI;AAAA,IAChD,oBAAC,UAAK,GAAE,YAAW;AAAA,KACrB;AAAA,EAEF,OACE,iCACE;AAAA,wBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,IAC/B,oBAAC,UAAK,GAAE,qBAAoB;AAAA,KAC9B;AAAA,EAEF,UACE,oBAAC,UAAK,GAAE,wHAAuH;AAEnI;AAIO,SAAS,OAAO,EAAE,MAAM,UAAU,GAAyD;AAChG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa;AAAA,MACxB,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAW;AAAA,MAEV,iBAAO,IAAI;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/components/use-count-tween.js

@@ -0,0 +1,42 @@
+"use client";
+import * as React from "react";
+import { useReducedMotion } from "../primitives/use-reduced-motion.js";
+const easeOutCubic = (p) => 1 - (1 - p) ** 3;
+function useCountTween(value, options = {}) {
+  const { duration = 800, easing = easeOutCubic, from = 0, animateOnMount = false } = options;
+  const reduced = useReducedMotion();
+  const [shown, setShown] = React.useState(value);
+  const onScreen = React.useRef(value);
+  const mounted = React.useRef(false);
+  const easingRef = React.useRef(easing);
+  easingRef.current = easing;
+  React.useLayoutEffect(() => {
+    const first = !mounted.current;
+    mounted.current = true;
+    const start = first ? animateOnMount ? from : value : onScreen.current;
+    const paint = (v) => {
+      onScreen.current = v;
+      setShown(v);
+    };
+    if (reduced || duration <= 0 || start === value || !Number.isFinite(start) || !Number.isFinite(value)) {
+      paint(value);
+      return;
+    }
+    paint(start);
+    let frame = 0;
+    let t0 = null;
+    const tick = (now) => {
+      t0 ??= now;
+      const p = Math.min(1, (now - t0) / duration);
+      paint(p >= 1 ? value : start + (value - start) * easingRef.current(p));
+      if (p < 1) frame = requestAnimationFrame(tick);
+    };
+    frame = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(frame);
+  }, [value, duration, reduced, animateOnMount, from]);
+  return reduced ? value : shown;
+}
+export {
+  useCountTween
+};
+//# sourceMappingURL=use-count-tween.js.map

package/dist/components/use-count-tween.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/use-count-tween.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useReducedMotion } from \"../primitives/use-reduced-motion\";\n\nexport interface CountTweenOptions {\n  /** Milliseconds from the old value to the new one. Default `800`. */\n  duration?: number;\n  /** Maps progress 0..1 to eased progress 0..1. Default ease-out cubic. */\n  easing?: (progress: number) => number;\n  /** Count up from here on the first render. Default `0`; only read with `animateOnMount`. */\n  from?: number;\n  /** Tween on the first render too. Off by default so the server markup is the final value. */\n  animateOnMount?: boolean;\n}\n\nconst easeOutCubic = (p: number): number => 1 - (1 - p) ** 3;\n\n/**\n * The number a count-up is showing right now, for custom renderers (charts,\n * labels). It returns `value` itself on the first render and whenever nothing\n * is in flight, so a server render prints the final figure. A new `value`\n * mid-flight restarts from what is on screen. Reduced motion returns `value`\n * with no frames at all.\n */\nexport function useCountTween(value: number, options: CountTweenOptions = {}): number {\n  const { duration = 800, easing = easeOutCubic, from = 0, animateOnMount = false } = options;\n  const reduced = useReducedMotion();\n  const [shown, setShown] = React.useState(value);\n  // The frame loop reads the on-screen value without being a dependency of itself.\n  const onScreen = React.useRef(value);\n  const mounted = React.useRef(false);\n  const easingRef = React.useRef(easing);\n  easingRef.current = easing;\n\n  React.useLayoutEffect(() => {\n    const first = !mounted.current;\n    mounted.current = true;\n    const start = first ? (animateOnMount ? from : value) : onScreen.current;\n    const paint = (v: number) => {\n      onScreen.current = v;\n      setShown(v);\n    };\n    if (reduced || duration <= 0 || start === value || !Number.isFinite(start) || !Number.isFinite(value)) {\n      paint(value);\n      return;\n    }\n    paint(start);\n    let frame = 0;\n    let t0: number | null = null;\n    const tick = (now: number) => {\n      t0 ??= now;\n      const p = Math.min(1, (now - t0) / duration);\n      paint(p >= 1 ? value : start + (value - start) * easingRef.current(p));\n      if (p < 1) frame = requestAnimationFrame(tick);\n    };\n    frame = requestAnimationFrame(tick);\n    return () => cancelAnimationFrame(frame);\n  }, [value, duration, reduced, animateOnMount, from]);\n\n  return reduced ? value : shown;\n}\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,SAAS,wBAAwB;AAajC,MAAM,eAAe,CAAC,MAAsB,KAAK,IAAI,MAAM;AASpD,SAAS,cAAc,OAAe,UAA6B,CAAC,GAAW;AACpF,QAAM,EAAE,WAAW,KAAK,SAAS,cAAc,OAAO,GAAG,iBAAiB,MAAM,IAAI;AACpF,QAAM,UAAU,iBAAiB;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,KAAK;AAE9C,QAAM,WAAW,MAAM,OAAO,KAAK;AACnC,QAAM,UAAU,MAAM,OAAO,KAAK;AAClC,QAAM,YAAY,MAAM,OAAO,MAAM;AACrC,YAAU,UAAU;AAEpB,QAAM,gBAAgB,MAAM;AAC1B,UAAM,QAAQ,CAAC,QAAQ;AACvB,YAAQ,UAAU;AAClB,UAAM,QAAQ,QAAS,iBAAiB,OAAO,QAAS,SAAS;AACjE,UAAM,QAAQ,CAAC,MAAc;AAC3B,eAAS,UAAU;AACnB,eAAS,CAAC;AAAA,IACZ;AACA,QAAI,WAAW,YAAY,KAAK,UAAU,SAAS,CAAC,OAAO,SAAS,KAAK,KAAK,CAAC,OAAO,SAAS,KAAK,GAAG;AACrG,YAAM,KAAK;AACX;AAAA,IACF;AACA,UAAM,KAAK;AACX,QAAI,QAAQ;AACZ,QAAI,KAAoB;AACxB,UAAM,OAAO,CAAC,QAAgB;AAC5B,aAAO;AACP,YAAM,IAAI,KAAK,IAAI,IAAI,MAAM,MAAM,QAAQ;AAC3C,YAAM,KAAK,IAAI,QAAQ,SAAS,QAAQ,SAAS,UAAU,QAAQ,CAAC,CAAC;AACrE,UAAI,IAAI,EAAG,SAAQ,sBAAsB,IAAI;AAAA,IAC/C;AACA,YAAQ,sBAAsB,IAAI;AAClC,WAAO,MAAM,qBAAqB,KAAK;AAAA,EACzC,GAAG,CAAC,OAAO,UAAU,SAAS,gBAAgB,IAAI,CAAC;AAEnD,SAAO,UAAU,QAAQ;AAC3B;","names":[]}

package/dist/components/workspace-tab.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { useControllableState } from "../primitives/use-controllable-state.js";
+import {
+  WORKSPACE_TAB_BASE,
+  WORKSPACE_TAB_CLOSE,
+  WORKSPACE_TAB_LABEL,
+  WORKSPACE_TAB_SELECTED,
+  WORKSPACE_TAB_SPACER,
+  WORKSPACE_TAB_TRIGGER,
+  WORKSPACE_TABS_BASE
+} from "../generated/workspace-tab.js";
+import { UiIcon } from "./ui-icons.js";
+const WorkspaceTabsContext = React.createContext(null);
+function useWorkspaceTabs() {
+  const ctx = React.useContext(WorkspaceTabsContext);
+  if (!ctx) throw new Error("WorkspaceTab must be used within <WorkspaceTabs>");
+  return ctx;
+}
+function WorkspaceTabs({
+  value,
+  defaultValue = "",
+  onValueChange,
+  className,
+  onKeyDown,
+  ...props
+}) {
+  const [active, setValue] = useControllableState({
+    ...value !== void 0 ? { value } : {},
+    defaultValue,
+    ...onValueChange ? { onChange: onValueChange } : {}
+  });
+  const [values, setValues] = React.useState([]);
+  const register = React.useCallback((v) => {
+    setValues((prev) => [...prev, v]);
+    return () => setValues((prev) => prev.filter((x) => x !== v));
+  }, []);
+  const move = (e) => {
+    const tabs = Array.from(e.currentTarget.querySelectorAll('[role="tab"]'));
+    const at = tabs.indexOf(document.activeElement);
+    if (at < 0) return;
+    const target = e.key === "ArrowRight" ? (at + 1) % tabs.length : e.key === "ArrowLeft" ? (at - 1 + tabs.length) % tabs.length : e.key === "Home" ? 0 : e.key === "End" ? tabs.length - 1 : -1;
+    if (target < 0) return;
+    e.preventDefault();
+    tabs[target]?.focus();
+  };
+  return /* @__PURE__ */ jsx(WorkspaceTabsContext.Provider, { value: { value: active, setValue, values, register }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tablist",
+      "aria-orientation": "horizontal",
+      "data-slot": "workspace-tabs",
+      className: cn(WORKSPACE_TABS_BASE, className),
+      onKeyDown: (e) => {
+        onKeyDown?.(e);
+        if (!e.defaultPrevented) move(e);
+      },
+      ...props
+    }
+  ) });
+}
+function WorkspaceTab({
+  value,
+  icon,
+  onClose,
+  closeLabel = "Close tab",
+  className,
+  children,
+  onClick,
+  onKeyDown,
+  ...props
+}) {
+  const { value: active, setValue, values, register } = useWorkspaceTabs();
+  React.useEffect(() => register(value), [register, value]);
+  const selected = active === value;
+  const stop = selected || !values.includes(active) && values[0] === value;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "workspace-tab",
+      "data-state": selected ? "active" : "inactive",
+      className: cn(
+        WORKSPACE_TAB_BASE,
+        selected && WORKSPACE_TAB_SELECTED,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": selected,
+            tabIndex: stop ? 0 : -1,
+            className: WORKSPACE_TAB_TRIGGER,
+            onClick: (e) => {
+              onClick?.(e);
+              setValue(value);
+            },
+            onKeyDown: (e) => {
+              onKeyDown?.(e);
+              if (onClose && (e.key === "Delete" || e.key === "Backspace")) {
+                e.preventDefault();
+                const tabs = Array.from(
+                  e.currentTarget.closest('[role="tablist"]')?.querySelectorAll('[role="tab"]') ?? []
+                );
+                const at = tabs.indexOf(e.currentTarget);
+                (tabs[at + 1] ?? tabs[at - 1])?.focus();
+                onClose();
+              }
+            },
+            ...props,
+            children: [
+              icon ?? /* @__PURE__ */ jsx(UiIcon, { name: "layers" }),
+              /* @__PURE__ */ jsx("span", { className: WORKSPACE_TAB_LABEL, children })
+            ]
+          }
+        ),
+        onClose ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": closeLabel,
+            tabIndex: -1,
+            onClick: onClose,
+            className: WORKSPACE_TAB_CLOSE,
+            children: /* @__PURE__ */ jsx(UiIcon, { name: "x" })
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: WORKSPACE_TAB_SPACER, "aria-hidden": true })
+      ]
+    }
+  );
+}
+export {
+  WorkspaceTab,
+  WorkspaceTabs
+};
+//# sourceMappingURL=workspace-tab.js.map

package/dist/components/workspace-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/workspace-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport {\n  WORKSPACE_TAB_BASE,\n  WORKSPACE_TAB_CLOSE,\n  WORKSPACE_TAB_LABEL,\n  WORKSPACE_TAB_SELECTED,\n  WORKSPACE_TAB_SPACER,\n  WORKSPACE_TAB_TRIGGER,\n  WORKSPACE_TABS_BASE,\n} from \"../generated/workspace-tab\";\nimport { UiIcon } from \"./ui-icons\";\n\ninterface WorkspaceTabsContextValue {\n  value: string;\n  setValue: (next: string) => void;\n  /** Values of the mounted tabs, in mount order. */\n  values: readonly string[];\n  register: (value: string) => () => void;\n}\n\nconst WorkspaceTabsContext = React.createContext<WorkspaceTabsContextValue | null>(null);\n\nfunction useWorkspaceTabs(): WorkspaceTabsContextValue {\n  const ctx = React.useContext(WorkspaceTabsContext);\n  if (!ctx) throw new Error(\"WorkspaceTab must be used within <WorkspaceTabs>\");\n  return ctx;\n}\n\nexport interface WorkspaceTabsProps extends Omit<React.ComponentProps<\"div\">, \"onChange\" | \"defaultValue\"> {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n}\n\n/**\n * A row of open workspaces. Arrow keys move focus (Home/End jump); selecting is\n * Enter, Space or a click, so moving through the row never swaps the screen.\n */\nexport function WorkspaceTabs({\n  value,\n  defaultValue = \"\",\n  onValueChange,\n  className,\n  onKeyDown,\n  ...props\n}: WorkspaceTabsProps) {\n  const [active, setValue] = useControllableState<string>({\n    ...(value !== undefined ? { value } : {}),\n    defaultValue,\n    ...(onValueChange ? { onChange: onValueChange } : {}),\n  });\n  const [values, setValues] = React.useState<readonly string[]>([]);\n  const register = React.useCallback((v: string) => {\n    setValues((prev) => [...prev, v]);\n    return () => setValues((prev) => prev.filter((x) => x !== v));\n  }, []);\n  // Tabs come and go as workspaces open and close, so the order is read from the DOM at key time.\n  const move = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const tabs = Array.from(e.currentTarget.querySelectorAll<HTMLElement>('[role=\"tab\"]'));\n    const at = tabs.indexOf(document.activeElement as HTMLElement);\n    if (at < 0) return;\n    const target =\n      e.key === \"ArrowRight\" ? (at + 1) % tabs.length\n      : e.key === \"ArrowLeft\" ? (at - 1 + tabs.length) % tabs.length\n      : e.key === \"Home\" ? 0\n      : e.key === \"End\" ? tabs.length - 1\n      : -1;\n    if (target < 0) return;\n    e.preventDefault();\n    tabs[target]?.focus();\n  };\n  return (\n    <WorkspaceTabsContext.Provider value={{ value: active, setValue, values, register }}>\n      <div\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        data-slot=\"workspace-tabs\"\n        className={cn(WORKSPACE_TABS_BASE, className)}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (!e.defaultPrevented) move(e);\n        }}\n        {...props}\n      />\n    </WorkspaceTabsContext.Provider>\n  );\n}\n\nexport interface WorkspaceTabProps extends Omit<React.ComponentProps<\"button\">, \"value\"> {\n  value: string;\n  /** Leading glyph; the layers glyph by default. */\n  icon?: React.ReactNode;\n  /** Adds a close button; Delete and Backspace on the tab close it too. */\n  onClose?: () => void;\n  /** Names the close button, e.g. \"Close Trading\". */\n  closeLabel?: string;\n}\n\nexport function WorkspaceTab({\n  value,\n  icon,\n  onClose,\n  closeLabel = \"Close tab\",\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: WorkspaceTabProps) {\n  const { value: active, setValue, values, register } = useWorkspaceTabs();\n  React.useEffect(() => register(value), [register, value]);\n  const selected = active === value;\n  // With no selected tab (nothing chosen yet, or the active one was just closed) the first tab\n  // takes the tab stop, or the row could not be entered from the keyboard.\n  const stop = selected || (!values.includes(active) && values[0] === value);\n  return (\n    <div\n      data-slot=\"workspace-tab\"\n      data-state={selected ? \"active\" : \"inactive\"}\n      className={cn(\n        WORKSPACE_TAB_BASE,\n        selected && WORKSPACE_TAB_SELECTED,\n        className,\n      )}\n    >\n      <button\n        type=\"button\"\n        role=\"tab\"\n        aria-selected={selected}\n        tabIndex={stop ? 0 : -1}\n        className={WORKSPACE_TAB_TRIGGER}\n        onClick={(e) => {\n          onClick?.(e);\n          setValue(value);\n        }}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (onClose && (e.key === \"Delete\" || e.key === \"Backspace\")) {\n            e.preventDefault();\n            // Hand focus to a neighbour first: the closed tab's button unmounts and focus would fall to <body>.\n            const tabs = Array.from(\n              e.currentTarget.closest('[role=\"tablist\"]')?.querySelectorAll<HTMLElement>('[role=\"tab\"]') ?? [],\n            );\n            const at = tabs.indexOf(e.currentTarget);\n            (tabs[at + 1] ?? tabs[at - 1])?.focus();\n            onClose();\n          }\n        }}\n        {...props}\n      >\n        {icon ?? <UiIcon name=\"layers\" />}\n        <span className={WORKSPACE_TAB_LABEL}>{children}</span>\n      </button>\n      {onClose ? (\n        <button\n          type=\"button\"\n          aria-label={closeLabel}\n          tabIndex={-1}\n          onClick={onClose}\n          className={WORKSPACE_TAB_CLOSE}\n        >\n          <UiIcon name=\"x\" />\n        </button>\n      ) : (\n        <span className={WORKSPACE_TAB_SPACER} aria-hidden />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/generated/accent.js

@@ -1,7 +1,7 @@
 const accentTextClasses = {
   "trace": "text-accent-trace",
   "debug": "text-accent-debug",
-  "info": "text-accent-info",
+  "info": "text-accent-info-ink",
   "warn": "text-accent-warn",
   "error": "text-accent-error"
 };
@@ -15,7 +15,7 @@ const accentFillClasses = {
 const accentOutlineClasses = {
   "trace": "border border-accent-trace/40 text-accent-trace hover:bg-accent-trace/10",
   "debug": "border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/10",
-  "info": "border border-accent-info/40 text-accent-info hover:bg-accent-info/10",
+  "info": "border border-accent-info/40 text-accent-info-ink hover:bg-accent-info/10",
   "warn": "border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/10",
   "error": "border border-accent-error/40 text-accent-error hover:bg-accent-error/10"
 };

package/dist/generated/accent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/accent.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const accentTextClasses = {\n  \"trace\": \"text-accent-trace\",\n  \"debug\": \"text-accent-debug\",\n  \"info\": \"text-accent-info\",\n  \"warn\": \"text-accent-warn\",\n  \"error\": \"text-accent-error\",\n} as const;\nexport type Accent = keyof typeof accentTextClasses;\n\nexport const accentFillClasses = {\n  \"trace\": \"bg-accent-trace text-on-accent-trace hover:bg-accent-trace/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"debug\": \"bg-accent-debug text-on-accent-debug hover:bg-accent-debug/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"info\": \"bg-accent-info text-on-accent-info hover:bg-accent-info/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"warn\": \"bg-accent-warn text-on-accent-warn hover:bg-accent-warn/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"error\": \"bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n} as const;\nexport type AccentFill = keyof typeof accentFillClasses;\n\nexport const accentOutlineClasses = {\n  \"trace\": \"border border-accent-trace/40 text-accent-trace hover:bg-accent-trace/10\",\n  \"debug\": \"border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/10\",\n  \"info\": \"border border-accent-info/40 text-accent-info hover:bg-accent-info/10\",\n  \"warn\": \"border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/10\",\n  \"error\": \"border border-accent-error/40 text-accent-error hover:bg-accent-error/10\",\n} as const;\nexport type AccentOutline = keyof typeof accentOutlineClasses;\n"],"mappings":"AAEO,MAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAGO,MAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAGO,MAAM,uBAAuB;AAAA,EAClC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}
+{"version":3,"sources":["../../src/generated/accent.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const accentTextClasses = {\n  \"trace\": \"text-accent-trace\",\n  \"debug\": \"text-accent-debug\",\n  \"info\": \"text-accent-info-ink\",\n  \"warn\": \"text-accent-warn\",\n  \"error\": \"text-accent-error\",\n} as const;\nexport type Accent = keyof typeof accentTextClasses;\n\nexport const accentFillClasses = {\n  \"trace\": \"bg-accent-trace text-on-accent-trace hover:bg-accent-trace/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"debug\": \"bg-accent-debug text-on-accent-debug hover:bg-accent-debug/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"info\": \"bg-accent-info text-on-accent-info hover:bg-accent-info/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"warn\": \"bg-accent-warn text-on-accent-warn hover:bg-accent-warn/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"error\": \"bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n} as const;\nexport type AccentFill = keyof typeof accentFillClasses;\n\nexport const accentOutlineClasses = {\n  \"trace\": \"border border-accent-trace/40 text-accent-trace hover:bg-accent-trace/10\",\n  \"debug\": \"border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/10\",\n  \"info\": \"border border-accent-info/40 text-accent-info-ink hover:bg-accent-info/10\",\n  \"warn\": \"border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/10\",\n  \"error\": \"border border-accent-error/40 text-accent-error hover:bg-accent-error/10\",\n} as const;\nexport type AccentOutline = keyof typeof accentOutlineClasses;\n"],"mappings":"AAEO,MAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAGO,MAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAGO,MAAM,uBAAuB;AAAA,EAClC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}

package/dist/generated/account-list.js

@@ -0,0 +1,35 @@
+const ACCOUNT_LIST_BASE = "flex flex-col gap-2";
+const ACCOUNT_LIST_ITEM_BASE = "flex items-center gap-3 rounded-(--control-radius) border p-2.5 pr-3 transition-colors";
+const ACCOUNT_LIST_ITEM_CHECKED = "border-primary-border bg-selected";
+const ACCOUNT_LIST_ITEM_UNCHECKED = "border-border-subtle bg-muted hover:bg-hover";
+const ACCOUNT_LIST_ITEM_DISABLED = "opacity-40";
+const ACCOUNT_LIST_ITEM_RADIO = "flex min-w-0 flex-1 items-center gap-3 rounded-(--control-radius) text-left outline-none focus-visible:ring-2 focus-visible:ring-ring";
+const ACCOUNT_LIST_ITEM_AVATAR = "size-14 shrink-0 rounded-(--control-radius)";
+const ACCOUNT_LIST_ITEM_AVATAR_FALLBACK = "font-serif text-h2 font-light text-ink";
+const ACCOUNT_LIST_ITEM_TEXT = "flex min-w-0 flex-1 flex-col gap-0.5";
+const ACCOUNT_LIST_ITEM_NAME = "truncate text-body-l text-ink";
+const ACCOUNT_LIST_ITEM_HANDLE = "truncate text-body text-ink-mid";
+const ACCOUNT_LIST_ITEM_BADGES = "flex shrink-0 items-center gap-1.5";
+const ACCOUNT_LIST_ITEM_FIGURE = "shrink-0 font-serif text-figure-m font-light tabular-nums text-ink";
+const ACCOUNT_LIST_ITEM_CHECK = "flex size-4 shrink-0 text-primary-ink";
+const ACCOUNT_LIST_ITEM_CHECK_HIDDEN = "invisible";
+const ACCOUNT_LIST_ITEM_ACTIONS = "flex shrink-0 items-center gap-1";
+export {
+  ACCOUNT_LIST_BASE,
+  ACCOUNT_LIST_ITEM_ACTIONS,
+  ACCOUNT_LIST_ITEM_AVATAR,
+  ACCOUNT_LIST_ITEM_AVATAR_FALLBACK,
+  ACCOUNT_LIST_ITEM_BADGES,
+  ACCOUNT_LIST_ITEM_BASE,
+  ACCOUNT_LIST_ITEM_CHECK,
+  ACCOUNT_LIST_ITEM_CHECKED,
+  ACCOUNT_LIST_ITEM_CHECK_HIDDEN,
+  ACCOUNT_LIST_ITEM_DISABLED,
+  ACCOUNT_LIST_ITEM_FIGURE,
+  ACCOUNT_LIST_ITEM_HANDLE,
+  ACCOUNT_LIST_ITEM_NAME,
+  ACCOUNT_LIST_ITEM_RADIO,
+  ACCOUNT_LIST_ITEM_TEXT,
+  ACCOUNT_LIST_ITEM_UNCHECKED
+};
+//# sourceMappingURL=account-list.js.map

package/dist/generated/account-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/generated/account-list.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ACCOUNT_LIST_BASE = \"flex flex-col gap-2\";\n\nexport const ACCOUNT_LIST_ITEM_BASE = \"flex items-center gap-3 rounded-(--control-radius) border p-2.5 pr-3 transition-colors\";\n\nexport const ACCOUNT_LIST_ITEM_CHECKED = \"border-primary-border bg-selected\";\n\nexport const ACCOUNT_LIST_ITEM_UNCHECKED = \"border-border-subtle bg-muted hover:bg-hover\";\n\nexport const ACCOUNT_LIST_ITEM_DISABLED = \"opacity-40\";\n\nexport const ACCOUNT_LIST_ITEM_RADIO = \"flex min-w-0 flex-1 items-center gap-3 rounded-(--control-radius) text-left outline-none focus-visible:ring-2 focus-visible:ring-ring\";\n\nexport const ACCOUNT_LIST_ITEM_AVATAR = \"size-14 shrink-0 rounded-(--control-radius)\";\n\nexport const ACCOUNT_LIST_ITEM_AVATAR_FALLBACK = \"font-serif text-h2 font-light text-ink\";\n\nexport const ACCOUNT_LIST_ITEM_TEXT = \"flex min-w-0 flex-1 flex-col gap-0.5\";\n\nexport const ACCOUNT_LIST_ITEM_NAME = \"truncate text-body-l text-ink\";\n\nexport const ACCOUNT_LIST_ITEM_HANDLE = \"truncate text-body text-ink-mid\";\n\nexport const ACCOUNT_LIST_ITEM_BADGES = \"flex shrink-0 items-center gap-1.5\";\n\nexport const ACCOUNT_LIST_ITEM_FIGURE = \"shrink-0 font-serif text-figure-m font-light tabular-nums text-ink\";\n\nexport const ACCOUNT_LIST_ITEM_CHECK = \"flex size-4 shrink-0 text-primary-ink\";\n\nexport const ACCOUNT_LIST_ITEM_CHECK_HIDDEN = \"invisible\";\n\nexport const ACCOUNT_LIST_ITEM_ACTIONS = \"flex shrink-0 items-center gap-1\";\n"],"mappings":"AAEO,MAAM,oBAAoB;AAE1B,MAAM,yBAAyB;AAE/B,MAAM,4BAA4B;AAElC,MAAM,8BAA8B;AAEpC,MAAM,6BAA6B;AAEnC,MAAM,0BAA0B;AAEhC,MAAM,2BAA2B;AAEjC,MAAM,oCAAoC;AAE1C,MAAM,yBAAyB;AAE/B,MAAM,yBAAyB;AAE/B,MAAM,2BAA2B;AAEjC,MAAM,2BAA2B;AAEjC,MAAM,2BAA2B;AAEjC,MAAM,0BAA0B;AAEhC,MAAM,iCAAiC;AAEvC,MAAM,4BAA4B;","names":[]}

package/dist/generated/account-settings-dialog.js

@@ -0,0 +1,27 @@
+const ACCOUNT_SETTINGS_DIALOG_CONTENT = "flex max-h-[90dvh] max-w-[calc(100%-2rem)] flex-col gap-0 overflow-hidden bg-popover p-0 sm:max-w-260 md:h-170 md:flex-row";
+const ACCOUNT_SETTINGS_DIALOG_TABS = "min-h-0 flex-1 flex-col gap-0 md:flex-row";
+const ACCOUNT_SETTINGS_DIALOG_SIDEBAR = "flex max-h-44 shrink-0 flex-col gap-2 overflow-y-auto border-b border-border-subtle bg-card p-2 md:max-h-none md:w-60 md:border-b-0 md:border-r";
+const ACCOUNT_SETTINGS_DIALOG_LIST = "h-auto w-full flex-1 flex-col items-stretch justify-start gap-0.5 bg-transparent p-0";
+const ACCOUNT_SETTINGS_DIALOG_ENTRY = "h-8 w-full flex-none justify-start gap-2.5 rounded-(--control-radius) border-0 px-2.5 text-body font-normal text-ink-mid shadow-none data-[state=active]:bg-active data-[state=active]:text-ink data-[state=active]:shadow-none hover:bg-hover [&_svg]:text-ink-soft";
+const ACCOUNT_SETTINGS_DIALOG_FOOTER = "flex items-center gap-1 border-t border-border-subtle pt-2";
+const ACCOUNT_SETTINGS_DIALOG_PANE = "relative flex min-h-0 min-w-0 flex-1 flex-col gap-5 overflow-y-auto p-6 md:p-8";
+const ACCOUNT_SETTINGS_DIALOG_HEADING = "flex flex-col gap-1 pr-10";
+const ACCOUNT_SETTINGS_DIALOG_TITLE = "font-serif text-h1 font-light text-ink";
+const ACCOUNT_SETTINGS_DIALOG_DESCRIPTION = "text-body text-ink-mid";
+const ACCOUNT_SETTINGS_DIALOG_PANEL = "flex flex-col gap-5";
+const ACCOUNT_SETTINGS_DIALOG_CLOSE = "absolute right-4 top-4";
+export {
+  ACCOUNT_SETTINGS_DIALOG_CLOSE,
+  ACCOUNT_SETTINGS_DIALOG_CONTENT,
+  ACCOUNT_SETTINGS_DIALOG_DESCRIPTION,
+  ACCOUNT_SETTINGS_DIALOG_ENTRY,
+  ACCOUNT_SETTINGS_DIALOG_FOOTER,
+  ACCOUNT_SETTINGS_DIALOG_HEADING,
+  ACCOUNT_SETTINGS_DIALOG_LIST,
+  ACCOUNT_SETTINGS_DIALOG_PANE,
+  ACCOUNT_SETTINGS_DIALOG_PANEL,
+  ACCOUNT_SETTINGS_DIALOG_SIDEBAR,
+  ACCOUNT_SETTINGS_DIALOG_TABS,
+  ACCOUNT_SETTINGS_DIALOG_TITLE
+};
+//# sourceMappingURL=account-settings-dialog.js.map

package/dist/generated/account-settings-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/generated/account-settings-dialog.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ACCOUNT_SETTINGS_DIALOG_CONTENT = \"flex max-h-[90dvh] max-w-[calc(100%-2rem)] flex-col gap-0 overflow-hidden bg-popover p-0 sm:max-w-260 md:h-170 md:flex-row\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_TABS = \"min-h-0 flex-1 flex-col gap-0 md:flex-row\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_SIDEBAR = \"flex max-h-44 shrink-0 flex-col gap-2 overflow-y-auto border-b border-border-subtle bg-card p-2 md:max-h-none md:w-60 md:border-b-0 md:border-r\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_LIST = \"h-auto w-full flex-1 flex-col items-stretch justify-start gap-0.5 bg-transparent p-0\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_ENTRY = \"h-8 w-full flex-none justify-start gap-2.5 rounded-(--control-radius) border-0 px-2.5 text-body font-normal text-ink-mid shadow-none data-[state=active]:bg-active data-[state=active]:text-ink data-[state=active]:shadow-none hover:bg-hover [&_svg]:text-ink-soft\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_FOOTER = \"flex items-center gap-1 border-t border-border-subtle pt-2\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_PANE = \"relative flex min-h-0 min-w-0 flex-1 flex-col gap-5 overflow-y-auto p-6 md:p-8\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_HEADING = \"flex flex-col gap-1 pr-10\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_TITLE = \"font-serif text-h1 font-light text-ink\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_DESCRIPTION = \"text-body text-ink-mid\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_PANEL = \"flex flex-col gap-5\";\n\nexport const ACCOUNT_SETTINGS_DIALOG_CLOSE = \"absolute right-4 top-4\";\n"],"mappings":"AAEO,MAAM,kCAAkC;AAExC,MAAM,+BAA+B;AAErC,MAAM,kCAAkC;AAExC,MAAM,+BAA+B;AAErC,MAAM,gCAAgC;AAEtC,MAAM,iCAAiC;AAEvC,MAAM,+BAA+B;AAErC,MAAM,kCAAkC;AAExC,MAAM,gCAAgC;AAEtC,MAAM,sCAAsC;AAE5C,MAAM,gCAAgC;AAEtC,MAAM,gCAAgC;","names":[]}

package/dist/generated/alert-dialog.js

@@ -1,4 +1,4 @@
-const ALERT_DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-200 data-[state=closed]:fill-mode-forwards data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50";
+const ALERT_DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-200 data-[state=closed]:fill-mode-forwards data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-scrim";
 const ALERT_DIALOG_CONTENT = "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 data-[state=closed]:fill-mode-forwards outline-hidden sm:max-w-lg";
 const ALERT_DIALOG_HEADER = "flex flex-col gap-2 text-center sm:text-left";
 const ALERT_DIALOG_FOOTER = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";