gridsmith-ui 0.3.0 → 0.3.1

package/dist/chunk-GYVBRUO2.js

@@ -0,0 +1,30 @@
+// ../../showcase/src/lib/icon-packs/utils.ts
+function pascalToKebab(s) {
+  return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").replace(/([a-zA-Z])(\d)/g, "$1-$2").replace(/(\d)([a-zA-Z])/g, "$1-$2").toLowerCase();
+}
+function isRenderableComponent(value) {
+  if (typeof value === "function") return true;
+  return typeof value === "object" && value !== null && "$$typeof" in value;
+}
+function buildExtendedMap(mod, aliases, opts) {
+  const map = {};
+  for (const [exportName, value] of Object.entries(mod)) {
+    if (!isRenderableComponent(value)) continue;
+    if (!exportName[0] || exportName[0] !== exportName[0].toUpperCase()) continue;
+    let name = exportName;
+    if (opts?.stripPrefix && name.startsWith(opts.stripPrefix)) {
+      name = name.slice(opts.stripPrefix.length);
+    }
+    if (opts?.stripSuffix && name.endsWith(opts.stripSuffix)) {
+      name = name.slice(0, -opts.stripSuffix.length);
+    }
+    if (!name) continue;
+    map[pascalToKebab(name)] = value;
+  }
+  Object.assign(map, aliases);
+  return map;
+}
+
+export { buildExtendedMap };
+//# sourceMappingURL=chunk-GYVBRUO2.js.map
+//# sourceMappingURL=chunk-GYVBRUO2.js.map

package/dist/chunk-GYVBRUO2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/icon-packs/utils.ts"],"names":[],"mappings":";AAEA,SAAS,cAAc,CAAA,EAAmB;AACxC,EAAA,OAAO,EACJ,OAAA,CAAQ,oBAAA,EAAsB,OAAO,CAAA,CACrC,QAAQ,sBAAA,EAAwB,OAAO,CAAA,CACvC,OAAA,CAAQ,mBAAmB,OAAO,CAAA,CAClC,QAAQ,iBAAA,EAAmB,OAAO,EAClC,WAAA,EAAY;AACjB;AAEA,SAAS,sBAAsB,KAAA,EAAyB;AACtD,EAAA,IAAI,OAAO,KAAA,KAAU,UAAA,EAAY,OAAO,IAAA;AACxC,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,QAAQ,UAAA,IAAc,KAAA;AACtE;AAEO,SAAS,gBAAA,CACd,GAAA,EACA,OAAA,EACA,IAAA,EACS;AACT,EAAA,MAAM,MAAe,EAAC;AAEtB,EAAA,KAAA,MAAW,CAAC,UAAA,EAAY,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAA,EAAG;AACrD,IAAA,IAAI,CAAC,qBAAA,CAAsB,KAAK,CAAA,EAAG;AACnC,IAAA,IAAI,CAAC,UAAA,CAAW,CAAC,CAAA,IAAK,UAAA,CAAW,CAAC,CAAA,KAAM,UAAA,CAAW,CAAC,CAAA,CAAE,WAAA,EAAY,EAAG;AAErE,IAAA,IAAI,IAAA,GAAO,UAAA;AACX,IAAA,IAAI,MAAM,WAAA,IAAe,IAAA,CAAK,UAAA,CAAW,IAAA,CAAK,WAAW,CAAA,EAAG;AAC1D,MAAA,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,WAAA,CAAY,MAAM,CAAA;AAAA,IAC3C;AACA,IAAA,IAAI,MAAM,WAAA,IAAe,IAAA,CAAK,QAAA,CAAS,IAAA,CAAK,WAAW,CAAA,EAAG;AACxD,MAAA,IAAA,GAAO,KAAK,KAAA,CAAM,CAAA,EAAG,CAAC,IAAA,CAAK,YAAY,MAAM,CAAA;AAAA,IAC/C;AACA,IAAA,IAAI,CAAC,IAAA,EAAM;AAEX,IAAA,GAAA,CAAI,aAAA,CAAc,IAAI,CAAC,CAAA,GAAI,KAAA;AAAA,EAC7B;AAEA,EAAA,MAAA,CAAO,MAAA,CAAO,KAAK,OAAO,CAAA;AAC1B,EAAA,OAAO,GAAA;AACT","file":"chunk-GYVBRUO2.js","sourcesContent":["import type { IconMap, IconComponent } from './types'\n\nfunction pascalToKebab(s: string): string {\n  return s\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\n    .replace(/([A-Z])([A-Z][a-z])/g, \"$1-$2\")\n    .replace(/([a-zA-Z])(\\d)/g, \"$1-$2\")\n    .replace(/(\\d)([a-zA-Z])/g, \"$1-$2\")\n    .toLowerCase()\n}\n\nfunction isRenderableComponent(value: unknown): boolean {\n  if (typeof value === \"function\") return true\n  return typeof value === \"object\" && value !== null && \"$$typeof\" in value\n}\n\nexport function buildExtendedMap(\n  mod: Record<string, unknown>,\n  aliases: IconMap,\n  opts?: { stripPrefix?: string; stripSuffix?: string },\n): IconMap {\n  const map: IconMap = {}\n\n  for (const [exportName, value] of Object.entries(mod)) {\n    if (!isRenderableComponent(value)) continue\n    if (!exportName[0] || exportName[0] !== exportName[0].toUpperCase()) continue\n\n    let name = exportName\n    if (opts?.stripPrefix && name.startsWith(opts.stripPrefix)) {\n      name = name.slice(opts.stripPrefix.length)\n    }\n    if (opts?.stripSuffix && name.endsWith(opts.stripSuffix)) {\n      name = name.slice(0, -opts.stripSuffix.length)\n    }\n    if (!name) continue\n\n    map[pascalToKebab(name)] = value as IconComponent\n  }\n\n  Object.assign(map, aliases)\n  return map\n}\n"]}

package/dist/chunk-WVB3SRXW.js

@@ -0,0 +1,82 @@
+import { createContext, useContext, useState, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// ../../showcase/src/lib/icons.tsx
+var packCache = /* @__PURE__ */ new Map();
+var fullyLoaded = /* @__PURE__ */ new Set();
+async function loadPack(pack) {
+  switch (pack) {
+    case "lucide":
+      return (await import('./lucide-6TGT4G26.js')).load();
+    case "phosphor":
+      return (await import('./phosphor-BWDP4PU7.js')).load();
+    case "heroicons":
+      return (await import('./heroicons-HJTKMLIJ.js')).load();
+    case "tabler":
+      return (await import('./tabler-6TPNTLFV.js')).load();
+    case "feather":
+      return (await import('./feather-N37QZ7LA.js')).load();
+  }
+}
+var IconCtx = createContext({ pack: "lucide", weight: 1.5 });
+function IconProvider({ pack, weight, children }) {
+  return /* @__PURE__ */ jsx(IconCtx.Provider, { value: { pack, weight }, children });
+}
+function useIconMap(pack) {
+  const [map, setMap] = useState(packCache.get(pack) ?? null);
+  useEffect(() => {
+    if (fullyLoaded.has(pack)) {
+      const cached = packCache.get(pack);
+      if (cached) setMap(cached);
+      return;
+    }
+    let cancelled = false;
+    loadPack(pack).then((loaded) => {
+      packCache.set(pack, loaded);
+      fullyLoaded.add(pack);
+      if (!cancelled) setMap(loaded);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [pack]);
+  return map;
+}
+function getPhosphorWeight(numericWeight) {
+  if (numericWeight <= 0.75) return "thin";
+  if (numericWeight <= 1.25) return "light";
+  if (numericWeight <= 1.75) return "regular";
+  if (numericWeight <= 2.25) return "bold";
+  return "fill";
+}
+function Icon({ name, size = 16, className }) {
+  const { pack, weight } = useContext(IconCtx);
+  const map = useIconMap(pack);
+  const needsFallback = pack !== "lucide" && map !== null && !map[name];
+  const lucideMap = useIconMap(needsFallback ? "lucide" : pack);
+  if (!map) return null;
+  let Comp = map[name];
+  let renderPack = pack;
+  if (!Comp) {
+    if (!needsFallback || !lucideMap?.[name]) return null;
+    Comp = lucideMap[name];
+    renderPack = "lucide";
+  }
+  if (renderPack === "phosphor") {
+    return /* @__PURE__ */ jsx(Comp, { size, weight: getPhosphorWeight(weight), className });
+  }
+  if (renderPack === "heroicons") {
+    return /* @__PURE__ */ jsx(Comp, { className, style: { width: size, height: size, strokeWidth: weight } });
+  }
+  if (renderPack === "tabler") {
+    return /* @__PURE__ */ jsx(Comp, { size, stroke: weight, className });
+  }
+  if (renderPack === "feather") {
+    return /* @__PURE__ */ jsx(Comp, { size, className, strokeWidth: weight });
+  }
+  return /* @__PURE__ */ jsx(Comp, { size, strokeWidth: weight, className });
+}
+
+export { Icon, IconProvider };
+//# sourceMappingURL=chunk-WVB3SRXW.js.map
+//# sourceMappingURL=chunk-WVB3SRXW.js.map

package/dist/chunk-WVB3SRXW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/icons.tsx"],"names":[],"mappings":";;;;AAgDA,IAAM,SAAA,uBAAgB,GAAA,EAAuB;AAC7C,IAAM,WAAA,uBAAkB,GAAA,EAAc;AAEtC,eAAe,SAAS,IAAA,EAAkC;AACxD,EAAA,QAAQ,IAAA;AAAM,IACZ,KAAK,QAAA;AAAU,MAAA,OAAA,CAAQ,MAAM,OAAO,sBAAqB,CAAA,EAAG,IAAA,EAAK;AAAA,IACjE,KAAK,UAAA;AAAY,MAAA,OAAA,CAAQ,MAAM,OAAO,wBAAuB,CAAA,EAAG,IAAA,EAAK;AAAA,IACrE,KAAK,WAAA;AAAa,MAAA,OAAA,CAAQ,MAAM,OAAO,yBAAwB,CAAA,EAAG,IAAA,EAAK;AAAA,IACvE,KAAK,QAAA;AAAU,MAAA,OAAA,CAAQ,MAAM,OAAO,sBAAqB,CAAA,EAAG,IAAA,EAAK;AAAA,IACjE,KAAK,SAAA;AAAW,MAAA,OAAA,CAAQ,MAAM,OAAO,uBAAsB,CAAA,EAAG,IAAA,EAAK;AAAA;AAEvE;AAkBA,IAAM,UAAU,aAAA,CAAgC,EAAE,MAAM,QAAA,EAAU,MAAA,EAAQ,KAAK,CAAA;AAExE,SAAS,YAAA,CAAa,EAAE,IAAA,EAAM,MAAA,EAAQ,UAAS,EAA4D;AAChH,EAAA,uBAAO,GAAA,CAAC,QAAQ,QAAA,EAAR,EAAiB,OAAO,EAAE,IAAA,EAAM,MAAA,EAAO,EAAI,QAAA,EAAS,CAAA;AAC9D;AAIA,SAAS,WAAW,IAAA,EAAgC;AAClD,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAI,SAAyB,SAAA,CAAU,GAAA,CAAI,IAAI,CAAA,IAAK,IAAI,CAAA;AAE1E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAA,CAAY,GAAA,CAAI,IAAI,CAAA,EAAG;AACzB,MAAA,MAAM,MAAA,GAAS,SAAA,CAAU,GAAA,CAAI,IAAI,CAAA;AACjC,MAAA,IAAI,MAAA,SAAe,MAAM,CAAA;AACzB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,QAAA,CAAS,IAAI,CAAA,CAAE,IAAA,CAAK,CAAC,MAAA,KAAW;AAC9B,MAAA,SAAA,CAAU,GAAA,CAAI,MAAM,MAAM,CAAA;AAC1B,MAAA,WAAA,CAAY,IAAI,IAAI,CAAA;AACpB,MAAA,IAAI,CAAC,SAAA,EAAW,MAAA,CAAO,MAAM,CAAA;AAAA,IAC/B,CAAC,CAAA;AACD,IAAA,OAAO,MAAM;AAAE,MAAA,SAAA,GAAY,IAAA;AAAA,IAAM,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,OAAO,GAAA;AACT;AAIA,SAAS,kBAAkB,aAAA,EAAmF;AAC5G,EAAA,IAAI,aAAA,IAAiB,MAAM,OAAO,MAAA;AAClC,EAAA,IAAI,aAAA,IAAiB,MAAM,OAAO,OAAA;AAClC,EAAA,IAAI,aAAA,IAAiB,MAAM,OAAO,SAAA;AAClC,EAAA,IAAI,aAAA,IAAiB,MAAM,OAAO,MAAA;AAClC,EAAA,OAAO,MAAA;AACT;AAIO,SAAS,KAAK,EAAE,IAAA,EAAM,IAAA,GAAO,EAAA,EAAI,WAAU,EAA0D;AAC1G,EAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAO,GAAI,WAAW,OAAO,CAAA;AAC3C,EAAA,MAAM,GAAA,GAAM,WAAW,IAAI,CAAA;AAO3B,EAAA,MAAM,gBAAgB,IAAA,KAAS,QAAA,IAAY,QAAQ,IAAA,IAAQ,CAAC,IAAI,IAAI,CAAA;AACpE,EAAA,MAAM,SAAA,GAAY,UAAA,CAAW,aAAA,GAAgB,QAAA,GAAW,IAAI,CAAA;AAE5D,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AAEjB,EAAA,IAAI,IAAA,GAAO,IAAI,IAAI,CAAA;AACnB,EAAA,IAAI,UAAA,GAAuB,IAAA;AAC3B,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,SAAA,GAAY,IAAI,GAAG,OAAO,IAAA;AACjD,IAAA,IAAA,GAAO,UAAU,IAAI,CAAA;AACrB,IAAA,UAAA,GAAa,QAAA;AAAA,EACf;AAEA,EAAA,IAAI,eAAe,UAAA,EAAY;AAC7B,IAAA,2BAAQ,IAAA,EAAA,EAAK,IAAA,EAAY,QAAQ,iBAAA,CAAkB,MAAM,GAAG,SAAA,EAAsB,CAAA;AAAA,EACpF;AAEA,EAAA,IAAI,eAAe,WAAA,EAAa;AAC9B,IAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAsB,KAAA,EAAO,EAAE,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,WAAA,EAAa,MAAA,EAAO,EAAG,CAAA;AAAA,EAChG;AAEA,EAAA,IAAI,eAAe,QAAA,EAAU;AAC3B,IAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAY,MAAA,EAAQ,QAAQ,SAAA,EAAsB,CAAA;AAAA,EACjE;AAEA,EAAA,IAAI,eAAe,SAAA,EAAW;AAC5B,IAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAY,SAAA,EAAsB,aAAa,MAAA,EAAQ,CAAA;AAAA,EACtE;AAEA,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAY,WAAA,EAAa,QAAQ,SAAA,EAAsB,CAAA;AACtE","file":"chunk-WVB3SRXW.js","sourcesContent":["import { createContext, useContext, useState, useEffect, 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\",\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/* ── 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 (including Turbopack) won't resolve unused pack\n   dependencies at build time. */\n\nconst packCache = new Map<IconPack, IconMap>();\nconst fullyLoaded = new Set<IconPack>();\n\nasync function loadPack(pack: IconPack): Promise<IconMap> {\n  switch (pack) {\n    case \"lucide\": return (await import(\"./icon-packs/lucide\")).load();\n    case \"phosphor\": return (await import(\"./icon-packs/phosphor\")).load();\n    case \"heroicons\": return (await import(\"./icon-packs/heroicons\")).load();\n    case \"tabler\": return (await import(\"./icon-packs/tabler\")).load();\n    case \"feather\": return (await import(\"./icon-packs/feather\")).load();\n  }\n}\n\n/** Exported for the icon-completeness test — not part of the public API. */\nexport const packLoaders: Record<IconPack, () => Promise<IconMap>> = {\n  lucide: () => loadPack(\"lucide\"),\n  phosphor: () => loadPack(\"phosphor\"),\n  heroicons: () => loadPack(\"heroicons\"),\n  tabler: () => loadPack(\"tabler\"),\n  feather: () => loadPack(\"feather\"),\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  return <IconCtx.Provider value={{ pack, weight }}>{children}</IconCtx.Provider>;\n}\n\n/* ── Hook ─────────────────────────────────────────────────────── */\n\nfunction useIconMap(pack: IconPack): IconMap | null {\n  const [map, setMap] = useState<IconMap | null>(packCache.get(pack) ?? null);\n\n  useEffect(() => {\n    if (fullyLoaded.has(pack)) {\n      const cached = packCache.get(pack);\n      if (cached) setMap(cached);\n      return;\n    }\n\n    let cancelled = false;\n    loadPack(pack).then((loaded) => {\n      packCache.set(pack, loaded);\n      fullyLoaded.add(pack);\n      if (!cancelled) setMap(loaded);\n    });\n    return () => { cancelled = true; };\n  }, [pack]);\n\n  return map;\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  const map = useIconMap(pack);\n\n  // Lucide doubles as the universal fallback: when the active pack has loaded\n  // but lacks the requested name, resolve against lucide instead of rendering\n  // nothing. The hook call is unconditional (no conditional-hook violation) —\n  // it only re-targets lucide once a miss is confirmed, which triggers the\n  // lazy load and a re-render when the map arrives.\n  const needsFallback = pack !== \"lucide\" && map !== null && !map[name];\n  const lucideMap = useIconMap(needsFallback ? \"lucide\" : pack);\n\n  if (!map) return null;\n\n  let Comp = map[name];\n  let renderPack: IconPack = pack;\n  if (!Comp) {\n    if (!needsFallback || !lucideMap?.[name]) return null;\n    Comp = lucideMap[name];\n    renderPack = \"lucide\";\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/feather-N37QZ7LA.js

@@ -0,0 +1,72 @@
+import { buildExtendedMap } from './chunk-GYVBRUO2.js';
+import './chunk-5WRI5ZAA.js';
+
+// ../../showcase/src/lib/icon-packs/feather.ts
+async function load() {
+  let F;
+  try {
+    F = await import('react-icons/fi');
+  } catch {
+    throw new Error("gridsmith-ui: react-icons is not installed. Run: npm install react-icons");
+  }
+  const aliases = {
+    "home": F.FiHome,
+    "folder": F.FiFolder,
+    "chart": F.FiBarChart2,
+    "settings": F.FiSettings,
+    "chevron-right": F.FiChevronRight,
+    "close": F.FiX,
+    "plus": F.FiPlus,
+    "search": F.FiSearch,
+    "bell": F.FiBell,
+    "user": F.FiUser,
+    "check": F.FiCheck,
+    "warning": F.FiAlertTriangle,
+    "info": F.FiInfo,
+    "error": F.FiAlertCircle,
+    "clock": F.FiClock,
+    "calendar": F.FiCalendar,
+    "bold": F.FiBold,
+    "italic": F.FiItalic,
+    "underline": F.FiUnderline,
+    "strikethrough": F.FiSlash,
+    "align-left": F.FiAlignLeft,
+    "align-center": F.FiAlignCenter,
+    "align-right": F.FiAlignRight,
+    "list": F.FiList,
+    "list-ordered": F.FiList,
+    "list-checks": F.FiCheckSquare,
+    "link": F.FiLink,
+    "image": F.FiImage,
+    "table": F.FiGrid,
+    "code": F.FiCode,
+    "quote": F.FiMessageSquare,
+    "minus": F.FiMinus,
+    "superscript": F.FiChevronUp,
+    "subscript": F.FiChevronDown,
+    "highlight": F.FiEdit2,
+    "type": F.FiType,
+    "chevron-up": F.FiChevronUp,
+    "chevron-down": F.FiChevronDown,
+    "trash": F.FiTrash2,
+    "undo": F.FiRotateCcw,
+    "redo": F.FiRotateCw,
+    "arrow-left": F.FiArrowLeft,
+    "grip-vertical": F.FiMoreVertical,
+    "mic": F.FiMic,
+    "paperclip": F.FiPaperclip,
+    "send": F.FiSend,
+    "log-out": F.FiLogOut,
+    "edit": F.FiEdit2,
+    "menu": F.FiMenu,
+    "star": F.FiStar,
+    "bookmark": F.FiBookmark,
+    "download": F.FiDownload,
+    "upload": F.FiUpload
+  };
+  return buildExtendedMap(F, aliases, { stripPrefix: "Fi" });
+}
+
+export { load };
+//# sourceMappingURL=feather-N37QZ7LA.js.map
+//# sourceMappingURL=feather-N37QZ7LA.js.map

package/dist/feather-N37QZ7LA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/icon-packs/feather.ts"],"names":[],"mappings":";;;;AAGA,eAAsB,IAAA,GAAyB;AAC7C,EAAA,IAAI,CAAA;AACJ,EAAA,IAAI;AAAE,IAAA,CAAA,GAAI,MAAM,OAAO,gBAAgB,CAAA;AAAA,EAAE,CAAA,CAAA,MACnC;AAAE,IAAA,MAAM,IAAI,MAAM,0EAA0E,CAAA;AAAA,EAAE;AACpG,EAAA,MAAM,OAAA,GAAmB;AAAA,IACvB,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,UAAU,CAAA,CAAE,QAAA;AAAA,IAAU,SAAS,CAAA,CAAE,WAAA;AAAA,IAAa,YAAY,CAAA,CAAE,UAAA;AAAA,IAC9E,iBAAiB,CAAA,CAAE,cAAA;AAAA,IAAgB,SAAS,CAAA,CAAE,GAAA;AAAA,IAAK,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,UAAU,CAAA,CAAE,QAAA;AAAA,IACjF,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,SAAS,CAAA,CAAE,OAAA;AAAA,IAAS,WAAW,CAAA,CAAE,eAAA;AAAA,IACrE,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,SAAS,CAAA,CAAE,aAAA;AAAA,IAAe,SAAS,CAAA,CAAE,OAAA;AAAA,IAAS,YAAY,CAAA,CAAE,UAAA;AAAA,IAC9E,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,UAAU,CAAA,CAAE,QAAA;AAAA,IAAU,aAAa,CAAA,CAAE,WAAA;AAAA,IAAa,iBAAiB,CAAA,CAAE,OAAA;AAAA,IACvF,cAAc,CAAA,CAAE,WAAA;AAAA,IAAa,gBAAgB,CAAA,CAAE,aAAA;AAAA,IAAe,eAAe,CAAA,CAAE,YAAA;AAAA,IAC/E,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,gBAAgB,CAAA,CAAE,MAAA;AAAA,IAAQ,eAAe,CAAA,CAAE,aAAA;AAAA,IAC7D,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,SAAS,CAAA,CAAE,OAAA;AAAA,IAAS,SAAS,CAAA,CAAE,MAAA;AAAA,IAAQ,QAAQ,CAAA,CAAE,MAAA;AAAA,IACnE,SAAS,CAAA,CAAE,eAAA;AAAA,IAAiB,SAAS,CAAA,CAAE,OAAA;AAAA,IAAS,eAAe,CAAA,CAAE,WAAA;AAAA,IACjE,aAAa,CAAA,CAAE,aAAA;AAAA,IAAe,aAAa,CAAA,CAAE,OAAA;AAAA,IAAS,QAAQ,CAAA,CAAE,MAAA;AAAA,IAChE,cAAc,CAAA,CAAE,WAAA;AAAA,IAAa,gBAAgB,CAAA,CAAE,aAAA;AAAA,IAAe,SAAS,CAAA,CAAE,QAAA;AAAA,IACzE,QAAQ,CAAA,CAAE,WAAA;AAAA,IAAa,QAAQ,CAAA,CAAE,UAAA;AAAA,IACjC,cAAc,CAAA,CAAE,WAAA;AAAA,IAAa,iBAAiB,CAAA,CAAE,cAAA;AAAA,IAChD,OAAO,CAAA,CAAE,KAAA;AAAA,IAAO,aAAa,CAAA,CAAE,WAAA;AAAA,IAAa,QAAQ,CAAA,CAAE,MAAA;AAAA,IACtD,WAAW,CAAA,CAAE,QAAA;AAAA,IAAU,QAAQ,CAAA,CAAE,OAAA;AAAA,IAAS,QAAQ,CAAA,CAAE,MAAA;AAAA,IACpD,QAAQ,CAAA,CAAE,MAAA;AAAA,IAAQ,YAAY,CAAA,CAAE,UAAA;AAAA,IAChC,YAAY,CAAA,CAAE,UAAA;AAAA,IAAY,UAAU,CAAA,CAAE;AAAA,GACxC;AACA,EAAA,OAAO,iBAAiB,CAAA,EAAyC,OAAA,EAAS,EAAE,WAAA,EAAa,MAAM,CAAA;AACjG","file":"feather-N37QZ7LA.js","sourcesContent":["import type { IconMap } from './types'\nimport { buildExtendedMap } from './utils'\n\nexport async function load(): Promise<IconMap> {\n  let F: typeof import(\"react-icons/fi\")\n  try { F = await import(\"react-icons/fi\") }\n  catch { throw new Error('gridsmith-ui: react-icons is not installed. Run: npm install react-icons') }\n  const aliases: IconMap = {\n    \"home\": F.FiHome, \"folder\": F.FiFolder, \"chart\": F.FiBarChart2, \"settings\": F.FiSettings,\n    \"chevron-right\": F.FiChevronRight, \"close\": F.FiX, \"plus\": F.FiPlus, \"search\": F.FiSearch,\n    \"bell\": F.FiBell, \"user\": F.FiUser, \"check\": F.FiCheck, \"warning\": F.FiAlertTriangle,\n    \"info\": F.FiInfo, \"error\": F.FiAlertCircle, \"clock\": F.FiClock, \"calendar\": F.FiCalendar,\n    \"bold\": F.FiBold, \"italic\": F.FiItalic, \"underline\": F.FiUnderline, \"strikethrough\": F.FiSlash,\n    \"align-left\": F.FiAlignLeft, \"align-center\": F.FiAlignCenter, \"align-right\": F.FiAlignRight,\n    \"list\": F.FiList, \"list-ordered\": F.FiList, \"list-checks\": F.FiCheckSquare,\n    \"link\": F.FiLink, \"image\": F.FiImage, \"table\": F.FiGrid, \"code\": F.FiCode,\n    \"quote\": F.FiMessageSquare, \"minus\": F.FiMinus, \"superscript\": F.FiChevronUp,\n    \"subscript\": F.FiChevronDown, \"highlight\": F.FiEdit2, \"type\": F.FiType,\n    \"chevron-up\": F.FiChevronUp, \"chevron-down\": F.FiChevronDown, \"trash\": F.FiTrash2,\n    \"undo\": F.FiRotateCcw, \"redo\": F.FiRotateCw,\n    \"arrow-left\": F.FiArrowLeft, \"grip-vertical\": F.FiMoreVertical,\n    \"mic\": F.FiMic, \"paperclip\": F.FiPaperclip, \"send\": F.FiSend,\n    \"log-out\": F.FiLogOut, \"edit\": F.FiEdit2, \"menu\": F.FiMenu,\n    \"star\": F.FiStar, \"bookmark\": F.FiBookmark,\n    \"download\": F.FiDownload, \"upload\": F.FiUpload,\n  }\n  return buildExtendedMap(F as unknown as Record<string, unknown>, aliases, { stripPrefix: \"Fi\" })\n}\n"]}

package/dist/heroicons-HJTKMLIJ.js

@@ -0,0 +1,72 @@
+import { buildExtendedMap } from './chunk-GYVBRUO2.js';
+import './chunk-5WRI5ZAA.js';
+
+// ../../showcase/src/lib/icon-packs/heroicons.ts
+async function load() {
+  let H;
+  try {
+    H = await import('@heroicons/react/24/outline');
+  } catch {
+    throw new Error("gridsmith-ui: @heroicons/react is not installed. Run: npm install @heroicons/react");
+  }
+  const aliases = {
+    "home": H.HomeIcon,
+    "folder": H.FolderIcon,
+    "chart": H.ChartBarIcon,
+    "settings": H.Cog6ToothIcon,
+    "chevron-right": H.ChevronRightIcon,
+    "close": H.XMarkIcon,
+    "plus": H.PlusIcon,
+    "search": H.MagnifyingGlassIcon,
+    "bell": H.BellIcon,
+    "user": H.UserIcon,
+    "check": H.CheckIcon,
+    "warning": H.ExclamationTriangleIcon,
+    "info": H.InformationCircleIcon,
+    "error": H.ExclamationCircleIcon,
+    "clock": H.ClockIcon,
+    "calendar": H.CalendarDaysIcon,
+    "bold": H.BoldIcon,
+    "italic": H.ItalicIcon,
+    "underline": H.UnderlineIcon,
+    "strikethrough": H.StrikethroughIcon,
+    "align-left": H.Bars3BottomLeftIcon,
+    "align-center": H.Bars3Icon,
+    "align-right": H.Bars3BottomRightIcon,
+    "list": H.ListBulletIcon,
+    "list-ordered": H.NumberedListIcon,
+    "list-checks": H.ClipboardDocumentCheckIcon,
+    "link": H.LinkIcon,
+    "image": H.PhotoIcon,
+    "table": H.TableCellsIcon,
+    "code": H.CodeBracketIcon,
+    "quote": H.ChatBubbleBottomCenterTextIcon,
+    "minus": H.MinusIcon,
+    "superscript": H.H1Icon,
+    "subscript": H.H2Icon,
+    "highlight": H.PaintBrushIcon,
+    "type": H.LanguageIcon,
+    "chevron-up": H.ChevronUpIcon,
+    "chevron-down": H.ChevronDownIcon,
+    "trash": H.TrashIcon,
+    "undo": H.ArrowUturnLeftIcon,
+    "redo": H.ArrowUturnRightIcon,
+    "arrow-left": H.ArrowLeftIcon,
+    "grip-vertical": H.Bars2Icon,
+    "mic": H.MicrophoneIcon,
+    "paperclip": H.PaperClipIcon,
+    "send": H.PaperAirplaneIcon,
+    "log-out": H.ArrowRightStartOnRectangleIcon,
+    "edit": H.PencilIcon,
+    "menu": H.Bars3Icon,
+    "star": H.StarIcon,
+    "bookmark": H.BookmarkIcon,
+    "download": H.ArrowDownTrayIcon,
+    "upload": H.ArrowUpTrayIcon
+  };
+  return buildExtendedMap(H, aliases, { stripSuffix: "Icon" });
+}
+
+export { load };
+//# sourceMappingURL=heroicons-HJTKMLIJ.js.map
+//# sourceMappingURL=heroicons-HJTKMLIJ.js.map

package/dist/heroicons-HJTKMLIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/icon-packs/heroicons.ts"],"names":[],"mappings":";;;;AAGA,eAAsB,IAAA,GAAyB;AAC7C,EAAA,IAAI,CAAA;AACJ,EAAA,IAAI;AAAE,IAAA,CAAA,GAAI,MAAM,OAAO,6BAA6B,CAAA;AAAA,EAAE,CAAA,CAAA,MAChD;AAAE,IAAA,MAAM,IAAI,MAAM,oFAAoF,CAAA;AAAA,EAAE;AAC9G,EAAA,MAAM,OAAA,GAAmB;AAAA,IACvB,QAAQ,CAAA,CAAE,QAAA;AAAA,IAAU,UAAU,CAAA,CAAE,UAAA;AAAA,IAAY,SAAS,CAAA,CAAE,YAAA;AAAA,IACvD,YAAY,CAAA,CAAE,aAAA;AAAA,IAAe,iBAAiB,CAAA,CAAE,gBAAA;AAAA,IAChD,SAAS,CAAA,CAAE,SAAA;AAAA,IAAW,QAAQ,CAAA,CAAE,QAAA;AAAA,IAAU,UAAU,CAAA,CAAE,mBAAA;AAAA,IACtD,QAAQ,CAAA,CAAE,QAAA;AAAA,IAAU,QAAQ,CAAA,CAAE,QAAA;AAAA,IAAU,SAAS,CAAA,CAAE,SAAA;AAAA,IACnD,WAAW,CAAA,CAAE,uBAAA;AAAA,IAAyB,QAAQ,CAAA,CAAE,qBAAA;AAAA,IAChD,SAAS,CAAA,CAAE,qBAAA;AAAA,IAAuB,SAAS,CAAA,CAAE,SAAA;AAAA,IAAW,YAAY,CAAA,CAAE,gBAAA;AAAA,IACtE,QAAQ,CAAA,CAAE,QAAA;AAAA,IAAU,UAAU,CAAA,CAAE,UAAA;AAAA,IAAY,aAAa,CAAA,CAAE,aAAA;AAAA,IAC3D,iBAAiB,CAAA,CAAE,iBAAA;AAAA,IAAmB,cAAc,CAAA,CAAE,mBAAA;AAAA,IACtD,gBAAgB,CAAA,CAAE,SAAA;AAAA,IAAW,eAAe,CAAA,CAAE,oBAAA;AAAA,IAC9C,QAAQ,CAAA,CAAE,cAAA;AAAA,IAAgB,gBAAgB,CAAA,CAAE,gBAAA;AAAA,IAC5C,eAAe,CAAA,CAAE,0BAAA;AAAA,IAA4B,QAAQ,CAAA,CAAE,QAAA;AAAA,IACvD,SAAS,CAAA,CAAE,SAAA;AAAA,IAAW,SAAS,CAAA,CAAE,cAAA;AAAA,IAAgB,QAAQ,CAAA,CAAE,eAAA;AAAA,IAC3D,SAAS,CAAA,CAAE,8BAAA;AAAA,IAAgC,SAAS,CAAA,CAAE,SAAA;AAAA,IACtD,eAAe,CAAA,CAAE,MAAA;AAAA,IAAQ,aAAa,CAAA,CAAE,MAAA;AAAA,IACxC,aAAa,CAAA,CAAE,cAAA;AAAA,IAAgB,QAAQ,CAAA,CAAE,YAAA;AAAA,IACzC,cAAc,CAAA,CAAE,aAAA;AAAA,IAAe,gBAAgB,CAAA,CAAE,eAAA;AAAA,IAAiB,SAAS,CAAA,CAAE,SAAA;AAAA,IAC7E,QAAQ,CAAA,CAAE,kBAAA;AAAA,IAAoB,QAAQ,CAAA,CAAE,mBAAA;AAAA,IACxC,cAAc,CAAA,CAAE,aAAA;AAAA,IAAe,iBAAiB,CAAA,CAAE,SAAA;AAAA,IAClD,OAAO,CAAA,CAAE,cAAA;AAAA,IAAgB,aAAa,CAAA,CAAE,aAAA;AAAA,IAAe,QAAQ,CAAA,CAAE,iBAAA;AAAA,IACjE,WAAW,CAAA,CAAE,8BAAA;AAAA,IAAgC,QAAQ,CAAA,CAAE,UAAA;AAAA,IAAY,QAAQ,CAAA,CAAE,SAAA;AAAA,IAC7E,QAAQ,CAAA,CAAE,QAAA;AAAA,IAAU,YAAY,CAAA,CAAE,YAAA;AAAA,IAClC,YAAY,CAAA,CAAE,iBAAA;AAAA,IAAmB,UAAU,CAAA,CAAE;AAAA,GAC/C;AACA,EAAA,OAAO,iBAAiB,CAAA,EAAyC,OAAA,EAAS,EAAE,WAAA,EAAa,QAAQ,CAAA;AACnG","file":"heroicons-HJTKMLIJ.js","sourcesContent":["import type { IconMap } from './types'\nimport { buildExtendedMap } from './utils'\n\nexport async function load(): Promise<IconMap> {\n  let H: typeof import(\"@heroicons/react/24/outline\")\n  try { H = await import(\"@heroicons/react/24/outline\") }\n  catch { throw new Error('gridsmith-ui: @heroicons/react is not installed. Run: npm install @heroicons/react') }\n  const aliases: IconMap = {\n    \"home\": H.HomeIcon, \"folder\": H.FolderIcon, \"chart\": H.ChartBarIcon,\n    \"settings\": H.Cog6ToothIcon, \"chevron-right\": H.ChevronRightIcon,\n    \"close\": H.XMarkIcon, \"plus\": H.PlusIcon, \"search\": H.MagnifyingGlassIcon,\n    \"bell\": H.BellIcon, \"user\": H.UserIcon, \"check\": H.CheckIcon,\n    \"warning\": H.ExclamationTriangleIcon, \"info\": H.InformationCircleIcon,\n    \"error\": H.ExclamationCircleIcon, \"clock\": H.ClockIcon, \"calendar\": H.CalendarDaysIcon,\n    \"bold\": H.BoldIcon, \"italic\": H.ItalicIcon, \"underline\": H.UnderlineIcon,\n    \"strikethrough\": H.StrikethroughIcon, \"align-left\": H.Bars3BottomLeftIcon,\n    \"align-center\": H.Bars3Icon, \"align-right\": H.Bars3BottomRightIcon,\n    \"list\": H.ListBulletIcon, \"list-ordered\": H.NumberedListIcon,\n    \"list-checks\": H.ClipboardDocumentCheckIcon, \"link\": H.LinkIcon,\n    \"image\": H.PhotoIcon, \"table\": H.TableCellsIcon, \"code\": H.CodeBracketIcon,\n    \"quote\": H.ChatBubbleBottomCenterTextIcon, \"minus\": H.MinusIcon,\n    \"superscript\": H.H1Icon, \"subscript\": H.H2Icon,\n    \"highlight\": H.PaintBrushIcon, \"type\": H.LanguageIcon,\n    \"chevron-up\": H.ChevronUpIcon, \"chevron-down\": H.ChevronDownIcon, \"trash\": H.TrashIcon,\n    \"undo\": H.ArrowUturnLeftIcon, \"redo\": H.ArrowUturnRightIcon,\n    \"arrow-left\": H.ArrowLeftIcon, \"grip-vertical\": H.Bars2Icon,\n    \"mic\": H.MicrophoneIcon, \"paperclip\": H.PaperClipIcon, \"send\": H.PaperAirplaneIcon,\n    \"log-out\": H.ArrowRightStartOnRectangleIcon, \"edit\": H.PencilIcon, \"menu\": H.Bars3Icon,\n    \"star\": H.StarIcon, \"bookmark\": H.BookmarkIcon,\n    \"download\": H.ArrowDownTrayIcon, \"upload\": H.ArrowUpTrayIcon,\n  }\n  return buildExtendedMap(H as unknown as Record<string, unknown>, aliases, { stripSuffix: \"Icon\" })\n}\n"]}

package/dist/icons.js

@@ -1,4 +1,4 @@
-export { Icon, IconProvider } from './chunk-H2XI6OUB.js';
+export { Icon, IconProvider } from './chunk-WVB3SRXW.js';
 import './chunk-5WRI5ZAA.js';
 //# sourceMappingURL=icons.js.map
 //# sourceMappingURL=icons.js.map

package/dist/index.d.ts

@@ -68,12 +68,14 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
 }
 declare function Textarea({ className, autoResize, maxRows, ref, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
 declare function Label({ className, children, ...props }: LabelHTMLAttributes<HTMLLabelElement>): react_jsx_runtime.JSX.Element;
-declare function Toggle({ checked, onChange, label, disabled, error, "aria-labelledby": ariaLabelledBy, ...rest }: {
+type ToggleLayout = "full" | "compact";
+declare function Toggle({ checked, onChange, label, disabled, error, layout, "aria-labelledby": ariaLabelledBy, ...rest }: {
     checked: boolean;
     onChange: (v: boolean) => void;
     label?: string;
     disabled?: boolean;
     error?: boolean;
+    layout?: ToggleLayout;
     "aria-labelledby"?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">): react_jsx_runtime.JSX.Element;
 
@@ -1207,9 +1209,10 @@ interface ToastProps {
     pauseOnHover?: boolean;
     action?: ToastAction;
     position?: ToastPosition;
+    mode?: "light" | "dark";
     container?: Element | DocumentFragment;
 }
-declare function Toast({ variant, message, visible, onDismiss, duration, pauseOnHover, action, position, container }: ToastProps): react.ReactPortal | null;
+declare function Toast({ variant, message, visible, onDismiss, duration, pauseOnHover, action, position, mode, container }: ToastProps): react.ReactPortal | null;
 
 type ProgressVariant = "default" | "success" | "warning" | "error";
 interface ProgressProps {

package/dist/index.js

@@ -1,5 +1,5 @@
 import { cn, GLASS_BACKDROP, GLASS_DROPDOWN, lockBodyScroll, unlockBodyScroll, GLASS_OVERLAY, GLASS_SURFACE } from './chunk-5XIPPVH7.js';
-import { Icon } from './chunk-H2XI6OUB.js';
+import { Icon } from './chunk-WVB3SRXW.js';
 import { __commonJS, __toESM } from './chunk-5WRI5ZAA.js';
 import * as React6 from 'react';
 import React6__default, { createContext, forwardRef, useState, useCallback, useRef, useContext, useId, useMemo, useEffect, useLayoutEffect, isValidElement, cloneElement, createElement, Fragment as Fragment$1, useDebugValue, memo, useReducer, useSyncExternalStore as useSyncExternalStore$1, useImperativeHandle } from 'react';
@@ -1731,7 +1731,7 @@ function Spinner({ size = "md", color = "default", label = "Loading", className
   );
 }
 var variantStyles = {
-  default: "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)] border-transparent hover:bg-[var(--ds-accent-primary-hover)] hover:brightness-110",
+  default: "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] [background-origin:border-box] text-[var(--ds-text-on-primary)] border-transparent hover:bg-[var(--ds-accent-primary-hover)] hover:brightness-110",
   secondary: "bg-[var(--ds-bg-surface)] text-[var(--ds-text-primary)] border-[var(--ds-border-default)] hover:bg-[var(--ds-bg-muted)]",
   tertiary: "bg-[var(--ds-bg-muted)] text-[var(--ds-text-primary)] border-transparent hover:brightness-95",
   outline: "bg-[var(--ds-input-bg)] text-[var(--ds-text-primary)] border-[var(--ds-border-default)] hover:bg-[var(--ds-bg-muted)]",
@@ -2093,51 +2093,64 @@ function Label({ className, children, ...props }) {
     }
   );
 }
-function Toggle({ checked, onChange, label, disabled, error = false, "aria-labelledby": ariaLabelledBy, ...rest }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between gap-ds-4", disabled && "opacity-disabled"), children: [
-    label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--ds-text-primary)]", children: label }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        role: "switch",
-        "aria-checked": checked,
-        "aria-label": !label && !ariaLabelledBy ? "Toggle" : void 0,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-invalid": error || void 0,
-        disabled,
-        onClick: () => !disabled && onChange(!checked),
-        ...rest,
-        className: cn(
-          "relative inline-flex shrink-0 items-center overflow-hidden",
-          "border-[length:var(--ds-border-width)]",
-          "rounded-[var(--ds-radius-full)]",
-          "transition-colors duration-[var(--ds-transition-speed)]",
-          "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
-          disabled ? "cursor-not-allowed" : "cursor-pointer",
-          checked ? "bg-[var(--ds-accent-primary)]" : "bg-[var(--ds-bg-muted)]",
-          error ? "border-[var(--ds-status-error)]" : checked ? "border-transparent" : "border-[var(--ds-border-default)]"
-        ),
-        style: { width: 44, height: 24 },
-        children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "pointer-events-none inline-block shrink-0",
-              "bg-[var(--ds-bg-surface)]",
-              "border-[length:var(--ds-border-width)] border-transparent",
-              "rounded-[var(--ds-radius-full)]",
-              "transition-transform"
-            ),
-            style: {
-              width: 16,
-              height: 16,
-              transform: checked ? "translateX(calc(25px - var(--ds-border-width)))" : "translateX(calc(1px + var(--ds-border-width)))"
-            }
+function Toggle({ checked, onChange, label, disabled, error = false, layout = "full", "aria-labelledby": ariaLabelledBy, ...rest }) {
+  const switchButton = /* @__PURE__ */ jsx(
+    "button",
+    {
+      role: "switch",
+      "aria-checked": checked,
+      "aria-label": !label && !ariaLabelledBy ? "Toggle" : void 0,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-invalid": error || void 0,
+      disabled,
+      onClick: () => !disabled && onChange(!checked),
+      ...rest,
+      className: cn(
+        "relative inline-flex shrink-0 items-center overflow-hidden",
+        "border-[length:var(--ds-border-width)]",
+        "rounded-[var(--ds-radius-full)]",
+        "transition-colors duration-[var(--ds-transition-speed)]",
+        "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
+        disabled ? "cursor-not-allowed" : "cursor-pointer",
+        checked ? "bg-[var(--ds-accent-primary)]" : "bg-[var(--ds-bg-muted)]",
+        error ? "border-[var(--ds-status-error)]" : checked ? "border-transparent" : "border-[var(--ds-border-default)]"
+      ),
+      style: { width: 44, height: 24 },
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "pointer-events-none inline-block shrink-0",
+            "bg-[var(--ds-bg-surface)]",
+            "border-[length:var(--ds-border-width)] border-transparent",
+            "rounded-[var(--ds-radius-full)]",
+            "transition-transform"
+          ),
+          style: {
+            width: 16,
+            height: 16,
+            transform: checked ? "translateX(calc(25px - var(--ds-border-width)))" : "translateX(calc(1px + var(--ds-border-width)))"
           }
-        )
-      }
-    )
-  ] });
+        }
+      )
+    }
+  );
+  if (!label) {
+    return /* @__PURE__ */ jsx("div", { className: cn(disabled && "opacity-disabled"), children: switchButton });
+  }
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        layout === "full" ? "flex items-center justify-between gap-ds-4" : "inline-flex items-center gap-ds-3",
+        disabled ? "cursor-not-allowed opacity-disabled" : "cursor-pointer"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--ds-text-primary)]", children: label }),
+        switchButton
+      ]
+    }
+  );
 }
 function Dropdown({
   options,
@@ -2156,6 +2169,7 @@ function Dropdown({
 }) {
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
+  const [positioned, setPositioned] = useState(false);
   const triggerRef = useRef(null);
   const menuRef = useRef(null);
   const searchRef = useRef(null);
@@ -2181,12 +2195,16 @@ function Dropdown({
     setPos({ top, left, width });
   }, []);
   useEffect(() => {
-    if (!open) return;
+    if (!open) {
+      setPositioned(false);
+      return;
+    }
     updatePos();
     setSearch("");
     requestAnimationFrame(() => {
       searchRef.current?.focus();
       updatePos();
+      setPositioned(true);
     });
     const onScroll = () => updatePos();
     window.addEventListener("scroll", onScroll, true);
@@ -2267,7 +2285,7 @@ function Dropdown({
             "rounded-[var(--ds-radius-md)] overflow-hidden",
             "shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]"
           ),
-          style: { top: pos.top, left: pos.left, minWidth: pos.width, width: "max-content", maxWidth: "calc(100vw - 16px)" },
+          style: { top: pos.top, left: pos.left, minWidth: pos.width, width: "max-content", maxWidth: "calc(100vw - 16px)", visibility: positioned ? "visible" : "hidden" },
           children: [
             searchable && /* @__PURE__ */ jsx("div", { className: "border-b-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]", style: { padding: "var(--ds-space-2)" }, children: /* @__PURE__ */ jsx(
               "input",
@@ -2581,7 +2599,7 @@ function Checkbox({ checked, onChange, label, disabled = false, indeterminate =
               "border-[2px]",
               "transition-all",
               "peer-focus-visible:shadow-[var(--ds-shadow-focus)]",
-              filled ? "bg-[var(--ds-check-bg)] border-[var(--ds-check-border)]" : "bg-[var(--ds-input-bg)] border-[var(--ds-input-border)]",
+              filled ? "bg-[var(--ds-check-bg)] [background-image:var(--ds-gradient)] border-[var(--ds-check-border)]" : "bg-[var(--ds-input-bg)] border-[var(--ds-input-border)]",
               disabled && "pointer-events-none"
             ),
             children: /* @__PURE__ */ jsx(
@@ -2695,7 +2713,7 @@ function RadioGroup({ value, onChange, options, orientation = "vertical", classN
                       selected && "border-[var(--ds-check-border)]",
                       "focus-visible:shadow-[var(--ds-shadow-focus)]"
                     ),
-                    children: selected && /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[var(--ds-accent-primary)]" })
+                    children: selected && /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)]" })
                   }
                 ),
                 /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--ds-text-primary)]", children: option.label })
@@ -3131,7 +3149,7 @@ function SliderRange({
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: "absolute h-1.5 rounded-[var(--ds-radius-full)] bg-[var(--ds-accent-primary)]",
+              className: "absolute h-1.5 rounded-[var(--ds-radius-full)] bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)]",
               style: {
                 left: `${isRange ? pct(low) : 0}%`,
                 width: `${isRange ? pct(high) - pct(low) : pct(low)}%`
@@ -83140,7 +83158,7 @@ function MonthView({
                 {
                   className: cn(
                     "text-xs w-6 h-6 flex items-center justify-center rounded-full",
-                    today ? "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)] font-bold" : "text-[var(--ds-text-secondary)]"
+                    today ? "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)] font-bold" : "text-[var(--ds-text-secondary)]"
                   ),
                   children: day.getDate()
                 }
@@ -93809,7 +93827,7 @@ function Pagination({ currentPage, totalPages, onPageChange, pageSize, pageSizeO
               "rounded-[var(--ds-radius-md)]",
               "border-[length:var(--ds-border-width)]",
               "transition-colors duration-[var(--ds-transition-speed)]",
-              p === currentPage ? "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)] border-[var(--ds-accent-primary)]" : "bg-[var(--ds-bg-surface)] text-[var(--ds-text-secondary)] border-[var(--ds-border-default)] hover:bg-[var(--ds-bg-muted)] hover:text-[var(--ds-text-primary)]"
+              p === currentPage ? "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)] border-[var(--ds-accent-primary)]" : "bg-[var(--ds-bg-surface)] text-[var(--ds-text-secondary)] border-[var(--ds-border-default)] hover:bg-[var(--ds-bg-muted)] hover:text-[var(--ds-text-primary)]"
             ),
             children: p
           },
@@ -93943,7 +93961,7 @@ function StepCircle({ status, index, onClick, clickable }) {
         "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
         clickable && "cursor-pointer",
         !clickable && "cursor-default",
-        status === "complete" && "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)]",
+        status === "complete" && "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)]",
         status === "current" && "border-2 border-[var(--ds-accent-primary)] text-[var(--ds-accent-primary)] bg-[var(--ds-bg-surface)]",
         status === "error" && "bg-[var(--ds-status-error)] text-[var(--ds-text-on-primary)]",
         status === "loading" && "border-2 border-[var(--ds-accent-primary)] text-[var(--ds-accent-primary)] bg-[var(--ds-bg-surface)] animate-pulse",
@@ -96902,7 +96920,7 @@ var positionClasses = {
   "top-center": "top-ds-4 left-1/2 -translate-x-1/2",
   "bottom-center": "bottom-ds-4 left-1/2 -translate-x-1/2"
 };
-function Toast({ variant = "default", message, visible, onDismiss, duration = 3e3, pauseOnHover = false, action, position = "bottom-right", container }) {
+function Toast({ variant = "default", message, visible, onDismiss, duration = 3e3, pauseOnHover = false, action, position = "bottom-right", mode, container }) {
   const isMobile = useBreakpoint("sm");
   const isCentered = position === "top-center" || position === "bottom-center";
   const timerRef = useRef(void 0);
@@ -96944,6 +96962,7 @@ function Toast({ variant = "default", message, visible, onDismiss, duration = 3e
       {
         role: "status",
         "aria-live": "polite",
+        "data-mode": mode,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave2,
         className: cn(