@pos-360/horizon 0.16.0 → 0.18.0

package/dist/{chunk-QCQOCLJH.js → chunk-T7ITROJS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7WVGPVSG_js = require('./chunk-7WVGPVSG.js');
+var chunk5XF7Y25B_js = require('./chunk-5XF7Y25B.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -13,7 +13,7 @@ var grid = require('@visx/grid');
 var gradient = require('@visx/gradient');
 var responsive = require('@visx/responsive');
 var curve = require('@visx/curve');
-var Tooltip = require('@radix-ui/react-tooltip');
+var Tooltip2 = require('@radix-ui/react-tooltip');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -34,7 +34,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var Tooltip__namespace = /*#__PURE__*/_interopNamespace(Tooltip);
+var Tooltip2__namespace = /*#__PURE__*/_interopNamespace(Tooltip2);
 
 var AnimatedButton = ({
   label,
@@ -130,7 +130,7 @@ var Dashboard = React.forwardRef(
         {
           ref,
           "data-dashboard-id": dashboardId,
-          className: chunk7WVGPVSG_js.cn("hz-rounded grid w-full", className),
+          className: chunk5XF7Y25B_js.cn("hz-rounded grid w-full", className),
           children
         }
       )
@@ -203,7 +203,7 @@ var DashboardPanel = React.forwardRef(
         {
           ref,
           "data-panel-id": needsResponsiveCSS ? panelId : void 0,
-          className: chunk7WVGPVSG_js.cn("min-w-0 h-full", className),
+          className: chunk5XF7Y25B_js.cn("min-w-0 h-full", className),
           style: inlineStyle,
           children
         }
@@ -218,7 +218,7 @@ var TrendBadge = ({ trend, size }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk7WVGPVSG_js.cn(
+      className: chunk5XF7Y25B_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",
@@ -249,9 +249,9 @@ var StatDisplay = React.forwardRef(
       }
       return value;
     }, [value]);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk7WVGPVSG_js.cn("flex flex-col", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk5XF7Y25B_js.cn("flex flex-col", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk7WVGPVSG_js.Text,
+        chunk5XF7Y25B_js.Text,
         {
           as: "span",
           size: "xs",
@@ -263,7 +263,7 @@ var StatDisplay = React.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunk7WVGPVSG_js.cn(
+          className: chunk5XF7Y25B_js.cn(
             "font-bold text-gray-900 dark:text-gray-100 mt-0.5",
             size === "sm" && "text-lg",
             size === "md" && "text-xl",
@@ -278,7 +278,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(chunk7WVGPVSG_js.Text, { as: "span", size: "xs", color: "muted", children: trend.label })
+        trend.label && /* @__PURE__ */ jsxRuntime.jsx(chunk5XF7Y25B_js.Text, { as: "span", size: "xs", color: "muted", children: trend.label })
       ] })
     ] });
   }
@@ -764,11 +764,11 @@ var ChartRenderer = React.forwardRef(
       return 0;
     }, [config]);
     const fillMode = height === void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk7WVGPVSG_js.cn("flex flex-col", fillMode && "flex-1 min-h-0", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk5XF7Y25B_js.cn("flex flex-col", fillMode && "flex-1 min-h-0", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk7WVGPVSG_js.cn("w-full", fillMode && "flex-1 min-h-0"),
+          className: chunk5XF7Y25B_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) {
@@ -822,8 +822,8 @@ var ChartRenderer = React.forwardRef(
             style: { backgroundColor: item.color || defaultColors[index % defaultColors.length] }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk7WVGPVSG_js.Text, { as: "span", size: "xs", color: "muted", children: item.label }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk7WVGPVSG_js.Text, { as: "span", size: "xs", weight: "medium", className: "text-gray-700 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5XF7Y25B_js.Text, { as: "span", size: "xs", color: "muted", children: item.label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5XF7Y25B_js.Text, { as: "span", size: "xs", weight: "medium", className: "text-gray-700 dark:text-gray-300", children: [
           (item.value / total * 100).toFixed(0),
           "%"
         ] })
@@ -836,7 +836,7 @@ var ChartRenderer = React.forwardRef(
             style: { backgroundColor: s.color || defaultColors[index % defaultColors.length] }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk7WVGPVSG_js.Text, { as: "span", size: "xs", color: "muted", children: s.name })
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5XF7Y25B_js.Text, { as: "span", size: "xs", color: "muted", children: s.name })
       ] }, s.name)) })
     ] });
   }
@@ -850,7 +850,7 @@ var CompactPanel = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           fillHeight && "h-full",
           "rounded-hz-lg bg-white dark:bg-neutral-900",
           "border border-gray-200 dark:border-neutral-800",
@@ -861,7 +861,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(
-                chunk7WVGPVSG_js.Text,
+                chunk5XF7Y25B_js.Text,
                 {
                   as: "span",
                   size: "xs",
@@ -870,14 +870,14 @@ var CompactPanel = React.forwardRef(
                   children: title
                 }
               ),
-              lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk7WVGPVSG_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
+              lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5XF7Y25B_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(
@@ -904,7 +904,7 @@ var TrendIndicator = ({ trend }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunk7WVGPVSG_js.cn(
+      className: chunk5XF7Y25B_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",
@@ -941,7 +941,7 @@ var renderCellContent = (cellValue, align) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           "flex items-center gap-2",
           align === "right" && "justify-end",
           align === "center" && "justify-center"
@@ -976,13 +976,13 @@ var TableRenderer = React.forwardRef(
       }
       return data;
     }, [data, maxRows]);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk7WVGPVSG_js.cn("h-full flex flex-col", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn(
+              className: chunk5XF7Y25B_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",
@@ -998,14 +998,14 @@ var TableRenderer = React.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: displayData.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
             "tr",
             {
-              className: chunk7WVGPVSG_js.cn(
+              className: chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn(
+                  className: chunk5XF7Y25B_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",
@@ -1053,7 +1053,7 @@ var TableRenderer = React.forwardRef(
               type: "button",
               onClick: () => pagination.onPageChange(pagination.currentPage - 1),
               disabled: pagination.currentPage <= 1,
-              className: chunk7WVGPVSG_js.cn(
+              className: chunk5XF7Y25B_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"
               ),
@@ -1066,7 +1066,7 @@ var TableRenderer = React.forwardRef(
               type: "button",
               onClick: () => pagination.onPageChange(pagination.currentPage + 1),
               disabled: pagination.currentPage >= pagination.totalPages,
-              className: chunk7WVGPVSG_js.cn(
+              className: chunk5XF7Y25B_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"
               ),
@@ -1082,13 +1082,13 @@ TableRenderer.displayName = "TableRenderer";
 var MediumPanelContext = React.createContext({ inPanel: false });
 var MediumPanelStat = React.forwardRef(
   ({ data, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk7WVGPVSG_js.cn("px-5 pt-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(StatDisplay, { data, size: "md" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn("flex-1 px-5 pt-4", className) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { ref, config, className: chunk5XF7Y25B_js.cn("flex-1 px-5 pt-4", className) });
   }
 );
 MediumPanelChart.displayName = "MediumPanel.Chart";
@@ -1099,7 +1099,7 @@ var MediumPanelTable = React.forwardRef(
       {
         ref,
         config: { ...config, compact: true },
-        className: chunk7WVGPVSG_js.cn("flex-1", className)
+        className: chunk5XF7Y25B_js.cn("flex-1", className)
       }
     );
   }
@@ -1113,7 +1113,7 @@ var MediumPanelBase = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           fillHeight && "h-full",
           "rounded-hz-lg bg-white dark:bg-neutral-900",
           "border border-gray-200 dark:border-neutral-800",
@@ -1126,7 +1126,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(
-                    chunk7WVGPVSG_js.Text,
+                    chunk5XF7Y25B_js.Text,
                     {
                       as: "span",
                       weight: "semibold",
@@ -1135,12 +1135,12 @@ var MediumPanelBase = React.forwardRef(
                       children: title
                     }
                   ),
-                  lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk7WVGPVSG_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
+                  lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk5XF7Y25B_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
                     "\xB7 ",
                     lastUpdated
                   ] })
                 ] }),
-                subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunk7WVGPVSG_js.Text, { as: "p", size: "xs", color: "muted", className: "mt-0.5", children: subtitle })
+                subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunk5XF7Y25B_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 })
             ] }),
@@ -1164,7 +1164,7 @@ MediumPanel.Table = MediumPanelTable;
 var LargePanelContext = React.createContext({ inPanel: false });
 var LargePanelHeader = React.forwardRef(
   ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk7WVGPVSG_js.cn("mb-4", className), children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk5XF7Y25B_js.cn("mb-4", className), children });
   }
 );
 LargePanelHeader.displayName = "LargePanel.Header";
@@ -1174,7 +1174,7 @@ var LargePanelStats = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           "grid gap-4 px-6 pt-4",
           columns === 2 && "grid-cols-2",
           columns === 3 && "grid-cols-3",
@@ -1189,19 +1189,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: chunk7WVGPVSG_js.cn("flex-1 min-h-0 px-6 pt-4", className) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { ref, config, height, className: chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn("px-6", className), children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn("flex-1 min-h-0", className) });
+    return /* @__PURE__ */ jsxRuntime.jsx(TableRenderer, { ref, config, className: chunk5XF7Y25B_js.cn("flex-1 min-h-0", className) });
   }
 );
 LargePanelTable.displayName = "LargePanel.Table";
@@ -1211,7 +1211,7 @@ var LargePanelBase = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           fillHeight && "h-full",
           "rounded-hz-lg bg-white dark:bg-neutral-900",
           "border border-gray-200 dark:border-neutral-800",
@@ -1224,7 +1224,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(
-                    chunk7WVGPVSG_js.Text,
+                    chunk5XF7Y25B_js.Text,
                     {
                       as: "span",
                       weight: "semibold",
@@ -1233,12 +1233,12 @@ var LargePanelBase = React.forwardRef(
                       children: title
                     }
                   ),
-                  lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk7WVGPVSG_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
+                  lastUpdated && /* @__PURE__ */ jsxRuntime.jsxs(chunk5XF7Y25B_js.Text, { as: "span", size: "xs", className: "text-gray-400 dark:text-gray-500", children: [
                     "\xB7 ",
                     lastUpdated
                   ] })
                 ] }),
-                subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunk7WVGPVSG_js.Text, { as: "p", size: "xs", color: "muted", className: "mt-0.5", children: subtitle })
+                subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunk5XF7Y25B_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 })
             ] }),
@@ -1296,7 +1296,6 @@ var Input = React.forwardRef(
     onValidationChange,
     ...props
   }, ref) => {
-    const [showTooltip, setShowTooltip] = React.useState(false);
     const [internalError, setInternalError] = React.useState("");
     const [hasBeenBlurred, setHasBeenBlurred] = React.useState(false);
     const [showPassword, setShowPassword] = React.useState(false);
@@ -1513,25 +1512,26 @@ var Input = React.forwardRef(
     const canIncrement = !disabled && (max === void 0 || (parseFloat(inputValue) || 0) < max);
     const showPasswordRules = isPasswordType && passwordRules && hasBeenBlurred;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mb-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300 transition-colors duration-hz-slow ease-hz-default flex items-center", children: [
-          /* @__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(
-            "button",
-            {
-              type: "button",
-              className: "ml-2 text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 transition-colors duration-hz-slow ease-hz-default",
-              onMouseEnter: () => setShowTooltip(true),
-              onMouseLeave: () => setShowTooltip(false),
-              onFocus: () => setShowTooltip(true),
-              onBlur: () => setShowTooltip(false),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "w-4 h-4" })
-            }
-          )
-        ] }),
-        tooltip && showTooltip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-[9999] pointer-events-none left-0 bottom-full mt-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral-900/80 dark:bg-neutral-100/80 backdrop-blur-md text-white dark:text-neutral-900 text-sm rounded-hz-lg p-3 shadow-lg w-80 transition-colors duration-hz-slow ease-hz-default", children: tooltip.content }) })
-      ] }),
+      label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mb-2", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300 transition-colors duration-hz-slow ease-hz-default flex items-center", children: [
+        /* @__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(
+          chunk5XF7Y25B_js.Tooltip,
+          {
+            content: tooltip.content,
+            side: tooltip.position ?? "top",
+            variant: tooltip.variant,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "ml-2 text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 transition-colors duration-hz-slow ease-hz-default",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "w-4 h-4" })
+              }
+            )
+          }
+        )
+      ] }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         hasLeadingContent && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -1623,10 +1623,6 @@ var Input = React.forwardRef(
           {
             className: `absolute top-1/2 -translate-y-1/3 right-0 pr-3 flex items-center ${onTrailingClick ? "cursor-pointer" : ""}`,
             onClick: onTrailingClick,
-            onMouseEnter: tooltip ? () => setShowTooltip(true) : void 0,
-            onMouseLeave: tooltip ? () => setShowTooltip(false) : void 0,
-            onFocus: tooltip ? () => setShowTooltip(true) : void 0,
-            onBlur: tooltip ? () => setShowTooltip(false) : void 0,
             children: trailingDecorator ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral-400", children: trailingDecorator }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral-400", children: trailingIcon })
           }
         )
@@ -1773,14 +1769,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: chunk7WVGPVSG_js.cn("w-full", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn(
+          className: chunk5XF7Y25B_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"
           ),
@@ -1793,7 +1789,7 @@ var TemplateSelector = ({
         {
           type: "button",
           onClick: () => setView("list"),
-          className: chunk7WVGPVSG_js.cn(
+          className: chunk5XF7Y25B_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"
           ),
@@ -1809,7 +1805,7 @@ var TemplateSelector = ({
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.2 },
-        className: chunk7WVGPVSG_js.cn("grid gap-4", columnClasses[columns]),
+        className: chunk5XF7Y25B_js.cn("grid gap-4", columnClasses[columns]),
         children: templates.map((template) => /* @__PURE__ */ jsxRuntime.jsx(
           TemplateCard,
           {
@@ -1901,7 +1897,7 @@ var TemplateCard = ({
       whileTap: { scale: 0.98 },
       transition: { type: "spring", stiffness: 400, damping: 25 },
       onClick: () => onSelect(template.id),
-      className: chunk7WVGPVSG_js.cn(
+      className: chunk5XF7Y25B_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",
@@ -1911,7 +1907,7 @@ var TemplateCard = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_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"
             ),
@@ -1923,7 +1919,7 @@ var TemplateCard = ({
           {
             type: "button",
             onClick: (e) => onPreviewClick(e, template.previewUrl),
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_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",
@@ -1940,7 +1936,7 @@ var TemplateCard = ({
           {
             initial: { scale: 0.9, opacity: 0.5 },
             animate: { scale: 1, opacity: 1 },
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_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}`
             ),
@@ -1949,7 +1945,7 @@ var TemplateCard = ({
               {
                 size: 48,
                 strokeWidth: 1.5,
-                className: chunk7WVGPVSG_js.cn(
+                className: chunk5XF7Y25B_js.cn(
                   "transition-colors duration-hz-slow ease-hz-default",
                   isSelected ? colors.iconSelected : `text-neutral-400 dark:text-neutral-500 ${colors.iconHover}`
                 )
@@ -1967,7 +1963,7 @@ var TemplateCard = ({
             onBlur: handleBlur,
             onKeyDown: handleKeyDown,
             onClick: (e) => e.stopPropagation(),
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_js.cn(
               "w-full px-2 py-1 text-sm font-medium rounded",
               "bg-neutral-100 dark:bg-neutral-700",
               `border ${colors.inputBorder}`,
@@ -1979,7 +1975,7 @@ var TemplateCard = ({
           "h3",
           {
             onDoubleClick: handleDoubleClick,
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_js.cn(
               "text-sm font-medium text-neutral-900 dark:text-neutral-100 truncate",
               editable && `cursor-text ${colors.textHover}`
             ),
@@ -2039,7 +2035,7 @@ var TemplateListItem = ({
       whileTap: { scale: 0.995 },
       transition: { type: "spring", stiffness: 400, damping: 25 },
       onClick: () => onSelect(template.id),
-      className: chunk7WVGPVSG_js.cn(
+      className: chunk5XF7Y25B_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"
@@ -2048,7 +2044,7 @@ var TemplateListItem = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_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"
             ),
@@ -2058,7 +2054,7 @@ var TemplateListItem = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_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}`
             ),
@@ -2067,7 +2063,7 @@ var TemplateListItem = ({
               {
                 size: 24,
                 strokeWidth: 1.5,
-                className: chunk7WVGPVSG_js.cn(
+                className: chunk5XF7Y25B_js.cn(
                   "transition-colors duration-hz-slow ease-hz-default",
                   isSelected ? colors.iconSelected : `text-neutral-400 dark:text-neutral-500 ${colors.iconHover}`
                 )
@@ -2085,7 +2081,7 @@ var TemplateListItem = ({
             onBlur: handleBlur,
             onKeyDown: handleKeyDown,
             onClick: (e) => e.stopPropagation(),
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_js.cn(
               "w-full px-2 py-1 text-sm font-medium rounded",
               "bg-neutral-100 dark:bg-neutral-700",
               `border ${colors.inputBorder}`,
@@ -2097,7 +2093,7 @@ var TemplateListItem = ({
           "h3",
           {
             onDoubleClick: handleDoubleClick,
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_js.cn(
               "text-sm font-medium text-neutral-900 dark:text-neutral-100 truncate",
               editable && `cursor-text ${colors.textHover}`
             ),
@@ -2110,7 +2106,7 @@ var TemplateListItem = ({
           {
             type: "button",
             onClick: (e) => onPreviewClick(e, template.previewUrl),
-            className: chunk7WVGPVSG_js.cn(
+            className: chunk5XF7Y25B_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",
@@ -2258,20 +2254,20 @@ var Toast = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk7WVGPVSG_js.cn(
+      className: chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn(
+          className: chunk5XF7Y25B_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: chunk7WVGPVSG_js.cn("w-5 h-5 mt-0.5 flex-shrink-0", styles.icon), children: iconElement }),
+              iconElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5XF7Y25B_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 })
@@ -2298,7 +2294,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: chunk7WVGPVSG_js.cn("h-full rounded-hz-full transition-all duration-100 ease-linear", styles.progress),
+                className: chunk5XF7Y25B_js.cn("h-full rounded-hz-full transition-all duration-100 ease-linear", styles.progress),
                 style: { width: `${progressWidth}%` }
               }
             ) })
@@ -2369,7 +2365,7 @@ var SideNavItem = React.forwardRef(
           damping: 30,
           mass: 0.8
         },
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           // Base styles
           "relative flex items-center cursor-pointer overflow-hidden",
           "rounded-hz-md transition-colors duration-hz-normal ease-hz-default",
@@ -2393,12 +2389,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(
-              chunk7WVGPVSG_js.Text,
+              chunk5XF7Y25B_js.Text,
               {
                 as: "span",
                 size: "xs",
                 weight: "medium",
-                className: chunk7WVGPVSG_js.cn(
+                className: chunk5XF7Y25B_js.cn(
                   "whitespace-nowrap transition-opacity duration-200",
                   isCollapsed ? "opacity-0" : "opacity-100"
                 ),
@@ -2406,10 +2402,10 @@ var SideNavItem = React.forwardRef(
               }
             ),
             badge && !hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
-              chunk7WVGPVSG_js.Badge,
+              chunk5XF7Y25B_js.Badge,
               {
                 variant: "info",
-                className: chunk7WVGPVSG_js.cn(
+                className: chunk5XF7Y25B_js.cn(
                   "flex-shrink-0 whitespace-nowrap transition-opacity duration-200",
                   isCollapsed ? "opacity-0" : "opacity-100"
                 ),
@@ -2419,7 +2415,7 @@ var SideNavItem = React.forwardRef(
             hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: chunk7WVGPVSG_js.cn(
+                className: chunk5XF7Y25B_js.cn(
                   "flex-shrink-0 w-4 h-4 text-gray-400 transition-all duration-200",
                   isCollapsed ? "opacity-0" : "opacity-100",
                   isExpanded && "rotate-90"
@@ -2433,14 +2429,14 @@ var SideNavItem = React.forwardRef(
       }
     );
     const wrappedContent = href && !hasChildren ? /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: "block", children: itemContent }) : itemContent;
-    const finalContent = isCollapsed && !hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Provider, { delayDuration: 100, children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Trigger, { asChild: true, children: wrappedContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-        Tooltip__namespace.Content,
+    const finalContent = isCollapsed && !hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip2__namespace.Provider, { delayDuration: 100, children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2__namespace.Root, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Tooltip2__namespace.Trigger, { asChild: true, children: wrappedContent }),
+      /* @__PURE__ */ jsxRuntime.jsx(Tooltip2__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        Tooltip2__namespace.Content,
         {
           side: "right",
           sideOffset: 8,
-          className: chunk7WVGPVSG_js.cn(
+          className: chunk5XF7Y25B_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",
@@ -2449,8 +2445,8 @@ var SideNavItem = React.forwardRef(
           ),
           children: [
             label,
-            badge && /* @__PURE__ */ jsxRuntime.jsx(chunk7WVGPVSG_js.Badge, { variant: "default", className: "ml-2", children: badge }),
-            /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Arrow, { className: "fill-gray-900 dark:fill-gray-100" })
+            badge && /* @__PURE__ */ jsxRuntime.jsx(chunk5XF7Y25B_js.Badge, { variant: "default", className: "ml-2", children: badge }),
+            /* @__PURE__ */ jsxRuntime.jsx(Tooltip2__namespace.Arrow, { className: "fill-gray-900 dark:fill-gray-100" })
           ]
         }
       ) })
@@ -2480,7 +2476,7 @@ var SideNavSection = React.forwardRef(
       title && /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk7WVGPVSG_js.cn(
+          className: chunk5XF7Y25B_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"
@@ -2589,7 +2585,7 @@ var SideNav = React.forwardRef(
           width: isCollapsed ? collapsedWidth : expandedWidth
         },
         transition: springTransition,
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           // Position
           position === "fixed" ? "fixed left-0 top-0 h-screen" : "relative h-full",
           // Base styles
@@ -2615,7 +2611,7 @@ var SideNavHeader = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           "flex items-center justify-start h-11 overflow-hidden",
           "border-b border-gray-200 dark:border-neutral-800",
           className
@@ -2632,7 +2628,7 @@ var SideNavFooter = React.forwardRef(
       "div",
       {
         ref,
-        className: chunk7WVGPVSG_js.cn(
+        className: chunk5XF7Y25B_js.cn(
           "flex items-center justify-start h-11 overflow-hidden",
           "border-t border-gray-200 dark:border-neutral-800",
           className
@@ -2688,5 +2684,5 @@ exports.TextButton = TextButton;
 exports.Toast = Toast;
 exports.useDashboardContext = useDashboardContext;
 exports.useSideNavContext = useSideNavContext;
-//# sourceMappingURL=chunk-QCQOCLJH.js.map
-//# sourceMappingURL=chunk-QCQOCLJH.js.map
+//# sourceMappingURL=chunk-T7ITROJS.js.map
+//# sourceMappingURL=chunk-T7ITROJS.js.map