gridsmith-ui 0.4.0 → 0.6.1

package/dist/{chunk-6TMNEBBJ.js → chunk-GX6O72IV.js}

@@ -29,48 +29,57 @@ function useExtendedMap(pack) {
   );
 }
 var loadingPacks = /* @__PURE__ */ new Set();
+var failedPacks = /* @__PURE__ */ new Set();
 async function loadPack(pack) {
-  if (curatedCache.has(pack) || loadingPacks.has(pack)) return;
+  if (curatedCache.has(pack) || loadingPacks.has(pack) || failedPacks.has(pack)) return;
   loadingPacks.add(pack);
   let mod;
-  switch (pack) {
-    case "lucide":
-      mod = await import('./lucide-Z74WVRAK.js');
-      break;
-    case "phosphor":
-      try {
-        mod = await import('./phosphor-DYUCR5S2.js');
-      } catch {
-        throw new Error("gridsmith-ui: @phosphor-icons/react is not installed. Run: npm install @phosphor-icons/react");
-      }
-      break;
-    case "heroicons":
-      try {
-        mod = await import('./heroicons-CCKJHFZY.js');
-      } catch {
-        throw new Error("gridsmith-ui: @heroicons/react is not installed. Run: npm install @heroicons/react");
-      }
-      break;
-    case "tabler":
-      try {
-        mod = await import('./tabler-GRXDPAHR.js');
-      } catch {
-        throw new Error("gridsmith-ui: @tabler/icons-react is not installed. Run: npm install @tabler/icons-react");
-      }
-      break;
-    case "feather":
-      try {
-        mod = await import('./feather-432JQGUB.js');
-      } catch {
-        throw new Error("gridsmith-ui: react-icons is not installed. Run: npm install react-icons");
-      }
-      break;
+  try {
+    switch (pack) {
+      case "lucide":
+        mod = await import('./lucide-OGUV44TQ.js');
+        break;
+      case "phosphor":
+        try {
+          mod = await import('./phosphor-QG2ZMEMZ.js');
+        } catch {
+          throw new Error("gridsmith-ui: @phosphor-icons/react is not installed. Run: npm install @phosphor-icons/react");
+        }
+        break;
+      case "heroicons":
+        try {
+          mod = await import('./heroicons-D3G7QU45.js');
+        } catch {
+          throw new Error("gridsmith-ui: @heroicons/react is not installed. Run: npm install @heroicons/react");
+        }
+        break;
+      case "tabler":
+        try {
+          mod = await import('./tabler-MW2HN55L.js');
+        } catch {
+          throw new Error("gridsmith-ui: @tabler/icons-react is not installed. Run: npm install @tabler/icons-react");
+        }
+        break;
+      case "feather":
+        try {
+          mod = await import('./feather-U45EQTAU.js');
+        } catch {
+          throw new Error("gridsmith-ui: react-icons is not installed. Run: npm install react-icons");
+        }
+        break;
+    }
+  } catch (err) {
+    loadingPacks.delete(pack);
+    failedPacks.add(pack);
+    console.error(err instanceof Error ? err.message : err);
+    return;
   }
   curatedCache.set(pack, mod.loadCurated());
   notifySubscribers();
   mod.loadExtended().then((extended) => {
     extendedCache.set(pack, extended);
     notifySubscribers();
+  }).catch(() => {
   });
 }
 var IconCtx = createContext({ pack: "lucide", weight: 1.5 });
@@ -136,5 +145,5 @@ function Icon({ name, size = 16, className }) {
 }
 
 export { Icon, IconProvider, preloadPack };
-//# sourceMappingURL=chunk-6TMNEBBJ.js.map
-//# sourceMappingURL=chunk-6TMNEBBJ.js.map
+//# sourceMappingURL=chunk-GX6O72IV.js.map
+//# sourceMappingURL=chunk-GX6O72IV.js.map

package/dist/chunk-GX6O72IV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/icons.tsx"],"names":[],"mappings":"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","file":"chunk-GX6O72IV.js","sourcesContent":["import { createContext, useContext, useEffect, useSyncExternalStore, type ReactNode, type ComponentType } from \"react\";\n\n/* ── Types ────────────────────────────────────────────────────── */\n\n/**\n * Runtime list of curated icon names. The CuratedIconName type derives from\n * this array, so adding a name here extends autocomplete automatically.\n * Every name must have an alias (or auto-kebab match) in ALL five packs —\n * icon-completeness.test.tsx enforces this.\n */\nexport const CURATED_ICON_NAMES = [\n  \"home\", \"folder\", \"chart\", \"settings\",\n  \"chevron-right\", \"close\", \"plus\", \"search\",\n  \"bell\", \"user\", \"check\", \"warning\", \"info\", \"error\",\n  \"clock\", \"calendar\",\n  \"bold\", \"italic\", \"underline\", \"strikethrough\",\n  \"align-left\", \"align-center\", \"align-right\",\n  \"list\", \"list-ordered\", \"list-checks\",\n  \"link\", \"image\", \"table\", \"code\", \"quote\", \"minus\",\n  \"superscript\", \"subscript\", \"highlight\", \"type\",\n  \"chevron-up\", \"chevron-down\", \"trash\",\n  \"undo\", \"redo\",\n  \"arrow-left\", \"grip-vertical\",\n  \"mic\", \"paperclip\", \"send\",\n  \"log-out\", \"edit\", \"menu\", \"more-horizontal\",\n  \"star\", \"bookmark\", \"download\", \"upload\",\n] as const;\n\ntype CuratedIconName = (typeof CURATED_ICON_NAMES)[number];\n\n/**\n * Curated names provide autocomplete and work identically across all 5 packs.\n * Any kebab-case string is also accepted — it resolves directly against the\n * active pack's native exports (e.g. \"clipboard-copy\" → Lucide's ClipboardCopy).\n */\nexport type IconName = CuratedIconName | (string & {});\n\nexport type IconPack = \"lucide\" | \"phosphor\" | \"heroicons\" | \"tabler\" | \"feather\";\n\ntype IconComponent = ComponentType<Record<string, unknown>>;\ntype IconMap = Record<string, IconComponent>;\n\n/* ── External store ──────────────────────────────────────────── */\n\ntype Subscriber = () => void;\nconst subscribers = new Set<Subscriber>();\nfunction notifySubscribers() {\n  subscribers.forEach((fn) => fn());\n}\nfunction subscribe(cb: Subscriber): () => void {\n  subscribers.add(cb);\n  return () => { subscribers.delete(cb); };\n}\n\nconst curatedCache = new Map<IconPack, IconMap>();\nconst extendedCache = new Map<IconPack, IconMap>();\n\nfunction useCuratedMap(pack: IconPack): IconMap | null {\n  return useSyncExternalStore(\n    subscribe,\n    () => curatedCache.get(pack) ?? null,\n    () => null,\n  );\n}\n\nfunction useExtendedMap(pack: IconPack): IconMap | null {\n  return useSyncExternalStore(\n    subscribe,\n    () => extendedCache.get(pack) ?? null,\n    () => null,\n  );\n}\n\n/* ── Pack loading ────────────────────────────────────────────────\n   Each pack is isolated in its own file under ./icon-packs/.\n   Only the active pack's module is dynamically imported at runtime,\n   so bundlers won't resolve unused pack dependencies at build time.\n\n   Loading is two-phase:\n   1. Curated map (50 static named imports) — available as soon as\n      the pack chunk loads, cached and notified immediately.\n   2. Extended map (full barrel import + kebab-case iteration) —\n      loaded in the background, cached and notified when ready. */\n\nconst loadingPacks = new Set<IconPack>();\nconst failedPacks = new Set<IconPack>();\n\ntype PackModule = {\n  loadCurated(): IconMap;\n  loadExtended(): Promise<IconMap>;\n};\n\nasync function loadPack(pack: IconPack): Promise<void> {\n  if (curatedCache.has(pack) || loadingPacks.has(pack) || failedPacks.has(pack)) return;\n  loadingPacks.add(pack);\n\n  let mod: PackModule;\n  try {\n    switch (pack) {\n      case \"lucide\":\n        mod = await import(\"./icon-packs/lucide\");\n        break;\n      case \"phosphor\":\n        try { mod = await import(\"./icon-packs/phosphor\"); }\n        catch { throw new Error(\"gridsmith-ui: @phosphor-icons/react is not installed. Run: npm install @phosphor-icons/react\"); }\n        break;\n      case \"heroicons\":\n        try { mod = await import(\"./icon-packs/heroicons\"); }\n        catch { throw new Error(\"gridsmith-ui: @heroicons/react is not installed. Run: npm install @heroicons/react\"); }\n        break;\n      case \"tabler\":\n        try { mod = await import(\"./icon-packs/tabler\"); }\n        catch { throw new Error(\"gridsmith-ui: @tabler/icons-react is not installed. Run: npm install @tabler/icons-react\"); }\n        break;\n      case \"feather\":\n        try { mod = await import(\"./icon-packs/feather\"); }\n        catch { throw new Error(\"gridsmith-ui: react-icons is not installed. Run: npm install react-icons\"); }\n        break;\n    }\n  } catch (err) {\n    loadingPacks.delete(pack);\n    failedPacks.add(pack);\n    console.error(err instanceof Error ? err.message : err);\n    return;\n  }\n\n  curatedCache.set(pack, mod!.loadCurated());\n  notifySubscribers();\n\n  mod!.loadExtended().then((extended) => {\n    extendedCache.set(pack, extended);\n    notifySubscribers();\n  }).catch(() => {\n    // Extended map failed (e.g. network error loading the full barrel).\n    // Curated icons still work; extended names will not resolve.\n  });\n}\n\n/** Exported for the icon-completeness test — not part of the public API. */\nexport const packLoaders: Record<IconPack, {\n  curated: () => Promise<IconMap>;\n  extended: () => Promise<IconMap>;\n}> = {\n  lucide:    { curated: () => import(\"./icon-packs/lucide\").then((m) => m.loadCurated()),    extended: () => import(\"./icon-packs/lucide\").then((m) => m.loadExtended()) },\n  phosphor:  { curated: () => import(\"./icon-packs/phosphor\").then((m) => m.loadCurated()),  extended: () => import(\"./icon-packs/phosphor\").then((m) => m.loadExtended()) },\n  heroicons: { curated: () => import(\"./icon-packs/heroicons\").then((m) => m.loadCurated()), extended: () => import(\"./icon-packs/heroicons\").then((m) => m.loadExtended()) },\n  tabler:    { curated: () => import(\"./icon-packs/tabler\").then((m) => m.loadCurated()),    extended: () => import(\"./icon-packs/tabler\").then((m) => m.loadExtended()) },\n  feather:   { curated: () => import(\"./icon-packs/feather\").then((m) => m.loadCurated()),   extended: () => import(\"./icon-packs/feather\").then((m) => m.loadExtended()) },\n};\n\n/* ── Context ──────────────────────────────────────────────────── */\n\ninterface IconContextValue {\n  pack: IconPack;\n  weight: number;\n}\n\nconst IconCtx = createContext<IconContextValue>({ pack: \"lucide\", weight: 1.5 });\n\nexport function IconProvider({ pack, weight, children }: { pack: IconPack; weight: number; children: ReactNode }) {\n  useEffect(() => {\n    loadPack(pack);\n    if (pack !== \"lucide\") loadPack(\"lucide\");\n  }, [pack]);\n\n  return <IconCtx.Provider value={{ pack, weight }}>{children}</IconCtx.Provider>;\n}\n\n/**\n * Start loading a pack's icon chunk before React mounts. Call this in your\n * app's entry point (e.g. main.tsx) for the fastest possible cold start:\n *\n *   import { preloadPack } from 'gridsmith-ui/icons'\n *   preloadPack('lucide')\n */\nexport function preloadPack(pack: IconPack): void {\n  loadPack(pack);\n}\n\n/* ── Phosphor weight mapping ──────────────────────────────────── */\n\nfunction getPhosphorWeight(numericWeight: number): \"thin\" | \"light\" | \"regular\" | \"bold\" | \"fill\" | \"duotone\" {\n  if (numericWeight <= 0.75) return \"thin\";\n  if (numericWeight <= 1.25) return \"light\";\n  if (numericWeight <= 1.75) return \"regular\";\n  if (numericWeight <= 2.25) return \"bold\";\n  return \"fill\";\n}\n\n/* ── Icon component ───────────────────────────────────────────── */\n\nexport function Icon({ name, size = 16, className }: { name: IconName; size?: number; className?: string }) {\n  const { pack, weight } = useContext(IconCtx);\n\n  const curatedMap = useCuratedMap(pack);\n  const extendedMap = useExtendedMap(pack);\n  const lucideCurated = useCuratedMap(\"lucide\");\n  const lucideExtended = useExtendedMap(\"lucide\");\n\n  // Ensure the active pack is loading (covers cases where Icon mounts\n  // before IconProvider's useEffect fires, e.g. during SSR hydration)\n  if (!curatedCache.has(pack) && !loadingPacks.has(pack)) {\n    loadPack(pack);\n  }\n\n  let Comp: IconComponent | undefined | null = null;\n  let renderPack: IconPack = pack;\n\n  // Tier 1: curated map (available once pack chunk has loaded)\n  if (curatedMap) {\n    Comp = curatedMap[name];\n  }\n\n  // Tier 2: extended map (available after barrel import completes)\n  if (!Comp && extendedMap) {\n    Comp = extendedMap[name];\n  }\n\n  // Tier 3: lucide fallback (curated first, then extended)\n  if (!Comp && pack !== \"lucide\") {\n    const fallback = lucideCurated?.[name] ?? lucideExtended?.[name];\n    if (fallback) {\n      Comp = fallback;\n      renderPack = \"lucide\";\n    }\n  }\n\n  if (!Comp) {\n    const allMapsLoaded = curatedMap && extendedMap &&\n      (pack === \"lucide\" || (lucideCurated && lucideExtended));\n    if (allMapsLoaded) return null;\n    return <span style={{ display: \"inline-block\", width: size, height: size }} className={className} />;\n  }\n\n  if (renderPack === \"phosphor\") {\n    return <Comp size={size} weight={getPhosphorWeight(weight)} className={className} />;\n  }\n\n  if (renderPack === \"heroicons\") {\n    return <Comp className={className} style={{ width: size, height: size, strokeWidth: weight }} />;\n  }\n\n  if (renderPack === \"tabler\") {\n    return <Comp size={size} stroke={weight} className={className} />;\n  }\n\n  if (renderPack === \"feather\") {\n    return <Comp size={size} className={className} strokeWidth={weight} />;\n  }\n\n  return <Comp size={size} strokeWidth={weight} className={className} />;\n}\n"]}

package/dist/{chunk-5XIPPVH7.js → chunk-IUBWNDUK.js}

@@ -9,13 +9,24 @@ var GLASS_BACKDROP = "[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop
 var GLASS_SURFACE = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-card),var(--ds-glass-inset)]`;
 var GLASS_OVERLAY = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-modal),var(--ds-glass-inset)]`;
 var GLASS_DROPDOWN = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]`;
+var scrollLockCount = 0;
+var scrollLockPreviousOverflow = "";
 function lockBodyScroll() {
-  document.body.style.overflow = "hidden";
+  if (scrollLockCount === 0) {
+    scrollLockPreviousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  scrollLockCount++;
 }
 function unlockBodyScroll() {
-  document.body.style.overflow = "";
+  if (scrollLockCount === 0) return;
+  scrollLockCount--;
+  if (scrollLockCount === 0) {
+    document.body.style.overflow = scrollLockPreviousOverflow;
+    scrollLockPreviousOverflow = "";
+  }
 }
 
 export { GLASS_BACKDROP, GLASS_DROPDOWN, GLASS_OVERLAY, GLASS_SURFACE, cn, lockBodyScroll, unlockBodyScroll };
-//# sourceMappingURL=chunk-5XIPPVH7.js.map
-//# sourceMappingURL=chunk-5XIPPVH7.js.map
+//# sourceMappingURL=chunk-IUBWNDUK.js.map
+//# sourceMappingURL=chunk-IUBWNDUK.js.map

package/dist/chunk-IUBWNDUK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/utils.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AAEO,IAAM,cAAA,GAAiB;AAEvB,IAAM,aAAA,GAAgB,GAAG,cAAc,CAAA,qDAAA;AAEvC,IAAM,aAAA,GAAgB,GAAG,cAAc,CAAA,sDAAA;AAEvC,IAAM,cAAA,GAAiB,GAAG,cAAc,CAAA,yDAAA;AAM/C,IAAI,eAAA,GAAkB,CAAA;AACtB,IAAI,0BAAA,GAA6B,EAAA;AAE1B,SAAS,cAAA,GAAiB;AAC/B,EAAA,IAAI,oBAAoB,CAAA,EAAG;AACzB,IAAA,0BAAA,GAA6B,QAAA,CAAS,KAAK,KAAA,CAAM,QAAA;AACjD,IAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAAA,EACjC;AACA,EAAA,eAAA,EAAA;AACF;AAEO,SAAS,gBAAA,GAAmB;AACjC,EAAA,IAAI,oBAAoB,CAAA,EAAG;AAC3B,EAAA,eAAA,EAAA;AACA,EAAA,IAAI,oBAAoB,CAAA,EAAG;AACzB,IAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,0BAAA;AAC/B,IAAA,0BAAA,GAA6B,EAAA;AAAA,EAC/B;AACF","file":"chunk-IUBWNDUK.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n\nexport const GLASS_BACKDROP = \"[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)]\";\n\nexport const GLASS_SURFACE = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-card),var(--ds-glass-inset)]`;\n\nexport const GLASS_OVERLAY = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-modal),var(--ds-glass-inset)]`;\n\nexport const GLASS_DROPDOWN = `${GLASS_BACKDROP} shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]`;\n\n// Body scroll lock is reference-counted so stacked overlays (a Dialog opened\n// from a Drawer, for example) only restore scrolling when the LAST one\n// closes. The original overflow value is captured on the first lock and put\n// back on the last unlock; an unbalanced unlock is clamped at zero.\nlet scrollLockCount = 0;\nlet scrollLockPreviousOverflow = \"\";\n\nexport function lockBodyScroll() {\n  if (scrollLockCount === 0) {\n    scrollLockPreviousOverflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n  }\n  scrollLockCount++;\n}\n\nexport function unlockBodyScroll() {\n  if (scrollLockCount === 0) return;\n  scrollLockCount--;\n  if (scrollLockCount === 0) {\n    document.body.style.overflow = scrollLockPreviousOverflow;\n    scrollLockPreviousOverflow = \"\";\n  }\n}\n\n/** Test-only: current number of active locks. */\nexport function getBodyScrollLockCount() {\n  return scrollLockCount;\n}\n"]}

package/dist/chunk-OUYJXVLQ.js

@@ -0,0 +1,41 @@
+import { cn } from './chunk-IUBWNDUK.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Bone({ className, style }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("rounded-[var(--ds-radius-sm)] bg-[var(--ds-bg-emphasis)] animate-pulse", className),
+      style
+    }
+  );
+}
+function Skeleton({ variant = "text", lines = 3, width, height, className }) {
+  if (variant === "custom") {
+    return /* @__PURE__ */ jsx(Bone, { className, style: { width, height } });
+  }
+  if (variant === "avatar") {
+    return /* @__PURE__ */ jsx(Bone, { className: cn("h-10 w-10 rounded-[var(--ds-radius-full)]", className) });
+  }
+  if (variant === "card") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-ds-3", className), children: [
+      /* @__PURE__ */ jsx(Bone, { className: "h-32 w-full rounded-[var(--ds-radius-md)]" }),
+      /* @__PURE__ */ jsx(Bone, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ jsx(Bone, { className: "h-4 w-1/2" })
+    ] });
+  }
+  if (variant === "table-row") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-ds-4", className), children: [
+      /* @__PURE__ */ jsx(Bone, { className: "h-4 flex-[3]" }),
+      /* @__PURE__ */ jsx(Bone, { className: "h-4 flex-[2]" }),
+      /* @__PURE__ */ jsx(Bone, { className: "h-4 flex-1" }),
+      /* @__PURE__ */ jsx(Bone, { className: "h-4 flex-1" })
+    ] });
+  }
+  const widths = ["w-3/4", "w-1/2", "w-5/6", "w-2/3", "w-4/5"];
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-ds-3", className), children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(Bone, { className: cn("h-4", widths[i % widths.length]) }, i)) });
+}
+
+export { Skeleton };
+//# sourceMappingURL=chunk-OUYJXVLQ.js.map
+//# sourceMappingURL=chunk-OUYJXVLQ.js.map

package/dist/chunk-OUYJXVLQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/components/Skeleton.tsx"],"names":[],"mappings":";;;AAUA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,KAAA,EAAM,EAAwD;AACvF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,wEAAA,EAA0E,SAAS,CAAA;AAAA,MACjG;AAAA;AAAA,GACF;AAEJ;AAEO,SAAS,QAAA,CAAS,EAAE,OAAA,GAAU,MAAA,EAAQ,QAAQ,CAAA,EAAG,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAU,EAAkB;AACjG,EAAA,IAAI,YAAY,QAAA,EAAU;AACxB,IAAA,2BAAQ,IAAA,EAAA,EAAK,SAAA,EAAsB,OAAO,EAAE,KAAA,EAAO,QAAO,EAAG,CAAA;AAAA,EAC/D;AAEA,EAAA,IAAI,YAAY,QAAA,EAAU;AACxB,IAAA,2BAAQ,IAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA,EAAG,CAAA;AAAA,EACtF;AAEA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,SAAS,CAAA,EAC1C,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,2CAAA,EAA4C,CAAA;AAAA,sBAC5D,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,sBAC5B,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY;AAAA,KAAA,EAC9B,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,YAAY,WAAA,EAAa;AAC3B,IAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EAC3C,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,cAAA,EAAe,CAAA;AAAA,sBAC/B,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,sBAC/B,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,CAAA;AAAA,sBAC7B,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa;AAAA,KAAA,EAC/B,CAAA;AAAA,EAEJ;AAGA,EAAA,MAAM,SAAS,CAAC,OAAA,EAAS,OAAA,EAAS,OAAA,EAAS,SAAS,OAAO,CAAA;AAC3D,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,SAAS,CAAA,EACzC,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,KAAA,EAAM,EAAG,CAAC,CAAA,EAAG,CAAA,qBACjC,GAAA,CAAC,IAAA,EAAA,EAAa,SAAA,EAAW,EAAA,CAAG,KAAA,EAAO,MAAA,CAAO,CAAA,GAAI,MAAA,CAAO,MAAM,CAAC,CAAA,EAAA,EAAjD,CAAoD,CAChE,CAAA,EACH,CAAA;AAEJ","file":"chunk-OUYJXVLQ.js","sourcesContent":["import { cn } from \"../lib/utils\";\n\ninterface SkeletonProps {\n  variant?: \"text\" | \"avatar\" | \"card\" | \"table-row\" | \"custom\";\n  lines?: number;\n  width?: string;\n  height?: string;\n  className?: string;\n}\n\nfunction Bone({ className, style }: { className?: string; style?: React.CSSProperties }) {\n  return (\n    <div\n      className={cn(\"rounded-[var(--ds-radius-sm)] bg-[var(--ds-bg-emphasis)] animate-pulse\", className)}\n      style={style}\n    />\n  );\n}\n\nexport function Skeleton({ variant = \"text\", lines = 3, width, height, className }: SkeletonProps) {\n  if (variant === \"custom\") {\n    return <Bone className={className} style={{ width, height }} />;\n  }\n\n  if (variant === \"avatar\") {\n    return <Bone className={cn(\"h-10 w-10 rounded-[var(--ds-radius-full)]\", className)} />;\n  }\n\n  if (variant === \"card\") {\n    return (\n      <div className={cn(\"space-y-ds-3\", className)}>\n        <Bone className=\"h-32 w-full rounded-[var(--ds-radius-md)]\" />\n        <Bone className=\"h-4 w-3/4\" />\n        <Bone className=\"h-4 w-1/2\" />\n      </div>\n    );\n  }\n\n  if (variant === \"table-row\") {\n    return (\n      <div className={cn(\"flex gap-ds-4\", className)}>\n        <Bone className=\"h-4 flex-[3]\" />\n        <Bone className=\"h-4 flex-[2]\" />\n        <Bone className=\"h-4 flex-1\" />\n        <Bone className=\"h-4 flex-1\" />\n      </div>\n    );\n  }\n\n  // text variant\n  const widths = [\"w-3/4\", \"w-1/2\", \"w-5/6\", \"w-2/3\", \"w-4/5\"];\n  return (\n    <div className={cn(\"space-y-ds-3\", className)}>\n      {Array.from({ length: lines }, (_, i) => (\n        <Bone key={i} className={cn(\"h-4\", widths[i % widths.length])} />\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-UYGTAVKR.js

@@ -0,0 +1,93 @@
+import { useTextOverflow, Tooltip } from './chunk-CHNY75QI.js';
+import { Icon } from './chunk-GX6O72IV.js';
+import { cn } from './chunk-IUBWNDUK.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var variantStyles = {
+  default: "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)]",
+  neutral: "bg-[var(--ds-text-muted)]/[0.12] text-[var(--ds-text-secondary)]",
+  subtle: "bg-[var(--ds-bg-muted)] text-[var(--ds-text-secondary)]",
+  success: "bg-[var(--ds-status-success)] text-[var(--ds-text-on-primary)]",
+  "success-soft": "bg-[var(--ds-status-success-bg)] text-[var(--ds-status-success)] border-[length:var(--ds-border-width)] border-[var(--ds-status-success)]/[0.2]",
+  warning: "bg-[var(--ds-status-warning)] text-[var(--ds-text-on-primary)]",
+  "warning-soft": "bg-[var(--ds-status-warning-bg)] text-[var(--ds-status-warning-text)] border-[length:var(--ds-border-width)] border-[var(--ds-status-warning)]/[0.2]",
+  error: "bg-[var(--ds-status-error)] text-[var(--ds-text-on-primary)]",
+  "error-soft": "bg-[var(--ds-status-error-bg)] text-[var(--ds-status-error)] border-[length:var(--ds-border-width)] border-[var(--ds-status-error)]/[0.2]",
+  outline: "bg-transparent text-[var(--ds-text-primary)] border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]"
+};
+var sizeStyles = {
+  xs: "px-ds-1.5 py-[1px] text-[length:10px] gap-[3px]",
+  sm: "px-ds-2 py-ds-0.5 text-[length:var(--ds-font-size-xs)] gap-ds-1",
+  md: "px-ds-2.5 py-ds-0.5 text-[length:var(--ds-font-size-xs)] gap-ds-1"
+};
+var iconSizes = {
+  xs: 10,
+  sm: 12,
+  md: 12
+};
+var paletteByVariant = {
+  default: (n) => paletteDefault[n],
+  neutral: (n) => paletteSubtle[n],
+  subtle: (n) => paletteSubtle[n],
+  outline: (n) => paletteOutline[n]
+};
+var paletteDefault = {
+  1: "bg-[var(--ds-palette-1-bold)] text-[var(--ds-text-on-primary)]",
+  2: "bg-[var(--ds-palette-2-bold)] text-[var(--ds-text-on-primary)]",
+  3: "bg-[var(--ds-palette-3-bold)] text-[var(--ds-text-on-primary)]",
+  4: "bg-[var(--ds-palette-4-bold)] text-[var(--ds-text-on-primary)]",
+  5: "bg-[var(--ds-palette-5-bold)] text-[var(--ds-text-on-primary)]"
+};
+var paletteSubtle = {
+  1: "bg-[var(--ds-palette-1-bg)] text-[var(--ds-palette-1-text)]",
+  2: "bg-[var(--ds-palette-2-bg)] text-[var(--ds-palette-2-text)]",
+  3: "bg-[var(--ds-palette-3-bg)] text-[var(--ds-palette-3-text)]",
+  4: "bg-[var(--ds-palette-4-bg)] text-[var(--ds-palette-4-text)]",
+  5: "bg-[var(--ds-palette-5-bg)] text-[var(--ds-palette-5-text)]"
+};
+var paletteOutline = {
+  1: "bg-transparent text-[var(--ds-palette-1-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-1-bold)]",
+  2: "bg-transparent text-[var(--ds-palette-2-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-2-bold)]",
+  3: "bg-transparent text-[var(--ds-palette-3-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-3-bold)]",
+  4: "bg-transparent text-[var(--ds-palette-4-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-4-bold)]",
+  5: "bg-transparent text-[var(--ds-palette-5-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-5-bold)]"
+};
+function getPaletteClasses(color, variant) {
+  const styleFn = paletteByVariant[variant] ?? paletteByVariant.default;
+  return styleFn(color);
+}
+function Badge({ variant = "default", size = "md", color, iconLeft, iconRight, maxWidth, className, children }) {
+  const { ref: truncRef, isTruncated } = useTextOverflow({ lines: 1, disabled: !maxWidth });
+  const iconSize = iconSizes[size];
+  const isIconOnly = (iconLeft || iconRight) && !children;
+  const colorClasses = color ? getPaletteClasses(color, variant) : variantStyles[variant];
+  const badge = /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center font-medium max-w-full whitespace-nowrap",
+        "rounded-[var(--ds-radius-full)]",
+        sizeStyles[size],
+        isIconOnly && size === "xs" && "px-[3px]",
+        isIconOnly && size === "sm" && "px-ds-1",
+        isIconOnly && size === "md" && "px-ds-1.5",
+        colorClasses,
+        className
+      ),
+      style: maxWidth ? { maxWidth } : void 0,
+      children: [
+        iconLeft && /* @__PURE__ */ jsx(Icon, { name: iconLeft, size: iconSize, className: "shrink-0" }),
+        maxWidth ? /* @__PURE__ */ jsx("span", { ref: truncRef, className: "truncate", children }) : children,
+        iconRight && /* @__PURE__ */ jsx(Icon, { name: iconRight, size: iconSize, className: "shrink-0" })
+      ]
+    }
+  );
+  if (isTruncated) {
+    return /* @__PURE__ */ jsx(Tooltip, { content: children, children: badge });
+  }
+  return badge;
+}
+
+export { Badge };
+//# sourceMappingURL=chunk-UYGTAVKR.js.map
+//# sourceMappingURL=chunk-UYGTAVKR.js.map

package/dist/chunk-UYGTAVKR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/components/Badge.tsx"],"names":[],"mappings":"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","file":"chunk-UYGTAVKR.js","sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, type IconName } from \"../lib/icons\";\nimport { Tooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport type { ReactNode } from \"react\";\n\nexport type BadgeVariant =\n  | \"default\"\n  | \"neutral\"\n  | \"subtle\"\n  | \"success\"\n  | \"success-soft\"\n  | \"warning\"\n  | \"warning-soft\"\n  | \"error\"\n  | \"error-soft\"\n  | \"outline\";\n\nexport type BadgeSize = \"xs\" | \"sm\" | \"md\";\nexport type BadgePaletteColor = 1 | 2 | 3 | 4 | 5;\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  default: \"bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)]\",\n  neutral: \"bg-[var(--ds-text-muted)]/[0.12] text-[var(--ds-text-secondary)]\",\n  subtle: \"bg-[var(--ds-bg-muted)] text-[var(--ds-text-secondary)]\",\n  success: \"bg-[var(--ds-status-success)] text-[var(--ds-text-on-primary)]\",\n  \"success-soft\": \"bg-[var(--ds-status-success-bg)] text-[var(--ds-status-success)] border-[length:var(--ds-border-width)] border-[var(--ds-status-success)]/[0.2]\",\n  warning: \"bg-[var(--ds-status-warning)] text-[var(--ds-text-on-primary)]\",\n  \"warning-soft\": \"bg-[var(--ds-status-warning-bg)] text-[var(--ds-status-warning-text)] border-[length:var(--ds-border-width)] border-[var(--ds-status-warning)]/[0.2]\",\n  error: \"bg-[var(--ds-status-error)] text-[var(--ds-text-on-primary)]\",\n  \"error-soft\": \"bg-[var(--ds-status-error-bg)] text-[var(--ds-status-error)] border-[length:var(--ds-border-width)] border-[var(--ds-status-error)]/[0.2]\",\n  outline: \"bg-transparent text-[var(--ds-text-primary)] border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n};\n\nconst sizeStyles: Record<BadgeSize, string> = {\n  xs: \"px-ds-1.5 py-[1px] text-[length:10px] gap-[3px]\",\n  sm: \"px-ds-2 py-ds-0.5 text-[length:var(--ds-font-size-xs)] gap-ds-1\",\n  md: \"px-ds-2.5 py-ds-0.5 text-[length:var(--ds-font-size-xs)] gap-ds-1\",\n};\n\nconst iconSizes: Record<BadgeSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 12,\n};\n\ntype PaletteStyleFn = (n: BadgePaletteColor) => string;\n\nconst paletteByVariant: Record<string, PaletteStyleFn> = {\n  default: (n) => paletteDefault[n],\n  neutral: (n) => paletteSubtle[n],\n  subtle: (n) => paletteSubtle[n],\n  outline: (n) => paletteOutline[n],\n};\n\nconst paletteDefault: Record<BadgePaletteColor, string> = {\n  1: \"bg-[var(--ds-palette-1-bold)] text-[var(--ds-text-on-primary)]\",\n  2: \"bg-[var(--ds-palette-2-bold)] text-[var(--ds-text-on-primary)]\",\n  3: \"bg-[var(--ds-palette-3-bold)] text-[var(--ds-text-on-primary)]\",\n  4: \"bg-[var(--ds-palette-4-bold)] text-[var(--ds-text-on-primary)]\",\n  5: \"bg-[var(--ds-palette-5-bold)] text-[var(--ds-text-on-primary)]\",\n};\n\nconst paletteSubtle: Record<BadgePaletteColor, string> = {\n  1: \"bg-[var(--ds-palette-1-bg)] text-[var(--ds-palette-1-text)]\",\n  2: \"bg-[var(--ds-palette-2-bg)] text-[var(--ds-palette-2-text)]\",\n  3: \"bg-[var(--ds-palette-3-bg)] text-[var(--ds-palette-3-text)]\",\n  4: \"bg-[var(--ds-palette-4-bg)] text-[var(--ds-palette-4-text)]\",\n  5: \"bg-[var(--ds-palette-5-bg)] text-[var(--ds-palette-5-text)]\",\n};\n\nconst paletteOutline: Record<BadgePaletteColor, string> = {\n  1: \"bg-transparent text-[var(--ds-palette-1-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-1-bold)]\",\n  2: \"bg-transparent text-[var(--ds-palette-2-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-2-bold)]\",\n  3: \"bg-transparent text-[var(--ds-palette-3-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-3-bold)]\",\n  4: \"bg-transparent text-[var(--ds-palette-4-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-4-bold)]\",\n  5: \"bg-transparent text-[var(--ds-palette-5-bold)] border-[length:var(--ds-border-width)] border-[var(--ds-palette-5-bold)]\",\n};\n\nfunction getPaletteClasses(color: BadgePaletteColor, variant: BadgeVariant): string {\n  const styleFn = paletteByVariant[variant] ?? paletteByVariant.default;\n  return styleFn(color);\n}\n\ninterface BadgeProps {\n  variant?: BadgeVariant;\n  size?: BadgeSize;\n  /** Palette colour (1-5). Overrides variant colour with decorative palette tokens. */\n  color?: BadgePaletteColor;\n  /** Icon to show before the label */\n  iconLeft?: IconName;\n  /** Icon to show after the label */\n  iconRight?: IconName;\n  /** Max width before truncation (e.g. \"120px\", \"16ch\"). Shows tooltip when truncated. */\n  maxWidth?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function Badge({ variant = \"default\", size = \"md\", color, iconLeft, iconRight, maxWidth, className, children }: BadgeProps) {\n  const { ref: truncRef, isTruncated } = useTextOverflow({ lines: 1, disabled: !maxWidth });\n  const iconSize = iconSizes[size];\n  const isIconOnly = (iconLeft || iconRight) && !children;\n\n  const colorClasses = color\n    ? getPaletteClasses(color, variant)\n    : variantStyles[variant];\n\n  const badge = (\n    <span\n      className={cn(\n        \"inline-flex items-center font-medium max-w-full whitespace-nowrap\",\n        \"rounded-[var(--ds-radius-full)]\",\n        sizeStyles[size],\n        isIconOnly && size === \"xs\" && \"px-[3px]\",\n        isIconOnly && size === \"sm\" && \"px-ds-1\",\n        isIconOnly && size === \"md\" && \"px-ds-1.5\",\n        colorClasses,\n        className\n      )}\n      style={maxWidth ? { maxWidth } : undefined}\n    >\n      {iconLeft && <Icon name={iconLeft} size={iconSize} className=\"shrink-0\" />}\n      {maxWidth ? (\n        <span ref={truncRef} className=\"truncate\">{children}</span>\n      ) : (\n        children\n      )}\n      {iconRight && <Icon name={iconRight} size={iconSize} className=\"shrink-0\" />}\n    </span>\n  );\n\n  if (isTruncated) {\n    return <Tooltip content={children}>{badge}</Tooltip>;\n  }\n  return badge;\n}\n"]}

package/dist/data-grid.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ColumnDef } from '@tanstack/react-table';
+import { B as BreakpointKey } from './use-breakpoint-Cn51IubK.js';
+import 'react';
+
+/** Column meta for opt-in truncation. Set on ColumnDef.meta. */
+interface DataGridColumnMeta {
+    /** true = single-line, or { lines: N } for multi-line clamp. */
+    truncate?: boolean | {
+        lines: number;
+    };
+    /** CSS max-width for the column. */
+    maxWidth?: string;
+}
+interface DataGridProps<T> {
+    data: T[];
+    columns: ColumnDef<T, any>[];
+    pageSize?: number;
+    editable?: boolean;
+    onCellEdit?: (rowIndex: number, columnId: string, value: unknown) => void;
+    /** Breakpoint at which the grid switches to card layout. Defaults to "md" (768px). */
+    mobileBreakpoint?: BreakpointKey;
+    className?: string;
+}
+declare function DataGrid<T>({ data, columns, pageSize, editable, onCellEdit, mobileBreakpoint, className, }: DataGridProps<T>): react_jsx_runtime.JSX.Element;
+
+export { DataGrid, type DataGridColumnMeta };