@evinvest/uikit 0.32.0 → 0.33.0

package/dist/generated/toggle.js

@@ -1,18 +1,10 @@
-const TOGGLE_BASE = "inline-flex items-center justify-center gap-2 rounded-[var(--control-radius)] text-sm font-medium hover:bg-muted hover:text-ink-soft disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-on-primary [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+const TOGGLE_BASE = "inline-flex h-(--control-box) min-w-(--control-box) items-center justify-center rounded-control font-medium px-[calc(var(--control-pad)*0.5)] gap-[calc(var(--control-pad)*0.5)] hover:bg-hover hover:text-ink disabled:pointer-events-none disabled:opacity-(--disabled-opacity) data-[state=on]:bg-primary data-[state=on]:text-on-primary [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[calc(1em+2px)] [&_svg]:shrink-0 focus-visible:border-ring outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
 const toggleVariantClasses = {
   "bare": "bg-transparent",
   "outline": "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink data-[state=on]:border-primary"
 };
-const toggleSizeClasses = {
-  "md": "h-9 px-2 min-w-9",
-  "xs": "h-7 px-1 min-w-7",
-  "sm": "h-8 px-1.5 min-w-8",
-  "lg": "h-10 px-2.5 min-w-10",
-  "xl": "h-12 px-3 min-w-12"
-};
 export {
   TOGGLE_BASE,
-  toggleSizeClasses,
   toggleVariantClasses
 };
 //# sourceMappingURL=toggle.js.map

package/dist/generated/toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/toggle.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TOGGLE_BASE = \"inline-flex items-center justify-center gap-2 rounded-[var(--control-radius)] text-sm font-medium hover:bg-muted hover:text-ink-soft disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-on-primary [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\";\n\nexport const toggleVariantClasses = {\n  \"bare\": \"bg-transparent\",\n  \"outline\": \"border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink data-[state=on]:border-primary\",\n} as const;\nexport type ToggleVariant = keyof typeof toggleVariantClasses;\n\nexport const toggleSizeClasses = {\n  \"md\": \"h-9 px-2 min-w-9\",\n  \"xs\": \"h-7 px-1 min-w-7\",\n  \"sm\": \"h-8 px-1.5 min-w-8\",\n  \"lg\": \"h-10 px-2.5 min-w-10\",\n  \"xl\": \"h-12 px-3 min-w-12\",\n} as const;\nexport type ToggleSize = keyof typeof toggleSizeClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAEpB,MAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,EACR,WAAW;AACb;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../src/generated/toggle.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TOGGLE_BASE = \"inline-flex h-(--control-box) min-w-(--control-box) items-center justify-center rounded-control font-medium px-[calc(var(--control-pad)*0.5)] gap-[calc(var(--control-pad)*0.5)] hover:bg-hover hover:text-ink disabled:pointer-events-none disabled:opacity-(--disabled-opacity) data-[state=on]:bg-primary data-[state=on]:text-on-primary [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[calc(1em+2px)] [&_svg]:shrink-0 focus-visible:border-ring outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\";\n\nexport const toggleVariantClasses = {\n  \"bare\": \"bg-transparent\",\n  \"outline\": \"border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink data-[state=on]:border-primary\",\n} as const;\nexport type ToggleVariant = keyof typeof toggleVariantClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAEpB,MAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,EACR,WAAW;AACb;","names":[]}

package/dist/generated/tone.js

@@ -0,0 +1,12 @@
+const toneClasses = {
+  "neutral": "[--tone-fill:var(--tint-neutral-fill)] [--tone-edge:var(--tint-neutral-edge)] [--tone-wash:var(--tint-neutral-wash)] [--tone-ink:var(--ink)]",
+  "primary": "[--tone-fill:var(--tint-primary-fill)] [--tone-edge:var(--tint-primary-edge)] [--tone-wash:var(--tint-primary-wash)] [--tone-ink:var(--primary-ink)]",
+  "positive": "[--tone-fill:var(--tint-positive-fill)] [--tone-edge:var(--tint-positive-edge)] [--tone-wash:var(--tint-positive-wash)] [--tone-ink:var(--positive-ink)]",
+  "info": "[--tone-fill:var(--tint-info-fill)] [--tone-edge:var(--tint-info-edge)] [--tone-wash:var(--tint-info-wash)] [--tone-ink:var(--accent-info-ink)]",
+  "warn": "[--tone-fill:var(--tint-warn-fill)] [--tone-edge:var(--tint-warn-edge)] [--tone-wash:var(--tint-warn-wash)] [--tone-ink:var(--accent-warn)]",
+  "error": "[--tone-fill:var(--tint-error-fill)] [--tone-edge:var(--tint-error-edge)] [--tone-wash:var(--tint-error-wash)] [--tone-ink:var(--accent-error)]"
+};
+export {
+  toneClasses
+};
+//# sourceMappingURL=tone.js.map

package/dist/generated/tone.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/generated/tone.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const toneClasses = {\n  \"neutral\": \"[--tone-fill:var(--tint-neutral-fill)] [--tone-edge:var(--tint-neutral-edge)] [--tone-wash:var(--tint-neutral-wash)] [--tone-ink:var(--ink)]\",\n  \"primary\": \"[--tone-fill:var(--tint-primary-fill)] [--tone-edge:var(--tint-primary-edge)] [--tone-wash:var(--tint-primary-wash)] [--tone-ink:var(--primary-ink)]\",\n  \"positive\": \"[--tone-fill:var(--tint-positive-fill)] [--tone-edge:var(--tint-positive-edge)] [--tone-wash:var(--tint-positive-wash)] [--tone-ink:var(--positive-ink)]\",\n  \"info\": \"[--tone-fill:var(--tint-info-fill)] [--tone-edge:var(--tint-info-edge)] [--tone-wash:var(--tint-info-wash)] [--tone-ink:var(--accent-info-ink)]\",\n  \"warn\": \"[--tone-fill:var(--tint-warn-fill)] [--tone-edge:var(--tint-warn-edge)] [--tone-wash:var(--tint-warn-wash)] [--tone-ink:var(--accent-warn)]\",\n  \"error\": \"[--tone-fill:var(--tint-error-fill)] [--tone-edge:var(--tint-error-edge)] [--tone-wash:var(--tint-error-wash)] [--tone-ink:var(--accent-error)]\",\n} as const;\nexport type Tone = keyof typeof toneClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}

package/dist/generated/tooltip.js

@@ -1,4 +1,4 @@
-const TOOLTIP_CONTENT = "bg-ink text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance";
+const TOOLTIP_CONTENT = "bg-ink text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-panel px-3 py-1.5 text-xs text-balance";
 export {
   TOOLTIP_CONTENT
 };

package/dist/generated/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/tooltip.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TOOLTIP_CONTENT = \"bg-ink text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance\";\n"],"mappings":"AAEO,MAAM,kBAAkB;","names":[]}
+{"version":3,"sources":["../../src/generated/tooltip.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TOOLTIP_CONTENT = \"bg-ink text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-panel px-3 py-1.5 text-xs text-balance\";\n"],"mappings":"AAEO,MAAM,kBAAkB;","names":[]}

package/dist/generated/workspace-tab.js

@@ -1,9 +1,9 @@
 const WORKSPACE_TABS_BASE = "flex items-center gap-1";
-const WORKSPACE_TAB_BASE = "group inline-flex h-7 items-center rounded-(--control-radius) border border-transparent text-body-s font-medium text-ink-mid transition-colors hover:bg-hover hover:text-ink has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring";
-const WORKSPACE_TAB_SELECTED = "border-border-subtle bg-secondary text-ink hover:bg-secondary";
+const WORKSPACE_TAB_BASE = "group inline-flex h-(--control-h-xs) items-center rounded-control border border-transparent text-body-s font-medium text-ink-mid transition-colors hover:bg-hover hover:text-ink has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring";
+const WORKSPACE_TAB_SELECTED = "border-border-subtle bg-card text-ink hover:bg-card";
 const WORKSPACE_TAB_TRIGGER = "inline-flex h-full min-w-0 items-center gap-2 rounded-[inherit] pl-2 outline-none";
 const WORKSPACE_TAB_LABEL = "truncate";
-const WORKSPACE_TAB_CLOSE = "inline-flex size-6 items-center justify-center rounded-(--control-radius) text-ink-soft outline-none hover:bg-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-ring";
+const WORKSPACE_TAB_CLOSE = "inline-flex size-(--control-h-2xs) items-center justify-center rounded-control text-ink-soft outline-none hover:bg-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-ring";
 const WORKSPACE_TAB_SPACER = "w-2";
 export {
   WORKSPACE_TABS_BASE,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/workspace-tab.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const WORKSPACE_TABS_BASE = \"flex items-center gap-1\";\n\nexport const WORKSPACE_TAB_BASE = \"group inline-flex h-7 items-center rounded-(--control-radius) border border-transparent text-body-s font-medium text-ink-mid transition-colors hover:bg-hover hover:text-ink has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring\";\n\nexport const WORKSPACE_TAB_SELECTED = \"border-border-subtle bg-secondary text-ink hover:bg-secondary\";\n\nexport const WORKSPACE_TAB_TRIGGER = \"inline-flex h-full min-w-0 items-center gap-2 rounded-[inherit] pl-2 outline-none\";\n\nexport const WORKSPACE_TAB_LABEL = \"truncate\";\n\nexport const WORKSPACE_TAB_CLOSE = \"inline-flex size-6 items-center justify-center rounded-(--control-radius) text-ink-soft outline-none hover:bg-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-ring\";\n\nexport const WORKSPACE_TAB_SPACER = \"w-2\";\n"],"mappings":"AAEO,MAAM,sBAAsB;AAE5B,MAAM,qBAAqB;AAE3B,MAAM,yBAAyB;AAE/B,MAAM,wBAAwB;AAE9B,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,uBAAuB;","names":[]}
+{"version":3,"sources":["../../src/generated/workspace-tab.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const WORKSPACE_TABS_BASE = \"flex items-center gap-1\";\n\nexport const WORKSPACE_TAB_BASE = \"group inline-flex h-(--control-h-xs) items-center rounded-control border border-transparent text-body-s font-medium text-ink-mid transition-colors hover:bg-hover hover:text-ink has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring\";\n\nexport const WORKSPACE_TAB_SELECTED = \"border-border-subtle bg-card text-ink hover:bg-card\";\n\nexport const WORKSPACE_TAB_TRIGGER = \"inline-flex h-full min-w-0 items-center gap-2 rounded-[inherit] pl-2 outline-none\";\n\nexport const WORKSPACE_TAB_LABEL = \"truncate\";\n\nexport const WORKSPACE_TAB_CLOSE = \"inline-flex size-(--control-h-2xs) items-center justify-center rounded-control text-ink-soft outline-none hover:bg-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-ring\";\n\nexport const WORKSPACE_TAB_SPACER = \"w-2\";\n"],"mappings":"AAEO,MAAM,sBAAsB;AAE5B,MAAM,qBAAqB;AAE3B,MAAM,yBAAyB;AAE/B,MAAM,wBAAwB;AAE9B,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,uBAAuB;","names":[]}

package/dist/icons/icon-shapes.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { ICONS } from "../generated/icons.js";
+function iconShapes(name) {
+  const shapes = ICONS[name];
+  return shapes.map(([tag, attributes], i) => React.createElement(tag, { key: i, ...attributes }));
+}
+export {
+  iconShapes
+};
+//# sourceMappingURL=icon-shapes.js.map

package/dist/icons/icon-shapes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/icon-shapes.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ICONS, type IconName } from \"../generated/icons\";\n\ntype Shape = readonly [tag: string, attributes: Readonly<Record<string, string>>];\n\n/** An icon's children, for the `<svg>` frame a site draws around them. */\nexport function iconShapes(name: IconName): React.ReactNode {\n  const shapes: readonly Shape[] = ICONS[name];\n  return shapes.map(([tag, attributes], i) => React.createElement(tag, { key: i, ...attributes }));\n}\n"],"mappings":"AAAA,YAAY,WAAW;AACvB,SAAS,aAA4B;AAK9B,SAAS,WAAW,MAAiC;AAC1D,QAAM,SAA2B,MAAM,IAAI;AAC3C,SAAO,OAAO,IAAI,CAAC,CAAC,KAAK,UAAU,GAAG,MAAM,MAAM,cAAc,KAAK,EAAE,KAAK,GAAG,GAAG,WAAW,CAAC,CAAC;AACjG;","names":[]}

package/dist/icons/select-chevron.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { iconShapes } from "./icon-shapes.js";
 function SelectChevron({ className }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -15,7 +16,7 @@ function SelectChevron({ className }) {
       strokeLinejoin: "round",
       className,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+      children: iconShapes("chevron-down")
     }
   );
 }

package/dist/icons/select-chevron.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/select-chevron.tsx"],"sourcesContent":["import * as React from \"react\";\n\n/** The kit's select arrow, shared by `SelectTrigger` and `NativeSelect`. */\nexport function SelectChevron({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n"],"mappings":"AAkBM;AAlBN,YAAY,WAAW;AAGhB,SAAS,cAAc,EAAE,UAAU,GAA2B;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf;AAAA,MACA,eAAY;AAAA,MAEZ,8BAAC,UAAK,GAAE,gBAAe;AAAA;AAAA,EACzB;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/icons/select-chevron.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { iconShapes } from \"./icon-shapes\";\n\n/** The kit's select arrow, shared by `SelectTrigger` and `NativeSelect`. */\nexport function SelectChevron({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      {iconShapes(\"chevron-down\")}\n    </svg>\n  );\n}\n"],"mappings":"AAMI;AANJ,YAAY,WAAW;AACvB,SAAS,kBAAkB;AAGpB,SAAS,cAAc,EAAE,UAAU,GAA2B;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf;AAAA,MACA,eAAY;AAAA,MAEX,qBAAW,cAAc;AAAA;AAAA,EAC5B;AAEJ;","names":[]}

package/dist/icons/ui-icons.js

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

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

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