@datatechsolutions/ui 2.7.127 → 2.7.129

package/dist/{chunk-S4MECSAK.js → chunk-ORFU4L3V.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
-var Headless11 = require('@headlessui/react');
+var Headless6 = require('@headlessui/react');
 var clsx = require('clsx');
 var React11 = require('react');
 var framerMotion = require('framer-motion');
@@ -22,7 +22,6 @@ var Image = require('next/image');
 var lucideReact = require('lucide-react');
 var d3Geo = require('d3-geo');
 var i18n = require('@datatechsolutions/shared-domain/i18n');
-var ProgressPrimitive = require('@radix-ui/react-progress');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var zustand = require('zustand');
 
@@ -46,18 +45,17 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var Headless11__namespace = /*#__PURE__*/_interopNamespace(Headless11);
+var Headless6__namespace = /*#__PURE__*/_interopNamespace(Headless6);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var React11__namespace = /*#__PURE__*/_interopNamespace(React11);
 var NextLink__default = /*#__PURE__*/_interopDefault(NextLink);
 var HeroIcons__namespace = /*#__PURE__*/_interopNamespace(HeroIcons);
 var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
 var Image__default = /*#__PURE__*/_interopDefault(Image);
-var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 
 var Link = React11.forwardRef(function Link2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless11__namespace.DataInteractive, { children: /* @__PURE__ */ jsxRuntime.jsx(NextLink__default.default, { ...props, ref }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless6__namespace.DataInteractive, { children: /* @__PURE__ */ jsxRuntime.jsx(NextLink__default.default, { ...props, ref }) });
 });
 
 // src/lib/animations.ts
@@ -628,7 +626,7 @@ var Button = React11.forwardRef(function Button2({
       onTapStart: handleTapStart,
       className: clsx__default.default("inline-flex", fullWidth && "w-full"),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Headless11.Button,
+        Headless6.Button,
         {
           ...buttonProps,
           disabled: isDisabled,
@@ -1227,9 +1225,9 @@ function Sheet({
   }, [open, motionValue]);
   const maxHeight = snapPoints[snapPoints.length - 1];
   const rightSizeClass = size === "xl" ? "max-w-xl" : size === "lg" ? "max-w-lg" : "max-w-md";
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless11.Transition, { show: open, as: React11.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Dialog, { as: "div", className: "relative z-50", onClose, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless6.Transition, { show: open, as: React11.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { as: "div", className: "relative z-50", onClose, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      Headless11.TransitionChild,
+      Headless6.TransitionChild,
       {
         as: React11.Fragment,
         enter: "ease-out duration-300",
@@ -1252,7 +1250,7 @@ function Sheet({
       {
         className: isRight ? "pointer-events-none fixed inset-y-0 right-0 flex w-screen max-w-full justify-end" : "pointer-events-none fixed inset-x-0 bottom-0 flex justify-center",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Headless11.TransitionChild,
+          Headless6.TransitionChild,
           {
             as: React11.Fragment,
             enter: "transform transition ease-out duration-300",
@@ -1262,7 +1260,7 @@ function Sheet({
             leaveFrom: isRight ? "translate-x-0" : "translate-y-0",
             leaveTo: isRight ? "translate-x-full" : "translate-y-full",
             children: /* @__PURE__ */ jsxRuntime.jsxs(
-              Headless11.DialogPanel,
+              Headless6.DialogPanel,
               {
                 as: framerMotion.motion.div,
                 ref: sheetRef,
@@ -1275,7 +1273,7 @@ function Sheet({
                 ...!isRight ? { initial: { height: maxHeight } } : {},
                 children: [
                   showHandle && !isRight && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-3 pb-2 cursor-grab active:cursor-grabbing", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 w-10 rounded-full bg-gray-400/50 dark:bg-gray-500/50" }) }),
-                  title && /* @__PURE__ */ jsxRuntime.jsx(Headless11.DialogTitle, { className: "px-6 py-3 text-lg font-semibold text-gray-900 dark:text-white border-b border-gray-200/50 dark:border-white/10", children: title }),
+                  title && /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogTitle, { className: "px-6 py-3 text-lg font-semibold text-gray-900 dark:text-white border-b border-gray-200/50 dark:border-white/10", children: title }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
@@ -2640,7 +2638,7 @@ var colorClasses2 = {
 };
 function CircleSpinner({ size, color, className, ariaLabel }) {
   const config = sizeConfig[size];
-  const colors3 = colorClasses2[color];
+  const colors2 = colorClasses2[color];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2648,8 +2646,8 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
         "rounded-full animate-spin",
         config.size,
         config.border,
-        colors3.track,
-        colors3.indicator,
+        colors2.track,
+        colors2.indicator,
         className
       ),
       role: "status",
@@ -2659,7 +2657,7 @@ function CircleSpinner({ size, color, className, ariaLabel }) {
 }
 function DotsSpinner({ size, color, className, ariaLabel }) {
   const config = sizeConfig[size];
-  const colors3 = colorClasses2[color];
+  const colors2 = colorClasses2[color];
   const dotVariants = {
     initial: { scale: 0.8, opacity: 0.4 },
     animate: { scale: 1, opacity: 1 }
@@ -2667,7 +2665,7 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("flex items-center gap-1", className), role: "status", "aria-label": ariaLabel, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsx(
     framerMotion.motion.div,
     {
-      className: clsx.clsx("rounded-full", colors3.dot),
+      className: clsx.clsx("rounded-full", colors2.dot),
       style: {
         width: config.dotSize,
         height: config.dotSize
@@ -2687,12 +2685,12 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
 }
 function PulseSpinner({ size, color, className, ariaLabel }) {
   const config = sizeConfig[size];
-  const colors3 = colorClasses2[color];
+  const colors2 = colorClasses2[color];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
-        className: clsx.clsx("absolute inset-0 rounded-full", colors3.dot),
+        className: clsx.clsx("absolute inset-0 rounded-full", colors2.dot),
         animate: {
           scale: [1, 1.5, 1],
           opacity: [0.7, 0, 0.7]
@@ -2704,7 +2702,7 @@ function PulseSpinner({ size, color, className, ariaLabel }) {
         }
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("absolute inset-0 rounded-full", colors3.dot) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("absolute inset-0 rounded-full", colors2.dot) })
   ] });
 }
 function Spinner({
@@ -2935,10 +2933,10 @@ function TagBadge({
   value,
   size = "sm",
   className = "",
-  styles: styles3 = {},
+  styles: styles2 = {},
   fallbackStyle = DEFAULT_FALLBACK_STYLE
 }) {
-  const style = styles3[value] ?? fallbackStyle;
+  const style = styles2[value] ?? fallbackStyle;
   const sizeClass = SIZE_CLASSES[size];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
@@ -3016,7 +3014,7 @@ function SegmentedControl({
     (seg) => typeof seg === "string" ? { value: seg, label: seg } : seg
   );
   const selectedIndex = normalizedSegments.findIndex((seg) => seg.value === value);
-  const styles3 = sizeStyles2[size];
+  const styles2 = sizeStyles2[size];
   React11.useEffect(() => {
     if (containerRef.current && selectedIndex >= 0) {
       const container = containerRef.current;
@@ -3044,7 +3042,7 @@ function SegmentedControl({
       className: `
         relative inline-flex items-center rounded-xl
         bg-gray-100 dark:bg-gray-800
-        ${styles3.container}
+        ${styles2.container}
         ${fullWidth ? "w-full" : ""}
         ${disabled ? "opacity-50 pointer-events-none" : ""}
       `,
@@ -3071,7 +3069,7 @@ function SegmentedControl({
               className: `
               relative z-10 flex items-center justify-center gap-1.5
               font-medium rounded-lg transition-colors duration-150
-              ${styles3.segment}
+              ${styles2.segment}
               ${fullWidth ? "flex-1" : ""}
               ${isSelected ? "text-gray-900 dark:text-white" : "text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"}
             `,
@@ -3130,7 +3128,7 @@ function PageIndicator({
 }) {
   const t = nextIntl.useTranslations("common");
   const { dot, gap } = sizeConfig2[size];
-  const colors3 = variantConfig[variant];
+  const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
       chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -3157,7 +3155,7 @@ function PageIndicator({
             className: `
               rounded-full transition-colors duration-200
               ${onChange ? "cursor-pointer" : "cursor-default"}
-              ${isActive ? colors3.active : colors3.inactive}
+              ${isActive ? colors2.active : colors2.inactive}
             `,
             style: {
               width: dot,
@@ -3188,7 +3186,7 @@ function ExpandingPageIndicator({
   activeWidth = 24
 }) {
   const t = nextIntl.useTranslations("common");
-  const colors3 = variantConfig[variant];
+  const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
       chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -3214,7 +3212,7 @@ function ExpandingPageIndicator({
             className: `
               h-2 rounded-full transition-colors duration-200
               ${onChange ? "cursor-pointer" : "cursor-default"}
-              ${isActive ? colors3.active : colors3.inactive}
+              ${isActive ? colors2.active : colors2.inactive}
             `,
             animate: {
               width: isActive ? activeWidth : 8,
@@ -4910,7 +4908,7 @@ function DynamicIslandNotification({
   position = "right"
 }) {
   const [state, setState] = React11.useState("idle");
-  const styles3 = variantStyles[variant];
+  const styles2 = variantStyles[variant];
   React11.useEffect(() => {
     if (show) {
       setState("expanded");
@@ -4935,12 +4933,12 @@ function DynamicIslandNotification({
       position,
       idleContent: (
         // Idle: Colored icon pill
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-6 w-6 rounded-full ${styles3.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-6 w-6 rounded-full ${styles2.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
       ),
       compactContent: (
         // Compact: Colored icon + title + message preview
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 w-full", children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-8 w-8 rounded-full ${styles3.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
+          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-8 w-8 rounded-full ${styles2.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold truncate", children: title }),
             message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 truncate", children: message })
@@ -4950,9 +4948,9 @@ function DynamicIslandNotification({
       expandedContent: (
         // Expanded: Full notification with colored icon background
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-4 px-5 w-full h-full`, children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-14 w-14 rounded-2xl ${styles3.iconBg} flex items-center justify-center shrink-0 ${styles3.glow}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
+          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-14 w-14 rounded-2xl ${styles2.iconBg} flex items-center justify-center shrink-0 ${styles2.glow}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            appName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles3.accentColor}`, children: appName }),
+            appName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles2.accentColor}`, children: appName }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[15px] font-semibold leading-tight", children: title }),
             message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] text-gray-400 mt-0.5 truncate", children: message })
           ] })
@@ -5414,9 +5412,9 @@ function GlassModal({
   panelClassName = "rounded-[2rem]",
   contentClassName = "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6"
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Dialog, { open, onClose, className: "relative z-50", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Headless11.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsxRuntime.jsx(Headless11.DialogPanel, { className: panelClassName, children }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: "relative z-50", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogPanel, { className: panelClassName, children }) })
   ] });
 }
 function Text({ className, ...props }) {
@@ -5473,16 +5471,16 @@ function Dialog4({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless11__namespace.Dialog, { ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6__namespace.Dialog, { ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      Headless11__namespace.DialogBackdrop,
+      Headless6__namespace.DialogBackdrop,
       {
         transition: true,
         className: "fixed inset-0 flex w-screen justify-center overflow-y-auto bg-zinc-950/25 px-2 py-2 transition duration-100 focus:outline-0 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in sm:px-6 sm:py-8 lg:px-8 lg:py-16 dark:bg-zinc-950/50"
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid min-h-full grid-rows-[1fr_auto] justify-items-center sm:grid-rows-[1fr_auto_3fr] sm:p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      Headless11__namespace.DialogPanel,
+      Headless6__namespace.DialogPanel,
       {
         transition: true,
         className: clsx__default.default(
@@ -5501,7 +5499,7 @@ function DialogTitle3({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.DialogTitle,
+    Headless6__namespace.DialogTitle,
     {
       ...props,
       className: clsx__default.default(
@@ -5516,7 +5514,7 @@ function DialogDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Description,
+    Headless6__namespace.Description,
     {
       as: Text,
       ...props,
@@ -5853,9 +5851,9 @@ function CopyableId({ id, copyValue, label, className }) {
   );
 }
 function CardActionMenu({ items }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Menu, { as: "div", className: "relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Headless11.MenuButton, { className: "flex items-center rounded-full p-1 text-gray-400 transition-colors hover:text-gray-600 dark:hover:text-white", children: /* @__PURE__ */ jsxRuntime.jsx(solid.EllipsisVerticalIcon, { className: "h-5 w-5" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Headless11.MenuItems, { className: "absolute right-0 z-10 mt-2 w-40 origin-top-right rounded-lg bg-white shadow-lg ring-1 ring-black/5 focus:outline-hidden dark:bg-gray-800 dark:ring-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Headless11.MenuItem, { children: ({ active }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Menu, { as: "div", className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Headless6.MenuButton, { className: "flex items-center rounded-full p-1 text-gray-400 transition-colors hover:text-gray-600 dark:hover:text-white", children: /* @__PURE__ */ jsxRuntime.jsx(solid.EllipsisVerticalIcon, { className: "h-5 w-5" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Headless6.MenuItems, { className: "absolute right-0 z-10 mt-2 w-40 origin-top-right rounded-lg bg-white shadow-lg ring-1 ring-black/5 focus:outline-hidden dark:bg-gray-800 dark:ring-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Headless6.MenuItem, { children: ({ active }) => {
       const toneClass = item.tone === "danger" ? active ? "bg-gray-100 text-red-600 dark:bg-gray-700 dark:text-red-400" : "text-gray-700 dark:text-gray-200" : active ? "bg-gray-100 text-gray-900 dark:bg-gray-700 dark:text-white" : "text-gray-700 dark:text-gray-200";
       return /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: item.onSelect, className: `flex w-full items-center px-4 py-2 text-sm ${toneClass}`, children: [
         item.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-3", children: item.icon }) : null,
@@ -5912,7 +5910,7 @@ function FormModal({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: icon }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Headless11.DialogTitle, { className: "text-base sm:text-lg font-semibold text-gray-900 dark:text-white", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogTitle, { className: "text-base sm:text-lg font-semibold text-gray-900 dark:text-white", children: title }),
           subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs sm:text-sm text-gray-500 dark:text-gray-400 mt-0.5", children: subtitle })
         ] })
       ] }),
@@ -5953,10 +5951,10 @@ function FormModal({
       )
     ] }) }) })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Dialog, { open, onClose, className: "relative z-50", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: "relative z-50", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-4 sm:inset-6 lg:inset-10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      Headless11.DialogPanel,
+      Headless6.DialogPanel,
       {
         className: `liquid-surface-strong w-full h-full ${MAX_WIDTH_CLASSES[maxWidth]} flex flex-col rounded-2xl overflow-hidden`,
         children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, className: "flex-1 flex flex-col overflow-hidden", children: content }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden", children: content })
@@ -7310,9 +7308,9 @@ function SearchFilterToolbar({
       ),
       actions
     ] }),
-    !!children && onCloseFilters && /* @__PURE__ */ jsxRuntime.jsx(Headless11.Transition, { show: filtersOpen, as: React11.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Dialog, { as: "div", className: "relative z-50", onClose: onCloseFilters, children: [
+    !!children && onCloseFilters && /* @__PURE__ */ jsxRuntime.jsx(Headless6.Transition, { show: filtersOpen, as: React11.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { as: "div", className: "relative z-50", onClose: onCloseFilters, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Headless11.TransitionChild,
+        Headless6.TransitionChild,
         {
           as: React11.Fragment,
           enter: "ease-out duration-200",
@@ -7321,11 +7319,11 @@ function SearchFilterToolbar({
           leave: "ease-in duration-150",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx(Headless11.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-md" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-md" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex min-h-full max-w-2xl items-start justify-center pt-[8vh]", children: /* @__PURE__ */ jsxRuntime.jsx(
-        Headless11.TransitionChild,
+        Headless6.TransitionChild,
         {
           as: React11.Fragment,
           enter: "ease-out duration-250",
@@ -7334,7 +7332,7 @@ function SearchFilterToolbar({
           leave: "ease-in duration-180",
           leaveFrom: "opacity-100 scale-100",
           leaveTo: "opacity-0 scale-95",
-          children: /* @__PURE__ */ jsxRuntime.jsxs(Headless11.DialogPanel, { className: "liquid-surface-strong w-full overflow-hidden rounded-2xl", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs(Headless6.DialogPanel, { className: "liquid-surface-strong w-full overflow-hidden rounded-2xl", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/30 px-5 py-4 dark:border-white/10", children: [
               resolvedFiltersContext ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedFiltersContext.icon }),
@@ -8586,7 +8584,7 @@ var AvatarButton = React11.forwardRef(function AvatarButton2({
   if (typeof props.href === "string") {
     return /* @__PURE__ */ jsxRuntime.jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless11__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless6__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt }) }) });
 });
 var colors = {
   red: "bg-red-500/15 text-red-700 group-data-hover:bg-red-500/25 dark:bg-red-500/10 dark:text-red-400 dark:group-data-hover:bg-red-500/20",
@@ -8634,7 +8632,7 @@ React11.forwardRef(function BadgeButton2({
   if (typeof props.href === "string") {
     return /* @__PURE__ */ jsxRuntime.jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color, children }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless11__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color, children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless6__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color, children }) }) });
 });
 function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard" }) {
   const t = nextIntl.useTranslations("common");
@@ -8806,7 +8804,7 @@ function Divider({
   );
 }
 function Dropdown(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless11__namespace.Menu, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless6__namespace.Menu, { ...props });
 }
 function DynamicIslandConfirm({
   open,
@@ -8826,9 +8824,9 @@ function DynamicIslandConfirm({
       chunkUZ3CMNUJ_js.triggerHaptic("warning");
     }
   }, [open]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Dialog, { open, onClose, className: "relative z-[120]", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: "relative z-[120]", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black/10 backdrop-blur-[2px]" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-start justify-center pt-3 px-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Headless11.DialogPanel, { className: "w-full max-w-sm rounded-[28px] bg-black/95 p-3 text-white shadow-2xl", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-start justify-center pt-3 px-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Headless6.DialogPanel, { className: "w-full max-w-sm rounded-[28px] bg-black/95 p-3 text-white shadow-2xl", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-2 py-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-9 w-9 shrink-0 rounded-xl ${iconBackground} flex items-center justify-center`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.TrashIcon, { className: "h-5 w-5 text-white" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
@@ -8868,9 +8866,9 @@ function FlyoutMenu({
   maxWidthClassName = "max-w-4xl",
   panelClassName
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Dialog, { open, onClose, className: "relative z-50", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Headless11.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-sm dark:bg-black/45" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-start justify-center p-2 pt-[max(2.75rem,env(safe-area-inset-top))] sm:p-4 sm:pt-20", children: /* @__PURE__ */ jsxRuntime.jsx(Headless11.DialogPanel, { className: `w-screen ${maxWidthClassName} ${panelClassName ?? defaultPanelClassName}`, children: title ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: "relative z-50", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-sm dark:bg-black/45" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-start justify-center p-2 pt-[max(2.75rem,env(safe-area-inset-top))] sm:p-4 sm:pt-20", children: /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogPanel, { className: `w-screen ${maxWidthClassName} ${panelClassName ?? defaultPanelClassName}`, children: title ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center justify-center", children: title }),
       children
     ] }) : children }) })
@@ -9077,9 +9075,9 @@ function LanguageSwitcher({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Dialog, { className: "relative z-50", open, onClose: setOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Headless11.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-sm" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 grid place-items-center p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Headless11.DialogPanel, { className: "w-full max-w-md liquid-surface rounded-2xl border border-white/45 p-4 dark:border-white/12", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { className: "relative z-50", open, onClose: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 backdrop-blur-sm" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 grid place-items-center p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Headless6.DialogPanel, { className: "w-full max-w-md liquid-surface rounded-2xl border border-white/45 p-4 dark:border-white/12", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-slate-600 dark:text-slate-300", children: changeLanguageLabel }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-2", children: languages.map((language) => {
           const selected = currentLocale === language.code;
@@ -9847,7 +9845,7 @@ function Fieldset2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Fieldset,
+    Headless6__namespace.Fieldset,
     {
       ...props,
       className: clsx__default.default(
@@ -9862,7 +9860,7 @@ function Legend2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Legend,
+    Headless6__namespace.Legend,
     {
       "data-slot": "legend",
       ...props,
@@ -9891,7 +9889,7 @@ function Field2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Field,
+    Headless6__namespace.Field,
     {
       ...props,
       className: clsx__default.default(
@@ -9911,7 +9909,7 @@ function Label2({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Label,
+    Headless6__namespace.Label,
     {
       "data-slot": "label",
       ...props,
@@ -9927,7 +9925,7 @@ function Description4({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Description,
+    Headless6__namespace.Description,
     {
       "data-slot": "description",
       ...props,
@@ -9943,7 +9941,7 @@ function ErrorMessage({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Description,
+    Headless6__namespace.Description,
     {
       "data-slot": "error",
       ...props,
@@ -9959,7 +9957,7 @@ var Textarea = React11__namespace.forwardRef(({ className, ...props }, ref) => {
     "textarea",
     {
       className: clsx__default.default(
-        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "flex min-h-[80px] w-full rounded-xl liquid-surface border border-white/50 dark:border-white/10 px-3 py-2.5 text-sm text-slate-900 dark:text-white outline-none placeholder:text-slate-400 dark:placeholder:text-slate-500 focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ref,
@@ -11488,14 +11486,14 @@ function UserAvatar({
   const initial = user?.name?.[0]?.toUpperCase() || defaultUser[0];
   const displayName = user?.name || defaultUser;
   const email = user?.email || defaultEmail;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless11.Menu, { as: "div", className: `relative ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Headless11.MenuButton, { className: "relative flex max-w-xs items-center rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Menu, { as: "div", className: `relative ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Headless6.MenuButton, { className: "relative flex max-w-xs items-center rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -inset-1.5" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: openMenu }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-8 rounded-full bg-indigo-500 flex items-center justify-center text-white font-medium", children: initial })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      Headless11.MenuItems,
+      Headless6.MenuItems,
       {
         transition: true,
         className: "absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg outline-1 outline-black/5 transition data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-100 data-[enter]:ease-out data-[leave]:duration-75 data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",
@@ -11504,7 +11502,7 @@ function UserAvatar({
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: displayName }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 truncate", children: email })
           ] }),
-          menuItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Headless11.MenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          menuItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Headless6.MenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
             "a",
             {
               href: item.href,
@@ -11721,11 +11719,11 @@ function GeoMapCanvasInner({
     return `rgba(${r}, ${g}, ${b}, 0.25)`;
   };
   const lighterColors = React11.useMemo(() => {
-    const colors3 = /* @__PURE__ */ new Map();
+    const colors2 = /* @__PURE__ */ new Map();
     regionColorMap.forEach((color, code) => {
-      colors3.set(code, getLighterColor(color));
+      colors2.set(code, getLighterColor(color));
     });
-    return colors3;
+    return colors2;
   }, [regionColorMap]);
   const featureCollection = React11.useMemo(() => {
     if (!geoData) return null;
@@ -12572,1471 +12570,108 @@ var getUsGradient = (state, direction) => getSubdivisionGradient("US", state, di
 var getUsColors = (state) => getSubdivisionColors("US", state);
 var getUsAccent = (state) => getSubdivisionAccent("US", state);
 var isValidUsState = (state) => isValidSubdivision("US", state);
-var Link4 = React11.forwardRef(function Link5(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(NextLink__default.default, { ref, ...props });
-});
-var styles2 = {
-  base: [
-    "relative inline-flex items-center justify-center gap-x-2 rounded-lg border text-sm font-semibold",
-    "px-3.5 py-2.5 transition-colors",
-    "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 dark:focus:ring-offset-zinc-900",
-    "disabled:opacity-50 disabled:pointer-events-none",
-    "[&>svg]:size-4 [&>svg]:shrink-0"
-  ],
-  solid: ["border-transparent shadow-sm"],
-  outline: [
-    "border-zinc-300 bg-transparent hover:bg-zinc-50 text-zinc-900",
-    "dark:border-zinc-600 dark:hover:bg-zinc-800 dark:text-zinc-100"
-  ],
-  plain: [
-    "border-transparent text-zinc-700 hover:bg-zinc-100",
-    "dark:text-zinc-300 dark:hover:bg-zinc-800"
-  ],
-  colors: {
-    "dark/zinc": ["bg-zinc-900 text-white hover:bg-zinc-800"],
-    light: [
-      "bg-white text-zinc-900 hover:bg-zinc-50 dark:bg-zinc-800 dark:text-white dark:hover:bg-zinc-700"
-    ],
-    "dark/white": [
-      "bg-zinc-900 text-white hover:bg-zinc-800 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100"
-    ],
-    dark: ["bg-zinc-900 text-white hover:bg-zinc-800"],
-    white: ["bg-white text-zinc-900 hover:bg-zinc-50"],
-    zinc: ["bg-zinc-600 text-white hover:bg-zinc-700"],
-    indigo: ["bg-indigo-500 text-white hover:bg-indigo-600"],
-    cyan: ["bg-cyan-300 text-cyan-950 hover:bg-cyan-400"],
-    red: ["bg-red-600 text-white hover:bg-red-700"],
-    orange: ["bg-orange-500 text-white hover:bg-orange-600"],
-    amber: ["bg-amber-400 text-amber-950 hover:bg-amber-500"],
-    yellow: ["bg-yellow-300 text-yellow-950 hover:bg-yellow-400"],
-    lime: ["bg-lime-300 text-lime-950 hover:bg-lime-400"],
-    green: ["bg-green-600 text-white hover:bg-green-700"],
-    emerald: ["bg-emerald-600 text-white hover:bg-emerald-700"],
-    teal: ["bg-teal-600 text-white hover:bg-teal-700"],
-    sky: ["bg-sky-500 text-white hover:bg-sky-600"],
-    blue: ["bg-blue-600 text-white hover:bg-blue-700"],
-    brand: ["bg-brand-600 text-white hover:bg-brand-700"],
-    accent: ["bg-accent text-accent-foreground hover:bg-accent/90"],
-    violet: ["bg-violet-500 text-white hover:bg-violet-600"],
-    purple: ["bg-purple-500 text-white hover:bg-purple-600"],
-    fuchsia: ["bg-fuchsia-500 text-white hover:bg-fuchsia-600"],
-    pink: ["bg-pink-500 text-white hover:bg-pink-600"],
-    rose: ["bg-rose-500 text-white hover:bg-rose-600"]
-  }
-};
-var Button6 = React11.forwardRef(function Button7({
-  color,
-  outline,
-  plain,
-  className,
-  children,
-  loading,
-  "aria-label": ariaLabel,
-  "aria-describedby": ariaDescribedBy,
-  "aria-busy": ariaBusy,
-  ...props
-}, ref) {
-  const classes = clsx__default.default(
-    className,
-    styles2.base,
-    outline ? styles2.outline : plain ? styles2.plain : clsx__default.default(styles2.solid, styles2.colors[color ?? "brand"])
-  );
-  const accessibilityProps = {
-    "aria-label": ariaLabel,
-    "aria-describedby": ariaDescribedBy,
-    "aria-busy": ariaBusy || loading,
-    ...loading && { disabled: true }
-  };
-  return "href" in props ? /* @__PURE__ */ jsxRuntime.jsx(
-    Link4,
-    {
-      ...props,
-      ...accessibilityProps,
-      className: classes,
-      ref,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(TouchTarget2, { children: [
-        loading && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: "animate-spin inline-block size-4 border-2 border-current border-t-transparent rounded-full mr-2",
-            "aria-hidden": "true"
-          }
-        ),
-        children
-      ] })
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Button,
-    {
-      ...props,
-      ...accessibilityProps,
-      className: classes,
-      ref,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(TouchTarget2, { children: [
-        loading && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: "animate-spin inline-block size-4 border-2 border-current border-t-transparent rounded-full mr-2",
-            "aria-hidden": "true"
-          }
-        ),
-        children
-      ] })
-    }
-  );
-});
-function TouchTarget2({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: "absolute top-1/2 left-1/2 size-[max(100%,2.75rem)] -translate-x-1/2 -translate-y-1/2 pointer-fine:hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    children
-  ] });
-}
-function InputGroup({
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "control",
-      className: clsx__default.default(
-        "relative isolate block",
-        "has-[[data-slot=icon]:first-child]:[&_input]:pl-10 has-[[data-slot=icon]:last-child]:[&_input]:pr-10 sm:has-[[data-slot=icon]:first-child]:[&_input]:pl-8 sm:has-[[data-slot=icon]:last-child]:[&_input]:pr-8",
-        "*:data-[slot=icon]:pointer-events-none *:data-[slot=icon]:absolute *:data-[slot=icon]:top-3 *:data-[slot=icon]:z-10 *:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:top-2.5 sm:*:data-[slot=icon]:size-4",
-        "[&>[data-slot=icon]:first-child]:left-3 sm:[&>[data-slot=icon]:first-child]:left-2.5 [&>[data-slot=icon]:last-child]:right-3 sm:[&>[data-slot=icon]:last-child]:right-2.5",
-        "*:data-[slot=icon]:text-zinc-500"
-      ),
-      children
-    }
-  );
-}
-var dateTypes = ["date", "datetime-local", "month", "time", "week"];
-var Input3 = React11.forwardRef(function Input4({
-  className,
-  "aria-label": ariaLabel,
-  "aria-describedby": ariaDescribedBy,
-  "aria-invalid": ariaInvalid,
-  "aria-required": ariaRequired,
-  required,
-  invalid,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "control",
-      className: clsx__default.default([
-        className,
-        // Basic layout
-        "relative block w-full",
-        // Focus ring
-        "after:pointer-events-none after:absolute after:inset-0 after:rounded-lg after:ring-transparent after:ring-inset sm:focus-within:after:ring-2 sm:focus-within:after:ring-blue-500",
-        // Disabled state
-        "has-data-disabled:opacity-50"
-      ]),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Headless11__namespace.Input,
-        {
-          ref,
-          ...props,
-          "aria-label": ariaLabel,
-          "aria-describedby": ariaDescribedBy,
-          "aria-invalid": ariaInvalid || invalid,
-          "aria-required": ariaRequired || required,
-          style: {
-            ...props.style,
-            // Override autofill with CSS custom properties
-            "--autofill-bg": "white",
-            "--autofill-color": "black"
-          },
-          className: clsx__default.default([
-            // Date classes
-            props.type && dateTypes.includes(props.type) && [
-              "[&::-webkit-datetime-edit-fields-wrapper]:p-0",
-              "[&::-webkit-date-and-time-value]:min-h-[1.5em]",
-              "[&::-webkit-datetime-edit]:inline-flex",
-              "[&::-webkit-datetime-edit]:p-0",
-              "[&::-webkit-datetime-edit-year-field]:p-0",
-              "[&::-webkit-datetime-edit-month-field]:p-0",
-              "[&::-webkit-datetime-edit-day-field]:p-0",
-              "[&::-webkit-datetime-edit-hour-field]:p-0",
-              "[&::-webkit-datetime-edit-minute-field]:p-0",
-              "[&::-webkit-datetime-edit-second-field]:p-0",
-              "[&::-webkit-datetime-edit-millisecond-field]:p-0",
-              "[&::-webkit-datetime-edit-meridiem-field]:p-0"
-            ],
-            // Basic layout
-            "relative block w-full appearance-none rounded-lg px-3.5 py-2.5 sm:px-3 sm:py-1.5",
-            // Typography
-            "text-base/6 text-zinc-950 dark:text-zinc-100 placeholder:text-zinc-500 dark:placeholder:text-zinc-400 sm:text-sm/6",
-            // Border
-            "border border-zinc-950/10 data-hover:border-zinc-950/20 dark:border-white/10 dark:data-hover:border-white/20",
-            // Background color
-            "bg-transparent dark:bg-white/5",
-            // Hide default focus styles
-            "focus:outline-none",
-            // Invalid state
-            "data-invalid:border-red-500 data-invalid:data-hover:border-red-500 dark:data-invalid:border-red-500 dark:data-invalid:data-hover:border-red-500",
-            // Disabled state
-            "data-disabled:border-zinc-950/20 dark:data-disabled:border-white/15 dark:data-disabled:bg-white/2.5 dark:data-hover:data-disabled:border-white/15",
-            // System icons
-            "dark:scheme-dark",
-            // Autofill override styles
-            "[&:-webkit-autofill]:!shadow-[inset_0_0_0_1000px_white] [&:-webkit-autofill]:!text-black",
-            "[&:-webkit-autofill:hover]:!shadow-[inset_0_0_0_1000px_white] [&:-webkit-autofill:hover]:!text-black",
-            "[&:-webkit-autofill:focus]:!shadow-[inset_0_0_0_1000px_white] [&:-webkit-autofill:focus]:!text-black",
-            "[&:-webkit-autofill:active]:!shadow-[inset_0_0_0_1000px_white] [&:-webkit-autofill:active]:!text-black",
-            "dark:[&:-webkit-autofill]:!shadow-[inset_0_0_0_1000px_rgb(24,24,27)] dark:[&:-webkit-autofill]:!text-zinc-200",
-            "dark:[&:-webkit-autofill:hover]:!shadow-[inset_0_0_0_1000px_rgb(24,24,27)] dark:[&:-webkit-autofill:hover]:!text-zinc-200",
-            "dark:[&:-webkit-autofill:focus]:!shadow-[inset_0_0_0_1000px_rgb(24,24,27)] dark:[&:-webkit-autofill:focus]:!text-zinc-200",
-            "dark:[&:-webkit-autofill:active]:!shadow-[inset_0_0_0_1000px_rgb(24,24,27)] dark:[&:-webkit-autofill:active]:!text-zinc-200"
-          ])
-        }
-      )
-    }
-  );
-});
-var SelectContent = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-var SelectItem = ({
-  children,
-  value
-}) => /* @__PURE__ */ jsxRuntime.jsx("option", { value, children });
-var SelectTrigger = ({
-  children,
-  className
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className, children });
-var SelectValue = ({ placeholder }) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: placeholder });
-React11.forwardRef(function Select4({
-  className,
-  multiple,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      "data-slot": "control",
-      className: clsx__default.default([
-        className,
-        // Basic layout
-        "group relative block w-full",
-        // Background color + shadow applied to inset pseudo element, so shadow blends with border in light mode
-        "before:absolute before:inset-px before:rounded-lg before:bg-white before:shadow-sm",
-        // Background color is moved to control and shadow is removed in dark mode so hide `before` pseudo
-        "dark:before:hidden",
-        // Focus ring
-        "after:pointer-events-none after:absolute after:inset-0 after:rounded-lg after:ring-transparent after:ring-inset has-data-focus:after:ring-2 has-data-focus:after:ring-blue-500",
-        // Disabled state
-        "has-data-disabled:opacity-50 has-data-disabled:before:bg-zinc-950/5 has-data-disabled:before:shadow-none"
-      ]),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Headless11__namespace.Select,
-          {
-            ref,
-            multiple,
-            ...props,
-            className: clsx__default.default([
-              // Basic layout
-              "relative block w-full appearance-none rounded-lg py-2.5 sm:py-1.5",
-              // Horizontal padding
-              multiple ? "px-3.5 sm:px-3" : "pr-10 pl-3.5 sm:pr-9 sm:pl-3",
-              // Options (multi-select)
-              "[&_optgroup]:font-semibold",
-              // Typography
-              "text-base/6 text-zinc-950 dark:text-zinc-100 placeholder:text-zinc-500 dark:placeholder:text-zinc-400 sm:text-sm/6",
-              // Border
-              "border border-zinc-950/10 data-hover:border-zinc-950/20 dark:border-white/10 dark:data-hover:border-white/20",
-              // Background color
-              "bg-transparent dark:bg-white/5 dark:*:bg-zinc-800",
-              // Hide default focus styles
-              "focus:outline-none",
-              // Invalid state
-              "data-invalid:border-red-500 data-invalid:data-hover:border-red-500 dark:data-invalid:border-red-600 dark:data-invalid:data-hover:border-red-600",
-              // Disabled state
-              "data-disabled:border-zinc-950/20 data-disabled:opacity-100 dark:data-disabled:border-white/15 dark:data-disabled:bg-white/2.5 dark:data-hover:data-disabled:border-white/15"
-            ])
-          }
-        ),
-        !multiple && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "svg",
-          {
-            className: "size-5 stroke-zinc-500 group-has-data-disabled:stroke-zinc-600 sm:size-4 dark:stroke-zinc-400 forced-colors:stroke-[CanvasText]",
-            viewBox: "0 0 16 16",
-            "aria-hidden": "true",
-            fill: "none",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "path",
-                {
-                  d: "M5.75 10.75L8 13L10.25 10.75",
-                  strokeWidth: 1.5,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "path",
-                {
-                  d: "M10.25 5.25L8 3L5.75 5.25",
-                  strokeWidth: 1.5,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-});
-var Label3 = React11__namespace.default.forwardRef(
-  ({ children, className = "", required = false, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        ref,
-        className: `block text-sm font-medium text-gray-700 ${className}`,
-        ...props,
-        children: [
-          children,
-          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 ml-1", children: "*" })
-        ]
-      }
-    );
-  }
-);
-Label3.displayName = "Label";
-function SwitchGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "control",
-      ...props,
-      className: clsx__default.default(
-        className,
-        // Basic groups
-        "space-y-3 **:data-[slot=label]:font-normal",
-        // With descriptions
-        "has-data-[slot=description]:space-y-6 has-data-[slot=description]:**:data-[slot=label]:font-medium"
-      )
-    }
-  );
-}
-function SwitchField({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Field,
-    {
-      "data-slot": "field",
-      ...props,
-      className: clsx__default.default(
-        className,
-        // Base layout
-        "grid grid-cols-[1fr_auto] gap-x-8 gap-y-1 sm:grid-cols-[1fr_auto]",
-        // Control layout
-        "*:data-[slot=control]:col-start-2 *:data-[slot=control]:self-start sm:*:data-[slot=control]:mt-0.5",
-        // Label layout
-        "*:data-[slot=label]:col-start-1 *:data-[slot=label]:row-start-1",
-        // Description layout
-        "*:data-[slot=description]:col-start-1 *:data-[slot=description]:row-start-2",
-        // With description
-        "has-data-[slot=description]:**:data-[slot=label]:font-medium"
-      )
-    }
-  );
-}
-var colors2 = {
-  "dark/zinc": [
-    "[--switch-bg-ring:var(--color-zinc-950)]/90 [--switch-bg:var(--color-zinc-900)] dark:[--switch-bg-ring:transparent] dark:[--switch-bg:var(--color-white)]/25",
-    "[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white] dark:[--switch-ring:var(--color-zinc-700)]/90"
-  ],
-  "dark/white": [
-    "[--switch-bg-ring:var(--color-zinc-950)]/90 [--switch-bg:var(--color-zinc-900)] dark:[--switch-bg-ring:transparent] dark:[--switch-bg:var(--color-white)]",
-    "[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white] dark:[--switch-ring:transparent] dark:[--switch:var(--color-zinc-900)]"
-  ],
-  dark: [
-    "[--switch-bg-ring:var(--color-zinc-950)]/90 [--switch-bg:var(--color-zinc-900)] dark:[--switch-bg-ring:var(--color-white)]/15",
-    "[--switch-ring:var(--color-zinc-950)]/90 [--switch-shadow:var(--color-black)]/10 [--switch:white]"
-  ],
-  zinc: [
-    "[--switch-bg-ring:var(--color-zinc-700)]/90 [--switch-bg:var(--color-zinc-600)] dark:[--switch-bg-ring:transparent]",
-    "[--switch-shadow:var(--color-black)]/10 [--switch:white] [--switch-ring:var(--color-zinc-700)]/90"
-  ],
-  white: [
-    "[--switch-bg-ring:var(--color-black)]/15 [--switch-bg:white] dark:[--switch-bg-ring:transparent]",
-    "[--switch-shadow:var(--color-black)]/10 [--switch-ring:transparent] [--switch:var(--color-zinc-950)]"
-  ],
-  red: [
-    "[--switch-bg-ring:var(--color-red-700)]/90 [--switch-bg:var(--color-red-600)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-red-700)]/90 [--switch-shadow:var(--color-red-900)]/20"
-  ],
-  orange: [
-    "[--switch-bg-ring:var(--color-orange-600)]/90 [--switch-bg:var(--color-orange-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-orange-600)]/90 [--switch-shadow:var(--color-orange-900)]/20"
-  ],
-  amber: [
-    "[--switch-bg-ring:var(--color-amber-500)]/80 [--switch-bg:var(--color-amber-400)] dark:[--switch-bg-ring:transparent]",
-    "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-amber-950)]"
-  ],
-  yellow: [
-    "[--switch-bg-ring:var(--color-yellow-400)]/80 [--switch-bg:var(--color-yellow-300)] dark:[--switch-bg-ring:transparent]",
-    "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-yellow-950)]"
-  ],
-  lime: [
-    "[--switch-bg-ring:var(--color-lime-400)]/80 [--switch-bg:var(--color-lime-300)] dark:[--switch-bg-ring:transparent]",
-    "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-lime-950)]"
-  ],
-  green: [
-    "[--switch-bg-ring:var(--color-green-700)]/90 [--switch-bg:var(--color-green-600)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-green-700)]/90 [--switch-shadow:var(--color-green-900)]/20"
-  ],
-  emerald: [
-    "[--switch-bg-ring:var(--color-emerald-600)]/90 [--switch-bg:var(--color-emerald-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-emerald-600)]/90 [--switch-shadow:var(--color-emerald-900)]/20"
-  ],
-  teal: [
-    "[--switch-bg-ring:var(--color-teal-700)]/90 [--switch-bg:var(--color-teal-600)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-teal-700)]/90 [--switch-shadow:var(--color-teal-900)]/20"
-  ],
-  cyan: [
-    "[--switch-bg-ring:var(--color-cyan-400)]/80 [--switch-bg:var(--color-cyan-300)] dark:[--switch-bg-ring:transparent]",
-    "[--switch-ring:transparent] [--switch-shadow:transparent] [--switch:var(--color-cyan-950)]"
-  ],
-  sky: [
-    "[--switch-bg-ring:var(--color-sky-600)]/80 [--switch-bg:var(--color-sky-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-sky-600)]/80 [--switch-shadow:var(--color-sky-900)]/20"
-  ],
-  blue: [
-    "[--switch-bg-ring:var(--color-blue-700)]/90 [--switch-bg:var(--color-blue-600)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-blue-700)]/90 [--switch-shadow:var(--color-blue-900)]/20"
-  ],
-  indigo: [
-    "[--switch-bg-ring:var(--color-indigo-600)]/90 [--switch-bg:var(--color-indigo-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-indigo-600)]/90 [--switch-shadow:var(--color-indigo-900)]/20"
-  ],
-  violet: [
-    "[--switch-bg-ring:var(--color-violet-600)]/90 [--switch-bg:var(--color-violet-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-violet-600)]/90 [--switch-shadow:var(--color-violet-900)]/20"
-  ],
-  purple: [
-    "[--switch-bg-ring:var(--color-purple-600)]/90 [--switch-bg:var(--color-purple-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-purple-600)]/90 [--switch-shadow:var(--color-purple-900)]/20"
-  ],
-  fuchsia: [
-    "[--switch-bg-ring:var(--color-fuchsia-600)]/90 [--switch-bg:var(--color-fuchsia-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-fuchsia-600)]/90 [--switch-shadow:var(--color-fuchsia-900)]/20"
-  ],
-  pink: [
-    "[--switch-bg-ring:var(--color-pink-600)]/90 [--switch-bg:var(--color-pink-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-pink-600)]/90 [--switch-shadow:var(--color-pink-900)]/20"
-  ],
-  rose: [
-    "[--switch-bg-ring:var(--color-rose-600)]/90 [--switch-bg:var(--color-rose-500)] dark:[--switch-bg-ring:transparent]",
-    "[--switch:white] [--switch-ring:var(--color-rose-600)]/90 [--switch-shadow:var(--color-rose-900)]/20"
-  ]
-};
-function Switch2({
-  color = "dark/zinc",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Switch,
-    {
-      "data-slot": "control",
-      ...props,
-      className: clsx__default.default(
-        className,
-        // Base styles
-        "group relative isolate inline-flex h-6 w-10 cursor-default rounded-full p-[3px] sm:h-5 sm:w-8",
-        // Transitions
-        "transition duration-0 ease-in-out data-changing:duration-200",
-        // Outline and background color in forced-colors mode so switch is still visible
-        "forced-colors:outline forced-colors:[--switch-bg:Highlight] dark:forced-colors:[--switch-bg:Highlight]",
-        // Unchecked
-        "bg-zinc-200 ring-1 ring-black/5 ring-inset dark:bg-white/5 dark:ring-white/15",
-        // Checked
-        "data-checked:bg-(--switch-bg) data-checked:ring-(--switch-bg-ring) dark:data-checked:bg-(--switch-bg) dark:data-checked:ring-(--switch-bg-ring)",
-        // Focus
-        "focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-blue-500",
-        // Hover
-        "data-hover:ring-black/15 data-hover:data-checked:ring-(--switch-bg-ring)",
-        "dark:data-hover:ring-white/25 dark:data-hover:data-checked:ring-(--switch-bg-ring)",
-        // Disabled
-        "data-disabled:bg-zinc-200 data-disabled:opacity-50 data-disabled:data-checked:bg-zinc-200 data-disabled:data-checked:ring-black/5",
-        "dark:data-disabled:bg-white/15 dark:data-disabled:data-checked:bg-white/15 dark:data-disabled:data-checked:ring-white/15",
-        // Color specific styles
-        colors2[color]
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: clsx__default.default(
-            // Basic layout
-            "pointer-events-none relative inline-block size-4.5 rounded-full sm:size-3.5",
-            // Transition
-            "translate-x-0 transition duration-200 ease-in-out",
-            // Invisible border so the switch is still visible in forced-colors mode
-            "border border-transparent",
-            // Unchecked
-            "bg-white shadow-sm ring-1 ring-black/5",
-            // Checked
-            "group-data-checked:bg-(--switch) group-data-checked:shadow-(--switch-shadow) group-data-checked:ring-(--switch-ring)",
-            "group-data-checked:translate-x-4 sm:group-data-checked:translate-x-3",
-            // Disabled
-            "group-data-checked:group-data-disabled:bg-white group-data-checked:group-data-disabled:shadow-sm group-data-checked:group-data-disabled:ring-black/5"
-          )
-        }
-      )
-    }
-  );
-}
-function DropdownButton({
-  as = Button6,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless11__namespace.MenuButton, { as, ...props });
-}
-function DropdownMenu({
-  anchor = "bottom",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.MenuItems,
-    {
-      ...props,
-      transition: true,
-      anchor,
-      className: clsx__default.default(
-        className,
-        // Anchor positioning
-        "[--anchor-gap:--spacing(2)] [--anchor-padding:--spacing(1)] data-[anchor~=end]:[--anchor-offset:6px] data-[anchor~=start]:[--anchor-offset:-6px] sm:data-[anchor~=end]:[--anchor-offset:4px] sm:data-[anchor~=start]:[--anchor-offset:-4px]",
-        // Base styles
-        "isolate w-max rounded-xl p-1",
-        // Invisible border that is only visible in `forced-colors` mode for accessibility purposes
-        "outline outline-transparent focus:outline-hidden",
-        // Handle scrolling when menu won't fit in viewport
-        "overflow-y-auto",
-        // Popover background
-        "bg-white/75 backdrop-blur-xl dark:bg-zinc-800/75",
-        // Shadows
-        "shadow-lg ring-1 ring-zinc-950/10 dark:ring-white/10 dark:ring-inset",
-        // Define grid at the menu level if subgrid is supported
-        "supports-[grid-template-columns:subgrid]:grid supports-[grid-template-columns:subgrid]:grid-cols-[auto_1fr_1.5rem_0.5rem_auto]",
-        // Transitions
-        "transition data-leave:duration-100 data-leave:ease-in data-closed:data-leave:opacity-0"
-      )
-    }
-  );
-}
-function DropdownItem({
-  className,
-  ...props
-}) {
-  const classes = clsx__default.default(
-    className,
-    // Base styles
-    "group cursor-default rounded-lg px-3.5 py-2.5 focus:outline-hidden sm:px-3 sm:py-1.5",
-    // Text styles
-    "text-left text-base/6 text-zinc-950 sm:text-sm/6 dark:text-white forced-colors:text-[CanvasText]",
-    // Focus
-    "data-focus:bg-blue-500 data-focus:text-white",
-    // Disabled state
-    "data-disabled:opacity-50",
-    // Forced colors mode
-    "forced-color-adjust-none forced-colors:data-focus:bg-[Highlight] forced-colors:data-focus:text-[HighlightText] forced-colors:data-focus:*:data-[slot=icon]:text-[HighlightText]",
-    // Use subgrid when available but fallback to an explicit grid layout if not
-    "col-span-full grid grid-cols-[auto_1fr_1.5rem_0.5rem_auto] items-center supports-[grid-template-columns:subgrid]:grid-cols-subgrid",
-    // Icons
-    "*:data-[slot=icon]:col-start-1 *:data-[slot=icon]:row-start-1 *:data-[slot=icon]:mr-2.5 *:data-[slot=icon]:-ml-0.5 *:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:mr-2 sm:*:data-[slot=icon]:size-4",
-    "*:data-[slot=icon]:text-zinc-500 data-focus:*:data-[slot=icon]:text-white dark:*:data-[slot=icon]:text-zinc-400 dark:data-focus:*:data-[slot=icon]:text-white",
-    // Avatar
-    "*:data-[slot=avatar]:mr-2.5 *:data-[slot=avatar]:-ml-1 *:data-[slot=avatar]:size-6 sm:*:data-[slot=avatar]:mr-2 sm:*:data-[slot=avatar]:size-5"
-  );
-  return "href" in props ? /* @__PURE__ */ jsxRuntime.jsx(Headless11__namespace.MenuItem, { as: Link4, ...props, className: classes }) : /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.MenuItem,
-    {
-      as: "button",
-      type: "button",
-      ...props,
-      className: classes
-    }
-  );
-}
-function DropdownHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      className: clsx__default.default(className, "col-span-5 px-3.5 pt-2.5 pb-1 sm:px-3")
-    }
-  );
-}
-function DropdownSection({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.MenuSection,
-    {
-      ...props,
-      className: clsx__default.default(
-        className,
-        // Define grid at the section level instead of the item level if subgrid is supported
-        "col-span-full supports-[grid-template-columns:subgrid]:grid supports-[grid-template-columns:subgrid]:grid-cols-[auto_1fr_1.5rem_0.5rem_auto]"
-      )
-    }
-  );
-}
-function DropdownHeading({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.MenuHeading,
-    {
-      ...props,
-      className: clsx__default.default(
-        className,
-        "col-span-full grid grid-cols-[1fr_auto] gap-x-12 px-3.5 pt-2 pb-1 text-sm/5 font-medium text-zinc-500 sm:px-3 sm:text-xs/5 dark:text-zinc-400"
-      )
-    }
-  );
-}
-function DropdownDivider({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.MenuSeparator,
-    {
-      ...props,
-      className: clsx__default.default(
-        className,
-        "col-span-full mx-3.5 my-1 h-px border-0 bg-zinc-950/5 sm:mx-3 dark:bg-white/10 forced-colors:bg-[CanvasText]"
-      )
-    }
-  );
-}
-function DropdownLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      "data-slot": "label",
-      className: clsx__default.default(className, "col-start-2 row-start-1"),
-      ...props
-    }
-  );
-}
-function DropdownDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Description,
-    {
-      "data-slot": "description",
-      ...props,
-      className: clsx__default.default(
-        className,
-        "col-span-2 col-start-2 row-start-2 text-sm/5 text-zinc-500 group-data-focus:text-white sm:text-xs/5 dark:text-zinc-400 forced-colors:group-data-focus:text-[HighlightText]"
-      )
-    }
-  );
-}
-function DropdownShortcut({
-  keys,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Headless11__namespace.Description,
-    {
-      as: "kbd",
-      ...props,
-      className: clsx__default.default(
-        className,
-        "col-start-5 row-start-1 flex justify-self-end"
-      ),
-      children: (Array.isArray(keys) ? keys : keys.split("")).map((char, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        "kbd",
-        {
-          className: clsx__default.default([
-            "min-w-[2ch] text-center font-sans text-zinc-400 capitalize group-data-focus:text-white forced-colors:group-data-focus:text-[HighlightText]",
-            // Make sure key names that are longer than one character (like "Tab") have extra space
-            index > 0 && char.length > 1 && "pl-1"
-          ]),
-          children: char
-        },
-        index
-      ))
-    }
-  );
-}
-var Card2 = React11.memo(function Card3({
-  children,
-  className,
-  padding = "md",
-  variant = "default",
-  hover = false,
-  loading = false,
-  onClick
-}) {
-  const paddingClasses = {
-    none: "",
-    sm: "p-3 sm:p-4",
-    md: "p-4 sm:p-6",
-    lg: "p-6 sm:p-8"
-  };
-  const variantClasses2 = {
-    default: "bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 shadow-sm",
-    elevated: "bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 shadow-md",
-    outlined: "bg-transparent border-2 border-zinc-300 dark:border-zinc-600",
-    flat: "bg-zinc-50 dark:bg-zinc-800/50"
-  };
-  const hoverClasses = hover || onClick ? "hover:shadow-lg transition-shadow duration-200" : "";
-  const clickableClasses = onClick ? "cursor-pointer" : "";
-  const loadingClasses = loading ? "opacity-75 pointer-events-none" : "";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      className: clsx__default.default(
-        "rounded-lg",
-        variantClasses2[variant],
-        paddingClasses[padding],
-        hoverClasses,
-        clickableClasses,
-        loadingClasses,
-        className
-      ),
-      onClick,
-      onKeyDown: onClick ? (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onClick();
-        }
-      } : void 0,
-      children
-    }
-  );
-});
-var CardHeader2 = React11.memo(function CardHeader3({
-  title,
-  subtitle,
-  actions,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("mb-4", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100 truncate", children: title }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2", children: subtitle })
-      ] }),
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 flex items-center gap-2", children: actions })
-    ] }),
-    children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children })
-  ] });
-});
-var CardTitle2 = React11.memo(function CardTitle3({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "h3",
-    {
-      className: clsx__default.default(
-        "text-lg font-semibold text-zinc-900 dark:text-zinc-100",
-        className
-      ),
-      children
-    }
-  );
-});
-var CardDescription2 = React11.memo(function CardDescription3({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx__default.default("text-sm text-zinc-600 dark:text-zinc-400", className), children });
-});
-var CardContent2 = React11.memo(function CardContent3({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default("text-zinc-600 dark:text-zinc-400", className), children });
-});
-var CardFooter2 = React11.memo(function CardFooter3({
-  children,
-  className,
-  justify = "end"
-}) {
-  const justifyClasses = {
-    start: "justify-start",
-    center: "justify-center",
-    end: "justify-end",
-    between: "justify-between"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: clsx__default.default(
-        "mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-700 flex items-center gap-2",
-        justifyClasses[justify],
-        className
-      ),
-      children
-    }
-  );
-});
-var StatCard2 = React11.memo(function StatCard3({
-  title,
-  value,
-  subtitle,
-  icon,
-  trend,
-  loading = false,
-  className
-}) {
-  const trendColors = {
-    up: "text-green-600 dark:text-green-400",
-    down: "text-red-600 dark:text-red-400",
-    neutral: "text-zinc-600 dark:text-zinc-400"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Card2, { variant: "elevated", hover: true, className, loading, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start", children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 mr-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg bg-zinc-100 dark:bg-zinc-700 flex items-center justify-center", children: icon }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-zinc-600 dark:text-zinc-400 truncate", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-baseline", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: loading ? "..." : value }),
-        trend && !loading && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: clsx__default.default(
-              "ml-2 flex items-center text-sm",
-              trendColors[trend.direction]
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: trend.direction === "up" ? "\u2197" : trend.direction === "down" ? "\u2198" : "\u2192" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1", children: [
-                trend.value,
-                "%"
-              ] })
-            ]
-          }
-        )
-      ] }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: subtitle }),
-      trend && !loading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-500", children: trend.label })
-    ] })
-  ] }) });
-});
-var Progress = React11__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  ProgressPrimitive__namespace.Root,
-  {
-    ref,
-    className: clsx__default.default(
-      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      ProgressPrimitive__namespace.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-function validatePasswordStrength(password) {
-  return {
-    minLength: password.length >= 8,
-    hasUppercase: /[A-Z]/.test(password),
-    hasLowercase: /[a-z]/.test(password),
-    hasNumber: /\d/.test(password),
-    hasSpecial: /[!@#$%^&*()_+\-=]/.test(password)
-  };
-}
-function RequirementCheck({
-  met,
-  label
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1.5 text-xs", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: `flex-shrink-0 w-3.5 h-3.5 rounded-full flex items-center justify-center text-[10px] font-bold ${met ? "bg-emerald-500 text-white" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-400 dark:text-zinc-500"}`,
-        children: met ? "\u2713" : ""
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: met ? "text-emerald-600 dark:text-emerald-400" : "text-zinc-500 dark:text-zinc-400",
-        children: label
-      }
-    )
-  ] });
-}
-var PasswordInput2 = React11.forwardRef(
-  function PasswordInput3({ className = "", variant = "default", showStrength = false, onChange, ...props }, ref) {
-    const [showPassword, setShowPassword] = React11.useState(false);
-    const [internalValue, setInternalValue] = React11.useState("");
-    const t = nextIntl.useTranslations();
-    const handleChange = (e) => {
-      setInternalValue(e.target.value);
-      onChange?.(e);
-    };
-    const strength = React11.useMemo(
-      () => validatePasswordStrength(internalValue),
-      [internalValue]
-    );
-    const metCount = React11.useMemo(() => {
-      const checks = Object.values(strength);
-      return checks.filter(Boolean).length;
-    }, [strength]);
-    const strengthLevel = React11.useMemo(() => {
-      if (metCount <= 2) return "weak";
-      if (metCount <= 4) return "medium";
-      return "strong";
-    }, [metCount]);
-    const strengthBarColor = {
-      weak: "bg-red-500",
-      medium: "bg-amber-500",
-      strong: "bg-emerald-500"
-    }[strengthLevel];
-    const strengthBarWidth = {
-      weak: "w-1/3",
-      medium: "w-2/3",
-      strong: "w-full"
-    }[strengthLevel];
-    const baseInputClasses = variant === "apple" ? "w-full px-4 py-3 pr-12 text-[17px] bg-white dark:bg-zinc-800 border border-[#d2d2d7] dark:border-zinc-700 text-[#1d1d1f] dark:text-white placeholder-[#86868b] dark:placeholder-zinc-500 rounded-xl focus:outline-none focus:ring-2 focus:ring-[#0071e3] transition-all" : "w-full px-4 py-3.5 pr-12 text-base rounded-xl border transition-all duration-300 text-zinc-900 dark:text-white placeholder-zinc-500 dark:placeholder-zinc-500 focus:outline-none focus:ring-2 focus:border-transparent";
-    const buttonClasses = variant === "apple" ? "absolute top-1/2 -translate-y-1/2 right-3 p-1.5 hover:bg-[#f5f5f7] dark:hover:bg-zinc-700 rounded-lg transition-colors" : "absolute top-1/2 -translate-y-1/2 right-3 p-2 hover:bg-zinc-200/50 dark:hover:bg-zinc-700/50 rounded-lg transition-all duration-200";
-    const iconClasses = variant === "apple" ? "h-5 w-5 text-[#86868b] dark:text-zinc-400" : "h-5 w-5 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200";
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ref,
-            type: showPassword ? "text" : "password",
-            className: `${baseInputClasses} ${className}`,
-            onChange: handleChange,
-            ...props
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setShowPassword(!showPassword),
-            className: buttonClasses,
-            "aria-label": showPassword ? t("aria.hidePassword") : t("aria.showPassword"),
-            children: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.EyeSlashIcon, { className: iconClasses }) : /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.EyeIcon, { className: iconClasses })
-          }
-        )
-      ] }),
-      showStrength && internalValue.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-1.5 bg-zinc-200 dark:bg-zinc-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: `h-full rounded-full transition-all duration-300 ${strengthBarColor} ${strengthBarWidth}`
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: `text-xs font-medium ${strengthLevel === "weak" ? "text-red-500" : strengthLevel === "medium" ? "text-amber-500" : "text-emerald-500"}`,
-              children: t(`login.passwordStrength.${strengthLevel}`)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RequirementCheck,
-            {
-              met: strength.minLength,
-              label: t("login.passwordRequirements.minLength")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RequirementCheck,
-            {
-              met: strength.hasUppercase,
-              label: t("login.passwordRequirements.uppercase")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RequirementCheck,
-            {
-              met: strength.hasLowercase,
-              label: t("login.passwordRequirements.lowercase")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RequirementCheck,
-            {
-              met: strength.hasNumber,
-              label: t("login.passwordRequirements.number")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RequirementCheck,
-            {
-              met: strength.hasSpecial,
-              label: t("login.passwordRequirements.special")
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-);
-var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.List,
-  {
-    ref,
-    className: clsx__default.default(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-0.5 text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: clsx__default.default(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-      className
-    ),
-    ...props
-  }
-));
-TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.Content,
-  {
-    ref,
-    className: clsx__default.default(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var SliderInput = ({
-  id,
-  label,
-  value,
-  onChange,
-  min,
-  max,
-  step,
-  suffix = "",
-  tooltip,
-  formatDisplay,
-  showValue = true
-}) => {
-  const tAria = nextIntl.useTranslations("aria");
-  const tCommon = nextIntl.useTranslations("common");
-  const [showTooltip, setShowTooltip] = React11.useState(false);
-  const safeValue = typeof value === "number" && !isNaN(value) ? value : min;
-  const percentage = (safeValue - min) / (max - min) * 100;
-  const displayValue = formatDisplay ? formatDisplay(safeValue) : safeValue.toFixed(step < 1 ? 2 : 0);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "label",
-          {
-            htmlFor: id,
-            className: "text-sm font-medium text-zinc-700 dark:text-zinc-300",
-            children: label
-          }
-        ),
-        tooltip && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onMouseEnter: () => setShowTooltip(true),
-              onMouseLeave: () => setShowTooltip(false),
-              className: "w-4 h-4 rounded-full bg-zinc-200 dark:bg-zinc-700 text-zinc-600 dark:text-zinc-400 text-xs flex items-center justify-center hover:bg-zinc-300 dark:hover:bg-zinc-600 transition-colors",
-              "aria-label": tAria("info"),
-              children: "?"
-            }
-          ),
-          showTooltip && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-6 top-0 z-10 w-64 p-3 bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 text-xs rounded-lg shadow-lg", children: [
-            tooltip,
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 top-2 -translate-x-1 w-2 h-2 bg-zinc-900 dark:bg-zinc-100 rotate-45" })
-          ] })
-        ] })
-      ] }),
-      showValue && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: [
-        displayValue,
-        suffix
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 relative", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          id,
-          type: "range",
-          min,
-          max,
-          step,
-          value: safeValue,
-          onChange: (e) => onChange(Number(e.target.value)),
-          className: "w-full h-2 bg-zinc-200 dark:bg-zinc-700 rounded-lg appearance-none cursor-pointer slider-thumb",
-          "aria-label": label,
-          style: {
-            background: `linear-gradient(to right, rgb(59 130 246) 0%, rgb(59 130 246) ${percentage}%, rgb(228 228 231) ${percentage}%, rgb(228 228 231) 100%)`
-          }
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "number",
-          min,
-          max,
-          step,
-          value: safeValue,
-          onChange: (e) => onChange(Number(e.target.value)),
-          className: "w-24 px-3 py-1.5 text-sm border border-zinc-300 dark:border-zinc-600 rounded-md bg-white dark:bg-zinc-800 text-zinc-900 dark:text-zinc-100 focus:ring-2 focus:ring-blue-500 focus:border-transparent",
-          "aria-label": `${label} (${tCommon("number")})`
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-        .slider-thumb::-webkit-slider-thumb {
-          appearance: none;
-          width: 18px;
-          height: 18px;
-          border-radius: 50%;
-          background: rgb(59 130 246);
-          cursor: pointer;
-          border: 2px solid white;
-          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-        }
-
-        .slider-thumb::-moz-range-thumb {
-          width: 18px;
-          height: 18px;
-          border-radius: 50%;
-          background: rgb(59 130 246);
-          cursor: pointer;
-          border: 2px solid white;
-          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-        }
-
-        .slider-thumb::-webkit-slider-thumb:hover {
-          background: rgb(37 99 235);
-        }
-
-        .slider-thumb::-moz-range-thumb:hover {
-          background: rgb(37 99 235);
-        }
-      ` })
-  ] });
-};
 function DataPagination({
   pagination,
-  params,
   onUpdate,
   loading = false,
-  showSearch = true,
-  searchPlaceholder,
-  showPageSize = true,
-  pageSizeOptions = [10, 20, 50, 100]
+  showPageSize = false,
+  pageSizeOptions = [10, 20, 50],
+  params
 }) {
-  const tSearch = nextIntl.useTranslations("search");
-  const tPagination = nextIntl.useTranslations("pagination");
-  const tCommon = nextIntl.useTranslations("common");
-  const tAria = nextIntl.useTranslations("aria");
-  const [localSearchValue, setLocalSearchValue] = React11.useState(params.search || "");
-  React11.useEffect(() => {
-    const timeoutId = setTimeout(() => {
-      if (localSearchValue !== params.search) {
-        onUpdate({ search: localSearchValue, page: 1 });
-      }
-    }, 500);
-    return () => clearTimeout(timeoutId);
-  }, [localSearchValue, onUpdate, params.search]);
-  React11.useEffect(() => {
-    if (localSearchValue !== params.search) {
-      setLocalSearchValue(params.search || "");
-    }
-  }, [params.search, localSearchValue]);
-  const handleSearchChange = (value) => {
-    setLocalSearchValue(value);
-  };
-  const handlePageSizeChange = (value) => {
-    onUpdate({ limit: parseInt(value), page: 1 });
-  };
-  const handlePageChange = (page) => {
-    onUpdate({ page });
-  };
   const effectivePageSize = pagination.pageSize ?? pagination.limit ?? 10;
-  const skip = (pagination.page - 1) * effectivePageSize;
-  const startItem = skip + 1;
-  const endItem = Math.min(skip + effectivePageSize, pagination.total);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-4", children: [
-    showSearch && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-3 sm:space-y-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-full sm:max-w-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-        Input3,
+  const from = (pagination.page - 1) * effectivePageSize + 1;
+  const to = Math.min(pagination.page * effectivePageSize, pagination.total);
+  const handlePageChange = (page) => onUpdate({ page });
+  const handlePageSizeChange = (value) => onUpdate({ limit: parseInt(value), page: 1 });
+  if (pagination.totalPages <= 1 && !showPageSize) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-2xl liquid-surface px-4 py-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm tabular-nums text-slate-600 dark:text-slate-400", children: [
+      from,
+      "\u2013",
+      to,
+      " / ",
+      pagination.total
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      showPageSize && /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
         {
-          type: "text",
-          placeholder: searchPlaceholder || tSearch("placeholder"),
-          value: localSearchValue,
-          onChange: (e) => handleSearchChange(e.target.value),
+          value: params?.limit ?? effectivePageSize,
+          onChange: (event) => handlePageSizeChange(event.target.value),
           disabled: loading,
-          className: "w-full min-h-[44px] text-base sm:text-sm"
+          className: "rounded-xl liquid-surface px-2 py-1.5 text-xs font-medium text-slate-700 outline-none dark:text-slate-300",
+          children: pageSizeOptions.map((size) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: size, children: size }, size))
         }
-      ) }),
-      showPageSize && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 sm:hidden", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 whitespace-nowrap", children: tPagination("itemsPerPage") }),
+      ),
+      pagination.totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex items-center gap-1", "aria-label": "Pagination", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          "select",
+          "button",
+          {
+            type: "button",
+            disabled: pagination.page <= 1 || loading,
+            onClick: () => handlePageChange(pagination.page - 1),
+            className: "inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-500 transition hover:bg-white/40 disabled:opacity-30 dark:text-slate-400 dark:hover:bg-white/[0.08]",
+            children: /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronLeftIcon, { className: "h-5 w-5" })
+          }
+        ),
+        getPageNumbers(pagination.page, pagination.totalPages).map(
+          (page, index) => page === "..." ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "inline-flex h-9 w-6 items-center justify-center text-xs text-slate-400",
+              children: "\u2026"
+            },
+            `ellipsis-${index}`
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              disabled: loading,
+              onClick: () => handlePageChange(page),
+              "aria-current": page === pagination.page ? "page" : void 0,
+              className: `inline-flex h-9 min-w-9 items-center justify-center rounded-xl px-2 text-sm font-medium transition ${page === pagination.page ? "liquid-surface liquid-surface-active text-slate-900 dark:text-white" : "text-slate-500 hover:bg-white/40 dark:text-slate-400 dark:hover:bg-white/[0.08]"}`,
+              children: page
+            },
+            `page-${page}`
+          )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
           {
-            value: params.limit,
-            onChange: (e) => handlePageSizeChange(e.target.value),
-            disabled: loading,
-            className: "rounded-md border border-zinc-300 dark:border-zinc-600 bg-white dark:bg-zinc-800 px-3 py-2 min-h-[44px] text-sm font-medium text-zinc-700 dark:text-zinc-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 touch-manipulation",
-            children: pageSizeOptions.map((size) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: size, children: size }, size))
+            type: "button",
+            disabled: pagination.page >= pagination.totalPages || loading,
+            onClick: () => handlePageChange(pagination.page + 1),
+            className: "inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-500 transition hover:bg-white/40 disabled:opacity-30 dark:text-slate-400 dark:hover:bg-white/[0.08]",
+            children: /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronRightIcon, { className: "h-5 w-5" })
           }
         )
       ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: `flex items-center justify-between bg-white dark:bg-zinc-800 rounded-lg shadow hover:shadow-md transition-all duration-200 px-6 py-4 ${loading ? "opacity-75 pointer-events-none" : "opacity-100"}`,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 justify-between items-center sm:hidden", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                onClick: () => handlePageChange(pagination.page - 1),
-                disabled: !pagination.hasPrev || loading,
-                className: "relative inline-flex items-center rounded-lg border border-zinc-300 dark:border-zinc-600 bg-white dark:bg-zinc-800 px-6 py-3 min-h-[44px] text-sm font-medium text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-700 disabled:opacity-50 disabled:cursor-not-allowed touch-manipulation",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronLeftIcon, { className: "h-5 w-5 mr-1" }),
-                  tPagination("previous")
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-xs text-zinc-600 dark:text-zinc-400", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
-                pagination.page,
-                " / ",
-                pagination.totalPages
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                pagination.total,
-                " ",
-                tCommon("items")
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                onClick: () => handlePageChange(pagination.page + 1),
-                disabled: !pagination.hasNext || loading,
-                className: "relative inline-flex items-center rounded-lg border border-zinc-300 dark:border-zinc-600 bg-white dark:bg-zinc-800 px-6 py-3 min-h-[44px] text-sm font-medium text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-700 disabled:opacity-50 disabled:cursor-not-allowed touch-manipulation",
-                children: [
-                  tPagination("next"),
-                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronRightIcon, { className: "h-5 w-5 ml-1" })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-indigo-600" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: tPagination("showing", {
-                  start: String(startItem),
-                  end: String(endItem),
-                  total: String(pagination.total)
-                }) })
-              ] }),
-              showPageSize && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden sm:flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 whitespace-nowrap", children: tPagination("itemsPerPage") }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "select",
-                  {
-                    value: params.limit,
-                    onChange: (e) => handlePageSizeChange(e.target.value),
-                    disabled: loading,
-                    className: "rounded-md border border-zinc-300 dark:border-zinc-600 bg-white dark:bg-zinc-800 px-3 py-1 text-sm font-medium text-zinc-700 dark:text-zinc-300 focus:outline-none focus:ring-2 focus:ring-indigo-500",
-                    children: pageSizeOptions.map((size) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: size, children: size }, size))
-                  }
-                )
-              ] })
-            ] }),
-            pagination.totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
-              "nav",
-              {
-                "aria-label": tAria("pagination"),
-                className: "isolate inline-flex -space-x-px rounded-md shadow-sm",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      onClick: () => handlePageChange(pagination.page - 1),
-                      disabled: !pagination.hasPrev || loading,
-                      className: "relative inline-flex items-center justify-center rounded-l-md px-3 py-2 min-h-[44px] min-w-[44px] text-zinc-400 ring-1 ring-zinc-300 dark:ring-zinc-600 ring-inset hover:bg-zinc-50 dark:hover:bg-zinc-700 focus:z-20 focus:outline-offset-0 disabled:opacity-50 disabled:cursor-not-allowed touch-manipulation",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: tPagination("previous") }),
-                        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronLeftIcon, { "aria-hidden": "true", className: "h-5 w-5" })
-                      ]
-                    }
-                  ),
-                  getPageNumbers(pagination.page, pagination.totalPages).map(
-                    (page, index) => page === "..." ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        className: "relative inline-flex items-center px-4 py-2 text-sm font-semibold text-zinc-700 dark:text-zinc-300 ring-1 ring-zinc-300 dark:ring-zinc-600 ring-inset focus:outline-offset-0",
-                        children: "..."
-                      },
-                      `ellipsis-${index}`
-                    ) : /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        onClick: () => handlePageChange(page),
-                        disabled: loading,
-                        "aria-current": page === pagination.page ? "page" : void 0,
-                        className: `relative inline-flex items-center justify-center px-4 py-2 min-h-[44px] min-w-[44px] text-sm font-semibold focus:z-20 focus:outline-offset-0 touch-manipulation ${page === pagination.page ? "z-10 bg-indigo-600 text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" : "text-zinc-900 dark:text-zinc-300 ring-1 ring-zinc-300 dark:ring-zinc-600 ring-inset hover:bg-zinc-50 dark:hover:bg-zinc-700"}`,
-                        children: page
-                      },
-                      `page-${page}`
-                    )
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      onClick: () => handlePageChange(pagination.page + 1),
-                      disabled: !pagination.hasNext || loading,
-                      className: "relative inline-flex items-center justify-center rounded-r-md px-3 py-2 min-h-[44px] min-w-[44px] text-zinc-400 ring-1 ring-zinc-300 dark:ring-zinc-600 ring-inset hover:bg-zinc-50 dark:hover:bg-zinc-700 focus:z-20 focus:outline-offset-0 disabled:opacity-50 disabled:cursor-not-allowed touch-manipulation",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: tPagination("next") }),
-                        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronRightIcon, { "aria-hidden": "true", className: "h-5 w-5" })
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    )
+    ] })
   ] });
 }
 function getPageNumbers(currentPage, totalPages) {
   if (totalPages <= 7) {
     return Array.from({ length: totalPages }, (_, i) => i + 1);
   }
-  const pages = [];
-  pages.push(1);
+  const pages = [1];
   if (currentPage <= 4) {
-    for (let i = 2; i <= Math.min(5, totalPages); i++) {
-      pages.push(i);
-    }
+    for (let i = 2; i <= Math.min(5, totalPages); i++) pages.push(i);
     if (totalPages > 5) {
       pages.push("...");
       pages.push(totalPages);
     }
   } else if (currentPage >= totalPages - 3) {
     pages.push("...");
-    for (let i = Math.max(totalPages - 4, 2); i <= totalPages; i++) {
+    for (let i = Math.max(totalPages - 4, 2); i <= totalPages; i++)
       pages.push(i);
-    }
   } else {
     pages.push("...");
-    for (let i = currentPage - 1; i <= currentPage + 1; i++) {
-      pages.push(i);
-    }
+    for (let i = currentPage - 1; i <= currentPage + 1; i++) pages.push(i);
     pages.push("...");
     pages.push(totalPages);
   }
   return pages;
 }
-var ContactCard = React11__namespace.default.memo(function ContactCard2({
-  type,
-  email,
-  phone
-}) {
-  const t = nextIntl.useTranslations("contact");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: t(type) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-3 space-y-1 text-sm/6 text-gray-600", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "sr-only", children: "Email" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${email}`, className: "font-semibold text-blue-600", children: email }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "sr-only", children: "Telefone" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: phone })
-      ] })
-    ] })
-  ] });
-});
-var OfficeCard = React11__namespace.default.memo(function OfficeCard2({
-  city,
-  address,
-  postalCode
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: city }),
-    /* @__PURE__ */ jsxRuntime.jsxs("address", { className: "mt-3 space-y-1 text-sm/6 text-gray-600 not-italic", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: address }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: postalCode })
-    ] })
-  ] });
-});
-var ContactSection = React11__namespace.default.memo(
-  function ContactSection2({ title, subtitle, children }) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-10 py-16 lg:grid-cols-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl font-semibold tracking-tight text-pretty text-gray-900", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-base/7 text-gray-600", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8", children })
-    ] });
-  }
-);
 var PageHeader = React11.memo(function PageHeader2({
   title,
   subtitle,
@@ -14052,13 +12687,13 @@ var PageHeader = React11.memo(function PageHeader2({
           "h1",
           {
             className: clsx__default.default(
-              "font-bold text-zinc-900 dark:text-zinc-100 truncate",
+              "font-bold text-slate-900 dark:text-slate-100 truncate",
               size === "large" ? "text-3xl" : "text-2xl"
             ),
             children: title
           }
         ),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2", children: subtitle })
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-600 dark:text-slate-400 line-clamp-2", children: subtitle })
       ] }),
       actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 flex items-center gap-2 flex-wrap", children: actions })
     ] }),
@@ -14075,8 +12710,8 @@ var PageSectionHeader = React11.memo(function PageSectionHeader2({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("mb-4", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg sm:text-xl font-semibold text-zinc-900 dark:text-zinc-100", children: title }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2", children: subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg sm:text-xl font-semibold text-slate-900 dark:text-slate-100", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-600 dark:text-slate-400 line-clamp-2", children: subtitle })
       ] }),
       actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 flex items-center gap-2 flex-wrap", children: actions })
     ] }),
@@ -14093,76 +12728,51 @@ var CardSectionHeader = React11.memo(function CardSectionHeader2({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("mb-3", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base sm:text-lg font-medium text-zinc-900 dark:text-zinc-100", children: title }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs sm:text-sm text-zinc-600 dark:text-zinc-400 line-clamp-1", children: subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base sm:text-lg font-medium text-slate-900 dark:text-slate-100", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs sm:text-sm text-slate-600 dark:text-slate-400 line-clamp-1", children: subtitle })
       ] }),
       actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 flex items-center gap-1 flex-wrap", children: actions })
     ] }),
     children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children })
   ] });
 });
-var MetricCard2 = ({
-  title,
-  value,
-  subtitle,
-  tooltip,
-  className = "",
-  children
-}) => {
-  const [showTooltip, setShowTooltip] = React11.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: `bg-zinc-50 dark:bg-zinc-800/50 rounded-2xl border border-zinc-200/50 dark:border-zinc-700/50 p-5 hover:border-zinc-300 dark:hover:border-zinc-600 transition-colors ${className}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-zinc-500 dark:text-zinc-400", children: title }),
-          tooltip && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onMouseEnter: () => setShowTooltip(true),
-                onMouseLeave: () => setShowTooltip(false),
-                className: "w-4 h-4 rounded-full bg-zinc-200 dark:bg-zinc-700 text-zinc-600 dark:text-zinc-400 text-xs flex items-center justify-center hover:bg-zinc-300 dark:hover:bg-zinc-600 transition-colors",
-                "aria-label": "Info",
-                children: "?"
-              }
-            ),
-            showTooltip && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 top-6 z-10 w-64 p-3 bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 text-xs rounded-lg shadow-lg", children: [
-              tooltip,
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-2 top-0 -translate-y-1 w-2 h-2 bg-zinc-900 dark:bg-zinc-100 rotate-45" })
-            ] })
-          ] })
-        ] }),
-        children ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-semibold text-zinc-900 dark:text-zinc-100 mb-1", children: value }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: subtitle })
-        ] })
-      ]
-    }
-  );
-};
-var MetricTooltip = ({ text }) => {
-  const [show, setShow] = React11.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onMouseEnter: () => setShow(true),
-        onMouseLeave: () => setShow(false),
-        className: "w-4 h-4 rounded-full bg-zinc-200 dark:bg-zinc-700 text-zinc-600 dark:text-zinc-400 text-xs flex items-center justify-center hover:bg-zinc-300 dark:hover:bg-zinc-600 transition-colors",
-        "aria-label": "Info",
-        children: "?"
-      }
+var Tabs = TabsPrimitive__namespace.Root;
+var TabsList = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.List,
+  {
+    ref,
+    className: clsx__default.default(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-0.5 text-muted-foreground",
+      className
     ),
-    show && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 top-6 z-10 w-64 p-3 bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 text-xs rounded-lg shadow-lg", children: [
-      text,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-2 top-0 -translate-y-1 w-2 h-2 bg-zinc-900 dark:bg-zinc-100 rotate-45" })
-    ] })
-  ] });
-};
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive__namespace.List.displayName;
+var TabsTrigger = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: clsx__default.default(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
+var TabsContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Content,
+  {
+    ref,
+    className: clsx__default.default(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
 
 // src/lib/navigation.ts
 function buildDockActions(items, pathname, handlers, options = {}) {
@@ -14932,21 +13542,15 @@ exports.BrandedLoader = BrandedLoader;
 exports.Breadcrumb = Breadcrumb;
 exports.Button = Button;
 exports.Card = Card;
-exports.Card2 = Card2;
 exports.CardActionMenu = CardActionMenu;
 exports.CardContent = CardContent;
-exports.CardContent2 = CardContent2;
 exports.CardDescription = CardDescription;
-exports.CardDescription2 = CardDescription2;
 exports.CardDivider = CardDivider;
 exports.CardFooter = CardFooter;
-exports.CardFooter2 = CardFooter2;
 exports.CardGridSkeleton = CardGridSkeleton;
 exports.CardHeader = CardHeader;
-exports.CardHeader2 = CardHeader2;
 exports.CardSectionHeader = CardSectionHeader;
 exports.CardTitle = CardTitle;
-exports.CardTitle2 = CardTitle2;
 exports.CategoryBadge = CategoryBadge;
 exports.CategoryTab = CategoryTab;
 exports.CategoryTabs = CategoryTabs;
@@ -14955,8 +13559,6 @@ exports.CircularRefreshIndicator = CircularRefreshIndicator;
 exports.Code = Code;
 exports.CollapsibleGroupedList = CollapsibleGroupedList;
 exports.CompactSegmentedControl = CompactSegmentedControl;
-exports.ContactCard = ContactCard;
-exports.ContactSection = ContactSection;
 exports.Container = Container;
 exports.ContextMenu = ContextMenu;
 exports.CookieConsent = CookieConsent;
@@ -14981,17 +13583,7 @@ exports.DockContainer = DockContainer;
 exports.DockSkeleton = DockSkeleton;
 exports.DotRefreshIndicator = DotRefreshIndicator;
 exports.Dropdown = Dropdown;
-exports.DropdownButton = DropdownButton;
-exports.DropdownDescription = DropdownDescription;
-exports.DropdownDivider = DropdownDivider;
-exports.DropdownHeader = DropdownHeader;
-exports.DropdownHeading = DropdownHeading;
-exports.DropdownItem = DropdownItem;
-exports.DropdownLabel = DropdownLabel;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownSection = DropdownSection;
 exports.DropdownSelect = DropdownSelect;
-exports.DropdownShortcut = DropdownShortcut;
 exports.DynamicIsland = DynamicIsland;
 exports.DynamicIslandConfirm = DynamicIslandConfirm;
 exports.DynamicIslandNotification = DynamicIslandNotification;
@@ -15048,18 +13640,15 @@ exports.InfoPopover = InfoPopover;
 exports.InlineForm = InlineForm;
 exports.InlineSpinner = InlineSpinner;
 exports.Input = Input;
-exports.InputGroup = InputGroup;
 exports.InteractiveGeoMap = InteractiveGeoMap;
 exports.ItemSummary = ItemSummary;
 exports.KORI_ERP_LOADER = KORI_ERP_LOADER;
 exports.Label = Label2;
-exports.Label2 = Label3;
 exports.LabeledToggle = LabeledToggle;
 exports.LanguageSwitcher = LanguageSwitcher;
 exports.LaunchpadGrid = LaunchpadGrid;
 exports.Lead = Lead;
 exports.Legend = Legend2;
-exports.Link = Link4;
 exports.LiquidFilterInput = LiquidFilterInput;
 exports.ListCard = ListCard;
 exports.ListCardItem = ListCardItem;
@@ -15069,8 +13658,6 @@ exports.ManagementPageLayout = ManagementPageLayout;
 exports.ManagementSurface = ManagementSurface;
 exports.MapZoomControls = MapZoomControls;
 exports.MetricCard = MetricCard;
-exports.MetricCard2 = MetricCard2;
-exports.MetricTooltip = MetricTooltip;
 exports.MonthPicker = MonthPicker;
 exports.MultiColumnPicker = MultiColumnPicker;
 exports.NavigationProgress = NavigationProgress;
@@ -15080,7 +13667,6 @@ exports.NotFoundPage = NotFoundPage;
 exports.NotificationBadge = NotificationBadge;
 exports.NotificationBellButton = NotificationBellButton;
 exports.NotificationProvider = NotificationProvider;
-exports.OfficeCard = OfficeCard;
 exports.OfflineState = OfflineState;
 exports.OptionGrid = OptionGrid;
 exports.OtpInput = OtpInput;
@@ -15092,7 +13678,6 @@ exports.PageLoadingState = PageLoadingState;
 exports.PageSectionHeader = PageSectionHeader;
 exports.Pagination = Pagination;
 exports.PasswordInput = PasswordInput;
-exports.PasswordInput2 = PasswordInput2;
 exports.PasswordStrengthMeter = PasswordStrengthMeter;
 exports.Pill = Pill;
 exports.PlatformShell = PlatformShell;
@@ -15102,7 +13687,6 @@ exports.PlusGridRow = PlusGridRow;
 exports.PreferenceSection = PreferenceSection;
 exports.PriceChangeBadge = PriceChangeBadge;
 exports.ProfileIdentityCard = ProfileIdentityCard;
-exports.Progress = Progress;
 exports.ProgressIndicator = ProgressIndicator;
 exports.PullToRefreshContainer = PullToRefreshContainer;
 exports.PullToRefreshIndicator = PullToRefreshIndicator;
@@ -15122,10 +13706,6 @@ exports.SectionHeader = SectionHeader;
 exports.SectionHeaderSkeleton = SectionHeaderSkeleton;
 exports.SegmentedControl = SegmentedControl;
 exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectItem = SelectItem;
-exports.SelectTrigger = SelectTrigger;
-exports.SelectValue = SelectValue;
 exports.SelectableChipPicker = SelectableChipPicker;
 exports.SelectableListPicker = SelectableListPicker;
 exports.SelectableOptionsGrid = SelectableOptionsGrid;
@@ -15135,13 +13715,11 @@ exports.ServerErrorPage = ServerErrorPage;
 exports.SettingsDialog = SettingsDialog;
 exports.SettingsModal = SettingsModal;
 exports.Sheet = Sheet;
-exports.SliderInput = SliderInput;
 exports.SocialLoginButtons = SocialLoginButtons;
 exports.SortableTableHeader = SortableTableHeader;
 exports.Spinner = Spinner;
 exports.Stat = Stat;
 exports.StatCard = StatCard;
-exports.StatCard2 = StatCard2;
 exports.StatCardSkeleton = StatCardSkeleton;
 exports.StatusBadge = StatusBadge;
 exports.StatusToggle = StatusToggle;
@@ -15151,9 +13729,6 @@ exports.StepTimeline = StepTimeline;
 exports.Strong = Strong;
 exports.Subheading = Subheading;
 exports.SwipeableRow = SwipeableRow;
-exports.Switch = Switch2;
-exports.SwitchField = SwitchField;
-exports.SwitchGroup = SwitchGroup;
 exports.Table = Table;
 exports.TableBody = TableBody;
 exports.TableCell = TableCell;
@@ -15259,5 +13834,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-S4MECSAK.js.map
-//# sourceMappingURL=chunk-S4MECSAK.js.map
+//# sourceMappingURL=chunk-ORFU4L3V.js.map
+//# sourceMappingURL=chunk-ORFU4L3V.js.map