@evinvest/uikit 0.32.0 → 0.33.0

package/dist/components/shell/status-screen.js

@@ -5,14 +5,17 @@ import { cn } from "../../lib/cn.js";
 import { accentTextClasses } from "../../generated/accent.js";
 import { buttonVariants } from "../atomic/button.js";
 import { Logo } from "./logo.js";
+import { STATUS_SCREEN_ACTIONS, STATUS_SCREEN_ACTION_ICON, STATUS_SCREEN_BODY, STATUS_SCREEN_CODE, STATUS_SCREEN_CTA, STATUS_SCREEN_EYEBROW, STATUS_SCREEN_GLOW, STATUS_SCREEN_LOGO, STATUS_SCREEN_ROOT, STATUS_SCREEN_STACK, STATUS_SCREEN_TITLE, STATUS_SCREEN_TITLE_ACCENT } from "../../generated/status-screen.js";
+import { iconShapes } from "../../icons/icon-shapes.js";
+import * as copy from "../../generated/copy.js";
 function statusCtaClass(accent, variant) {
   return cn(
     buttonVariants({ variant, size: "lg", accent }),
-    "font-mono text-xs uppercase tracking-widest"
+    STATUS_SCREEN_CTA
   );
 }
 function ArrowLeftIcon({ className }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       className,
@@ -23,10 +26,7 @@ function ArrowLeftIcon({ className }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "m12 19-7-7 7-7" }),
-        /* @__PURE__ */ jsx("path", { d: "M19 12H5" })
-      ]
+      children: iconShapes("arrow-left")
     }
   );
 }
@@ -44,31 +44,31 @@ function StatusScreen({
 }) {
   const L = linkComponent ?? "a";
   const accentText = accentTextClasses[accent];
-  return /* @__PURE__ */ jsxs("section", { className: "relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-background px-6 py-32 text-center", children: [
+  return /* @__PURE__ */ jsxs("section", { className: STATUS_SCREEN_ROOT, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
         "aria-hidden": true,
         className: cn(
-          "pointer-events-none absolute inset-0 opacity-[0.07] [background:radial-gradient(55%_45%_at_50%_30%,currentColor,transparent_70%)]",
+          STATUS_SCREEN_GLOW,
           accentText
         )
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex w-full max-w-2xl flex-col items-center", children: [
-      /* @__PURE__ */ jsx(Logo, { className: cn("mb-7 h-10 w-auto", accentText) }),
-      /* @__PURE__ */ jsx("p", { className: cn("mb-6 font-mono text-[11px] uppercase tracking-[0.34em]", accentText), children: eyebrow }),
-      /* @__PURE__ */ jsx("p", { className: cn("font-serif text-[110px] font-medium leading-[0.9] sm:text-[180px]", accentText), children: code }),
-      /* @__PURE__ */ jsxs("h1", { className: "mt-4 font-serif text-3xl font-light leading-tight text-ink sm:text-5xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: STATUS_SCREEN_STACK, children: [
+      /* @__PURE__ */ jsx(Logo, { className: cn(STATUS_SCREEN_LOGO, accentText) }),
+      /* @__PURE__ */ jsx("p", { className: cn(STATUS_SCREEN_EYEBROW, accentText), children: eyebrow }),
+      /* @__PURE__ */ jsx("p", { className: cn(STATUS_SCREEN_CODE, accentText), children: code }),
+      /* @__PURE__ */ jsxs("h1", { className: STATUS_SCREEN_TITLE, children: [
         headlineLead,
-        /* @__PURE__ */ jsx("span", { className: cn("font-serif italic", accentText), children: headlineAccent }),
+        /* @__PURE__ */ jsx("span", { className: cn(STATUS_SCREEN_TITLE_ACCENT, accentText), children: headlineAccent }),
         headlineTail
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-ink/60 sm:text-base", children: subtext }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-9 flex flex-col items-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ jsx("p", { className: STATUS_SCREEN_BODY, children: subtext }),
+      /* @__PURE__ */ jsxs("div", { className: STATUS_SCREEN_ACTIONS, children: [
         children,
         links?.map((link) => /* @__PURE__ */ jsxs(L, { href: link.href, className: statusCtaClass(accent, link.variant ?? "primary"), children: [
-          link.leadingArrow ? /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
+          link.leadingArrow ? /* @__PURE__ */ jsx(ArrowLeftIcon, { className: STATUS_SCREEN_ACTION_ICON }) : null,
           link.label
         ] }, link.label))
       ] })
@@ -80,15 +80,15 @@ function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact
     StatusScreen,
     {
       accent: "debug",
-      eyebrow: "Page not found",
+      eyebrow: copy.NOT_FOUND_EYEBROW,
       code: "404",
-      headlineLead: "You've reached ",
-      headlineAccent: "open water",
-      subtext: "The page you're looking for has drifted off our coastline \u2014 moved, renamed, or never charted. Let's get you back to shore.",
+      headlineLead: copy.NOT_FOUND_HEADLINE_LEAD,
+      headlineAccent: copy.NOT_FOUND_HEADLINE_ACCENT,
+      subtext: copy.NOT_FOUND_SUBTEXT,
       linkComponent,
       links: [
-        { label: "Back to home", href: homeHref, leadingArrow: true },
-        { label: "Contact the team", href: contactHref, variant: "outline" }
+        { label: copy.STATUS_HOME, href: homeHref, leadingArrow: true },
+        { label: copy.NOT_FOUND_CONTACT, href: contactHref, variant: "outline" }
       ]
     }
   );
@@ -98,15 +98,15 @@ function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contac
     StatusScreen,
     {
       accent: "warn",
-      eyebrow: "Access forbidden",
+      eyebrow: copy.FORBIDDEN_EYEBROW,
       code: "403",
-      headlineLead: "This harbour is ",
-      headlineAccent: "private",
-      subtext: "You don't have the credentials to view this page. If you believe you should, our team can open the right doors.",
+      headlineLead: copy.FORBIDDEN_HEADLINE_LEAD,
+      headlineAccent: copy.FORBIDDEN_HEADLINE_ACCENT,
+      subtext: copy.FORBIDDEN_SUBTEXT,
       linkComponent,
       links: [
-        { label: "Back to home", href: homeHref, leadingArrow: true },
-        { label: "Request access", href: contactHref, variant: "outline" }
+        { label: copy.STATUS_HOME, href: homeHref, leadingArrow: true },
+        { label: copy.FORBIDDEN_CONTACT, href: contactHref, variant: "outline" }
       ]
     }
   );
@@ -116,20 +116,20 @@ function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
     StatusScreen,
     {
       accent: "error",
-      eyebrow: "Server error",
+      eyebrow: copy.SERVER_ERROR_EYEBROW,
       code: "500",
-      headlineLead: "Our systems are ",
-      headlineAccent: "recalibrating",
-      subtext: "Something broke on our end \u2014 not yours. We've been alerted and are restoring service. Please try again in a moment.",
+      headlineLead: copy.SERVER_ERROR_HEADLINE_LEAD,
+      headlineAccent: copy.SERVER_ERROR_HEADLINE_ACCENT,
+      subtext: copy.SERVER_ERROR_SUBTEXT,
       linkComponent,
-      links: [{ label: "Back to home", href: homeHref, variant: "outline", leadingArrow: true }],
+      links: [{ label: copy.STATUS_HOME, href: homeHref, variant: "outline", leadingArrow: true }],
       children: /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           className: statusCtaClass("error", "primary"),
           onClick: () => reset ? reset() : window.location.reload(),
-          children: "Try again"
+          children: copy.SERVER_ERROR_RETRY
         }
       )
     }

package/dist/components/shell/status-screen.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/shell/status-screen.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { accentTextClasses, type Accent } from \"../../generated/accent\";\nimport { buttonVariants, type ButtonVariant } from \"../atomic/button\";\nimport { Logo } from \"./logo\";\n\n/**\n * The shared 404 / 403 / 500 status surface.\n *\n * `StatusScreen` is the generic shell; `NotFound` / `Forbidden` / `ServerError`\n * are the ready-made pages with their copy baked in — a host renders those with\n * its own hrefs. The mark is `Logo`'s, i.e. the consumer's. Links default to a\n * plain `<a>` (a full document load, which is what you want off an error page);\n * pass `linkComponent` (e.g. `next/link`) for soft navigation from a client\n * boundary.\n */\nexport type { Accent };\n\n/**\n * A status CTA is a Button at the page's accent: the canonical button string for\n * that variant and rung, then the mono/uppercase treatment the error pages wear.\n *\n * Exported because a host that renders its own action into `StatusScreen`'s\n * slot — a retry button wired to Next's `reset`, say — has to be able to match\n * the CTAs beside it.\n */\nexport function statusCtaClass(accent: Accent, variant: ButtonVariant) {\n  return cn(\n    buttonVariants({ variant, size: \"lg\", accent }),\n    \"font-mono text-xs uppercase tracking-widest\",\n  );\n}\n\n// lucide `arrow-left`, inlined so the kit keeps its zero-icon-dep footprint.\nfunction ArrowLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden\n    >\n      <path d=\"m12 19-7-7 7-7\" />\n      <path d=\"M19 12H5\" />\n    </svg>\n  );\n}\n\nexport interface StatusLinkData {\n  label: string;\n  href: string;\n  variant?: ButtonVariant;\n  leadingArrow?: boolean;\n}\n\nexport interface StatusScreenProps {\n  accent: Accent;\n  eyebrow: string;\n  code: string;\n  headlineLead: string;\n  headlineAccent: string;\n  headlineTail?: string;\n  subtext: string;\n  links?: StatusLinkData[];\n  /** Leading action slot, rendered before `links` (e.g. the 500 client retry). */\n  children?: React.ReactNode;\n  /** CTA element — `next/link` for soft nav; defaults to `<a>` (full load). */\n  linkComponent?: React.ElementType;\n}\n\n/**\n * Shared skeleton for the 404 / 403 / 500 status pages: a centred hero with the\n * logo mark, a mono eyebrow, a giant Playfair code, a headline whose final clause\n * is an italic accent, supporting copy, and the CTAs. The accent threads through\n * all four marks. Actions render inline (from `links` data, plus an optional\n * `children` slot) — never passed as a JSX prop through a server boundary.\n */\nexport function StatusScreen({\n  accent,\n  eyebrow,\n  code,\n  headlineLead,\n  headlineAccent,\n  headlineTail = \".\",\n  subtext,\n  links,\n  children,\n  linkComponent,\n}: StatusScreenProps) {\n  const L = linkComponent ?? \"a\";\n  const accentText = accentTextClasses[accent];\n  return (\n    <section className=\"relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-background px-6 py-32 text-center\">\n      <div\n        aria-hidden\n        className={cn(\n          \"pointer-events-none absolute inset-0 opacity-[0.07] [background:radial-gradient(55%_45%_at_50%_30%,currentColor,transparent_70%)]\",\n          accentText,\n        )}\n      />\n      <div className=\"relative z-10 flex w-full max-w-2xl flex-col items-center\">\n        <Logo className={cn(\"mb-7 h-10 w-auto\", accentText)} />\n        <p className={cn(\"mb-6 font-mono text-[11px] uppercase tracking-[0.34em]\", accentText)}>{eyebrow}</p>\n        <p className={cn(\"font-serif text-[110px] font-medium leading-[0.9] sm:text-[180px]\", accentText)}>{code}</p>\n        <h1 className=\"mt-4 font-serif text-3xl font-light leading-tight text-ink sm:text-5xl\">\n          {headlineLead}\n          <span className={cn(\"font-serif italic\", accentText)}>{headlineAccent}</span>\n          {headlineTail}\n        </h1>\n        <p className=\"mx-auto mt-5 max-w-md text-sm leading-relaxed text-ink/60 sm:text-base\">{subtext}</p>\n        <div className=\"mt-9 flex flex-col items-center gap-3 sm:flex-row\">\n          {children}\n          {links?.map((link) => (\n            <L key={link.label} href={link.href} className={statusCtaClass(accent, link.variant ?? \"primary\")}>\n              {link.leadingArrow ? <ArrowLeftIcon className=\"mr-2 h-4 w-4\" /> : null}\n              {link.label}\n            </L>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface StatusPageProps {\n  /** CTA element — `next/link` for soft nav; defaults to `<a>` (full load). */\n  linkComponent?: React.ElementType;\n  /** \"Back to home\" target — `/` for the landing, `/cabinet` for the cabinet. */\n  homeHref?: string;\n  /** Secondary CTA target (contact / request access). */\n  contactHref?: string;\n}\n\n/** 404 — page not found. */\nexport function NotFound({ linkComponent = \"a\", homeHref = \"/\", contactHref = \"/contact\" }: StatusPageProps) {\n  return (\n    <StatusScreen\n      accent=\"debug\"\n      eyebrow=\"Page not found\"\n      code=\"404\"\n      headlineLead=\"You've reached \"\n      headlineAccent=\"open water\"\n      subtext=\"The page you're looking for has drifted off our coastline — moved, renamed, or never charted. Let's get you back to shore.\"\n      linkComponent={linkComponent}\n      links={[\n        { label: \"Back to home\", href: homeHref, leadingArrow: true },\n        { label: \"Contact the team\", href: contactHref, variant: \"outline\" },\n      ]}\n    />\n  );\n}\n\n/** 403 — access forbidden. */\nexport function Forbidden({ linkComponent = \"a\", homeHref = \"/\", contactHref = \"/contact\" }: StatusPageProps) {\n  return (\n    <StatusScreen\n      accent=\"warn\"\n      eyebrow=\"Access forbidden\"\n      code=\"403\"\n      headlineLead=\"This harbour is \"\n      headlineAccent=\"private\"\n      subtext=\"You don't have the credentials to view this page. If you believe you should, our team can open the right doors.\"\n      linkComponent={linkComponent}\n      links={[\n        { label: \"Back to home\", href: homeHref, leadingArrow: true },\n        { label: \"Request access\", href: contactHref, variant: \"outline\" },\n      ]}\n    />\n  );\n}\n\nexport interface ServerErrorProps {\n  /** CTA element — `next/link` for soft nav; defaults to `<a>` (full load). */\n  linkComponent?: React.ElementType;\n  /** \"Back to home\" target — `/` for the landing, `/cabinet` for the cabinet. */\n  homeHref?: string;\n  /** Retry handler (e.g. Next's error-boundary `reset`); falls back to a reload. */\n  reset?: () => void;\n}\n\n/** 500 — server error. The \"Try again\" button runs `reset` or reloads the page. */\nexport function ServerError({ linkComponent = \"a\", homeHref = \"/\", reset }: ServerErrorProps) {\n  return (\n    <StatusScreen\n      accent=\"error\"\n      eyebrow=\"Server error\"\n      code=\"500\"\n      headlineLead=\"Our systems are \"\n      headlineAccent=\"recalibrating\"\n      subtext=\"Something broke on our end — not yours. We've been alerted and are restoring service. Please try again in a moment.\"\n      linkComponent={linkComponent}\n      links={[{ label: \"Back to home\", href: homeHref, variant: \"outline\", leadingArrow: true }]}\n    >\n      <button\n        type=\"button\"\n        className={statusCtaClass(\"error\", \"primary\")}\n        onClick={() => (reset ? reset() : window.location.reload())}\n      >\n        Try again\n      </button>\n    </StatusScreen>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/shell/status-screen.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { accentTextClasses, type Accent } from \"../../generated/accent\";\nimport { buttonVariants, type ButtonVariant } from \"../atomic/button\";\nimport { Logo } from \"./logo\";\nimport { STATUS_SCREEN_ACTIONS, STATUS_SCREEN_ACTION_ICON, STATUS_SCREEN_BODY, STATUS_SCREEN_CODE, STATUS_SCREEN_CTA, STATUS_SCREEN_EYEBROW, STATUS_SCREEN_GLOW, STATUS_SCREEN_LOGO, STATUS_SCREEN_ROOT, STATUS_SCREEN_STACK, STATUS_SCREEN_TITLE, STATUS_SCREEN_TITLE_ACCENT } from \"../../generated/status-screen\";\nimport { iconShapes } from \"../../icons/icon-shapes\";\nimport * as copy from \"../../generated/copy\";\n\n/**\n * The shared 404 / 403 / 500 status surface.\n *\n * `StatusScreen` is the generic shell; `NotFound` / `Forbidden` / `ServerError`\n * are the ready-made pages with their copy baked in — a host renders those with\n * its own hrefs. The mark is `Logo`'s, i.e. the consumer's. Links default to a\n * plain `<a>` (a full document load, which is what you want off an error page);\n * pass `linkComponent` (e.g. `next/link`) for soft navigation from a client\n * boundary.\n */\nexport type { Accent };\n\n/**\n * A status CTA is a Button at the page's accent: the canonical button string for\n * that variant and rung, then the mono/uppercase treatment the error pages wear.\n *\n * Exported because a host that renders its own action into `StatusScreen`'s\n * slot — a retry button wired to Next's `reset`, say — has to be able to match\n * the CTAs beside it.\n */\nexport function statusCtaClass(accent: Accent, variant: ButtonVariant) {\n  return cn(\n    buttonVariants({ variant, size: \"lg\", accent }),\n    STATUS_SCREEN_CTA,\n  );\n}\n\nfunction ArrowLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden\n    >\n      {iconShapes(\"arrow-left\")}\n    </svg>\n  );\n}\n\nexport interface StatusLinkData {\n  label: string;\n  href: string;\n  variant?: ButtonVariant;\n  leadingArrow?: boolean;\n}\n\nexport interface StatusScreenProps {\n  accent: Accent;\n  eyebrow: string;\n  code: string;\n  headlineLead: string;\n  headlineAccent: string;\n  headlineTail?: string;\n  subtext: string;\n  links?: StatusLinkData[];\n  /** Leading action slot, rendered before `links` (e.g. the 500 client retry). */\n  children?: React.ReactNode;\n  /** CTA element — `next/link` for soft nav; defaults to `<a>` (full load). */\n  linkComponent?: React.ElementType;\n}\n\n/**\n * Shared skeleton for the 404 / 403 / 500 status pages: a centred hero with the\n * logo mark, a mono eyebrow, a giant Playfair code, a headline whose final clause\n * is an italic accent, supporting copy, and the CTAs. The accent threads through\n * all four marks. Actions render inline (from `links` data, plus an optional\n * `children` slot) — never passed as a JSX prop through a server boundary.\n */\nexport function StatusScreen({\n  accent,\n  eyebrow,\n  code,\n  headlineLead,\n  headlineAccent,\n  headlineTail = \".\",\n  subtext,\n  links,\n  children,\n  linkComponent,\n}: StatusScreenProps) {\n  const L = linkComponent ?? \"a\";\n  const accentText = accentTextClasses[accent];\n  return (\n    <section className={STATUS_SCREEN_ROOT}>\n      <div\n        aria-hidden\n        className={cn(\n          STATUS_SCREEN_GLOW,\n          accentText,\n        )}\n      />\n      <div className={STATUS_SCREEN_STACK}>\n        <Logo className={cn(STATUS_SCREEN_LOGO, accentText)} />\n        <p className={cn(STATUS_SCREEN_EYEBROW, accentText)}>{eyebrow}</p>\n        <p className={cn(STATUS_SCREEN_CODE, accentText)}>{code}</p>\n        <h1 className={STATUS_SCREEN_TITLE}>\n          {headlineLead}\n          <span className={cn(STATUS_SCREEN_TITLE_ACCENT, accentText)}>{headlineAccent}</span>\n          {headlineTail}\n        </h1>\n        <p className={STATUS_SCREEN_BODY}>{subtext}</p>\n        <div className={STATUS_SCREEN_ACTIONS}>\n          {children}\n          {links?.map((link) => (\n            <L key={link.label} href={link.href} className={statusCtaClass(accent, link.variant ?? \"primary\")}>\n              {link.leadingArrow ? <ArrowLeftIcon className={STATUS_SCREEN_ACTION_ICON} /> : null}\n              {link.label}\n            </L>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface StatusPageProps {\n  /** CTA element — `next/link` for soft nav; defaults to `<a>` (full load). */\n  linkComponent?: React.ElementType;\n  /** copy.STATUS_HOME target — `/` for the landing, `/cabinet` for the cabinet. */\n  homeHref?: string;\n  /** Secondary CTA target (contact / request access). */\n  contactHref?: string;\n}\n\n/** 404 — page not found. */\nexport function NotFound({ linkComponent = \"a\", homeHref = \"/\", contactHref = \"/contact\" }: StatusPageProps) {\n  return (\n    <StatusScreen\n      accent=\"debug\"\n      eyebrow={copy.NOT_FOUND_EYEBROW}\n      code=\"404\"\n      headlineLead={copy.NOT_FOUND_HEADLINE_LEAD}\n      headlineAccent={copy.NOT_FOUND_HEADLINE_ACCENT}\n      subtext={copy.NOT_FOUND_SUBTEXT}\n      linkComponent={linkComponent}\n      links={[\n        { label: copy.STATUS_HOME, href: homeHref, leadingArrow: true },\n        { label: copy.NOT_FOUND_CONTACT, href: contactHref, variant: \"outline\" },\n      ]}\n    />\n  );\n}\n\n/** 403 — access forbidden. */\nexport function Forbidden({ linkComponent = \"a\", homeHref = \"/\", contactHref = \"/contact\" }: StatusPageProps) {\n  return (\n    <StatusScreen\n      accent=\"warn\"\n      eyebrow={copy.FORBIDDEN_EYEBROW}\n      code=\"403\"\n      headlineLead={copy.FORBIDDEN_HEADLINE_LEAD}\n      headlineAccent={copy.FORBIDDEN_HEADLINE_ACCENT}\n      subtext={copy.FORBIDDEN_SUBTEXT}\n      linkComponent={linkComponent}\n      links={[\n        { label: copy.STATUS_HOME, href: homeHref, leadingArrow: true },\n        { label: copy.FORBIDDEN_CONTACT, href: contactHref, variant: \"outline\" },\n      ]}\n    />\n  );\n}\n\nexport interface ServerErrorProps {\n  /** CTA element — `next/link` for soft nav; defaults to `<a>` (full load). */\n  linkComponent?: React.ElementType;\n  /** copy.STATUS_HOME target — `/` for the landing, `/cabinet` for the cabinet. */\n  homeHref?: string;\n  /** Retry handler (e.g. Next's error-boundary `reset`); falls back to a reload. */\n  reset?: () => void;\n}\n\n/** 500 — server error. The \"Try again\" button runs `reset` or reloads the page. */\nexport function ServerError({ linkComponent = \"a\", homeHref = \"/\", reset }: ServerErrorProps) {\n  return (\n    <StatusScreen\n      accent=\"error\"\n      eyebrow={copy.SERVER_ERROR_EYEBROW}\n      code=\"500\"\n      headlineLead={copy.SERVER_ERROR_HEADLINE_LEAD}\n      headlineAccent={copy.SERVER_ERROR_HEADLINE_ACCENT}\n      subtext={copy.SERVER_ERROR_SUBTEXT}\n      linkComponent={linkComponent}\n      links={[{ label: copy.STATUS_HOME, href: homeHref, variant: \"outline\", leadingArrow: true }]}\n    >\n      <button\n        type=\"button\"\n        className={statusCtaClass(\"error\", \"primary\")}\n        onClick={() => (reset ? reset() : window.location.reload())}\n      >\n        {copy.SERVER_ERROR_RETRY}\n      </button>\n    </StatusScreen>\n  );\n}\n"],"mappings":";AAwCI,cAuEI,YAvEJ;AAtCJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,yBAAsC;AAC/C,SAAS,sBAA0C;AACnD,SAAS,YAAY;AACrB,SAAS,uBAAuB,2BAA2B,oBAAoB,oBAAoB,mBAAmB,uBAAuB,oBAAoB,oBAAoB,oBAAoB,qBAAqB,qBAAqB,kCAAkC;AACrR,SAAS,kBAAkB;AAC3B,YAAY,UAAU;AAsBf,SAAS,eAAe,QAAgB,SAAwB;AACrE,SAAO;AAAA,IACL,eAAe,EAAE,SAAS,MAAM,MAAM,OAAO,CAAC;AAAA,IAC9C;AAAA,EACF;AACF;AAEA,SAAS,cAAc,EAAE,UAAU,GAA2B;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAW;AAAA,MAEV,qBAAW,YAAY;AAAA;AAAA,EAC1B;AAEJ;AA+BO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,IAAI,iBAAiB;AAC3B,QAAM,aAAa,kBAAkB,MAAM;AAC3C,SACE,qBAAC,aAAQ,WAAW,oBAClB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAI,WAAW,qBACd;AAAA,0BAAC,QAAK,WAAW,GAAG,oBAAoB,UAAU,GAAG;AAAA,MACrD,oBAAC,OAAE,WAAW,GAAG,uBAAuB,UAAU,GAAI,mBAAQ;AAAA,MAC9D,oBAAC,OAAE,WAAW,GAAG,oBAAoB,UAAU,GAAI,gBAAK;AAAA,MACxD,qBAAC,QAAG,WAAW,qBACZ;AAAA;AAAA,QACD,oBAAC,UAAK,WAAW,GAAG,4BAA4B,UAAU,GAAI,0BAAe;AAAA,QAC5E;AAAA,SACH;AAAA,MACA,oBAAC,OAAE,WAAW,oBAAqB,mBAAQ;AAAA,MAC3C,qBAAC,SAAI,WAAW,uBACb;AAAA;AAAA,QACA,OAAO,IAAI,CAAC,SACX,qBAAC,KAAmB,MAAM,KAAK,MAAM,WAAW,eAAe,QAAQ,KAAK,WAAW,SAAS,GAC7F;AAAA,eAAK,eAAe,oBAAC,iBAAc,WAAW,2BAA2B,IAAK;AAAA,UAC9E,KAAK;AAAA,aAFA,KAAK,KAGb,CACD;AAAA,SACH;AAAA,OACF;AAAA,KACF;AAEJ;AAYO,SAAS,SAAS,EAAE,gBAAgB,KAAK,WAAW,KAAK,cAAc,WAAW,GAAoB;AAC3G,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,SAAS,KAAK;AAAA,MACd,MAAK;AAAA,MACL,cAAc,KAAK;AAAA,MACnB,gBAAgB,KAAK;AAAA,MACrB,SAAS,KAAK;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,EAAE,OAAO,KAAK,aAAa,MAAM,UAAU,cAAc,KAAK;AAAA,QAC9D,EAAE,OAAO,KAAK,mBAAmB,MAAM,aAAa,SAAS,UAAU;AAAA,MACzE;AAAA;AAAA,EACF;AAEJ;AAGO,SAAS,UAAU,EAAE,gBAAgB,KAAK,WAAW,KAAK,cAAc,WAAW,GAAoB;AAC5G,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,SAAS,KAAK;AAAA,MACd,MAAK;AAAA,MACL,cAAc,KAAK;AAAA,MACnB,gBAAgB,KAAK;AAAA,MACrB,SAAS,KAAK;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,EAAE,OAAO,KAAK,aAAa,MAAM,UAAU,cAAc,KAAK;AAAA,QAC9D,EAAE,OAAO,KAAK,mBAAmB,MAAM,aAAa,SAAS,UAAU;AAAA,MACzE;AAAA;AAAA,EACF;AAEJ;AAYO,SAAS,YAAY,EAAE,gBAAgB,KAAK,WAAW,KAAK,MAAM,GAAqB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,SAAS,KAAK;AAAA,MACd,MAAK;AAAA,MACL,cAAc,KAAK;AAAA,MACnB,gBAAgB,KAAK;AAAA,MACrB,SAAS,KAAK;AAAA,MACd;AAAA,MACA,OAAO,CAAC,EAAE,OAAO,KAAK,aAAa,MAAM,UAAU,SAAS,WAAW,cAAc,KAAK,CAAC;AAAA,MAE3F;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,eAAe,SAAS,SAAS;AAAA,UAC5C,SAAS,MAAO,QAAQ,MAAM,IAAI,OAAO,SAAS,OAAO;AAAA,UAExD,eAAK;AAAA;AAAA,MACR;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -11,12 +11,12 @@ import {
   SYSTEM_BANNER_ICON,
   SYSTEM_BANNER_MESSAGE,
   SYSTEM_BANNER_TITLE,
-  systemBannerIconToneClasses,
-  systemBannerToneClasses
+  SYSTEM_BANNER_LABELS
 } from "../../generated/system-banner.js";
+import { toneClasses } from "../../generated/tone.js";
 import { CloseIcon, InfoIcon, TriangleAlertIcon } from "./shell-icons.js";
 function SystemBanner({
-  tone = "info",
+  tone = "neutral",
   title,
   icon,
   onDismiss,
@@ -33,10 +33,10 @@ function SystemBanner({
       "data-slot": "system-banner",
       "data-tone": tone,
       role: "status",
-      className: cn(SYSTEM_BANNER_BASE, systemBannerToneClasses[tone], className),
+      className: cn(SYSTEM_BANNER_BASE, toneClasses[tone], className),
       ...props,
       children: [
-        glyph !== null && /* @__PURE__ */ jsx("span", { className: cn(SYSTEM_BANNER_ICON, systemBannerIconToneClasses[tone]), children: glyph }),
+        glyph !== null && /* @__PURE__ */ jsx("span", { className: SYSTEM_BANNER_ICON, 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 ",
@@ -47,7 +47,7 @@ function SystemBanner({
           "button",
           {
             type: "button",
-            "aria-label": labels.dismiss ?? "Dismiss",
+            "aria-label": labels.dismiss ?? SYSTEM_BANNER_LABELS.dismiss,
             onClick: onDismiss,
             className: SYSTEM_BANNER_DISMISS,
             children: /* @__PURE__ */ jsx(CloseIcon, { className: SYSTEM_BANNER_GLYPH })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/shell/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":[]}
+{"version":3,"sources":["../../../src/components/shell/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  SYSTEM_BANNER_LABELS,\n} from \"../../generated/system-banner\";\nimport { toneClasses, type Tone } from \"../../generated/tone\";\nimport { CloseIcon, InfoIcon, TriangleAlertIcon } from \"./shell-icons\";\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?: Tone;\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 = \"neutral\",\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, toneClasses[tone], className)}\n      {...props}\n    >\n      {glyph !== null && <span className={SYSTEM_BANNER_ICON}>{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 ?? SYSTEM_BANNER_LABELS.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":";AAsDkD,cAU5C,YAV4C;AApDlD,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,OACK;AACP,SAAS,mBAA8B;AACvC,SAAS,WAAW,UAAU,yBAAyB;AA0BhD,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,YAAY,IAAI,GAAG,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA,kBAAU,QAAQ,oBAAC,UAAK,WAAW,oBAAqB,iBAAM;AAAA,QAC/D,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,qBAAqB;AAAA,YACnD,SAAS;AAAA,YACT,WAAW;AAAA,YAEX,8BAAC,aAAU,WAAW,qBAAqB;AAAA;AAAA,QAC7C;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

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

@@ -13,6 +13,7 @@ import {
   WORKSPACE_TABS_BASE
 } from "../../generated/workspace-tab.js";
 import { UiIcon } from "../../icons/ui-icons.js";
+import * as copy from "../../generated/copy.js";
 const WorkspaceTabsContext = React.createContext(null);
 function useWorkspaceTabs() {
   const ctx = React.useContext(WorkspaceTabsContext);
@@ -65,7 +66,7 @@ function WorkspaceTab({
   value,
   icon,
   onClose,
-  closeLabel = "Close tab",
+  closeLabel = copy.WORKSPACE_TAB_CLOSE,
   className,
   children,
   onClick,

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

@@ -1 +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":"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","names":[]}
+{"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\";\nimport * as copy from \"../../generated/copy\";\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 = copy.WORKSPACE_TAB_CLOSE,\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

@@ -6,18 +6,18 @@ const accentTextClasses = {
   "error": "text-accent-error"
 };
 const accentFillClasses = {
-  "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",
-  "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",
-  "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",
-  "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",
-  "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"
+  "trace": "bg-accent-trace text-on-accent-trace hover:bg-accent-trace-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+  "debug": "bg-accent-debug text-on-accent-debug hover:bg-accent-debug-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+  "info": "bg-accent-info text-on-accent-info hover:bg-accent-info-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+  "warn": "bg-accent-warn text-on-accent-warn hover:bg-accent-warn-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+  "error": "bg-accent-error text-on-accent-error hover:bg-accent-error-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
 };
 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-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"
+  "trace": "border border-accent-trace/40 text-accent-trace hover:bg-accent-trace/(--tint-hover)",
+  "debug": "border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/(--tint-hover)",
+  "info": "border border-accent-info/40 text-accent-info-ink hover:bg-accent-info/(--tint-hover)",
+  "warn": "border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/(--tint-hover)",
+  "error": "border border-accent-error/40 text-accent-error hover:bg-accent-error/(--tint-hover)"
 };
 export {
   accentFillClasses,

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-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":[]}
+{"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-hover 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-hover 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-hover 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-hover 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-hover 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/(--tint-hover)\",\n  \"debug\": \"border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/(--tint-hover)\",\n  \"info\": \"border border-accent-info/40 text-accent-info-ink hover:bg-accent-info/(--tint-hover)\",\n  \"warn\": \"border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/(--tint-hover)\",\n  \"error\": \"border border-accent-error/40 text-accent-error hover:bg-accent-error/(--tint-hover)\",\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/accordion.js

@@ -1,13 +1,17 @@
 const ACCORDION_ITEM = "border-b border-border last:border-b-0";
 const ACCORDION_HEADER = "flex";
-const ACCORDION_TRIGGER = "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180";
+const ACCORDION_TRIGGER = "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-control py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-(--disabled-opacity) [&[data-state=open]>svg]:rotate-180";
 const ACCORDION_CONTENT = "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm";
 const ACCORDION_CONTENT_INNER = "pt-0 pb-4";
+const ACCORDION_CHEVRON = "text-ink-soft pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200";
+const ACCORDION_TYPES = ["single", "multiple"];
 export {
+  ACCORDION_CHEVRON,
   ACCORDION_CONTENT,
   ACCORDION_CONTENT_INNER,
   ACCORDION_HEADER,
   ACCORDION_ITEM,
-  ACCORDION_TRIGGER
+  ACCORDION_TRIGGER,
+  ACCORDION_TYPES
 };
 //# sourceMappingURL=accordion.js.map

package/dist/generated/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/accordion.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ACCORDION_ITEM = \"border-b border-border last:border-b-0\";\n\nexport const ACCORDION_HEADER = \"flex\";\n\nexport const ACCORDION_TRIGGER = \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\";\n\nexport const ACCORDION_CONTENT = \"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\";\n\nexport const ACCORDION_CONTENT_INNER = \"pt-0 pb-4\";\n"],"mappings":"AAEO,MAAM,iBAAiB;AAEvB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAE1B,MAAM,oBAAoB;AAE1B,MAAM,0BAA0B;","names":[]}
+{"version":3,"sources":["../../src/generated/accordion.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ACCORDION_ITEM = \"border-b border-border last:border-b-0\";\n\nexport const ACCORDION_HEADER = \"flex\";\n\nexport const ACCORDION_TRIGGER = \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-control py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-(--disabled-opacity) [&[data-state=open]>svg]:rotate-180\";\n\nexport const ACCORDION_CONTENT = \"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\";\n\nexport const ACCORDION_CONTENT_INNER = \"pt-0 pb-4\";\n\nexport const ACCORDION_CHEVRON = \"text-ink-soft pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\";\n\nexport const ACCORDION_TYPES = [\"single\", \"multiple\"] as const;\nexport type AccordionType = (typeof ACCORDION_TYPES)[number];\n"],"mappings":"AAEO,MAAM,iBAAiB;AAEvB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAE1B,MAAM,oBAAoB;AAE1B,MAAM,0BAA0B;AAEhC,MAAM,oBAAoB;AAE1B,MAAM,kBAAkB,CAAC,UAAU,UAAU;","names":[]}

package/dist/generated/account-list.js

@@ -1,10 +1,10 @@
 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_BASE = "flex items-center gap-3 rounded-panel 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_DISABLED = "opacity-(--disabled-opacity)";
+const ACCOUNT_LIST_ITEM_RADIO = "flex min-w-0 flex-1 items-center gap-3 rounded-panel text-left outline-none focus-visible:ring-2 focus-visible:ring-ring";
+const ACCOUNT_LIST_ITEM_AVATAR = "size-14 shrink-0 rounded-control";
 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";

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

@@ -1 +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":[]}
+{"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-panel 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-(--disabled-opacity)\";\n\nexport const ACCOUNT_LIST_ITEM_RADIO = \"flex min-w-0 flex-1 items-center gap-3 rounded-panel 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\";\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

@@ -1,8 +1,8 @@
-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_CONTENT = "flex max-h-[90dvh] max-w-[calc(100%-2rem)] flex-col gap-0 overflow-hidden 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_ENTRY = "h-(--control-h-sm) w-full flex-none justify-start gap-2.5 rounded-row border-0 px-2.5 text-body font-normal text-ink-mid shadow-none data-[state=active]:bg-selected 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";
@@ -10,6 +10,9 @@ 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";
+const ACCOUNT_SETTINGS_DIALOG_LABELS = {
+  "close": "Close"
+};
 export {
   ACCOUNT_SETTINGS_DIALOG_CLOSE,
   ACCOUNT_SETTINGS_DIALOG_CONTENT,
@@ -17,6 +20,7 @@ export {
   ACCOUNT_SETTINGS_DIALOG_ENTRY,
   ACCOUNT_SETTINGS_DIALOG_FOOTER,
   ACCOUNT_SETTINGS_DIALOG_HEADING,
+  ACCOUNT_SETTINGS_DIALOG_LABELS,
   ACCOUNT_SETTINGS_DIALOG_LIST,
   ACCOUNT_SETTINGS_DIALOG_PANE,
   ACCOUNT_SETTINGS_DIALOG_PANEL,

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

@@ -1 +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":[]}
+{"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 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-(--control-h-sm) w-full flex-none justify-start gap-2.5 rounded-row border-0 px-2.5 text-body font-normal text-ink-mid shadow-none data-[state=active]:bg-selected 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\nexport const ACCOUNT_SETTINGS_DIALOG_LABELS = {\n  \"close\": \"Close\",\n} as const;\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;AAEtC,MAAM,iCAAiC;AAAA,EAC5C,SAAS;AACX;","names":[]}

package/dist/generated/alert-dialog.js

@@ -1,5 +1,5 @@
 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_CONTENT = "bg-popover 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-panel 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";
 const ALERT_DIALOG_TITLE = "text-lg font-semibold";

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-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":[]}
+{"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-popover 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-panel 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

@@ -1,16 +1,9 @@
-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";
-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-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_BASE = "relative w-full rounded-panel border border-(color:--tone-edge) bg-card bg-[image:linear-gradient(var(--tone-wash),var(--tone-wash))] px-4 py-3 text-sm text-(color:--tone-ink) 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";
 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";
+const ALERT_DESCRIPTION = "text-ink-mid col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed";
 export {
   ALERT_BASE,
   ALERT_DESCRIPTION,
-  ALERT_TITLE,
-  alertVariants
+  ALERT_TITLE
 };
 //# sourceMappingURL=alert.js.map

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-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":[]}
+{"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-panel border border-(color:--tone-edge) bg-card bg-[image:linear-gradient(var(--tone-wash),var(--tone-wash))] px-4 py-3 text-sm text-(color:--tone-ink) 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 ALERT_TITLE = \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\";\n\nexport const ALERT_DESCRIPTION = \"text-ink-mid col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\";\n"],"mappings":"AAEO,MAAM,aAAa;AAEnB,MAAM,cAAc;AAEpB,MAAM,oBAAoB;","names":[]}

package/dist/generated/aside.js

@@ -12,19 +12,26 @@ const ASIDE_PANEL_SHEET = "w-full gap-0 border-border-strong bg-card p-0 sm:max-
 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 ASIDE_HEADER_LABELS = {
+  "back": "Back",
+  "close": "Close"
+};
 const asidePanelSideClasses = {
   "left": "border-r border-border",
   "right": "border-l border-border"
 };
+const ASIDE_PANEL_MODES = ["docked", "overlay"];
 export {
   ASIDE_BODY,
   ASIDE_FOOTER,
   ASIDE_HEADER_BACK_ICON,
   ASIDE_HEADER_BASE,
   ASIDE_HEADER_CLOSE_ICON,
+  ASIDE_HEADER_LABELS,
   ASIDE_HEADER_TITLE,
   ASIDE_PANEL_DOCKED,
   ASIDE_PANEL_DRAWER,
+  ASIDE_PANEL_MODES,
   ASIDE_PANEL_NARROW_ONLY,
   ASIDE_PANEL_SHEET,
   ASIDE_PANEL_WIDE_ONLY,

package/dist/generated/aside.js.map

@@ -1 +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":[]}
+{"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 ASIDE_HEADER_LABELS = {\n  \"back\": \"Back\",\n  \"close\": \"Close\",\n} as const;\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\nexport const ASIDE_PANEL_MODES = [\"docked\", \"overlay\"] as const;\nexport type AsidePanelMode = (typeof ASIDE_PANEL_MODES)[number];\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,sBAAsB;AAAA,EACjC,QAAQ;AAAA,EACR,SAAS;AACX;AAEO,MAAM,wBAAwB;AAAA,EACnC,QAAQ;AAAA,EACR,SAAS;AACX;AAGO,MAAM,oBAAoB,CAAC,UAAU,SAAS;","names":[]}

package/dist/generated/badge.js

@@ -1,14 +1,5 @@
-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 = {
-  "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"
-};
+const BADGE_BASE = "inline-flex h-5 items-center justify-center rounded-chip border px-1.5 text-caption border-(color:--tone-edge) bg-(color:--tone-fill) text-(color:--tone-ink) font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden [&>svg]:size-3 [&>svg]:pointer-events-none transition-colors outline-none [a&]:hover:bg-[image:linear-gradient(var(--hover),var(--hover))] 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";
 export {
-  BADGE_BASE,
-  badgeVariants
+  BADGE_BASE
 };
 //# sourceMappingURL=badge.js.map