@pos-360/horizon 0.30.0 → 0.30.2

package/dist/{chunk-6LDS7PWF.js → chunk-3FXR4PA7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk23BJPJOK_js = require('./chunk-23BJPJOK.js');
+var chunkNTUQQDCL_js = require('./chunk-NTUQQDCL.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -130,7 +130,7 @@ var Dashboard = React.forwardRef(
         {
           ref,
           "data-dashboard-id": dashboardId,
-          className: chunk23BJPJOK_js.cn("hz-rounded grid w-full", className),
+          className: chunkNTUQQDCL_js.cn("hz-rounded grid w-full", className),
           children
         }
       )
@@ -144,7 +144,7 @@ var TrendBadge = ({ trend, size }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_js.cn(
         "inline-flex items-center gap-1 px-2 py-0.5 rounded-hz-full font-medium",
         size === "sm" && "text-xs",
         size === "md" && "text-xs",
@@ -172,9 +172,9 @@ var StatDisplay = React.forwardRef(
       }
       return value;
     }, [value]);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk23BJPJOK_js.cn("flex flex-col", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkNTUQQDCL_js.cn("flex flex-col", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk23BJPJOK_js.Text,
+        chunkNTUQQDCL_js.Text,
         {
           as: "span",
           size: "xs",
@@ -186,7 +186,7 @@ var StatDisplay = React.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_js.cn(
             "font-bold text-gray-900 dark:text-gray-100 mt-0.5 font-mono",
             size === "sm" && "text-lg",
             size === "md" && "text-xl",
@@ -201,7 +201,7 @@ var StatDisplay = React.forwardRef(
       ),
       trend && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx(TrendBadge, { trend, size }),
-        trend.label && /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Text, { as: "span", size: "xs", color: "muted", children: trend.label })
+        trend.label && /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_js.Text, { as: "span", size: "xs", color: "muted", children: trend.label })
       ] })
     ] });
   }
@@ -236,9 +236,9 @@ function KpiCardGroup({
   const featuredCard = featured ? cards.find((c) => c.id === featured) : null;
   const supportingCards = featured ? cards.filter((c) => c.id !== featured) : cards;
   const supportingCols = Math.min(supportingCards.length, columns);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk23BJPJOK_js.cn("flex flex-col", gapClass, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNTUQQDCL_js.cn("flex flex-col", gapClass, className), children: [
     featuredCard && /* @__PURE__ */ jsxRuntime.jsx(KpiCard, { ...featuredCard, featured: true }),
-    supportingCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk23BJPJOK_js.cn("grid", colClass[supportingCols], gapClass), children: supportingCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(KpiCard, { ...card, featured: false }, card.id)) })
+    supportingCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNTUQQDCL_js.cn("grid", colClass[supportingCols], gapClass), children: supportingCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(KpiCard, { ...card, featured: false }, card.id)) })
   ] });
 }
 function KpiCard({
@@ -259,7 +259,7 @@ function KpiCard({
   }, [value]);
   if (featured) {
     const Icon = trend?.direction === "up" ? lucideReact.TrendingUp : trend?.direction === "down" ? lucideReact.TrendingDown : lucideReact.Minus;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk23BJPJOK_js.cn("p-4", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNTUQQDCL_js.cn("p-4", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-blue-500 dark:text-blue-400", children: label }),
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-4xl font-bold text-gray-900 dark:text-gray-100 mt-1 font-mono leading-none", children: [
         prefix,
@@ -267,7 +267,7 @@ function KpiCard({
         suffix
       ] }),
       trend && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunk23BJPJOK_js.cn(
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkNTUQQDCL_js.cn(
           "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium",
           trend.direction === "up" && "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400",
           trend.direction === "down" && "bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-400",
@@ -280,7 +280,7 @@ function KpiCard({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk23BJPJOK_js.cn(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNTUQQDCL_js.cn(
     "bg-white dark:bg-neutral-900 border border-gray-100 dark:border-neutral-800 rounded-lg p-4",
     className
   ), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -356,7 +356,7 @@ var DashboardPanel = React.forwardRef(
         {
           ref,
           "data-panel-id": needsResponsiveCSS ? panelId : void 0,
-          className: chunk23BJPJOK_js.cn("min-w-0 h-full", className),
+          className: chunkNTUQQDCL_js.cn("min-w-0 h-full", className),
           style: inlineStyle,
           children
         }
@@ -845,11 +845,11 @@ var ChartRenderer = React.forwardRef(
       return 0;
     }, [config]);
     const fillMode = height === void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk23BJPJOK_js.cn("flex flex-col", fillMode && "flex-1 min-h-0", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkNTUQQDCL_js.cn("flex flex-col", fillMode && "flex-1 min-h-0", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk23BJPJOK_js.cn("w-full", fillMode && "flex-1 min-h-0"),
+          className: chunkNTUQQDCL_js.cn("w-full", fillMode && "flex-1 min-h-0"),
           style: height !== void 0 ? { height } : void 0,
           children: /* @__PURE__ */ jsxRuntime.jsx(responsive.ParentSize, { children: ({ width, height: h }) => {
             switch (config.type) {
@@ -903,8 +903,8 @@ var ChartRenderer = React.forwardRef(
             style: { backgroundColor: item.color || defaultColors[index % defaultColors.length] }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Text, { as: "span", size: "xs", color: "muted", children: item.label }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk23BJPJOK_js.Text, { as: "span", size: "xs", weight: "medium", className: "text-gray-700 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_js.Text, { as: "span", size: "xs", color: "muted", children: item.label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkNTUQQDCL_js.Text, { as: "span", size: "xs", weight: "medium", className: "text-gray-700 dark:text-gray-300", children: [
           (item.value / total * 100).toFixed(0),
           "%"
         ] })
@@ -917,7 +917,7 @@ var ChartRenderer = React.forwardRef(
             style: { backgroundColor: s.color || defaultColors[index % defaultColors.length] }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Text, { as: "span", size: "xs", color: "muted", children: s.name })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_js.Text, { as: "span", size: "xs", color: "muted", children: s.name })
       ] }, s.name)) })
     ] });
   }
@@ -931,7 +931,7 @@ var CompactPanel = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           fillHeight && "h-full",
           "rounded-hz-lg bg-white dark:bg-neutral-900",
           "border border-gray-200 dark:border-neutral-800",
@@ -942,7 +942,7 @@ var CompactPanel = React.forwardRef(
           (title || headerControls || lastUpdated) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2 mb-3", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
               title && /* @__PURE__ */ jsxRuntime.jsx(
-                chunk23BJPJOK_js.Text,
+                chunkNTUQQDCL_js.Text,
                 {
                   as: "span",
                   size: "xs",
@@ -951,14 +951,14 @@ var CompactPanel = React.forwardRef(
                   children: title
                 }
               ),
-              lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk23BJPJOK_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
+              lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunkNTUQQDCL_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
                 "\xB7 ",
                 lastUpdated
               ] })
             ] }),
             headerControls && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 -mt-1 -mr-1", children: headerControls })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk23BJPJOK_js.cn(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNTUQQDCL_js.cn(
             "flex-1 flex flex-col min-h-0",
             isChartMode ? "justify-center" : "justify-end"
           ), children: isChartMode ? /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { config: props.chart, showLegend: false, className: "flex-1" }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -985,7 +985,7 @@ var TrendIndicator = ({ trend }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_js.cn(
         "inline-flex items-center gap-1",
         trend.direction === "up" && "text-emerald-600 dark:text-emerald-400",
         trend.direction === "down" && "text-rose-600 dark:text-rose-400",
@@ -1019,7 +1019,7 @@ var renderCellContent = (cellValue, align) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           "flex items-center gap-2",
           align === "right" && "justify-end",
           align === "center" && "justify-center"
@@ -1054,13 +1054,13 @@ var TableRenderer = React.forwardRef(
       }
       return data;
     }, [data, maxRows]);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk23BJPJOK_js.cn("h-full flex flex-col", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkNTUQQDCL_js.cn("h-full flex flex-col", className), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-x-auto", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-gray-200 dark:border-neutral-700", children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
             "th",
             {
-              className: chunk23BJPJOK_js.cn(
+              className: chunkNTUQQDCL_js.cn(
                 "text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",
                 "border-r border-gray-200 dark:border-neutral-700 last:border-r-0",
                 compact ? "py-2 px-3" : "py-3 px-4",
@@ -1076,14 +1076,14 @@ var TableRenderer = React.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: displayData.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
             "tr",
             {
-              className: chunk23BJPJOK_js.cn(
+              className: chunkNTUQQDCL_js.cn(
                 "border-b border-gray-100 dark:border-neutral-800 last:border-0",
                 striped && rowIndex % 2 === 1 && "bg-gray-50 dark:bg-neutral-800/50"
               ),
               children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
                 "td",
                 {
-                  className: chunk23BJPJOK_js.cn(
+                  className: chunkNTUQQDCL_js.cn(
                     "text-gray-900 dark:text-gray-100",
                     "border-r border-gray-200 dark:border-neutral-700 last:border-r-0",
                     compact ? "py-2 px-3" : "py-3 px-4",
@@ -1131,7 +1131,7 @@ var TableRenderer = React.forwardRef(
               type: "button",
               onClick: () => pagination.onPageChange(pagination.currentPage - 1),
               disabled: pagination.currentPage <= 1,
-              className: chunk23BJPJOK_js.cn(
+              className: chunkNTUQQDCL_js.cn(
                 "p-1.5 rounded-hz-md transition-colors",
                 pagination.currentPage <= 1 ? "text-gray-300 dark:text-gray-600 cursor-not-allowed" : "text-gray-500 hover:text-gray-700 hover:bg-gray-200 dark:text-gray-400 dark:hover:text-gray-200 dark:hover:bg-neutral-700"
               ),
@@ -1144,7 +1144,7 @@ var TableRenderer = React.forwardRef(
               type: "button",
               onClick: () => pagination.onPageChange(pagination.currentPage + 1),
               disabled: pagination.currentPage >= pagination.totalPages,
-              className: chunk23BJPJOK_js.cn(
+              className: chunkNTUQQDCL_js.cn(
                 "p-1.5 rounded-hz-md transition-colors",
                 pagination.currentPage >= pagination.totalPages ? "text-gray-300 dark:text-gray-600 cursor-not-allowed" : "text-gray-500 hover:text-gray-700 hover:bg-gray-200 dark:text-gray-400 dark:hover:text-gray-200 dark:hover:bg-neutral-700"
               ),
@@ -1160,13 +1160,13 @@ TableRenderer.displayName = "TableRenderer";
 var MediumPanelContext = React.createContext({ inPanel: false });
 var MediumPanelStat = React.forwardRef(
   ({ data, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk23BJPJOK_js.cn("px-5 pt-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(StatDisplay, { data, size: "md" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkNTUQQDCL_js.cn("px-5 pt-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(StatDisplay, { data, size: "md" }) });
   }
 );
 MediumPanelStat.displayName = "MediumPanel.Stat";
 var MediumPanelChart = React.forwardRef(
   ({ config, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { ref, config, className: chunk23BJPJOK_js.cn("flex-1 px-5 pt-4", className) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { ref, config, className: chunkNTUQQDCL_js.cn("flex-1 px-5 pt-4", className) });
   }
 );
 MediumPanelChart.displayName = "MediumPanel.Chart";
@@ -1177,7 +1177,7 @@ var MediumPanelTable = React.forwardRef(
       {
         ref,
         config: { ...config, compact: true },
-        className: chunk23BJPJOK_js.cn("flex-1", className)
+        className: chunkNTUQQDCL_js.cn("flex-1", className)
       }
     );
   }
@@ -1191,7 +1191,7 @@ var MediumPanelBase = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           fillHeight && "h-full",
           "rounded-hz-lg bg-white dark:bg-neutral-900",
           "border border-gray-200 dark:border-neutral-800",
@@ -1204,7 +1204,7 @@ var MediumPanelBase = React.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   title && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunk23BJPJOK_js.Text,
+                    chunkNTUQQDCL_js.Text,
                     {
                       as: "span",
                       weight: "semibold",
@@ -1213,12 +1213,12 @@ var MediumPanelBase = React.forwardRef(
                       children: title
                     }
                   ),
-                  lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk23BJPJOK_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
+                  lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunkNTUQQDCL_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
                     "\xB7 ",
                     lastUpdated
                   ] })
                 ] }),
-                subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Text, { as: "p", size: "xs", color: "muted", className: "mt-0.5", children: subtitle })
+                subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_js.Text, { as: "p", size: "xs", color: "muted", className: "mt-0.5", children: subtitle })
               ] }),
               headerControls && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: headerControls })
             ] }),
@@ -1242,7 +1242,7 @@ MediumPanel.Table = MediumPanelTable;
 var LargePanelContext = React.createContext({ inPanel: false });
 var LargePanelHeader = React.forwardRef(
   ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk23BJPJOK_js.cn("mb-4", className), children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkNTUQQDCL_js.cn("mb-4", className), children });
   }
 );
 LargePanelHeader.displayName = "LargePanel.Header";
@@ -1252,7 +1252,7 @@ var LargePanelStats = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           "grid gap-4 px-6 pt-4",
           columns === 2 && "grid-cols-2",
           columns === 3 && "grid-cols-3",
@@ -1267,19 +1267,19 @@ var LargePanelStats = React.forwardRef(
 LargePanelStats.displayName = "LargePanel.Stats";
 var LargePanelChart = React.forwardRef(
   ({ config, height, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { ref, config, height, className: chunk23BJPJOK_js.cn("flex-1 min-h-0 px-6 pt-4", className) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { ref, config, height, className: chunkNTUQQDCL_js.cn("flex-1 min-h-0 px-6 pt-4", className) });
   }
 );
 LargePanelChart.displayName = "LargePanel.Chart";
 var LargePanelContent = React.forwardRef(
   ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk23BJPJOK_js.cn("px-6", className), children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkNTUQQDCL_js.cn("px-6", className), children });
   }
 );
 LargePanelContent.displayName = "LargePanel.Content";
 var LargePanelTable = React.forwardRef(
   ({ config, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(TableRenderer, { ref, config, className: chunk23BJPJOK_js.cn("flex-1 min-h-0", className) });
+    return /* @__PURE__ */ jsxRuntime.jsx(TableRenderer, { ref, config, className: chunkNTUQQDCL_js.cn("flex-1 min-h-0", className) });
   }
 );
 LargePanelTable.displayName = "LargePanel.Table";
@@ -1289,7 +1289,7 @@ var LargePanelBase = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           fillHeight && "h-full",
           "rounded-hz-lg bg-white dark:bg-neutral-900",
           "border border-gray-200 dark:border-neutral-800",
@@ -1302,7 +1302,7 @@ var LargePanelBase = React.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   title && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunk23BJPJOK_js.Text,
+                    chunkNTUQQDCL_js.Text,
                     {
                       as: "span",
                       weight: "semibold",
@@ -1311,12 +1311,12 @@ var LargePanelBase = React.forwardRef(
                       children: title
                     }
                   ),
-                  lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk23BJPJOK_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
+                  lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunkNTUQQDCL_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
                     "\xB7 ",
                     lastUpdated
                   ] })
                 ] }),
-                subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Text, { as: "p", size: "xs", color: "muted", className: "mt-0.5", children: subtitle })
+                subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_js.Text, { as: "p", size: "xs", color: "muted", className: "mt-0.5", children: subtitle })
               ] }),
               headerControls && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: headerControls })
             ] }),
@@ -1594,7 +1594,7 @@ var Input = React.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm", children: label }),
         required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-rose-500 ml-1", children: "*" }),
         tooltip && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk23BJPJOK_js.Tooltip,
+          chunkNTUQQDCL_js.Tooltip,
           {
             content: tooltip.content,
             side: tooltip.position ?? "top",
@@ -1847,14 +1847,14 @@ var TemplateSelector = ({
     3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
     4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk23BJPJOK_js.cn("w-full", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNTUQQDCL_js.cn("w-full", className), children: [
     showViewToggle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end mb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex rounded-hz-md border border-neutral-200 dark:border-neutral-700 p-1 bg-neutral-100 dark:bg-neutral-800", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           onClick: () => setView("card"),
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_js.cn(
             "p-2 rounded-hz-sm text-sm font-medium transition-all duration-hz-normal ease-hz-default",
             view === "card" ? `bg-white dark:bg-neutral-700 shadow-sm ${colors.toggleActive}` : "text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300"
           ),
@@ -1867,7 +1867,7 @@ var TemplateSelector = ({
         {
           type: "button",
           onClick: () => setView("list"),
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_js.cn(
             "p-2 rounded-hz-sm text-sm font-medium transition-all duration-hz-normal ease-hz-default",
             view === "list" ? `bg-white dark:bg-neutral-700 shadow-sm ${colors.toggleActive}` : "text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300"
           ),
@@ -1883,7 +1883,7 @@ var TemplateSelector = ({
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.2 },
-        className: chunk23BJPJOK_js.cn("grid gap-4", columnClasses[columns]),
+        className: chunkNTUQQDCL_js.cn("grid gap-4", columnClasses[columns]),
         children: templates.map((template) => /* @__PURE__ */ jsxRuntime.jsx(
           TemplateCard,
           {
@@ -1975,7 +1975,7 @@ var TemplateCard = ({
       whileTap: { scale: 0.98 },
       transition: { type: "spring", stiffness: 400, damping: 25 },
       onClick: () => onSelect(template.id),
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_js.cn(
         "group relative cursor-pointer rounded-hz-lg overflow-hidden border transition-all duration-hz-slow ease-hz-default",
         "bg-white dark:bg-neutral-800",
         isSelected ? `${colors.selectedBorder} ${colors.selectedGlow}` : "border-neutral-200 dark:border-neutral-700 hover:border-neutral-300 dark:hover:border-neutral-600 hover:shadow-md",
@@ -1985,7 +1985,7 @@ var TemplateCard = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "absolute top-3 left-3 z-10 w-5 h-5 rounded-hz-full border-2 flex items-center justify-center transition-all duration-hz-normal ease-hz-default",
               isSelected ? colors.checkBg : "bg-white dark:bg-neutral-800 border-neutral-300 dark:border-neutral-600"
             ),
@@ -1997,7 +1997,7 @@ var TemplateCard = ({
           {
             type: "button",
             onClick: (e) => onPreviewClick(e, template.previewUrl),
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "absolute top-3 right-3 z-10 p-1.5 rounded-hz-md transition-all duration-hz-normal ease-hz-default",
               "bg-white dark:bg-neutral-700",
               "border border-neutral-200 dark:border-neutral-600",
@@ -2014,7 +2014,7 @@ var TemplateCard = ({
           {
             initial: { scale: 0.9, opacity: 0.5 },
             animate: { scale: 1, opacity: 1 },
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "p-6 rounded-hz-full transition-all duration-hz-slow ease-hz-default",
               isSelected ? colors.selected : `bg-neutral-100 dark:bg-neutral-700/50 ${colors.hoverBg}`
             ),
@@ -2023,7 +2023,7 @@ var TemplateCard = ({
               {
                 size: 48,
                 strokeWidth: 1.5,
-                className: chunk23BJPJOK_js.cn(
+                className: chunkNTUQQDCL_js.cn(
                   "transition-colors duration-hz-slow ease-hz-default",
                   isSelected ? colors.iconSelected : `text-neutral-400 dark:text-neutral-500 ${colors.iconHover}`
                 )
@@ -2041,7 +2041,7 @@ var TemplateCard = ({
             onBlur: handleBlur,
             onKeyDown: handleKeyDown,
             onClick: (e) => e.stopPropagation(),
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "w-full px-2 py-1 text-sm font-medium rounded",
               "bg-neutral-100 dark:bg-neutral-700",
               `border ${colors.inputBorder}`,
@@ -2053,7 +2053,7 @@ var TemplateCard = ({
           "h3",
           {
             onDoubleClick: handleDoubleClick,
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "text-sm font-medium text-neutral-900 dark:text-neutral-100 truncate",
               editable && `cursor-text ${colors.textHover}`
             ),
@@ -2113,7 +2113,7 @@ var TemplateListItem = ({
       whileTap: { scale: 0.995 },
       transition: { type: "spring", stiffness: 400, damping: 25 },
       onClick: () => onSelect(template.id),
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_js.cn(
         "group flex items-center gap-4 p-3 cursor-pointer rounded-hz-lg border transition-all duration-hz-slow ease-hz-default",
         "bg-white dark:bg-neutral-800",
         isSelected ? `${colors.selectedBorder} shadow-md ${colors.selectedGlow}` : "border-neutral-200 dark:border-neutral-700 hover:border-neutral-300 dark:hover:border-neutral-600"
@@ -2122,7 +2122,7 @@ var TemplateListItem = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "w-5 h-5 rounded-hz-full border-2 flex items-center justify-center flex-shrink-0 transition-all duration-hz-normal ease-hz-default",
               isSelected ? colors.checkBg : "bg-white dark:bg-neutral-800 border-neutral-300 dark:border-neutral-600"
             ),
@@ -2132,7 +2132,7 @@ var TemplateListItem = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "w-12 h-12 rounded-hz-md flex items-center justify-center flex-shrink-0 transition-colors duration-hz-slow ease-hz-default",
               isSelected ? colors.selected : `bg-neutral-100 dark:bg-neutral-700/50 ${colors.hoverBg}`
             ),
@@ -2141,7 +2141,7 @@ var TemplateListItem = ({
               {
                 size: 24,
                 strokeWidth: 1.5,
-                className: chunk23BJPJOK_js.cn(
+                className: chunkNTUQQDCL_js.cn(
                   "transition-colors duration-hz-slow ease-hz-default",
                   isSelected ? colors.iconSelected : `text-neutral-400 dark:text-neutral-500 ${colors.iconHover}`
                 )
@@ -2159,7 +2159,7 @@ var TemplateListItem = ({
             onBlur: handleBlur,
             onKeyDown: handleKeyDown,
             onClick: (e) => e.stopPropagation(),
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "w-full px-2 py-1 text-sm font-medium rounded",
               "bg-neutral-100 dark:bg-neutral-700",
               `border ${colors.inputBorder}`,
@@ -2171,7 +2171,7 @@ var TemplateListItem = ({
           "h3",
           {
             onDoubleClick: handleDoubleClick,
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "text-sm font-medium text-neutral-900 dark:text-neutral-100 truncate",
               editable && `cursor-text ${colors.textHover}`
             ),
@@ -2184,7 +2184,7 @@ var TemplateListItem = ({
           {
             type: "button",
             onClick: (e) => onPreviewClick(e, template.previewUrl),
-            className: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               "p-2 rounded-hz-md transition-all duration-hz-normal ease-hz-default flex-shrink-0",
               "text-neutral-400 dark:text-neutral-500",
               "opacity-0 group-hover:opacity-100",
@@ -2200,48 +2200,6 @@ var TemplateListItem = ({
   );
 };
 TemplateSelector.displayName = "TemplateSelector";
-var TextButton = ({
-  children,
-  onClick,
-  disabled = false,
-  leadingDecorator,
-  trailingDecorator,
-  variant = "primary",
-  size = "md",
-  className = "",
-  type = "button",
-  ...buttonProps
-}) => {
-  const baseStyles = `group inline-flex justify-center items-center gap-2 font-medium uppercase tracking-wide transition-all duration-hz-normal ease-hz-default ${disabled ? "cursor-not-allowed" : "cursor-pointer"}`;
-  const variantStyles2 = {
-    primary: "text-blue-600 hover:text-blue-700 focus:ring-blue-500",
-    secondary: "text-neutral-600 hover:text-neutral-700 focus:ring-neutral-500",
-    danger: "text-rose-600 hover:text-rose-700 focus:ring-rose-500",
-    success: "text-emerald-600 hover:text-emerald-700 focus:ring-emerald-500",
-    disabled: "text-neutral-400 cursor-not-allowed"
-  };
-  const sizeStyles = {
-    sm: "text-xs px-2 py-1",
-    md: "text-sm px-3 py-2",
-    lg: "text-base px-4 py-3"
-  };
-  const disabledStyles = disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type,
-      className: `${baseStyles} ${variantStyles2[variant]} ${sizeStyles[size]} ${disabledStyles} ${className}`,
-      onClick,
-      disabled,
-      ...buttonProps,
-      children: [
-        leadingDecorator && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-in slide-in-from-left-1 duration-200", children: leadingDecorator }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
-        trailingDecorator && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-in slide-in-from-right-1 duration-200 group-hover:translate-x-1", children: trailingDecorator })
-      ]
-    }
-  );
-};
 var variantStyles = {
   neutral: {
     container: "bg-neutral-50 dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700 text-neutral-800 dark:text-neutral-200",
@@ -2332,20 +2290,20 @@ var Toast = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_js.cn(
         "fixed top-4 right-4 z-50 max-w-sm w-[calc(100vw-2rem)] sm:w-auto transition-all duration-hz-slow ease-hz-default",
         isDismissing ? "translate-x-full opacity-0" : "translate-x-0 opacity-100"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_js.cn(
             "p-3 sm:p-4 shadow-hz-lg border rounded-hz-md transition-all duration-hz-normal ease-hz-default",
             styles.container
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-              iconElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk23BJPJOK_js.cn("w-5 h-5 mt-0.5 flex-shrink-0", styles.icon), children: iconElement }),
+              iconElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNTUQQDCL_js.cn("w-5 h-5 mt-0.5 flex-shrink-0", styles.icon), children: iconElement }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: message }),
                 action === "collapsible" && isExpanded && expandedContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm opacity-90", children: expandedContent })
@@ -2372,7 +2330,7 @@ var Toast = ({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 w-full bg-neutral-200 dark:bg-neutral-600 h-1 rounded-hz-full overflow-hidden transition-all duration-hz-normal", children: /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: chunk23BJPJOK_js.cn("h-full rounded-hz-full transition-all duration-100 ease-linear", styles.progress),
+                className: chunkNTUQQDCL_js.cn("h-full rounded-hz-full transition-all duration-100 ease-linear", styles.progress),
                 style: { width: `${progressWidth}%` }
               }
             ) })
@@ -2443,7 +2401,7 @@ var SideNavItem = React.forwardRef(
           damping: 30,
           mass: 0.8
         },
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           // Base styles
           "relative flex items-center cursor-pointer overflow-hidden",
           "rounded-hz-md transition-colors duration-hz-normal ease-hz-default",
@@ -2467,12 +2425,12 @@ var SideNavItem = React.forwardRef(
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 w-4 h-4 flex items-center justify-center", children: icon }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full justify-between items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk23BJPJOK_js.Text,
+              chunkNTUQQDCL_js.Text,
               {
                 as: "span",
                 size: "xs",
                 weight: "medium",
-                className: chunk23BJPJOK_js.cn(
+                className: chunkNTUQQDCL_js.cn(
                   "whitespace-nowrap transition-opacity duration-200",
                   isCollapsed ? "opacity-0" : "opacity-100"
                 ),
@@ -2480,10 +2438,10 @@ var SideNavItem = React.forwardRef(
               }
             ),
             badge && !hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
-              chunk23BJPJOK_js.Badge,
+              chunkNTUQQDCL_js.Badge,
               {
                 variant: "info",
-                className: chunk23BJPJOK_js.cn(
+                className: chunkNTUQQDCL_js.cn(
                   "flex-shrink-0 whitespace-nowrap transition-opacity duration-200",
                   isCollapsed ? "opacity-0" : "opacity-100"
                 ),
@@ -2493,7 +2451,7 @@ var SideNavItem = React.forwardRef(
             hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: chunk23BJPJOK_js.cn(
+                className: chunkNTUQQDCL_js.cn(
                   "flex-shrink-0 w-4 h-4 text-gray-400 transition-all duration-200",
                   isCollapsed ? "opacity-0" : "opacity-100",
                   isExpanded && "rotate-90"
@@ -2514,7 +2472,7 @@ var SideNavItem = React.forwardRef(
         {
           side: "right",
           sideOffset: 8,
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_js.cn(
             "z-50 px-3 py-1.5 text-sm font-medium rounded-hz-md",
             "bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900",
             "shadow-lg",
@@ -2523,7 +2481,7 @@ var SideNavItem = React.forwardRef(
           ),
           children: [
             label,
-            badge && /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Badge, { variant: "default", className: "ml-2", children: badge }),
+            badge && /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_js.Badge, { variant: "default", className: "ml-2", children: badge }),
             /* @__PURE__ */ jsxRuntime.jsx(Tooltip2__namespace.Arrow, { className: "fill-gray-900 dark:fill-gray-100" })
           ]
         }
@@ -2554,7 +2512,7 @@ var SideNavSection = React.forwardRef(
       title && /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_js.cn(
             "px-2 py-2 text-xs uppercase tracking-wider whitespace-nowrap transition-opacity duration-200",
             "text-gray-500 dark:text-gray-500",
             isCollapsed ? "opacity-0" : "opacity-100"
@@ -2663,7 +2621,7 @@ var SideNav = React.forwardRef(
           width: isCollapsed ? collapsedWidth : expandedWidth
         },
         transition: springTransition,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           // Position
           position === "fixed" ? "fixed left-0 top-0 h-screen" : "relative h-full",
           // Base styles
@@ -2689,7 +2647,7 @@ var SideNavHeader = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           "flex items-center justify-start h-11 overflow-hidden",
           "border-b border-gray-200 dark:border-neutral-800",
           className
@@ -2706,7 +2664,7 @@ var SideNavFooter = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           "flex items-center justify-start h-11 overflow-hidden",
           "border-t border-gray-200 dark:border-neutral-800",
           className
@@ -2762,9 +2720,8 @@ exports.SideNavSection = SideNavSection;
 exports.StatDisplay = StatDisplay;
 exports.TableRenderer = TableRenderer;
 exports.TemplateSelector = TemplateSelector;
-exports.TextButton = TextButton;
 exports.Toast = Toast;
 exports.useDashboardContext = useDashboardContext;
 exports.useSideNavContext = useSideNavContext;
-//# sourceMappingURL=chunk-6LDS7PWF.js.map
-//# sourceMappingURL=chunk-6LDS7PWF.js.map
+//# sourceMappingURL=chunk-3FXR4PA7.js.map
+//# sourceMappingURL=chunk-3FXR4PA7.js.map