@datatechsolutions/ui 3.4.0 → 3.5.1

package/dist/{chunk-AGGOHPMZ.mjs → chunk-EUXHJMGC.mjs}

@@ -852,7 +852,6 @@ function HeroBlock({
   titlePlaceholder,
   subtitle,
   icon,
-  iconShape = "square",
   iconBackground = "glass",
   gradient,
   iconSize = "md",
@@ -870,13 +869,13 @@ function HeroBlock({
   const subtitleClass = KIND_SUBTITLE_CLASSES[kind];
   const eyebrowClass = KIND_EYEBROW_CLASSES[kind];
   const iconGapClass = KIND_ICON_GAP[kind];
-  const radiusClass = iconShape === "round" ? "rounded-full" : iconSize === "sm" ? "rounded-xl" : "rounded-2xl";
+  const radiusClass = iconSize === "sm" ? "rounded-xl" : "rounded-2xl";
   const titleToneClass = tone === "dark" ? "text-white" : "text-slate-950 dark:text-white";
   const subtitleToneClass = tone === "dark" ? "text-white/75" : "text-slate-600 dark:text-slate-300";
   const eyebrowToneClass = tone === "dark" ? "text-white/75" : "text-slate-600 dark:text-slate-300";
   const wrapIcon = (node) => {
     if (iconBackground === "none") {
-      return /* @__PURE__ */ jsx("span", { className: `inline-flex shrink-0 items-center justify-center ${sizeClass} ${radiusClass}`, children: node });
+      return /* @__PURE__ */ jsx("span", { className: `inline-flex shrink-0 items-center justify-center ${sizeClass}`, children: node });
     }
     if (iconBackground === "gradient" && gradient) {
       return /* @__PURE__ */ jsx("span", { className: `inline-flex shrink-0 items-center justify-center ${sizeClass} ${radiusClass} bg-gradient-to-br ${gradient} shadow-lg`, children: node });
@@ -984,9 +983,16 @@ function SectionCard({
   collapsible = false,
   defaultOpen = true,
   open: controlledOpen,
-  onOpenChange
+  onOpenChange,
+  accentGradient,
+  actions,
+  toolbar,
+  badges,
+  kind = "section",
+  headingLevel = "h3",
+  eyebrowExtra
 }) {
-  const { icon, title, subtitle, gradient = "from-indigo-500 to-purple-600", rightContent } = header;
+  const { icon, eyebrow, title, subtitle, gradient = "from-indigo-500 to-purple-600", rightContent } = header;
   const [internalOpen, setInternalOpen] = useState(defaultOpen);
   const isOpen = controlledOpen ?? internalOpen;
   const setOpen = (next) => {
@@ -1003,18 +1009,30 @@ function SectionCard({
       "aria-hidden": "true"
     }
   ) : null;
-  const headerRight = collapsible ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  const hasRightSlot = rightContent || actions || chevron;
+  const headerRight = hasRightSlot ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
     rightContent,
+    actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions }),
     chevron
-  ] }) : rightContent;
+  ] }) : void 0;
+  const iconSize = kind === "section" ? "sm" : "md";
+  const sectionPad = "px-4 sm:px-6 py-4";
+  const surfacePad = "px-5 sm:px-8 py-5";
+  const bannerPad = "px-5 sm:px-8 py-6 sm:py-8";
+  const displayPad = "px-6 sm:px-10 py-8 sm:py-12";
+  const headerPadCls = kind === "display" ? displayPad : kind === "banner" ? bannerPad : kind === "surface" ? surfacePad : sectionPad;
+  const bodyPadCls = kind === "display" ? "p-6 sm:p-10" : kind === "banner" ? "p-5 sm:p-8" : kind === "surface" ? "p-5 sm:p-8" : "p-4 sm:p-6";
+  const slotXCls = kind === "display" ? "px-6 sm:px-10" : kind === "banner" ? "px-5 sm:px-8" : kind === "surface" ? "px-5 sm:px-8" : "px-4 sm:px-6";
+  const renderedEyebrow = eyebrow && eyebrowExtra ? `${eyebrow}` : eyebrow;
   const headerContent = /* @__PURE__ */ jsx(
     HeroBlock,
     {
-      headingLevel: "h3",
-      kind: "section",
-      iconSize: "sm",
+      headingLevel,
+      kind,
+      iconSize,
       iconBackground: "glass",
       icon,
+      eyebrow: renderedEyebrow,
       title,
       subtitle,
       rightContent: headerRight,
@@ -1022,6 +1040,13 @@ function SectionCard({
     }
   );
   return /* @__PURE__ */ jsxs(Card, { variant, className, children: [
+    accentGradient && /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: `h-1.5 w-full bg-gradient-to-r ${accentGradient}`
+      }
+    ),
     collapsible ? /* @__PURE__ */ jsx(
       "button",
       {
@@ -1029,10 +1054,12 @@ function SectionCard({
         onClick: () => setOpen(!isOpen),
         "aria-expanded": isOpen,
         "aria-controls": bodyId,
-        className: `block w-full cursor-pointer px-4 sm:px-6 py-4 text-left transition-colors hover:bg-white/30 dark:hover:bg-white/[0.04] focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-inset ${isOpen ? "border-b liquid-divider" : ""}`,
+        className: `block w-full cursor-pointer text-left transition-colors hover:bg-white/30 dark:hover:bg-white/[0.04] focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-inset ${headerPadCls} ${isOpen ? "border-b liquid-divider" : ""}`,
         children: headerContent
       }
-    ) : /* @__PURE__ */ jsx("div", { className: "px-4 sm:px-6 py-4 border-b liquid-divider", children: headerContent }),
+    ) : /* @__PURE__ */ jsx("div", { className: `${headerPadCls} border-b liquid-divider`, children: headerContent }),
+    toolbar && (!collapsible || isOpen) && /* @__PURE__ */ jsx("div", { className: `${slotXCls} pt-5`, children: toolbar }),
+    badges && (!collapsible || isOpen) && /* @__PURE__ */ jsx("div", { className: `${slotXCls} pt-4 flex flex-wrap items-center gap-2`, children: badges }),
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -1040,7 +1067,7 @@ function SectionCard({
         role: collapsible ? "region" : void 0,
         "aria-labelledby": collapsible ? headingId : void 0,
         hidden: collapsible && !isOpen,
-        className: padded ? "p-4 sm:p-6" : "",
+        className: padded ? bodyPadCls : "",
         children
       }
     )
@@ -1575,7 +1602,7 @@ function WheelPicker({
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "absolute inset-x-4 z-0 rounded-lg bg-gray-100 dark:bg-gray-800",
+            className: "absolute inset-x-4 z-0 rounded-lg bg-white/55 dark:bg-white/[0.08] border border-white/40 dark:border-white/10 backdrop-blur-md shadow-[inset_0_1px_1.5px_rgba(255,255,255,0.45)]",
             style: {
               top: (containerHeight - itemHeight) / 2,
               height: itemHeight
@@ -3638,48 +3665,35 @@ function HeroSection({
   labelExtra,
   children
 }) {
+  const subtitleIsString = typeof subtitle === "string";
   return /* @__PURE__ */ jsxs(
-    "div",
+    SectionCard,
     {
-      role: "banner",
-      "data-testid": "hero-section",
-      className: "liquid-surface overflow-hidden rounded-2xl",
+      kind: "banner",
+      headingLevel: "h1",
+      variant: "default",
+      padded: true,
+      accentGradient: gradient,
+      actions,
+      toolbar,
+      badges,
+      eyebrowExtra: labelExtra,
+      header: {
+        icon,
+        eyebrow: label,
+        title,
+        subtitle: subtitleIsString ? subtitle : void 0
+      },
       children: [
-        gradient && /* @__PURE__ */ jsx(
-          "div",
+        !subtitleIsString && subtitle && /* @__PURE__ */ jsx(
+          "p",
           {
-            "aria-hidden": "true",
-            className: `h-1.5 w-full bg-gradient-to-r ${gradient}`
+            "data-testid": "hero-subtitle",
+            className: "max-w-xl text-sm text-slate-600 dark:text-white/75 sm:text-lg",
+            children: subtitle
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "p-5 sm:p-8", children: [
-          /* @__PURE__ */ jsx(
-            HeroBlock,
-            {
-              headingLevel: "h1",
-              kind: "banner",
-              eyebrow: label,
-              title,
-              subtitle: typeof subtitle === "string" ? subtitle : void 0,
-              icon,
-              iconBackground: "glass",
-              iconSize: "md",
-              rightContent: actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: actions }) : void 0
-            }
-          ),
-          typeof subtitle !== "string" && /* @__PURE__ */ jsx(
-            "p",
-            {
-              "data-testid": "hero-subtitle",
-              className: "mt-2 max-w-xl text-sm text-slate-600 dark:text-white/75 sm:mt-3 sm:text-lg",
-              children: subtitle
-            }
-          ),
-          labelExtra && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-slate-500", children: labelExtra }),
-          toolbar && /* @__PURE__ */ jsx("div", { "data-testid": "hero-toolbar", className: "mt-4", children: toolbar }),
-          badges && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4", children: badges }),
-          children
-        ] })
+        children && /* @__PURE__ */ jsx("div", { className: !subtitleIsString && subtitle ? "mt-5" : "", children })
       ]
     }
   );
@@ -3687,9 +3701,14 @@ function HeroSection({
 var DEFAULT_STYLE_CONFIG = {
   default: {
     icon: MapIcon,
-    className: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300"
+    className: "bg-slate-500/15 text-slate-700 dark:text-slate-200"
   }
 };
+var CRYSTAL_STYLE = {
+  backdropFilter: "blur(12px) saturate(1.5)",
+  WebkitBackdropFilter: "blur(12px) saturate(1.5)",
+  boxShadow: "inset 0 1px 1.5px rgba(255,255,255,0.45), 0 1px 3px -1px rgba(15,23,42,0.12)"
+};
 function ActiveFilterChips({
   filters,
   onRemoveFilter,
@@ -3706,19 +3725,23 @@ function ActiveFilterChips({
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.8 },
         layout: true,
-        className: `inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium ${colorClass}`,
+        style: CRYSTAL_STYLE,
+        className: `inline-flex items-center gap-1.5 rounded-full border border-current/20 px-3 py-1 text-xs font-semibold ${colorClass}`,
         children: [
-          /* @__PURE__ */ jsx(IconComponent, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(IconComponent, { className: "h-3.5 w-3.5", "aria-hidden": true }),
           filter.label,
           onRemoveFilter ? /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: () => {
+              type: "button",
+              "aria-label": `remover ${filter.label}`,
+              onClick: (event) => {
+                event.stopPropagation();
                 triggerHaptic("light");
                 onRemoveFilter(filter);
               },
-              className: "ml-1 rounded-full p-0.5 transition-colors hover:bg-black/10 dark:hover:bg-white/10",
-              children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-3.5 w-3.5" })
+              className: "ml-0.5 inline-flex h-4 w-4 shrink-0 cursor-pointer items-center justify-center rounded-full opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70",
+              children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-3 w-3" })
             }
           ) : null
         ]
@@ -4548,8 +4571,8 @@ function SegmentedControl({
       "data-testid": "segmented-control",
       onKeyDown: handleKeyDown,
       className: `
-        relative inline-flex items-center rounded-xl
-        bg-white/40 dark:bg-white/[0.08]
+        liquid-surface relative inline-flex items-center rounded-xl
+        focus-within:ring-2 focus-within:ring-indigo-500/70 focus-within:ring-offset-1
         ${styles2.container}
         ${fullWidth ? "w-full" : ""}
         ${disabled ? "opacity-50 pointer-events-none" : ""}
@@ -4558,7 +4581,13 @@ function SegmentedControl({
         /* @__PURE__ */ jsx(
           motion.div,
           {
-            className: "absolute top-1 bottom-1 rounded-lg bg-white/75 dark:bg-white/[0.12] shadow-sm backdrop-blur-sm",
+            "aria-hidden": true,
+            className: "absolute top-1 bottom-1 rounded-lg bg-white/75 dark:bg-white/[0.14] border border-white/60 dark:border-white/15",
+            style: {
+              backdropFilter: "blur(12px) saturate(1.5)",
+              WebkitBackdropFilter: "blur(12px) saturate(1.5)",
+              boxShadow: "inset 0 1px 1.5px rgba(255,255,255,0.55), 0 1px 3px -1px rgba(15,23,42,0.12)"
+            },
             initial: false,
             animate: {
               left: indicatorStyle.left,
@@ -4581,10 +4610,11 @@ function SegmentedControl({
               onClick: () => handleSelect(segment.value),
               className: `
               relative z-10 flex items-center justify-center gap-1.5
-              font-medium rounded-lg transition-colors duration-150
+              font-semibold rounded-lg transition-colors duration-150
+              focus:outline-none
               ${styles2.segment}
               ${fullWidth ? "flex-1" : ""}
-              ${isSelected ? "text-slate-900 dark:text-white" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-300"}
+              ${isSelected ? "text-slate-950 dark:text-white" : "text-slate-700 dark:text-slate-300 hover:text-slate-900 dark:hover:text-white"}
             `,
               children: [
                 segment.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: segment.icon }),
@@ -7369,12 +7399,12 @@ function ContextMenu({
       "div",
       {
         ref: menuRef,
-        className: `fixed z-[9999] ${minWidthClass} rounded-xl border border-gray-200 bg-white/90 py-1 shadow-lg backdrop-blur-xl dark:border-gray-700 dark:bg-gray-800/90`,
+        className: `liquid-surface-strong fixed z-[9999] ${minWidthClass} rounded-xl py-1 shadow-lg`,
         style: { left: position.x, top: position.y },
         "data-testid": testId,
         children: entries.map((entry) => {
           if (entry.type === "divider") {
-            return /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-gray-200 dark:border-gray-700" }, entry.key);
+            return /* @__PURE__ */ jsx("div", { className: "my-1 border-t liquid-divider" }, entry.key);
           }
           const IconComponent = entry.icon;
           return /* @__PURE__ */ jsxs(
@@ -7383,7 +7413,7 @@ function ContextMenu({
               type: "button",
               onClick: entry.onClick,
               disabled: entry.disabled,
-              className: `flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm transition-colors duration-150 ${entry.disabled ? "cursor-not-allowed text-gray-400 dark:text-gray-600" : entry.danger ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-500/10" : "text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700/50"}`,
+              className: `flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm transition-colors duration-150 focus:outline-none focus-visible:bg-indigo-500/10 focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-indigo-500/40 ${entry.disabled ? "cursor-not-allowed text-slate-400 dark:text-slate-600" : entry.danger ? "text-red-600 hover:bg-red-500/10 dark:text-red-400 dark:hover:bg-red-500/15" : "text-slate-700 hover:bg-white/45 dark:text-slate-200 dark:hover:bg-white/[0.07]"}`,
               "data-testid": entry.testId,
               children: [
                 IconComponent ? /* @__PURE__ */ jsx(IconComponent, { className: "h-4 w-4" }) : null,
@@ -7759,7 +7789,7 @@ function TimePicker({
       "button",
       {
         type: "button",
-        className: `flex items-center gap-2 text-sm border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 rounded-xl px-4 h-[44px] text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-gray-700/60 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 transition-colors duration-200 shadow-sm ${className}`,
+        className: `liquid-surface flex items-center gap-2 text-sm rounded-xl px-4 h-[44px] text-slate-900 dark:text-white hover:bg-white/30 dark:hover:bg-white/[0.06] focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 transition-colors duration-200 ${className}`,
         children: [
           /* @__PURE__ */ jsx(ClockIcon, { className: "h-4 w-4 text-indigo-500" }),
           /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap font-mono", children: displayText })
@@ -7769,18 +7799,18 @@ function TimePicker({
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
       Popover.Content,
       {
-        className: "z-50 w-[220px] rounded-2xl bg-white/70 dark:bg-gray-800/70 backdrop-blur-xl border border-white/20 dark:border-gray-700/50 p-5 shadow-xl animate-in fade-in-0 zoom-in-95",
+        className: "liquid-surface-strong z-50 w-[220px] rounded-2xl p-5 shadow-xl animate-in fade-in-0 zoom-in-95",
         sideOffset: 8,
         align: "start",
         children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 text-center uppercase tracking-wide", children: t("setTime") }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-slate-600 dark:text-slate-300 mb-3 text-center uppercase tracking-wide", children: t("setTime") }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
               /* @__PURE__ */ jsx(
                 "label",
                 {
                   htmlFor: "time-picker-hours",
-                  className: "text-[10px] font-medium text-gray-400 dark:text-gray-500 mb-1 uppercase",
+                  className: "text-[10px] font-medium text-slate-500 dark:text-slate-400 mb-1 uppercase",
                   children: t("hours")
                 }
               ),
@@ -7796,17 +7826,17 @@ function TimePicker({
                   onChange: handleHoursChange,
                   onKeyDown: handleKeyDown,
                   "aria-label": t("hours"),
-                  className: "w-14 h-14 text-center text-2xl font-semibold rounded-xl bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white border border-gray-200 dark:border-gray-600 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 transition-colors duration-200"
+                  className: "w-14 h-14 text-center text-2xl font-semibold rounded-xl bg-white/60 dark:bg-white/[0.08] text-slate-900 dark:text-white border border-white/40 dark:border-white/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 transition-colors duration-200 backdrop-blur-md"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-gray-400 dark:text-gray-500 mt-4", children: ":" }),
+            /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-slate-400 dark:text-slate-500 mt-4", children: ":" }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
               /* @__PURE__ */ jsx(
                 "label",
                 {
                   htmlFor: "time-picker-minutes",
-                  className: "text-[10px] font-medium text-gray-400 dark:text-gray-500 mb-1 uppercase",
+                  className: "text-[10px] font-medium text-slate-500 dark:text-slate-400 mb-1 uppercase",
                   children: t("minutes")
                 }
               ),
@@ -7821,7 +7851,7 @@ function TimePicker({
                   onChange: handleMinutesChange,
                   onKeyDown: handleKeyDown,
                   "aria-label": t("minutes"),
-                  className: "w-14 h-14 text-center text-2xl font-semibold rounded-xl bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white border border-gray-200 dark:border-gray-600 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 transition-colors duration-200"
+                  className: "w-14 h-14 text-center text-2xl font-semibold rounded-xl bg-white/60 dark:bg-white/[0.08] text-slate-900 dark:text-white border border-white/40 dark:border-white/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 transition-colors duration-200 backdrop-blur-md"
                 }
               )
             ] })
@@ -7834,8 +7864,8 @@ function TimePicker({
               disabled: isFuture,
               onClick: handleConfirm,
               className: `
-              mt-4 w-full flex items-center justify-center gap-2 h-10 rounded-xl text-sm font-medium transition-colors duration-200
-              ${isFuture ? "bg-gray-200 dark:bg-gray-700 text-gray-400 dark:text-gray-500 cursor-not-allowed" : "bg-indigo-500 text-white hover:bg-indigo-600 active:bg-indigo-700"}
+              mt-4 w-full flex items-center justify-center gap-2 h-10 rounded-xl text-sm font-medium transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1
+              ${isFuture ? "bg-white/40 dark:bg-white/[0.06] text-slate-400 dark:text-slate-500 cursor-not-allowed border border-white/30 dark:border-white/10" : "bg-indigo-500 text-white hover:bg-indigo-600 active:bg-indigo-700 shadow-[inset_0_1px_1.5px_rgba(255,255,255,0.4)]"}
             `,
               children: [
                 /* @__PURE__ */ jsx(CheckIcon$2, { className: "h-4 w-4" }),
@@ -7843,7 +7873,7 @@ function TimePicker({
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Popover.Arrow, { className: "fill-white/70 dark:fill-gray-800/70" })
+          /* @__PURE__ */ jsx(Popover.Arrow, { className: "fill-white/85 dark:fill-slate-900/85" })
         ]
       }
     ) })
@@ -8398,11 +8428,11 @@ function DetailsPopover({
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
       Popover.Content,
       {
-        className: "z-50 w-80 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-xl animate-in fade-in-0 zoom-in-95 dark:border-gray-700 dark:bg-gray-800",
+        className: "liquid-surface-strong z-50 w-80 overflow-hidden rounded-xl shadow-xl animate-in fade-in-0 zoom-in-95",
         sideOffset: 5,
         align: "center",
         children: [
-          /* @__PURE__ */ jsx("div", { className: `border-b border-gray-100 bg-gradient-to-r px-4 py-3 dark:border-gray-700 ${headerClassName}`, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: `border-b liquid-divider bg-gradient-to-r px-4 py-3 ${headerClassName}`, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             headerIcon,
             /* @__PURE__ */ jsx("span", { className: "font-semibold", children: headerTitle })
           ] }) }),
@@ -8410,40 +8440,40 @@ function DetailsPopover({
             actor ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
               /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-gradient-to-br from-indigo-500 to-purple-600 text-sm font-bold text-white shadow-xs", children: actor.avatarText }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: actor.primaryText }),
-                actor.secondaryText ? /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: actor.secondaryText }) : null
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: actor.primaryText }),
+                actor.secondaryText ? /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: actor.secondaryText }) : null
               ] })
             ] }) : null,
             timestamp ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
               timestampIcon,
-              /* @__PURE__ */ jsx("span", { className: "text-gray-600 dark:text-gray-300", children: timestamp })
+              /* @__PURE__ */ jsx("span", { className: "text-slate-600 dark:text-slate-300", children: timestamp })
             ] }) : null,
-            comparison ? /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-100 pt-2 dark:border-gray-700", children: [
+            comparison ? /* @__PURE__ */ jsxs("div", { className: "border-t liquid-divider pt-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
                 comparison.icon,
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-medium uppercase tracking-wider text-amber-600 dark:text-amber-400", children: comparison.label })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: comparison.fromLabel }),
-                  /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-400 line-through", children: comparison.fromValue })
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: comparison.fromLabel }),
+                  /* @__PURE__ */ jsx("p", { className: "font-medium text-slate-400 line-through", children: comparison.fromValue })
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "text-2xl text-gray-300 dark:text-gray-600", children: "\u2192" }),
+                /* @__PURE__ */ jsx("div", { className: "text-2xl text-slate-300 dark:text-slate-600", children: "\u2192" }),
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: comparison.toLabel }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: comparison.toLabel }),
                   /* @__PURE__ */ jsx("p", { className: "font-bold text-emerald-600 dark:text-emerald-400", children: comparison.toValue })
                 ] })
               ] })
             ] }) : null,
-            note ? /* @__PURE__ */ jsx("div", { className: "border-t border-gray-100 pt-2 dark:border-gray-700", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+            note ? /* @__PURE__ */ jsx("div", { className: "border-t liquid-divider pt-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
               note.icon,
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: note.label }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: note.value })
+                /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-slate-500 dark:text-slate-400", children: note.label }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-700 dark:text-slate-300", children: note.value })
               ] })
             ] }) }) : null
           ] }),
-          /* @__PURE__ */ jsx(Popover.Arrow, { className: "fill-white dark:fill-gray-800" })
+          /* @__PURE__ */ jsx(Popover.Arrow, { className: "fill-white/85 dark:fill-slate-900/85" })
         ]
       }
     ) })
@@ -10025,7 +10055,7 @@ var sizes3 = {
   md: { container: "px-3 py-1 text-sm gap-1.5", icon: "h-4 w-4", remove: "h-4 w-4 -mr-1" },
   lg: { container: "px-3.5 py-1.5 text-sm gap-2", icon: "h-4 w-4", remove: "h-4 w-4 -mr-1" }
 };
-var CRYSTAL_STYLE = {
+var CRYSTAL_STYLE2 = {
   backdropFilter: "blur(12px) saturate(1.5)",
   WebkitBackdropFilter: "blur(12px) saturate(1.5)",
   boxShadow: "inset 0 1px 1.5px rgba(255,255,255,0.45), 0 1px 3px -1px rgba(15,23,42,0.12)"
@@ -10060,7 +10090,7 @@ function Badge({
         type: "button",
         "data-testid": "badge",
         onClick,
-        style: CRYSTAL_STYLE,
+        style: CRYSTAL_STYLE2,
         ...liveProps,
         className: clsx(
           base,
@@ -10081,7 +10111,7 @@ function Badge({
         "data-testid": "badge",
         ...props,
         ...liveProps,
-        style: CRYSTAL_STYLE,
+        style: CRYSTAL_STYLE2,
         className: clsx(base, "pr-1"),
         children: [
           icon && /* @__PURE__ */ jsx("span", { className: clsx("shrink-0", sz.icon), "aria-hidden": true, children: icon }),
@@ -10107,7 +10137,7 @@ function Badge({
       }
     );
   }
-  return /* @__PURE__ */ jsxs("span", { "data-testid": "badge", ...props, ...liveProps, style: CRYSTAL_STYLE, className: base, children: [
+  return /* @__PURE__ */ jsxs("span", { "data-testid": "badge", ...props, ...liveProps, style: CRYSTAL_STYLE2, className: base, children: [
     icon && /* @__PURE__ */ jsx("span", { className: clsx("shrink-0", sz.icon), "aria-hidden": true, children: icon }),
     children
   ] });
@@ -10710,7 +10740,7 @@ function MonthPicker({
       "button",
       {
         type: "button",
-        className: `${noBorder ? "flex items-center justify-center gap-2 text-sm bg-transparent px-4 h-full min-h-[52px] text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-hidden transition-all duration-200 active:scale-[0.985]" : "flex items-center justify-center gap-2 text-sm border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 rounded-xl px-4 h-[52px] text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 transition-all duration-200 active:scale-[0.985] shadow-xs"} ${triggerClassName}`.trim(),
+        className: `${noBorder ? "flex items-center justify-center gap-2 text-sm bg-transparent px-4 h-full min-h-[52px] text-slate-900 dark:text-white hover:bg-white/30 dark:hover:bg-white/[0.06] focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 transition-all duration-200 active:scale-[0.985]" : "liquid-surface flex items-center justify-center gap-2 text-sm rounded-xl px-4 h-[52px] text-slate-900 dark:text-white hover:bg-white/30 dark:hover:bg-white/[0.06] focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 transition-all duration-200 active:scale-[0.985]"} ${triggerClassName}`.trim(),
         children: triggerContent ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 text-indigo-500" }),
           /* @__PURE__ */ jsx("span", { className: "capitalize whitespace-nowrap", children: displayValue })
@@ -10720,7 +10750,7 @@ function MonthPicker({
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
       Popover.Content,
       {
-        className: `z-50 w-64 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-4 shadow-xl animate-in fade-in-0 zoom-in-95 ${contentClassName}`.trim(),
+        className: `liquid-surface-strong z-50 w-64 rounded-xl p-4 shadow-xl animate-in fade-in-0 zoom-in-95 ${contentClassName}`.trim(),
         sideOffset: 5,
         side,
         avoidCollisions,
@@ -10733,19 +10763,19 @@ function MonthPicker({
                 type: "button",
                 onClick: () => setViewYear((y) => y - 1),
                 disabled: !canGoPrev,
-                className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-30 disabled:cursor-not-allowed transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500",
-                children: /* @__PURE__ */ jsx(ChevronLeftIcon$2, { className: "h-5 w-5 text-gray-500 dark:text-gray-400" })
+                className: "p-1.5 rounded-lg hover:bg-white/40 dark:hover:bg-white/[0.08] disabled:opacity-30 disabled:cursor-not-allowed transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1",
+                children: /* @__PURE__ */ jsx(ChevronLeftIcon$2, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900 dark:text-white text-lg", children: viewYear }),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold text-slate-900 dark:text-white text-lg", children: viewYear }),
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
                 onClick: () => setViewYear((y) => y + 1),
                 disabled: !canGoNext,
-                className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-30 disabled:cursor-not-allowed transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500",
-                children: /* @__PURE__ */ jsx(ChevronRightIcon$2, { className: "h-5 w-5 text-gray-500 dark:text-gray-400" })
+                className: "p-1.5 rounded-lg hover:bg-white/40 dark:hover:bg-white/[0.08] disabled:opacity-30 disabled:cursor-not-allowed transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1",
+                children: /* @__PURE__ */ jsx(ChevronRightIcon$2, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
               }
             )
           ] }),
@@ -10760,28 +10790,28 @@ function MonthPicker({
                 onClick: () => isAvailable && handleSelectMonth(index),
                 disabled: !isAvailable,
                 className: `
-                    px-2 py-2.5 text-sm rounded-lg transition-all duration-200 capitalize font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 active:scale-[0.98]
-                    ${isSelected ? "bg-indigo-500 text-white" : isAvailable ? "text-gray-700 dark:text-gray-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : "text-gray-300 dark:text-gray-600 cursor-not-allowed"}
+                    px-2 py-2.5 text-sm rounded-lg transition-all duration-200 capitalize font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-indigo-500/70 active:scale-[0.98]
+                    ${isSelected ? "bg-indigo-500 text-white shadow-[inset_0_1px_1.5px_rgba(255,255,255,0.45)]" : isAvailable ? "text-slate-700 dark:text-slate-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : "text-slate-300 dark:text-slate-600 cursor-not-allowed"}
                   `,
                 children: month
               },
               month
             );
           }) }),
-          availableYears.length > 1 && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 justify-center", children: availableYears.map((year) => /* @__PURE__ */ jsx(
+          availableYears.length > 1 && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 liquid-divider", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 justify-center", children: availableYears.map((year) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               onClick: () => setViewYear(year),
               className: `
-                      px-2 py-1 text-xs rounded-lg transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500
-                      ${viewYear === year ? "bg-indigo-100 dark:bg-indigo-900/50 text-indigo-700 dark:text-indigo-300 font-medium" : "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"}
+                      px-2 py-1 text-xs rounded-lg transition-colors duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-indigo-500/70
+                      ${viewYear === year ? "bg-indigo-500/15 dark:bg-indigo-400/20 text-indigo-700 dark:text-indigo-300 font-medium" : "text-slate-500 dark:text-slate-400 hover:bg-white/40 dark:hover:bg-white/[0.08]"}
                     `,
               children: year
             },
             year
           )) }) }),
-          /* @__PURE__ */ jsx(Popover.Arrow, { className: "fill-white dark:fill-gray-800" })
+          /* @__PURE__ */ jsx(Popover.Arrow, { className: "fill-white/85 dark:fill-slate-900/85" })
         ]
       }
     ) })
@@ -20877,5 +20907,5 @@ function useSocialProviders() {
 }
 
 export { ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, ActiveFilterChips, AgentAnalysisCard, 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, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChartRenderer, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CreateActionButton, DE_THEME_CONFIG, DashboardView, DataPagination, DatePicker, DeleteSwipeAction, Description3 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroBlock, HeroPanel, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, IconButton, ImageUpload, InfoPopover, InlineForm, InlineSpinner, Input, InputRequestForm, InteractiveGeoMap, ItemSummary, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LOCALE_FLAGS, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementPageLayout, ManagementSurface, MapZoomControls, MarketPricesCard, MetricCard, MonthPicker, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RecommendationCard, RegionFilterSkeleton, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsModal, Sheet, SkipToContent, SocialLoginButtons, SortableTableHeader, Spinner, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, StreamingDashboard, Strong, Subheading, SwipeableRow, Switch2 as Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UiAuthProvider, UiPrefsProvider, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, computeDomain, computeSeries, createMotionProps, duration, durationSeconds, durations, durationsReduced, ease, easeCss, easings, fadeOnly, fadeScale, filterByPermission, formatAddress, formatCurrency, formatCurrency2, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTransition, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, listItem, listItemReduced, motionTokens, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, spring, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useAuth, useGeoMapState, useImpersonation, useNotifications, usePlatformPreferences, usePlatformShellStore, usePullToRefresh, useSocialProviders, validateDashboardSpec, xScale, yScale };
-//# sourceMappingURL=chunk-AGGOHPMZ.mjs.map
-//# sourceMappingURL=chunk-AGGOHPMZ.mjs.map
+//# sourceMappingURL=chunk-EUXHJMGC.mjs.map
+//# sourceMappingURL=chunk-EUXHJMGC.mjs.map