@evinvest/uikit 0.30.0 → 0.32.0

package/dist/components/shell/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 "../../icons/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/shell/workspace-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/shell/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 \"../../icons/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":";AA6EM,cAoDA,YApDA;AA3EN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAUvB,MAAM,uBAAuB,MAAM,cAAgD,IAAI;AAEvF,SAAS,mBAA8C;AACrD,QAAM,MAAM,MAAM,WAAW,oBAAoB;AACjD,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,kDAAkD;AAC5E,SAAO;AACT;AAYO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,QAAQ,QAAQ,IAAI,qBAA6B;AAAA,IACtD,GAAI,UAAU,SAAY,EAAE,MAAM,IAAI,CAAC;AAAA,IACvC;AAAA,IACA,GAAI,gBAAgB,EAAE,UAAU,cAAc,IAAI,CAAC;AAAA,EACrD,CAAC;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA4B,CAAC,CAAC;AAChE,QAAM,WAAW,MAAM,YAAY,CAAC,MAAc;AAChD,cAAU,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAChC,WAAO,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,MAAM,CAAC,CAAC;AAAA,EAC9D,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,CAAC,MAA2C;AACvD,UAAM,OAAO,MAAM,KAAK,EAAE,cAAc,iBAA8B,cAAc,CAAC;AACrF,UAAM,KAAK,KAAK,QAAQ,SAAS,aAA4B;AAC7D,QAAI,KAAK,EAAG;AACZ,UAAM,SACJ,EAAE,QAAQ,gBAAgB,KAAK,KAAK,KAAK,SACvC,EAAE,QAAQ,eAAe,KAAK,IAAI,KAAK,UAAU,KAAK,SACtD,EAAE,QAAQ,SAAS,IACnB,EAAE,QAAQ,QAAQ,KAAK,SAAS,IAChC;AACJ,QAAI,SAAS,EAAG;AAChB,MAAE,eAAe;AACjB,SAAK,MAAM,GAAG,MAAM;AAAA,EACtB;AACA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,OAAO,QAAQ,UAAU,QAAQ,SAAS,GAChF;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,aAAU;AAAA,MACV,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC5C,WAAW,CAAC,MAAM;AAChB,oBAAY,CAAC;AACb,YAAI,CAAC,EAAE,iBAAkB,MAAK,CAAC;AAAA,MACjC;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAYO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,EAAE,OAAO,QAAQ,UAAU,QAAQ,SAAS,IAAI,iBAAiB;AACvE,QAAM,UAAU,MAAM,SAAS,KAAK,GAAG,CAAC,UAAU,KAAK,CAAC;AACxD,QAAM,WAAW,WAAW;AAG5B,QAAM,OAAO,YAAa,CAAC,OAAO,SAAS,MAAM,KAAK,OAAO,CAAC,MAAM;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,WAAW,WAAW;AAAA,MAClC,WAAW;AAAA,QACT;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,UAAU,OAAO,IAAI;AAAA,YACrB,WAAW;AAAA,YACX,SAAS,CAAC,MAAM;AACd,wBAAU,CAAC;AACX,uBAAS,KAAK;AAAA,YAChB;AAAA,YACA,WAAW,CAAC,MAAM;AAChB,0BAAY,CAAC;AACb,kBAAI,YAAY,EAAE,QAAQ,YAAY,EAAE,QAAQ,cAAc;AAC5D,kBAAE,eAAe;AAEjB,sBAAM,OAAO,MAAM;AAAA,kBACjB,EAAE,cAAc,QAAQ,kBAAkB,GAAG,iBAA8B,cAAc,KAAK,CAAC;AAAA,gBACjG;AACA,sBAAM,KAAK,KAAK,QAAQ,EAAE,aAAa;AACvC,iBAAC,KAAK,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,MAAM;AACtC,wBAAQ;AAAA,cACV;AAAA,YACF;AAAA,YACC,GAAG;AAAA,YAEH;AAAA,sBAAQ,oBAAC,UAAO,MAAK,UAAS;AAAA,cAC/B,oBAAC,UAAK,WAAW,qBAAsB,UAAS;AAAA;AAAA;AAAA,QAClD;AAAA,QACC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,UAAU;AAAA,YACV,SAAS;AAAA,YACT,WAAW;AAAA,YAEX,8BAAC,UAAO,MAAK,KAAI;AAAA;AAAA,QACnB,IAEA,oBAAC,UAAK,WAAW,sBAAsB,eAAW,MAAC;AAAA;AAAA;AAAA,EAEvD;AAEJ;","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";

package/dist/generated/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/alert-dialog.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport 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\";\n\nexport 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\";\n\nexport const ALERT_DIALOG_HEADER = \"flex flex-col gap-2 text-center sm:text-left\";\n\nexport const ALERT_DIALOG_FOOTER = \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\";\n\nexport const ALERT_DIALOG_TITLE = \"text-lg font-semibold\";\n\nexport const ALERT_DIALOG_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB;AAE7B,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,qBAAqB;AAE3B,MAAM,2BAA2B;","names":[]}
+{"version":3,"sources":["../../src/generated/alert-dialog.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport 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\";\n\nexport 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\";\n\nexport const ALERT_DIALOG_HEADER = \"flex flex-col gap-2 text-center sm:text-left\";\n\nexport const ALERT_DIALOG_FOOTER = \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\";\n\nexport const ALERT_DIALOG_TITLE = \"text-lg font-semibold\";\n\nexport const ALERT_DIALOG_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB;AAE7B,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,qBAAqB;AAE3B,MAAM,2BAA2B;","names":[]}

package/dist/generated/alert.js

@@ -2,8 +2,8 @@ const ALERT_BASE = "relative w-full rounded-lg border px-4 py-3 text-sm grid has
 const alertVariants = {
   "neutral": "bg-card text-ink border-border",
   "destructive": "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid",
-  "success": "text-positive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid",
-  "info": "text-accent-info bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid"
+  "success": "text-positive-ink bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid",
+  "info": "text-accent-info-ink bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid"
 };
 const ALERT_TITLE = "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight";
 const ALERT_DESCRIPTION = "text-ink-soft col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed";

package/dist/generated/alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/alert.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ALERT_BASE = \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\";\n\nexport const alertVariants = {\n  \"neutral\": \"bg-card text-ink border-border\",\n  \"destructive\": \"text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid\",\n  \"success\": \"text-positive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid\",\n  \"info\": \"text-accent-info bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid\",\n} as const;\nexport type AlertVariant = keyof typeof alertVariants;\n\nexport const ALERT_TITLE = \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\";\n\nexport const ALERT_DESCRIPTION = \"text-ink-soft col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\";\n"],"mappings":"AAEO,MAAM,aAAa;AAEnB,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AACV;AAGO,MAAM,cAAc;AAEpB,MAAM,oBAAoB;","names":[]}
+{"version":3,"sources":["../../src/generated/alert.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ALERT_BASE = \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\";\n\nexport const alertVariants = {\n  \"neutral\": \"bg-card text-ink border-border\",\n  \"destructive\": \"text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid\",\n  \"success\": \"text-positive-ink bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid\",\n  \"info\": \"text-accent-info-ink bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid\",\n} as const;\nexport type AlertVariant = keyof typeof alertVariants;\n\nexport const ALERT_TITLE = \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\";\n\nexport const ALERT_DESCRIPTION = \"text-ink-soft col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\";\n"],"mappings":"AAEO,MAAM,aAAa;AAEnB,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AACV;AAGO,MAAM,cAAc;AAEpB,MAAM,oBAAoB;","names":[]}

package/dist/generated/aside.js

@@ -0,0 +1,36 @@
+const ASIDE_HEADER_BASE = "flex h-11 shrink-0 items-center gap-1.5 border-b border-border bg-card pl-3 pr-2";
+const ASIDE_HEADER_TITLE = "min-w-0 flex-1 truncate text-body font-medium text-ink";
+const ASIDE_HEADER_BACK_ICON = "size-4 rotate-180";
+const ASIDE_HEADER_CLOSE_ICON = "size-4";
+const ASIDE_RAIL_BASE = "flex w-11 shrink-0 flex-col items-center gap-1 border-l border-border bg-card px-1.5 py-2";
+const ASIDE_RAIL_SPACER = "flex-1";
+const ASIDE_BODY = "min-h-0 flex-1 overflow-y-auto";
+const ASIDE_FOOTER = "flex shrink-0 items-center justify-end gap-2 border-t border-border bg-card px-4 py-3";
+const ASIDE_PANEL_DOCKED = "flex h-full w-95 shrink-0 flex-col bg-card";
+const ASIDE_PANEL_DRAWER = "flex max-h-[85dvh] flex-col bg-card";
+const ASIDE_PANEL_SHEET = "w-full gap-0 border-border-strong bg-card p-0 sm:max-w-105 [&>[data-slot=sheet-close]]:hidden";
+const ASIDE_PANEL_WIDE_ONLY = "hidden md:flex";
+const ASIDE_PANEL_WIDE_ONLY_WRAPPER = "hidden md:contents";
+const ASIDE_PANEL_NARROW_ONLY = "contents md:hidden";
+const asidePanelSideClasses = {
+  "left": "border-r border-border",
+  "right": "border-l border-border"
+};
+export {
+  ASIDE_BODY,
+  ASIDE_FOOTER,
+  ASIDE_HEADER_BACK_ICON,
+  ASIDE_HEADER_BASE,
+  ASIDE_HEADER_CLOSE_ICON,
+  ASIDE_HEADER_TITLE,
+  ASIDE_PANEL_DOCKED,
+  ASIDE_PANEL_DRAWER,
+  ASIDE_PANEL_NARROW_ONLY,
+  ASIDE_PANEL_SHEET,
+  ASIDE_PANEL_WIDE_ONLY,
+  ASIDE_PANEL_WIDE_ONLY_WRAPPER,
+  ASIDE_RAIL_BASE,
+  ASIDE_RAIL_SPACER,
+  asidePanelSideClasses
+};
+//# sourceMappingURL=aside.js.map

package/dist/generated/aside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/generated/aside.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ASIDE_HEADER_BASE = \"flex h-11 shrink-0 items-center gap-1.5 border-b border-border bg-card pl-3 pr-2\";\n\nexport const ASIDE_HEADER_TITLE = \"min-w-0 flex-1 truncate text-body font-medium text-ink\";\n\nexport const ASIDE_HEADER_BACK_ICON = \"size-4 rotate-180\";\n\nexport const ASIDE_HEADER_CLOSE_ICON = \"size-4\";\n\nexport const ASIDE_RAIL_BASE = \"flex w-11 shrink-0 flex-col items-center gap-1 border-l border-border bg-card px-1.5 py-2\";\n\nexport const ASIDE_RAIL_SPACER = \"flex-1\";\n\nexport const ASIDE_BODY = \"min-h-0 flex-1 overflow-y-auto\";\n\nexport const ASIDE_FOOTER = \"flex shrink-0 items-center justify-end gap-2 border-t border-border bg-card px-4 py-3\";\n\nexport const ASIDE_PANEL_DOCKED = \"flex h-full w-95 shrink-0 flex-col bg-card\";\n\nexport const ASIDE_PANEL_DRAWER = \"flex max-h-[85dvh] flex-col bg-card\";\n\nexport const ASIDE_PANEL_SHEET = \"w-full gap-0 border-border-strong bg-card p-0 sm:max-w-105 [&>[data-slot=sheet-close]]:hidden\";\n\nexport const ASIDE_PANEL_WIDE_ONLY = \"hidden md:flex\";\n\nexport const ASIDE_PANEL_WIDE_ONLY_WRAPPER = \"hidden md:contents\";\n\nexport const ASIDE_PANEL_NARROW_ONLY = \"contents md:hidden\";\n\nexport const asidePanelSideClasses = {\n  \"left\": \"border-r border-border\",\n  \"right\": \"border-l border-border\",\n} as const;\nexport type AsidePanelSide = keyof typeof asidePanelSideClasses;\n"],"mappings":"AAEO,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAE3B,MAAM,yBAAyB;AAE/B,MAAM,0BAA0B;AAEhC,MAAM,kBAAkB;AAExB,MAAM,oBAAoB;AAE1B,MAAM,aAAa;AAEnB,MAAM,eAAe;AAErB,MAAM,qBAAqB;AAE3B,MAAM,qBAAqB;AAE3B,MAAM,oBAAoB;AAE1B,MAAM,wBAAwB;AAE9B,MAAM,gCAAgC;AAEtC,MAAM,0BAA0B;AAEhC,MAAM,wBAAwB;AAAA,EACnC,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}

package/dist/generated/badge.js

@@ -1,10 +1,11 @@
-const BADGE_BASE = "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden [&>svg]:size-3 [&>svg]:pointer-events-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
+const BADGE_BASE = "inline-flex h-5 items-center justify-center rounded-[var(--chip-radius)] border px-1.5 text-caption font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden [&>svg]:size-3 [&>svg]:pointer-events-none transition-colors outline-none aria-invalid:border-accent-error focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
 const badgeVariants = {
-  "primary": "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
-  "secondary": "border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
-  "destructive": "border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
-  "outline": "border-border text-ink [a&]:hover:bg-hover [a&]:hover:text-ink",
-  "success": "border-transparent bg-positive/20 text-positive"
+  "neutral": "border-chip-neutral-border bg-chip-neutral-bg text-ink-mid [a&]:hover:bg-active",
+  "primary": "border-chip-primary-border bg-chip-primary-bg text-primary-ink [a&]:hover:bg-hover",
+  "positive": "border-chip-positive-border bg-chip-positive-bg text-positive-ink [a&]:hover:bg-hover",
+  "info": "border-chip-info-border bg-chip-info-bg text-accent-info-ink [a&]:hover:bg-hover",
+  "warn": "border-chip-warn-border bg-chip-warn-bg text-accent-warn [a&]:hover:bg-hover",
+  "error": "border-chip-error-border bg-chip-error-bg text-accent-error [a&]:hover:bg-hover"
 };
 export {
   BADGE_BASE,

package/dist/generated/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/badge.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BADGE_BASE = \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden [&>svg]:size-3 [&>svg]:pointer-events-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error\";\n\nexport const badgeVariants = {\n  \"primary\": \"border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"secondary\": \"border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"destructive\": \"border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"outline\": \"border-border text-ink [a&]:hover:bg-hover [a&]:hover:text-ink\",\n  \"success\": \"border-transparent bg-positive/20 text-positive\",\n} as const;\nexport type BadgeVariant = keyof typeof badgeVariants;\n"],"mappings":"AAEO,MAAM,aAAa;AAEnB,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AACb;","names":[]}
+{"version":3,"sources":["../../src/generated/badge.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BADGE_BASE = \"inline-flex h-5 items-center justify-center rounded-[var(--chip-radius)] border px-1.5 text-caption font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden [&>svg]:size-3 [&>svg]:pointer-events-none transition-colors outline-none aria-invalid:border-accent-error focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\";\n\nexport const badgeVariants = {\n  \"neutral\": \"border-chip-neutral-border bg-chip-neutral-bg text-ink-mid [a&]:hover:bg-active\",\n  \"primary\": \"border-chip-primary-border bg-chip-primary-bg text-primary-ink [a&]:hover:bg-hover\",\n  \"positive\": \"border-chip-positive-border bg-chip-positive-bg text-positive-ink [a&]:hover:bg-hover\",\n  \"info\": \"border-chip-info-border bg-chip-info-bg text-accent-info-ink [a&]:hover:bg-hover\",\n  \"warn\": \"border-chip-warn-border bg-chip-warn-bg text-accent-warn [a&]:hover:bg-hover\",\n  \"error\": \"border-chip-error-border bg-chip-error-bg text-accent-error [a&]:hover:bg-hover\",\n} as const;\nexport type BadgeVariant = keyof typeof badgeVariants;\n"],"mappings":"AAEO,MAAM,aAAa;AAEnB,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}

package/dist/generated/band.js

@@ -13,7 +13,7 @@ const SECTION_PY = "py-[var(--band-py)]";
 const SECTION_PY_TIGHT = "py-[var(--band-py-tight)]";
 const SECTION_HEAD = "flex flex-col gap-2 md:gap-3.5";
 const EYEBROW = "font-medium text-[10px] md:text-[11.5px] tracking-[0.15em] md:tracking-[0.16em] text-primary-ink [.bg-primary_&]:text-on-primary";
-const DISPLAY_BASE = "font-display [font-weight:700] max-w-[54rem] tracking-[-0.005em] leading-[1.16] md:leading-[1.14] text-[calc(1.5625rem*var(--display-scale))] md:text-[calc(2.625rem*var(--display-scale))]";
+const DISPLAY_BASE = "font-serif [font-weight:700] max-w-[54rem] tracking-[-0.005em] leading-[1.16] md:leading-[1.14] text-[calc(1.5625rem*var(--display-scale))] md:text-[calc(2.625rem*var(--display-scale))]";
 const LEDE = "max-w-[52rem] text-[15px] md:text-[17px] leading-[1.58] text-ink-soft";
 const PROSE = "text-[14px] md:text-[15px] leading-[1.62] text-ink-soft";
 const STAT = "flex items-center gap-[7px] whitespace-nowrap";

package/dist/generated/band.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/band.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const polarityClasses = {\n  \"light\": \"light\",\n  \"dark\": \"dark\",\n} as const;\nexport type Polarity = keyof typeof polarityClasses;\n\nexport const surfaceClasses = {\n  \"background\": \"bg-background text-ink\",\n  \"card\": \"bg-card text-ink\",\n  \"muted\": \"bg-muted text-ink\",\n  \"primary\": \"bg-primary text-on-primary\",\n} as const;\nexport type Surface = keyof typeof surfaceClasses;\n\nexport const SECTION_BASE = \"w-full px-[var(--page-px)]\";\n\nexport const SECTION_PY = \"py-[var(--band-py)]\";\n\nexport const SECTION_PY_TIGHT = \"py-[var(--band-py-tight)]\";\n\nexport const SECTION_HEAD = \"flex flex-col gap-2 md:gap-3.5\";\n\nexport const EYEBROW = \"font-medium text-[10px] md:text-[11.5px] tracking-[0.15em] md:tracking-[0.16em] text-primary-ink [.bg-primary_&]:text-on-primary\";\n\nexport const DISPLAY_BASE = \"font-display [font-weight:700] max-w-[54rem] tracking-[-0.005em] leading-[1.16] md:leading-[1.14] text-[calc(1.5625rem*var(--display-scale))] md:text-[calc(2.625rem*var(--display-scale))]\";\n\nexport const LEDE = \"max-w-[52rem] text-[15px] md:text-[17px] leading-[1.58] text-ink-soft\";\n\nexport const PROSE = \"text-[14px] md:text-[15px] leading-[1.62] text-ink-soft\";\n\nexport const STAT = \"flex items-center gap-[7px] whitespace-nowrap\";\n\nexport const STAT_FIGURE = \"font-semibold\";\n\nexport const STAT_LABEL = \"text-ink-soft\";\n\nexport const CHECK = \"font-semibold text-positive\";\n"],"mappings":"AAEO,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AACV;AAGO,MAAM,iBAAiB;AAAA,EAC5B,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AACb;AAGO,MAAM,eAAe;AAErB,MAAM,aAAa;AAEnB,MAAM,mBAAmB;AAEzB,MAAM,eAAe;AAErB,MAAM,UAAU;AAEhB,MAAM,eAAe;AAErB,MAAM,OAAO;AAEb,MAAM,QAAQ;AAEd,MAAM,OAAO;AAEb,MAAM,cAAc;AAEpB,MAAM,aAAa;AAEnB,MAAM,QAAQ;","names":[]}
+{"version":3,"sources":["../../src/generated/band.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const polarityClasses = {\n  \"light\": \"light\",\n  \"dark\": \"dark\",\n} as const;\nexport type Polarity = keyof typeof polarityClasses;\n\nexport const surfaceClasses = {\n  \"background\": \"bg-background text-ink\",\n  \"card\": \"bg-card text-ink\",\n  \"muted\": \"bg-muted text-ink\",\n  \"primary\": \"bg-primary text-on-primary\",\n} as const;\nexport type Surface = keyof typeof surfaceClasses;\n\nexport const SECTION_BASE = \"w-full px-[var(--page-px)]\";\n\nexport const SECTION_PY = \"py-[var(--band-py)]\";\n\nexport const SECTION_PY_TIGHT = \"py-[var(--band-py-tight)]\";\n\nexport const SECTION_HEAD = \"flex flex-col gap-2 md:gap-3.5\";\n\nexport const EYEBROW = \"font-medium text-[10px] md:text-[11.5px] tracking-[0.15em] md:tracking-[0.16em] text-primary-ink [.bg-primary_&]:text-on-primary\";\n\nexport const DISPLAY_BASE = \"font-serif [font-weight:700] max-w-[54rem] tracking-[-0.005em] leading-[1.16] md:leading-[1.14] text-[calc(1.5625rem*var(--display-scale))] md:text-[calc(2.625rem*var(--display-scale))]\";\n\nexport const LEDE = \"max-w-[52rem] text-[15px] md:text-[17px] leading-[1.58] text-ink-soft\";\n\nexport const PROSE = \"text-[14px] md:text-[15px] leading-[1.62] text-ink-soft\";\n\nexport const STAT = \"flex items-center gap-[7px] whitespace-nowrap\";\n\nexport const STAT_FIGURE = \"font-semibold\";\n\nexport const STAT_LABEL = \"text-ink-soft\";\n\nexport const CHECK = \"font-semibold text-positive\";\n"],"mappings":"AAEO,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AACV;AAGO,MAAM,iBAAiB;AAAA,EAC5B,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AACb;AAGO,MAAM,eAAe;AAErB,MAAM,aAAa;AAEnB,MAAM,mBAAmB;AAEzB,MAAM,eAAe;AAErB,MAAM,UAAU;AAEhB,MAAM,eAAe;AAErB,MAAM,OAAO;AAEb,MAAM,QAAQ;AAEd,MAAM,OAAO;AAEb,MAAM,cAAc;AAEpB,MAAM,aAAa;AAEnB,MAAM,QAAQ;","names":[]}

package/dist/generated/breadcrumb.js

@@ -1,9 +1,9 @@
-const BREADCRUMB_LIST = "text-ink-soft flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5";
+const BREADCRUMB_LIST = "text-ink-soft flex flex-wrap items-center gap-1.5 text-body break-words sm:gap-2.5";
 const BREADCRUMB_ITEM = "inline-flex items-center gap-1.5";
 const BREADCRUMB_LINK = "hover:text-ink transition-colors";
 const BREADCRUMB_PAGE = "text-ink font-normal";
 const BREADCRUMB_SEPARATOR = "[&>svg]:size-3.5";
-const BREADCRUMB_ELLIPSIS = "flex size-9 items-center justify-center";
+const BREADCRUMB_ELLIPSIS = "flex size-7 items-center justify-center";
 export {
   BREADCRUMB_ELLIPSIS,
   BREADCRUMB_ITEM,

package/dist/generated/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/breadcrumb.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BREADCRUMB_LIST = \"text-ink-soft flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\";\n\nexport const BREADCRUMB_ITEM = \"inline-flex items-center gap-1.5\";\n\nexport const BREADCRUMB_LINK = \"hover:text-ink transition-colors\";\n\nexport const BREADCRUMB_PAGE = \"text-ink font-normal\";\n\nexport const BREADCRUMB_SEPARATOR = \"[&>svg]:size-3.5\";\n\nexport const BREADCRUMB_ELLIPSIS = \"flex size-9 items-center justify-center\";\n"],"mappings":"AAEO,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,uBAAuB;AAE7B,MAAM,sBAAsB;","names":[]}
+{"version":3,"sources":["../../src/generated/breadcrumb.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BREADCRUMB_LIST = \"text-ink-soft flex flex-wrap items-center gap-1.5 text-body break-words sm:gap-2.5\";\n\nexport const BREADCRUMB_ITEM = \"inline-flex items-center gap-1.5\";\n\nexport const BREADCRUMB_LINK = \"hover:text-ink transition-colors\";\n\nexport const BREADCRUMB_PAGE = \"text-ink font-normal\";\n\nexport const BREADCRUMB_SEPARATOR = \"[&>svg]:size-3.5\";\n\nexport const BREADCRUMB_ELLIPSIS = \"flex size-7 items-center justify-center\";\n"],"mappings":"AAEO,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,uBAAuB;AAE7B,MAAM,sBAAsB;","names":[]}

package/dist/generated/button-group.js

@@ -1,9 +1,9 @@
-const BUTTON_GROUP_BASE = "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2";
+const BUTTON_GROUP_BASE = "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[var(--control-radius)] has-[>[data-slot=button-group]]:gap-2";
 const buttonGroupOrientationClasses = {
   "horizontal": "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
   "vertical": "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
 };
-const BUTTON_GROUP_TEXT_BASE = "bg-muted flex items-center gap-2 rounded-md border border-border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4";
+const BUTTON_GROUP_TEXT_BASE = "bg-muted flex items-center gap-2 rounded-[var(--control-radius)] border border-border px-4 text-body font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4";
 const BUTTON_GROUP_SEPARATOR_BASE = "bg-input relative !m-0 self-stretch shrink-0 data-[orientation=vertical]:h-auto";
 export {
   BUTTON_GROUP_BASE,

package/dist/generated/button-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/button-group.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BUTTON_GROUP_BASE = \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2\";\n\nexport const buttonGroupOrientationClasses = {\n  \"horizontal\": \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n  \"vertical\": \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n} as const;\nexport type ButtonGroupOrientation = keyof typeof buttonGroupOrientationClasses;\n\nexport const BUTTON_GROUP_TEXT_BASE = \"bg-muted flex items-center gap-2 rounded-md border border-border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\";\n\nexport const BUTTON_GROUP_SEPARATOR_BASE = \"bg-input relative !m-0 self-stretch shrink-0 data-[orientation=vertical]:h-auto\";\n"],"mappings":"AAEO,MAAM,oBAAoB;AAE1B,MAAM,gCAAgC;AAAA,EAC3C,cAAc;AAAA,EACd,YAAY;AACd;AAGO,MAAM,yBAAyB;AAE/B,MAAM,8BAA8B;","names":[]}
+{"version":3,"sources":["../../src/generated/button-group.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BUTTON_GROUP_BASE = \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[var(--control-radius)] has-[>[data-slot=button-group]]:gap-2\";\n\nexport const buttonGroupOrientationClasses = {\n  \"horizontal\": \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n  \"vertical\": \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n} as const;\nexport type ButtonGroupOrientation = keyof typeof buttonGroupOrientationClasses;\n\nexport const BUTTON_GROUP_TEXT_BASE = \"bg-muted flex items-center gap-2 rounded-[var(--control-radius)] border border-border px-4 text-body font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\";\n\nexport const BUTTON_GROUP_SEPARATOR_BASE = \"bg-input relative !m-0 self-stretch shrink-0 data-[orientation=vertical]:h-auto\";\n"],"mappings":"AAEO,MAAM,oBAAoB;AAE1B,MAAM,gCAAgC;AAAA,EAC3C,cAAc;AAAA,EACd,YAAY;AACd;AAGO,MAAM,yBAAyB;AAE/B,MAAM,8BAA8B;","names":[]}

package/dist/generated/button.js

@@ -1,10 +1,10 @@
-const BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
+const BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-40 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
 const buttonVariantClasses = {
-  "primary": "bg-primary text-on-primary hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+  "primary": "bg-primary text-on-primary hover:bg-primary-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
   "secondary": "bg-secondary text-on-secondary hover:bg-secondary/80 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
-  "outline": "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink",
+  "outline": "border border-border bg-secondary text-ink hover:bg-[image:linear-gradient(var(--hover),var(--hover))]",
   "ghost": "hover:bg-hover hover:text-ink",
-  "destructive": "bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+  "destructive": "border border-button-danger-border bg-button-danger-bg text-button-danger-ink hover:bg-button-danger-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
   "link": "text-primary-ink underline-offset-4 hover:underline"
 };
 const buttonSizeClasses = {

package/dist/generated/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/button.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BUTTON_BASE = \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error\";\n\nexport const buttonVariantClasses = {\n  \"primary\": \"bg-primary text-on-primary hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"secondary\": \"bg-secondary text-on-secondary hover:bg-secondary/80 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"outline\": \"border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink\",\n  \"ghost\": \"hover:bg-hover hover:text-ink\",\n  \"destructive\": \"bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"link\": \"text-primary-ink underline-offset-4 hover:underline\",\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariantClasses;\n\nexport const buttonSizeClasses = {\n  \"xs\": \"h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5\",\n  \"sm\": \"h-8 gap-1.5 px-3 has-[>svg]:px-2.5\",\n  \"md\": \"h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3\",\n  \"lg\": \"h-10 px-6 has-[>svg]:px-4\",\n  \"xl\": \"px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]\",\n  \"touch\": \"min-h-11 px-6 has-[>svg]:px-4\",\n} as const;\nexport type ButtonSize = keyof typeof buttonSizeClasses;\n\nexport const buttonIconSizeClasses = {\n  \"xs\": \"h-7 aspect-square px-0\",\n  \"sm\": \"h-8 aspect-square px-0\",\n  \"md\": \"h-9 aspect-square px-0\",\n  \"lg\": \"h-10 aspect-square px-0\",\n  \"xl\": \"aspect-square p-[var(--control-py)]\",\n  \"touch\": \"size-11 px-0\",\n} as const;\nexport type ButtonIconSize = keyof typeof buttonIconSizeClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAEpB,MAAM,uBAAuB;AAAA,EAClC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AACV;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;AAGO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;","names":[]}
+{"version":3,"sources":["../../src/generated/button.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BUTTON_BASE = \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-40 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error\";\n\nexport const buttonVariantClasses = {\n  \"primary\": \"bg-primary text-on-primary hover:bg-primary-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"secondary\": \"bg-secondary text-on-secondary hover:bg-secondary/80 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"outline\": \"border border-border bg-secondary text-ink hover:bg-[image:linear-gradient(var(--hover),var(--hover))]\",\n  \"ghost\": \"hover:bg-hover hover:text-ink\",\n  \"destructive\": \"border border-button-danger-border bg-button-danger-bg text-button-danger-ink hover:bg-button-danger-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"link\": \"text-primary-ink underline-offset-4 hover:underline\",\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariantClasses;\n\nexport const buttonSizeClasses = {\n  \"xs\": \"h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5\",\n  \"sm\": \"h-8 gap-1.5 px-3 has-[>svg]:px-2.5\",\n  \"md\": \"h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3\",\n  \"lg\": \"h-10 px-6 has-[>svg]:px-4\",\n  \"xl\": \"px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]\",\n  \"touch\": \"min-h-11 px-6 has-[>svg]:px-4\",\n} as const;\nexport type ButtonSize = keyof typeof buttonSizeClasses;\n\nexport const buttonIconSizeClasses = {\n  \"xs\": \"h-7 aspect-square px-0\",\n  \"sm\": \"h-8 aspect-square px-0\",\n  \"md\": \"h-9 aspect-square px-0\",\n  \"lg\": \"h-10 aspect-square px-0\",\n  \"xl\": \"aspect-square p-[var(--control-py)]\",\n  \"touch\": \"size-11 px-0\",\n} as const;\nexport type ButtonIconSize = keyof typeof buttonIconSizeClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAEpB,MAAM,uBAAuB;AAAA,EAClC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AACV;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;AAGO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;","names":[]}

package/dist/generated/card.js

@@ -1,10 +1,10 @@
-const CARD = "bg-card text-ink flex flex-col gap-6 rounded-xl border border-border py-6 shadow-sm";
-const CARD_HEADER = "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6";
-const CARD_TITLE = "leading-none font-semibold";
-const CARD_DESCRIPTION = "text-ink-soft text-sm";
+const CARD = "bg-card text-ink flex flex-col gap-4 rounded-lg border border-border py-4 shadow-card";
+const CARD_HEADER = "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-4";
+const CARD_TITLE = "text-h3 text-ink font-medium";
+const CARD_DESCRIPTION = "text-ink-mid text-body";
 const CARD_ACTION = "col-start-2 row-span-2 row-start-1 self-start justify-self-end";
-const CARD_CONTENT = "px-6";
-const CARD_FOOTER = "flex items-center px-6 [.border-t]:pt-6";
+const CARD_CONTENT = "px-4";
+const CARD_FOOTER = "flex items-center px-4 [.border-t]:pt-4";
 export {
   CARD,
   CARD_ACTION,

package/dist/generated/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/card.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const CARD = \"bg-card text-ink flex flex-col gap-6 rounded-xl border border-border py-6 shadow-sm\";\n\nexport const CARD_HEADER = \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\";\n\nexport const CARD_TITLE = \"leading-none font-semibold\";\n\nexport const CARD_DESCRIPTION = \"text-ink-soft text-sm\";\n\nexport const CARD_ACTION = \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\";\n\nexport const CARD_CONTENT = \"px-6\";\n\nexport const CARD_FOOTER = \"flex items-center px-6 [.border-t]:pt-6\";\n"],"mappings":"AAEO,MAAM,OAAO;AAEb,MAAM,cAAc;AAEpB,MAAM,aAAa;AAEnB,MAAM,mBAAmB;AAEzB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,cAAc;","names":[]}
+{"version":3,"sources":["../../src/generated/card.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const CARD = \"bg-card text-ink flex flex-col gap-4 rounded-lg border border-border py-4 shadow-card\";\n\nexport const CARD_HEADER = \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-4\";\n\nexport const CARD_TITLE = \"text-h3 text-ink font-medium\";\n\nexport const CARD_DESCRIPTION = \"text-ink-mid text-body\";\n\nexport const CARD_ACTION = \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\";\n\nexport const CARD_CONTENT = \"px-4\";\n\nexport const CARD_FOOTER = \"flex items-center px-4 [.border-t]:pt-4\";\n"],"mappings":"AAEO,MAAM,OAAO;AAEb,MAAM,cAAc;AAEpB,MAAM,aAAa;AAEnB,MAAM,mBAAmB;AAEzB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,cAAc;","names":[]}

package/dist/generated/chat-composer.js

@@ -0,0 +1,21 @@
+const MODEL_CHIP_BASE = "inline-flex h-6.5 items-center gap-1 rounded-(--control-radius) border border-border py-1 pl-2 pr-1.5 text-body-s text-ink-mid outline-none hover:bg-hover focus-visible:ring-2 focus-visible:ring-ring";
+const CHAT_COMPOSER_BASE = "flex flex-col gap-2 rounded-lg border bg-card px-3 pb-2.5 pt-3 focus-within:ring-2 focus-within:ring-ring";
+const CHAT_COMPOSER_STREAMING = "border-border";
+const CHAT_COMPOSER_IDLE = "border-border-strong";
+const CHAT_COMPOSER_ATTACHMENTS = "flex flex-wrap gap-2";
+const CHAT_COMPOSER_FIELD = "max-h-40 min-h-6 resize-none border-0 bg-transparent p-0 focus-visible:ring-0";
+const CHAT_COMPOSER_TOOLBAR = "flex items-center gap-1.5";
+const CHAT_COMPOSER_SPACER = "flex-1";
+const CHAT_COMPOSER_HINT = "hidden text-caption text-ink-soft sm:inline";
+export {
+  CHAT_COMPOSER_ATTACHMENTS,
+  CHAT_COMPOSER_BASE,
+  CHAT_COMPOSER_FIELD,
+  CHAT_COMPOSER_HINT,
+  CHAT_COMPOSER_IDLE,
+  CHAT_COMPOSER_SPACER,
+  CHAT_COMPOSER_STREAMING,
+  CHAT_COMPOSER_TOOLBAR,
+  MODEL_CHIP_BASE
+};
+//# sourceMappingURL=chat-composer.js.map

package/dist/generated/chat-composer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/generated/chat-composer.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const MODEL_CHIP_BASE = \"inline-flex h-6.5 items-center gap-1 rounded-(--control-radius) border border-border py-1 pl-2 pr-1.5 text-body-s text-ink-mid outline-none hover:bg-hover focus-visible:ring-2 focus-visible:ring-ring\";\n\nexport const CHAT_COMPOSER_BASE = \"flex flex-col gap-2 rounded-lg border bg-card px-3 pb-2.5 pt-3 focus-within:ring-2 focus-within:ring-ring\";\n\nexport const CHAT_COMPOSER_STREAMING = \"border-border\";\n\nexport const CHAT_COMPOSER_IDLE = \"border-border-strong\";\n\nexport const CHAT_COMPOSER_ATTACHMENTS = \"flex flex-wrap gap-2\";\n\nexport const CHAT_COMPOSER_FIELD = \"max-h-40 min-h-6 resize-none border-0 bg-transparent p-0 focus-visible:ring-0\";\n\nexport const CHAT_COMPOSER_TOOLBAR = \"flex items-center gap-1.5\";\n\nexport const CHAT_COMPOSER_SPACER = \"flex-1\";\n\nexport const CHAT_COMPOSER_HINT = \"hidden text-caption text-ink-soft sm:inline\";\n"],"mappings":"AAEO,MAAM,kBAAkB;AAExB,MAAM,qBAAqB;AAE3B,MAAM,0BAA0B;AAEhC,MAAM,qBAAqB;AAE3B,MAAM,4BAA4B;AAElC,MAAM,sBAAsB;AAE5B,MAAM,wBAAwB;AAE9B,MAAM,uBAAuB;AAE7B,MAAM,qBAAqB;","names":[]}