@datatechsolutions/ui 2.7.127 → 2.7.129

package/dist/{chunk-3VSRFFI6.mjs → chunk-XAXP6HE6.mjs}

@@ -1,17 +1,17 @@
 "use client";
 import { triggerHaptic } from './chunk-D2JF6C3E.mjs';
-import * as Headless11 from '@headlessui/react';
+import * as Headless6 from '@headlessui/react';
 import { Button as Button$1, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, DialogBackdrop, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/react';
 import clsx, { clsx as clsx$1 } from 'clsx';
 import * as React11 from 'react';
-import React11__default, { forwardRef, useId, useState, useCallback, createContext, memo, useMemo, useRef, useEffect, Fragment as Fragment$1, useContext, Suspense } from 'react';
+import React11__default, { forwardRef, useId, useState, useCallback, createContext, memo, useRef, useEffect, Fragment as Fragment$1, useMemo, useContext, Suspense } from 'react';
 import { AnimatePresence, motion, useMotionValue, useTransform, animate, useInView, useSpring } from 'framer-motion';
 import NextLink from 'next/link';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslations, useLocale } from 'next-intl';
-import { ChevronDownIcon, CheckCircleIcon, EyeSlashIcon as EyeSlashIcon$1, EyeIcon as EyeIcon$1, XMarkIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, EllipsisVerticalIcon, ClipboardDocumentIcon as ClipboardDocumentIcon$1, ArrowDownTrayIcon } from '@heroicons/react/20/solid';
+import { ChevronDownIcon, CheckCircleIcon, EyeSlashIcon, EyeIcon, XMarkIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, EllipsisVerticalIcon, ClipboardDocumentIcon as ClipboardDocumentIcon$1, ArrowDownTrayIcon } from '@heroicons/react/20/solid';
 import * as HeroIcons from '@heroicons/react/24/outline';
-import { PlusIcon, MinusIcon, EyeSlashIcon, EyeIcon, MapIcon, XMarkIcon as XMarkIcon$1, ClockIcon, BuildingStorefrontIcon, MagnifyingGlassIcon, InformationCircleIcon, ArrowTrendingUpIcon, ArrowTrendingDownIcon, ChevronUpIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpDownIcon, DocumentMagnifyingGlassIcon, ShieldExclamationIcon, ServerStackIcon, WifiIcon, ExclamationTriangleIcon, ArrowPathIcon, FolderOpenIcon, BellIcon, TrashIcon, ExclamationCircleIcon, CheckCircleIcon as CheckCircleIcon$1, CheckIcon as CheckIcon$1, ClipboardDocumentCheckIcon, ClipboardDocumentIcon, CalendarDaysIcon, ChevronLeftIcon as ChevronLeftIcon$1, ChevronRightIcon as ChevronRightIcon$1, FunnelIcon, BeakerIcon, WrenchScrewdriverIcon, EyeDropperIcon, MoonIcon as MoonIcon$1, SunIcon as SunIcon$1, UserCircleIcon, ArrowRightOnRectangleIcon, LanguageIcon, Squares2X2Icon, PlusCircleIcon, GlobeAltIcon, XCircleIcon, LockClosedIcon, UserIcon } from '@heroicons/react/24/outline';
+import { PlusIcon, MinusIcon, MapIcon, XMarkIcon as XMarkIcon$1, ClockIcon, BuildingStorefrontIcon, MagnifyingGlassIcon, InformationCircleIcon, ArrowTrendingUpIcon, ArrowTrendingDownIcon, ChevronUpIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpDownIcon, DocumentMagnifyingGlassIcon, ShieldExclamationIcon, ServerStackIcon, WifiIcon, ExclamationTriangleIcon, ArrowPathIcon, FolderOpenIcon, BellIcon, TrashIcon, ExclamationCircleIcon, CheckCircleIcon as CheckCircleIcon$1, CheckIcon as CheckIcon$1, ClipboardDocumentCheckIcon, ClipboardDocumentIcon, CalendarDaysIcon, ChevronLeftIcon as ChevronLeftIcon$1, ChevronRightIcon as ChevronRightIcon$1, FunnelIcon, BeakerIcon, WrenchScrewdriverIcon, EyeDropperIcon, MoonIcon as MoonIcon$1, SunIcon as SunIcon$1, UserCircleIcon, ArrowRightOnRectangleIcon, LanguageIcon, Squares2X2Icon, PlusCircleIcon, GlobeAltIcon, XCircleIcon, LockClosedIcon, UserIcon } from '@heroicons/react/24/outline';
 import * as Popover from '@radix-ui/react-popover';
 import { createPortal } from 'react-dom';
 import { startOfDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, subMonths, addMonths, isAfter, format, isSameDay, isSameMonth, parse } from 'date-fns';
@@ -23,12 +23,11 @@ import Image from 'next/image';
 import { CalendarIcon, ChevronLeftIcon as ChevronLeftIcon$2, ChevronRightIcon as ChevronRightIcon$2 } from 'lucide-react';
 import { geoAlbersUsa, geoMercator, geoPath } from 'd3-geo';
 export { LOCALE_FLAGS } from '@datatechsolutions/shared-domain/i18n';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { create } from 'zustand';
 
 var Link = forwardRef(function Link2(props, ref) {
-  return /* @__PURE__ */ jsx(Headless11.DataInteractive, { children: /* @__PURE__ */ jsx(NextLink, { ...props, ref }) });
+  return /* @__PURE__ */ jsx(Headless6.DataInteractive, { children: /* @__PURE__ */ jsx(NextLink, { ...props, ref }) });
 });
 
 // src/lib/animations.ts
@@ -996,7 +995,7 @@ var Input = forwardRef(
           onClick: togglePassword,
           className: "p-1 rounded-full text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
           "aria-label": showPassword ? t("hidePassword") : t("showPassword"),
-          children: showPassword ? /* @__PURE__ */ jsx(EyeSlashIcon$1, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(EyeIcon$1, { className: "h-5 w-5" })
+          children: showPassword ? /* @__PURE__ */ jsx(EyeSlashIcon, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-5 w-5" })
         }
       ) }),
       /* @__PURE__ */ jsx(AnimatePresence, { children: showClearButton && /* @__PURE__ */ jsx(
@@ -2611,7 +2610,7 @@ var colorClasses2 = {
 };
 function CircleSpinner({ size, color, className, ariaLabel }) {
   const config = sizeConfig[size];
-  const colors3 = colorClasses2[color];
+  const colors2 = colorClasses2[color];
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2619,8 +2618,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",
@@ -2630,7 +2629,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 }
@@ -2638,7 +2637,7 @@ function DotsSpinner({ size, color, className, ariaLabel }) {
   return /* @__PURE__ */ jsx("div", { className: clsx$1("flex items-center gap-1", className), role: "status", "aria-label": ariaLabel, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
     motion.div,
     {
-      className: clsx$1("rounded-full", colors3.dot),
+      className: clsx$1("rounded-full", colors2.dot),
       style: {
         width: config.dotSize,
         height: config.dotSize
@@ -2658,12 +2657,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__ */ jsxs("div", { className: clsx$1("relative", config.size, className), role: "status", "aria-label": ariaLabel, children: [
     /* @__PURE__ */ jsx(
       motion.div,
       {
-        className: clsx$1("absolute inset-0 rounded-full", colors3.dot),
+        className: clsx$1("absolute inset-0 rounded-full", colors2.dot),
         animate: {
           scale: [1, 1.5, 1],
           opacity: [0.7, 0, 0.7]
@@ -2675,7 +2674,7 @@ function PulseSpinner({ size, color, className, ariaLabel }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: clsx$1("absolute inset-0 rounded-full", colors3.dot) })
+    /* @__PURE__ */ jsx("div", { className: clsx$1("absolute inset-0 rounded-full", colors2.dot) })
   ] });
 }
 function Spinner({
@@ -2906,10 +2905,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__ */ jsx(
     "span",
@@ -2987,7 +2986,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];
   useEffect(() => {
     if (containerRef.current && selectedIndex >= 0) {
       const container = containerRef.current;
@@ -3015,7 +3014,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" : ""}
       `,
@@ -3042,7 +3041,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"}
             `,
@@ -3101,7 +3100,7 @@ function PageIndicator({
 }) {
   const t = useTranslations("common");
   const { dot, gap } = sizeConfig2[size];
-  const colors3 = variantConfig[variant];
+  const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
       triggerHaptic("light");
@@ -3128,7 +3127,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,
@@ -3159,7 +3158,7 @@ function ExpandingPageIndicator({
   activeWidth = 24
 }) {
   const t = useTranslations("common");
-  const colors3 = variantConfig[variant];
+  const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
       triggerHaptic("light");
@@ -3185,7 +3184,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,
@@ -4881,7 +4880,7 @@ function DynamicIslandNotification({
   position = "right"
 }) {
   const [state, setState] = useState("idle");
-  const styles3 = variantStyles[variant];
+  const styles2 = variantStyles[variant];
   useEffect(() => {
     if (show) {
       setState("expanded");
@@ -4906,12 +4905,12 @@ function DynamicIslandNotification({
       position,
       idleContent: (
         // Idle: Colored icon pill
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsx("div", { className: `h-6 w-6 rounded-full ${styles3.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: icon && /* @__PURE__ */ jsx("div", { className: `h-6 w-6 rounded-full ${styles2.iconBg} flex items-center justify-center`, children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4 text-white", children: icon }) }) })
       ),
       compactContent: (
         // Compact: Colored icon + title + message preview
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 w-full", children: [
-          icon && /* @__PURE__ */ jsx("div", { className: `h-8 w-8 rounded-full ${styles3.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
+          icon && /* @__PURE__ */ jsx("div", { className: `h-8 w-8 rounded-full ${styles2.iconBg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 text-white", children: icon }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate", children: title }),
             message && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 truncate", children: message })
@@ -4921,9 +4920,9 @@ function DynamicIslandNotification({
       expandedContent: (
         // Expanded: Full notification with colored icon background
         /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-4 px-5 w-full h-full`, children: [
-          icon && /* @__PURE__ */ jsx("div", { className: `h-14 w-14 rounded-2xl ${styles3.iconBg} flex items-center justify-center shrink-0 ${styles3.glow}`, children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
+          icon && /* @__PURE__ */ jsx("div", { className: `h-14 w-14 rounded-2xl ${styles2.iconBg} flex items-center justify-center shrink-0 ${styles2.glow}`, children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 text-white", children: icon }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            appName && /* @__PURE__ */ jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles3.accentColor}`, children: appName }),
+            appName && /* @__PURE__ */ jsx("p", { className: `text-[11px] uppercase tracking-wide font-medium ${styles2.accentColor}`, children: appName }),
             /* @__PURE__ */ jsx("p", { className: "text-[15px] font-semibold leading-tight", children: title }),
             message && /* @__PURE__ */ jsx("p", { className: "text-[13px] text-gray-400 mt-0.5 truncate", children: message })
           ] })
@@ -5444,16 +5443,16 @@ function Dialog4({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(Headless11.Dialog, { ...props, children: [
+  return /* @__PURE__ */ jsxs(Headless6.Dialog, { ...props, children: [
     /* @__PURE__ */ jsx(
-      Headless11.DialogBackdrop,
+      Headless6.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__ */ jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0", children: /* @__PURE__ */ 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__ */ jsx(
-      Headless11.DialogPanel,
+      Headless6.DialogPanel,
       {
         transition: true,
         className: clsx(
@@ -5472,7 +5471,7 @@ function DialogTitle3({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless11.DialogTitle,
+    Headless6.DialogTitle,
     {
       ...props,
       className: clsx(
@@ -5487,7 +5486,7 @@ function DialogDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless11.Description,
+    Headless6.Description,
     {
       as: Text,
       ...props,
@@ -8557,7 +8556,7 @@ var AvatarButton = forwardRef(function AvatarButton2({
   if (typeof props.href === "string") {
     return /* @__PURE__ */ jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Avatar, { src, square, initials, alt }) }) });
   }
-  return /* @__PURE__ */ jsx(Headless11.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Avatar, { src, square, initials, alt }) }) });
+  return /* @__PURE__ */ jsx(Headless6.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ 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",
@@ -8605,7 +8604,7 @@ forwardRef(function BadgeButton2({
   if (typeof props.href === "string") {
     return /* @__PURE__ */ jsx(Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { color, children }) }) });
   }
-  return /* @__PURE__ */ jsx(Headless11.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { color, children }) }) });
+  return /* @__PURE__ */ jsx(Headless6.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { color, children }) }) });
 });
 function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard" }) {
   const t = useTranslations("common");
@@ -8777,7 +8776,7 @@ function Divider({
   );
 }
 function Dropdown(props) {
-  return /* @__PURE__ */ jsx(Headless11.Menu, { ...props });
+  return /* @__PURE__ */ jsx(Headless6.Menu, { ...props });
 }
 function DynamicIslandConfirm({
   open,
@@ -9818,7 +9817,7 @@ function Fieldset2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless11.Fieldset,
+    Headless6.Fieldset,
     {
       ...props,
       className: clsx(
@@ -9833,7 +9832,7 @@ function Legend2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless11.Legend,
+    Headless6.Legend,
     {
       "data-slot": "legend",
       ...props,
@@ -9862,7 +9861,7 @@ function Field2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless11.Field,
+    Headless6.Field,
     {
       ...props,
       className: clsx(
@@ -9882,7 +9881,7 @@ function Label2({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless11.Label,
+    Headless6.Label,
     {
       "data-slot": "label",
       ...props,
@@ -9898,7 +9897,7 @@ function Description4({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless11.Description,
+    Headless6.Description,
     {
       "data-slot": "description",
       ...props,
@@ -9914,7 +9913,7 @@ function ErrorMessage({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Headless11.Description,
+    Headless6.Description,
     {
       "data-slot": "error",
       ...props,
@@ -9930,7 +9929,7 @@ var Textarea = React11.forwardRef(({ className, ...props }, ref) => {
     "textarea",
     {
       className: clsx(
-        "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,
@@ -11692,11 +11691,11 @@ function GeoMapCanvasInner({
     return `rgba(${r}, ${g}, ${b}, 0.25)`;
   };
   const lighterColors = 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 = useMemo(() => {
     if (!geoData) return null;
@@ -12543,1471 +12542,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 = forwardRef(function Link5(props, ref) {
-  return /* @__PURE__ */ jsx(NextLink, { 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 = forwardRef(function Button7({
-  color,
-  outline,
-  plain,
-  className,
-  children,
-  loading,
-  "aria-label": ariaLabel,
-  "aria-describedby": ariaDescribedBy,
-  "aria-busy": ariaBusy,
-  ...props
-}, ref) {
-  const classes = clsx(
-    className,
-    styles2.base,
-    outline ? styles2.outline : plain ? styles2.plain : clsx(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__ */ jsx(
-    Link4,
-    {
-      ...props,
-      ...accessibilityProps,
-      className: classes,
-      ref,
-      children: /* @__PURE__ */ jsxs(TouchTarget2, { children: [
-        loading && /* @__PURE__ */ 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__ */ jsx(
-    Headless11.Button,
-    {
-      ...props,
-      ...accessibilityProps,
-      className: classes,
-      ref,
-      children: /* @__PURE__ */ jsxs(TouchTarget2, { children: [
-        loading && /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ 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__ */ jsx(
-    "span",
-    {
-      "data-slot": "control",
-      className: clsx(
-        "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 = forwardRef(function Input4({
-  className,
-  "aria-label": ariaLabel,
-  "aria-describedby": ariaDescribedBy,
-  "aria-invalid": ariaInvalid,
-  "aria-required": ariaRequired,
-  required,
-  invalid,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "control",
-      className: clsx([
-        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__ */ jsx(
-        Headless11.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([
-            // 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__ */ jsx(Fragment, { children });
-var SelectItem = ({
-  children,
-  value
-}) => /* @__PURE__ */ jsx("option", { value, children });
-var SelectTrigger = ({
-  children,
-  className
-}) => /* @__PURE__ */ jsx("div", { className, children });
-var SelectValue = ({ placeholder }) => /* @__PURE__ */ jsx("span", { children: placeholder });
-forwardRef(function Select4({
-  className,
-  multiple,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      "data-slot": "control",
-      className: clsx([
-        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__ */ jsx(
-          Headless11.Select,
-          {
-            ref,
-            multiple,
-            ...props,
-            className: clsx([
-              // 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__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ 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__ */ jsx(
-                "path",
-                {
-                  d: "M5.75 10.75L8 13L10.25 10.75",
-                  strokeWidth: 1.5,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M10.25 5.25L8 3L5.75 5.25",
-                  strokeWidth: 1.5,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-});
-var Label3 = React11__default.forwardRef(
-  ({ children, className = "", required = false, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        ref,
-        className: `block text-sm font-medium text-gray-700 ${className}`,
-        ...props,
-        children: [
-          children,
-          required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-1", children: "*" })
-        ]
-      }
-    );
-  }
-);
-Label3.displayName = "Label";
-function SwitchGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "control",
-      ...props,
-      className: clsx(
-        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__ */ jsx(
-    Headless11.Field,
-    {
-      "data-slot": "field",
-      ...props,
-      className: clsx(
-        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__ */ jsx(
-    Headless11.Switch,
-    {
-      "data-slot": "control",
-      ...props,
-      className: clsx(
-        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__ */ jsx(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: clsx(
-            // 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__ */ jsx(Headless11.MenuButton, { as, ...props });
-}
-function DropdownMenu({
-  anchor = "bottom",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Headless11.MenuItems,
-    {
-      ...props,
-      transition: true,
-      anchor,
-      className: clsx(
-        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(
-    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__ */ jsx(Headless11.MenuItem, { as: Link4, ...props, className: classes }) : /* @__PURE__ */ jsx(
-    Headless11.MenuItem,
-    {
-      as: "button",
-      type: "button",
-      ...props,
-      className: classes
-    }
-  );
-}
-function DropdownHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...props,
-      className: clsx(className, "col-span-5 px-3.5 pt-2.5 pb-1 sm:px-3")
-    }
-  );
-}
-function DropdownSection({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Headless11.MenuSection,
-    {
-      ...props,
-      className: clsx(
-        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__ */ jsx(
-    Headless11.MenuHeading,
-    {
-      ...props,
-      className: clsx(
-        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__ */ jsx(
-    Headless11.MenuSeparator,
-    {
-      ...props,
-      className: clsx(
-        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__ */ jsx(
-    "div",
-    {
-      ...props,
-      "data-slot": "label",
-      className: clsx(className, "col-start-2 row-start-1"),
-      ...props
-    }
-  );
-}
-function DropdownDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Headless11.Description,
-    {
-      "data-slot": "description",
-      ...props,
-      className: clsx(
-        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__ */ jsx(
-    Headless11.Description,
-    {
-      as: "kbd",
-      ...props,
-      className: clsx(
-        className,
-        "col-start-5 row-start-1 flex justify-self-end"
-      ),
-      children: (Array.isArray(keys) ? keys : keys.split("")).map((char, index) => /* @__PURE__ */ jsx(
-        "kbd",
-        {
-          className: clsx([
-            "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 = 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__ */ jsx(
-    "div",
-    {
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      className: clsx(
-        "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 = memo(function CardHeader3({
-  title,
-  subtitle,
-  actions,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: clsx("mb-4", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100 truncate", children: title }),
-        subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2", children: subtitle })
-      ] }),
-      actions && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-2", children: actions })
-    ] }),
-    children && /* @__PURE__ */ jsx("div", { className: "mt-3", children })
-  ] });
-});
-var CardTitle2 = memo(function CardTitle3({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    "h3",
-    {
-      className: clsx(
-        "text-lg font-semibold text-zinc-900 dark:text-zinc-100",
-        className
-      ),
-      children
-    }
-  );
-});
-var CardDescription2 = memo(function CardDescription3({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx("p", { className: clsx("text-sm text-zinc-600 dark:text-zinc-400", className), children });
-});
-var CardContent2 = memo(function CardContent3({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx("div", { className: clsx("text-zinc-600 dark:text-zinc-400", className), children });
-});
-var CardFooter2 = memo(function CardFooter3({
-  children,
-  className,
-  justify = "end"
-}) {
-  const justifyClasses = {
-    start: "justify-start",
-    center: "justify-center",
-    end: "justify-end",
-    between: "justify-between"
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(
-        "mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-700 flex items-center gap-2",
-        justifyClasses[justify],
-        className
-      ),
-      children
-    }
-  );
-});
-var StatCard2 = 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__ */ jsx(Card2, { variant: "elevated", hover: true, className, loading, children: /* @__PURE__ */ jsxs("div", { className: "flex items-start", children: [
-    icon && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 mr-4", children: /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-lg bg-zinc-100 dark:bg-zinc-700 flex items-center justify-center", children: icon }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-zinc-600 dark:text-zinc-400 truncate", children: title }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-baseline", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: loading ? "..." : value }),
-        trend && !loading && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clsx(
-              "ml-2 flex items-center text-sm",
-              trendColors[trend.direction]
-            ),
-            children: [
-              /* @__PURE__ */ jsx("span", { children: trend.direction === "up" ? "\u2197" : trend.direction === "down" ? "\u2198" : "\u2192" }),
-              /* @__PURE__ */ jsxs("span", { className: "ml-1", children: [
-                trend.value,
-                "%"
-              ] })
-            ]
-          }
-        )
-      ] }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: subtitle }),
-      trend && !loading && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-500", children: trend.label })
-    ] })
-  ] }) });
-});
-var Progress = React11.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: clsx(
-      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      ProgressPrimitive.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = ProgressPrimitive.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__ */ jsxs("li", { className: "flex items-center gap-1.5 text-xs", children: [
-    /* @__PURE__ */ 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__ */ jsx(
-      "span",
-      {
-        className: met ? "text-emerald-600 dark:text-emerald-400" : "text-zinc-500 dark:text-zinc-400",
-        children: label
-      }
-    )
-  ] });
-}
-var PasswordInput2 = forwardRef(
-  function PasswordInput3({ className = "", variant = "default", showStrength = false, onChange, ...props }, ref) {
-    const [showPassword, setShowPassword] = useState(false);
-    const [internalValue, setInternalValue] = useState("");
-    const t = useTranslations();
-    const handleChange = (e) => {
-      setInternalValue(e.target.value);
-      onChange?.(e);
-    };
-    const strength = useMemo(
-      () => validatePasswordStrength(internalValue),
-      [internalValue]
-    );
-    const metCount = useMemo(() => {
-      const checks = Object.values(strength);
-      return checks.filter(Boolean).length;
-    }, [strength]);
-    const strengthLevel = 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__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            type: showPassword ? "text" : "password",
-            className: `${baseInputClasses} ${className}`,
-            onChange: handleChange,
-            ...props
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setShowPassword(!showPassword),
-            className: buttonClasses,
-            "aria-label": showPassword ? t("aria.hidePassword") : t("aria.showPassword"),
-            children: showPassword ? /* @__PURE__ */ jsx(EyeSlashIcon, { className: iconClasses }) : /* @__PURE__ */ jsx(EyeIcon, { className: iconClasses })
-          }
-        )
-      ] }),
-      showStrength && internalValue.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1 h-1.5 bg-zinc-200 dark:bg-zinc-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `h-full rounded-full transition-all duration-300 ${strengthBarColor} ${strengthBarWidth}`
-            }
-          ) }),
-          /* @__PURE__ */ 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__ */ jsxs("ul", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx(
-            RequirementCheck,
-            {
-              met: strength.minLength,
-              label: t("login.passwordRequirements.minLength")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RequirementCheck,
-            {
-              met: strength.hasUppercase,
-              label: t("login.passwordRequirements.uppercase")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RequirementCheck,
-            {
-              met: strength.hasLowercase,
-              label: t("login.passwordRequirements.lowercase")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RequirementCheck,
-            {
-              met: strength.hasNumber,
-              label: t("login.passwordRequirements.number")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RequirementCheck,
-            {
-              met: strength.hasSpecial,
-              label: t("login.passwordRequirements.special")
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-);
-var Tabs = TabsPrimitive.Root;
-var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.List,
-  {
-    ref,
-    className: clsx(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-0.5 text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: clsx(
-      "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.Trigger.displayName;
-var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: clsx(
-      "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.Content.displayName;
-var SliderInput = ({
-  id,
-  label,
-  value,
-  onChange,
-  min,
-  max,
-  step,
-  suffix = "",
-  tooltip,
-  formatDisplay,
-  showValue = true
-}) => {
-  const tAria = useTranslations("aria");
-  const tCommon = useTranslations("common");
-  const [showTooltip, setShowTooltip] = 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__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            htmlFor: id,
-            className: "text-sm font-medium text-zinc-700 dark:text-zinc-300",
-            children: label
-          }
-        ),
-        tooltip && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("span", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: [
-        displayValue,
-        suffix
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-1 relative", children: /* @__PURE__ */ 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__ */ 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__ */ 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 = useTranslations("search");
-  const tPagination = useTranslations("pagination");
-  const tCommon = useTranslations("common");
-  const tAria = useTranslations("aria");
-  const [localSearchValue, setLocalSearchValue] = useState(params.search || "");
-  useEffect(() => {
-    const timeoutId = setTimeout(() => {
-      if (localSearchValue !== params.search) {
-        onUpdate({ search: localSearchValue, page: 1 });
-      }
-    }, 500);
-    return () => clearTimeout(timeoutId);
-  }, [localSearchValue, onUpdate, params.search]);
-  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__ */ jsxs("div", { className: "w-full space-y-4", children: [
-    showSearch && /* @__PURE__ */ 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__ */ jsx("div", { className: "flex-1 max-w-full sm:max-w-sm", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-2xl liquid-surface px-4 py-3", children: [
+    /* @__PURE__ */ jsxs("p", { className: "text-sm tabular-nums text-slate-600 dark:text-slate-400", children: [
+      from,
+      "\u2013",
+      to,
+      " / ",
+      pagination.total
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      showPageSize && /* @__PURE__ */ 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__ */ jsx("option", { value: size, children: size }, size))
         }
-      ) }),
-      showPageSize && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 sm:hidden", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 whitespace-nowrap", children: tPagination("itemsPerPage") }),
+      ),
+      pagination.totalPages > 1 && /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-1", "aria-label": "Pagination", children: [
         /* @__PURE__ */ 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__ */ jsx(ChevronLeftIcon, { className: "h-5 w-5" })
+          }
+        ),
+        getPageNumbers(pagination.page, pagination.totalPages).map(
+          (page, index) => page === "..." ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "inline-flex h-9 w-6 items-center justify-center text-xs text-slate-400",
+              children: "\u2026"
+            },
+            `ellipsis-${index}`
+          ) : /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(ChevronRightIcon, { className: "h-5 w-5" })
           }
         )
       ] })
-    ] }),
-    /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-1 justify-between items-center sm:hidden", children: [
-            /* @__PURE__ */ 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__ */ jsx(ChevronLeftIcon$1, { className: "h-5 w-5 mr-1" }),
-                  tPagination("previous")
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-xs text-zinc-600 dark:text-zinc-400", children: [
-              /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-                pagination.page,
-                " / ",
-                pagination.totalPages
-              ] }),
-              /* @__PURE__ */ jsxs("span", { children: [
-                pagination.total,
-                " ",
-                tCommon("items")
-              ] })
-            ] }),
-            /* @__PURE__ */ 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__ */ jsx(ChevronRightIcon$1, { className: "h-5 w-5 ml-1" })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                loading && /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-indigo-600" }),
-                /* @__PURE__ */ 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__ */ jsxs("div", { className: "hidden sm:flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 whitespace-nowrap", children: tPagination("itemsPerPage") }),
-                /* @__PURE__ */ 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__ */ jsx("option", { value: size, children: size }, size))
-                  }
-                )
-              ] })
-            ] }),
-            pagination.totalPages > 1 && /* @__PURE__ */ jsxs(
-              "nav",
-              {
-                "aria-label": tAria("pagination"),
-                className: "isolate inline-flex -space-x-px rounded-md shadow-sm",
-                children: [
-                  /* @__PURE__ */ 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__ */ jsx("span", { className: "sr-only", children: tPagination("previous") }),
-                        /* @__PURE__ */ jsx(ChevronLeftIcon$1, { "aria-hidden": "true", className: "h-5 w-5" })
-                      ]
-                    }
-                  ),
-                  getPageNumbers(pagination.page, pagination.totalPages).map(
-                    (page, index) => page === "..." ? /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("span", { className: "sr-only", children: tPagination("next") }),
-                        /* @__PURE__ */ jsx(ChevronRightIcon$1, { "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__default.memo(function ContactCard2({
-  type,
-  email,
-  phone
-}) {
-  const t = useTranslations("contact");
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: t(type) }),
-    /* @__PURE__ */ jsxs("dl", { className: "mt-3 space-y-1 text-sm/6 text-gray-600", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("dt", { className: "sr-only", children: "Email" }),
-        /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("a", { href: `mailto:${email}`, className: "font-semibold text-blue-600", children: email }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
-        /* @__PURE__ */ jsx("dt", { className: "sr-only", children: "Telefone" }),
-        /* @__PURE__ */ jsx("dd", { children: phone })
-      ] })
-    ] })
-  ] });
-});
-var OfficeCard = React11__default.memo(function OfficeCard2({
-  city,
-  address,
-  postalCode
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-gray-50 p-10", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-base/7 font-semibold text-gray-900", children: city }),
-    /* @__PURE__ */ jsxs("address", { className: "mt-3 space-y-1 text-sm/6 text-gray-600 not-italic", children: [
-      /* @__PURE__ */ jsx("p", { children: address }),
-      /* @__PURE__ */ jsx("p", { children: postalCode })
-    ] })
-  ] });
-});
-var ContactSection = React11__default.memo(
-  function ContactSection2({ title, subtitle, children }) {
-    return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 py-16 lg:grid-cols-3", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-4xl font-semibold tracking-tight text-pretty text-gray-900", children: title }),
-        /* @__PURE__ */ jsx("p", { className: "mt-4 text-base/7 text-gray-600", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8", children })
-    ] });
-  }
-);
 var PageHeader = memo(function PageHeader2({
   title,
   subtitle,
@@ -14023,13 +12659,13 @@ var PageHeader = memo(function PageHeader2({
           "h1",
           {
             className: clsx(
-              "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__ */ jsx("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2", children: subtitle })
+        subtitle && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-slate-600 dark:text-slate-400 line-clamp-2", children: subtitle })
       ] }),
       actions && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-2 flex-wrap", children: actions })
     ] }),
@@ -14046,8 +12682,8 @@ var PageSectionHeader = memo(function PageSectionHeader2({
   return /* @__PURE__ */ jsxs("div", { className: clsx("mb-4", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-lg sm:text-xl font-semibold text-zinc-900 dark:text-zinc-100", children: title }),
-        subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2", children: subtitle })
+        /* @__PURE__ */ jsx("h2", { className: "text-lg sm:text-xl font-semibold text-slate-900 dark:text-slate-100", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-600 dark:text-slate-400 line-clamp-2", children: subtitle })
       ] }),
       actions && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-2 flex-wrap", children: actions })
     ] }),
@@ -14064,76 +12700,51 @@ var CardSectionHeader = memo(function CardSectionHeader2({
   return /* @__PURE__ */ jsxs("div", { className: clsx("mb-3", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-base sm:text-lg font-medium text-zinc-900 dark:text-zinc-100", children: title }),
-        subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs sm:text-sm text-zinc-600 dark:text-zinc-400 line-clamp-1", children: subtitle })
+        /* @__PURE__ */ jsx("h3", { className: "text-base sm:text-lg font-medium text-slate-900 dark:text-slate-100", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs sm:text-sm text-slate-600 dark:text-slate-400 line-clamp-1", children: subtitle })
       ] }),
       actions && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-1 flex-wrap", children: actions })
     ] }),
     children && /* @__PURE__ */ jsx("div", { className: "mt-2", children })
   ] });
 });
-var MetricCard2 = ({
-  title,
-  value,
-  subtitle,
-  tooltip,
-  className = "",
-  children
-}) => {
-  const [showTooltip, setShowTooltip] = useState(false);
-  return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-start justify-between mb-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-500 dark:text-zinc-400", children: title }),
-          tooltip && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold text-zinc-900 dark:text-zinc-100 mb-1", children: value }),
-          subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: subtitle })
-        ] })
-      ]
-    }
-  );
-};
-var MetricTooltip = ({ text }) => {
-  const [show, setShow] = useState(false);
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ 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.Root;
+var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: clsx(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-0.5 text-muted-foreground",
+      className
     ),
-    show && /* @__PURE__ */ 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__ */ 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.List.displayName;
+var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: clsx(
+      "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.Trigger.displayName;
+var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: clsx(
+      "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.Content.displayName;
 
 // src/lib/navigation.ts
 function buildDockActions(items, pathname, handlers, options = {}) {
@@ -14868,6 +13479,6 @@ function PlatformShell({
   ] });
 }
 
-export { ActionMenu, ActionSheet, ActiveFilterChips, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, Card, Card2, CardActionMenu, CardContent, CardContent2, CardDescription, CardDescription2, CardDivider, CardFooter, CardFooter2, CardGridSkeleton, CardHeader, CardHeader2, CardSectionHeader, CardTitle, CardTitle2, CategoryBadge, CategoryTab, CategoryTabs, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CountPill, CreateActionButton, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description4 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownButton, DropdownDescription, DropdownDivider, DropdownHeader, DropdownHeading, DropdownItem, DropdownLabel, DropdownMenu, DropdownSection, DropdownSelect, DropdownShortcut, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, EntityDrawer, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterBadge, FilterPill, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormModal, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, HeroSection, IconButton, InfoPopover, InlineForm, InlineSpinner, Input, InputGroup, InteractiveGeoMap, ItemSummary, KORI_ERP_LOADER, Label2 as Label, Label3 as Label2, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, Link4 as Link, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, ManagementPageLayout, ManagementSurface, MapZoomControls, MetricCard, MetricCard2, MetricTooltip, MonthPicker, MultiColumnPicker, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PageEmptyState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordInput2, PasswordStrengthMeter, Pill, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RegionFilterSkeleton, RoleBadge, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsDialog, SettingsModal, Sheet, SliderInput, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCard2, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Switch2 as Switch, SwitchField, SwitchGroup, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UserAvatar, UserMobileInfo, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatCurrency, formatDate, formatPercentage, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getTransition, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidBrazilState, isValidSubdivision, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useGeoMapState, useNotifications, usePlatformShellStore, usePullToRefresh };
-//# sourceMappingURL=chunk-3VSRFFI6.mjs.map
-//# sourceMappingURL=chunk-3VSRFFI6.mjs.map
+export { ActionMenu, ActionSheet, ActiveFilterChips, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, Card, CardActionMenu, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, Container, ContextMenu, CookieConsent, CopyableId, CountPill, CreateActionButton, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description4 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, EntityDrawer, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterBadge, FilterPill, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormModal, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, HeroSection, IconButton, InfoPopover, InlineForm, InlineSpinner, Input, InteractiveGeoMap, ItemSummary, KORI_ERP_LOADER, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, ManagementPageLayout, ManagementSurface, MapZoomControls, MetricCard, MonthPicker, MultiColumnPicker, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfflineState, OptionGrid, OtpInput, PageEmptyState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, Pill, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RegionFilterSkeleton, RoleBadge, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsDialog, SettingsModal, Sheet, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UserAvatar, UserMobileInfo, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatCurrency, formatDate, formatPercentage, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getTransition, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidBrazilState, isValidSubdivision, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useGeoMapState, useNotifications, usePlatformShellStore, usePullToRefresh };
+//# sourceMappingURL=chunk-XAXP6HE6.mjs.map
+//# sourceMappingURL=chunk-XAXP6HE6.mjs.map