@geomak/ui 1.4.0 → 1.5.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkRLL7ES4F_cjs = require('./chunk-RLL7ES4F.cjs');
+var chunk255PCZIW_cjs = require('./chunk-255PCZIW.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React9 = require('react');
 var Dialog = require('@radix-ui/react-dialog');
@@ -568,7 +568,7 @@ function Tabs({
               onClick: toPreviousTab,
               "aria-label": "Previous tab",
               className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence rotate-180 flex-shrink-0",
-              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-6 w-6 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-6 w-6 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -593,7 +593,7 @@ function Tabs({
                           onTabClose?.(tab.key);
                         },
                         className: "flex-shrink-0 rounded hover:bg-ice-dark dark:hover:bg-independence p-0.5 transition-colors",
-                        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5L5 15M5 5l10 10", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "dark:stroke-white" }) })
+                        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5L5 15M5 5l10 10", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "dark:stroke-white" }) })
                       }
                     )
                   ]
@@ -609,7 +609,7 @@ function Tabs({
               onClick: toNextTab,
               "aria-label": "Next tab",
               className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence flex-shrink-0",
-              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-6 w-6 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-6 w-6 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
             }
           )
         ] }),
@@ -1152,7 +1152,7 @@ function CatalogCarousel({ items, buttonText, onOpen }) {
         onClick: previousApp,
         "aria-label": "Previous",
         className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence rotate-180",
-        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: indexPool.map((index, id) => {
@@ -1189,7 +1189,7 @@ function CatalogCarousel({ items, buttonText, onOpen }) {
         onClick: nextApp,
         "aria-label": "Next",
         className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence",
-        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     )
   ] }) });
@@ -1319,7 +1319,7 @@ function ContextMenu({ items, position, visible, onClose }) {
                 item.icon,
                 item.value
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none", children: item.children && /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) }) })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none", children: item.children && /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) }) })
             ]
           },
           item.key
@@ -1450,7 +1450,7 @@ var SearchInput = React9__default.default.forwardRef(function SearchInput2({
               placeholder: placeholder ?? ""
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], className: "w-6 h-6", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], className: "w-6 h-6", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) })
         ] })
       ]
     }
@@ -1561,7 +1561,7 @@ function Dropdown({
                       ] }) : /* @__PURE__ */ jsxRuntime.jsx(DropdownPill, { value: innerItems.find((it) => it.key === value)?.label })
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: `transition-transform duration-300 mr-2 ${open ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: `transition-transform duration-300 mr-2 ${open ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
                 ]
               }
             ) }),
@@ -1603,7 +1603,7 @@ function Dropdown({
                           "path",
                           {
                             d: "M4 10l4.5 4.5L16 6",
-                            stroke: hoveredItem === item.key ? "#fff" : chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"],
+                            stroke: hoveredItem === item.key ? "#fff" : chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"],
                             strokeWidth: "2",
                             strokeLinecap: "round",
                             strokeLinejoin: "round"
@@ -1691,7 +1691,7 @@ function TableBody({
               onClick: () => toggleRow(row.key),
               className: `p-2 cursor-pointer origin-center transition-all duration-200 ${visibleRows[row.key]?.visible ? "rotate-180" : "rotate-0"}`,
               children: expandRow.expandIcon ?? /* PlusCircle */
-              /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], className: "w-5 h-5 dark:fill-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 9a.75.75 0 00-1.5 0v2.25H9a.75.75 0 000 1.5h2.25V15a.75.75 0 001.5 0v-2.25H15a.75.75 0 000-1.5h-2.25V9z", clipRule: "evenodd" }) })
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], className: "w-5 h-5 dark:fill-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 9a.75.75 0 00-1.5 0v2.25H9a.75.75 0 000 1.5h2.25V15a.75.75 0 001.5 0v-2.25H15a.75.75 0 000-1.5h-2.25V9z", clipRule: "evenodd" }) })
             }
           ) }),
           columns.map((col, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1744,8 +1744,8 @@ function Pagination({
   const navBtn = (icon, disabled, onClick) => /* @__PURE__ */ jsxRuntime.jsx(IconButton, { disabled, onClick, icon });
   const chevronRight = (color) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "h-5 w-5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
   const doubleChevronRight = (color) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "h-5 w-5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
-  const disabledColor = chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"];
-  const enabledColor = chunkRLL7ES4F_cjs.colors_default.PALETTE.white;
+  const disabledColor = chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"];
+  const enabledColor = chunk255PCZIW_cjs.colors_default.PALETTE.white;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 items-center justify-end pt-2", children: [
     navBtn(
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rotate-180 inline-flex", children: doubleChevronRight(activePage === 0 ? disabledColor : enabledColor) }),
@@ -2103,6 +2103,131 @@ function AppShell({
     ] })
   ] });
 }
+function px(v) {
+  return typeof v === "number" ? `${v}px` : v;
+}
+function str(v) {
+  return v == null ? void 0 : String(v);
+}
+function toCssVars(theme) {
+  if (!theme) return {};
+  const out = {};
+  if (theme.colors) {
+    for (const [k, v] of Object.entries(theme.colors)) {
+      if (v != null) out[`--color-${k}`] = v;
+    }
+  }
+  if (theme.radius) {
+    for (const [k, v] of Object.entries(theme.radius)) {
+      if (v != null) out[`--radius-${k}`] = px(v);
+    }
+  }
+  if (theme.shadows) {
+    for (const [k, v] of Object.entries(theme.shadows)) {
+      if (v != null) out[`--shadow-${k}`] = v;
+    }
+  }
+  if (theme.typography) {
+    const t = theme.typography;
+    const map = [
+      ["--font-family-sans", t.fontFamily],
+      ["--font-size-xs", t.fontSizeXs],
+      ["--font-size-sm", t.fontSizeSm],
+      ["--font-size-base", t.fontSizeBase],
+      ["--font-size-lg", t.fontSizeLg],
+      ["--font-size-xl", t.fontSizeXl],
+      ["--font-size-2xl", t.fontSize2xl],
+      ["--font-size-3xl", t.fontSize3xl],
+      ["--font-weight-normal", t.fontWeightNormal],
+      ["--font-weight-medium", t.fontWeightMedium],
+      ["--font-weight-semibold", t.fontWeightSemibold],
+      ["--font-weight-bold", t.fontWeightBold],
+      ["--line-height-tight", t.lineHeightTight],
+      ["--line-height-snug", t.lineHeightSnug],
+      ["--line-height-normal", t.lineHeightNormal],
+      ["--line-height-relaxed", t.lineHeightRelaxed]
+    ];
+    for (const [cssVar, val] of map) {
+      const s = str(val);
+      if (s != null) out[cssVar] = s;
+    }
+  }
+  if (theme.density) {
+    const d = theme.density;
+    const map = [
+      ["--height-control-xs", d.controlXs],
+      ["--height-control-sm", d.controlSm],
+      ["--height-control-md", d.controlMd],
+      ["--height-control-lg", d.controlLg],
+      ["--height-topbar", d.topbar]
+    ];
+    for (const [cssVar, val] of map) {
+      if (val != null) out[cssVar] = px(val);
+    }
+  }
+  if (theme.motion) {
+    const m = theme.motion;
+    const map = [
+      ["--duration-fast", m.durationFast],
+      ["--duration-normal", m.durationNormal],
+      ["--duration-slow", m.durationSlow],
+      ["--duration-gentle", m.durationGentle]
+    ];
+    for (const [cssVar, val] of map) {
+      if (val != null) out[cssVar] = val;
+    }
+  }
+  return out;
+}
+function varsToStyleString(vars2) {
+  return Object.entries(vars2).map(([k, v]) => `${k}: ${v};`).join(" ");
+}
+function ThemeProvider({
+  theme,
+  darkTheme,
+  colorScheme = "auto",
+  children,
+  className = "",
+  style
+}) {
+  const id = React9__default.default.useId().replace(/:/g, "");
+  const scopeClass = `geo-th-${id}`;
+  const divRef = React9.useRef(null);
+  React9.useEffect(() => {
+    const el = divRef.current;
+    if (!el) return;
+    if (colorScheme === "auto") return;
+    if (colorScheme === "system") {
+      const mq = window.matchMedia("(prefers-color-scheme: dark)");
+      const apply = (e) => {
+        el.classList.toggle("dark", e.matches);
+      };
+      apply(mq);
+      mq.addEventListener("change", apply);
+      return () => mq.removeEventListener("change", apply);
+    }
+    el.classList.toggle("dark", colorScheme === "dark");
+  }, [colorScheme]);
+  const lightVars = React9.useMemo(() => toCssVars(theme), [theme]);
+  const darkVarStr = React9.useMemo(() => {
+    if (!darkTheme) return "";
+    const dvars = toCssVars(darkTheme);
+    if (!Object.keys(dvars).length) return "";
+    return `.${scopeClass}.dark { ${varsToStyleString(dvars)} }`;
+  }, [darkTheme]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    darkVarStr && /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: darkVarStr } }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: divRef,
+        className: `${scopeClass} ${className}`.trim(),
+        style: { ...lightVars, ...style },
+        children
+      }
+    )
+  ] });
+}
 var SHIMMER = [
   "animate-shimmer rounded-sm",
   "bg-[length:400%_100%]",
@@ -2323,7 +2448,7 @@ function NumberInput({
                     {
                       onClick: onIncrement,
                       className: "rotate-180 cursor-pointer transition-all duration-300 hover:bg-ice rounded-sm",
-                      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -2331,7 +2456,7 @@ function NumberInput({
                     {
                       onClick: onDecrement,
                       className: "cursor-pointer transition-all duration-300 hover:bg-ice rounded-sm",
-                      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })
                     }
                   )
                 ] })
@@ -2361,7 +2486,7 @@ function Password({
   iconColor
 }) {
   const [passwordVisible, setPasswordVisible] = React9.useState(false);
-  const color = iconColor ?? chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"];
+  const color = iconColor ?? chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center justify-center", style: style ?? {}, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex ${layout === "vertical" ? "flex-col" : "flex-row items-center gap-2"}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2573,7 +2698,7 @@ function AutoComplete({
                 "aria-autocomplete": "list"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], className: "w-5 h-5 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) })
+            /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], className: "w-5 h-5 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
             Popover__namespace.Content,
@@ -2666,7 +2791,7 @@ function TreeSelect({
                     )),
                     value.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(DropdownPill, { value: `+${value.length - 1} more` })
                   ] }) : value != null ? /* @__PURE__ */ jsxRuntime.jsx(DropdownPill, { value: innerItems.find((it) => it.key === value)?.label }) : null }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: `transition-transform duration-300 ml-2 ${open ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: `transition-transform duration-300 ml-2 ${open ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
                 ]
               }
             ) }),
@@ -2696,7 +2821,7 @@ function TreeSelect({
                         "path",
                         {
                           d: "M4 10l4.5 4.5L16 6",
-                          stroke: hoveredItem === item.key ? "#fff" : chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"],
+                          stroke: hoveredItem === item.key ? "#fff" : chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"],
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round"
@@ -2778,7 +2903,7 @@ function FileInput({
           }
         ),
         files.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], className: "w-16 h-16 dark:fill-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M11.47 2.47a.75.75 0 011.06 0l4.5 4.5a.75.75 0 01-1.06 1.06l-3.22-3.22V16.5a.75.75 0 01-1.5 0V4.81L8.03 8.03a.75.75 0 01-1.06-1.06l4.5-4.5zM3 15.75a.75.75 0 01.75.75v2.25a1.5 1.5 0 001.5 1.5h13.5a1.5 1.5 0 001.5-1.5V16.5a.75.75 0 011.5 0v2.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V16.5a.75.75 0 01.75-.75z", clipRule: "evenodd" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], className: "w-16 h-16 dark:fill-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M11.47 2.47a.75.75 0 011.06 0l4.5 4.5a.75.75 0 01-1.06 1.06l-3.22-3.22V16.5a.75.75 0 01-1.5 0V4.81L8.03 8.03a.75.75 0 01-1.06-1.06l4.5-4.5zM3 15.75a.75.75 0 01.75.75v2.25a1.5 1.5 0 001.5 1.5h13.5a1.5 1.5 0 001.5-1.5V16.5a.75.75 0 011.5 0v2.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V16.5a.75.75 0 01.75-.75z", clipRule: "evenodd" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-prussian-blue dark:text-white text-sm", children: "Click or Drop a file" })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3 items-center justify-center w-full h-full", children: files.map((file, id) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -2795,7 +2920,7 @@ function FileInput({
                   children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5L5 15M5 5l10 10", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"], className: "w-10 h-10 dark:fill-white", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], className: "w-10 h-10 dark:fill-white", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625z", clipRule: "evenodd" }),
                 /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z" })
               ] }),
@@ -2840,9 +2965,9 @@ function getMonthDays(year, month) {
   }
   return days;
 }
-var ChevronRight2 = ({ color = chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
-var DoubleChevronRight2 = ({ color = chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
-var ChevronDown2 = ({ color = chunkRLL7ES4F_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) });
+var ChevronRight2 = ({ color = chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
+var DoubleChevronRight2 = ({ color = chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
+var ChevronDown2 = ({ color = chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) });
 function DatePickerBase({
   value,
   onChange,
@@ -3099,19 +3224,19 @@ var DatePicker_default = Temporal;
 
 Object.defineProperty(exports, "COLORS", {
   enumerable: true,
-  get: function () { return chunkRLL7ES4F_cjs.colors_default; }
+  get: function () { return chunk255PCZIW_cjs.colors_default; }
 });
 Object.defineProperty(exports, "palette", {
   enumerable: true,
-  get: function () { return chunkRLL7ES4F_cjs.PALETTE; }
+  get: function () { return chunk255PCZIW_cjs.PALETTE; }
 });
 Object.defineProperty(exports, "semanticTokens", {
   enumerable: true,
-  get: function () { return chunkRLL7ES4F_cjs.semanticTokens; }
+  get: function () { return chunk255PCZIW_cjs.semanticTokens; }
 });
 Object.defineProperty(exports, "vars", {
   enumerable: true,
-  get: function () { return chunkRLL7ES4F_cjs.vars; }
+  get: function () { return chunk255PCZIW_cjs.vars; }
 });
 exports.AppShell = AppShell;
 exports.AutoComplete = AutoComplete;
@@ -3150,6 +3275,7 @@ exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Temporal = DatePicker_default;
 exports.TextInput = TextInput;
+exports.ThemeProvider = ThemeProvider;
 exports.ThemeSwitch = ThemeSwitch;
 exports.ToggleButton = ToggleButton;
 exports.Tooltip = Tooltip;