@datatechsolutions/ui 3.14.0 → 3.15.1

package/dist/{chunk-FZUV7GNB.js → chunk-KZDABEML.js}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunk22XPYFHJ_js = require('./chunk-22XPYFHJ.js');
 var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
+var chunk22XPYFHJ_js = require('./chunk-22XPYFHJ.js');
 var chunkMXQ2EYG2_js = require('./chunk-MXQ2EYG2.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
@@ -1211,7 +1211,7 @@ function ToggleSwitch({
         transition-colors duration-200 ease-in-out
         focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-2
         ${sizeConfig3.track}
-        ${checked ? checkedBg : "bg-gray-200 dark:bg-white/[0.08]"}
+        ${checked ? checkedBg : "bg-slate-200 dark:bg-white/[0.08]"}
         ${disabled ? "opacity-50 cursor-not-allowed" : ""}
       `,
       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1247,8 +1247,8 @@ function LabeledToggle({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mt-0.5", children: description })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400 mt-0.5", children: description })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       ToggleSwitch,
@@ -1639,11 +1639,11 @@ function ItemSummary({
   subtitle,
   metadata,
   iconContainerClassName = "flex size-10 flex-shrink-0 items-center justify-center rounded-lg bg-indigo-100 dark:bg-indigo-900/30",
-  titleClassName = "truncate text-sm font-semibold text-gray-900 dark:text-white",
-  subtitleClassName = "truncate text-xs text-gray-500 dark:text-gray-400",
+  titleClassName = "truncate text-sm font-semibold text-slate-900 dark:text-white",
+  subtitleClassName = "truncate text-xs text-slate-500 dark:text-slate-400",
   metadataContainerClassName = "mt-2 flex flex-wrap gap-3",
-  metadataLabelClassName = "text-xs text-gray-500 dark:text-gray-400",
-  metadataValueClassName = "text-xs font-medium text-gray-900 dark:text-white"
+  metadataLabelClassName = "text-xs text-slate-500 dark:text-slate-400",
+  metadataValueClassName = "text-xs font-medium text-slate-900 dark:text-white"
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 min-w-0 items-start gap-3", children: [
     icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconContainerClassName, children: icon }) : null,
@@ -3212,10 +3212,10 @@ function SearchBar({
 function InfoPopover({ title, content, triggerLabel = "Info" }) {
   const id = React9.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": triggerLabel, className: "text-gray-400 hover:text-gray-700 dark:hover:text-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.InformationCircleIcon, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": triggerLabel, className: "text-slate-400 hover:text-slate-700 dark:hover:text-slate-200", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.InformationCircleIcon, { className: "h-4 w-4" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Content, { id, sideOffset: 8, className: "liquid-surface-strong z-[120] w-80 rounded-xl p-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 text-xs text-gray-600 dark:text-gray-300", children: content }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 text-xs text-slate-600 dark:text-slate-300", children: content }),
       /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Arrow, { className: "fill-white/50 dark:fill-slate-800/70" })
     ] }) })
   ] });
@@ -5979,9 +5979,9 @@ function NotificationDrawer({
   ] }) : null });
 }
 var CONTAINER_STYLES = {
-  card: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-xs hover:shadow-sm transition-shadow",
-  elevated: "bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-shadow",
-  glass: "bg-white/70 dark:bg-gray-800/70 backdrop-blur-xl border border-white/20 dark:border-gray-700/50 shadow-lg shadow-black/5",
+  card: "bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 shadow-xs hover:shadow-sm transition-shadow",
+  elevated: "bg-white dark:bg-slate-800 rounded-xl shadow-lg hover:shadow-xl transition-shadow",
+  glass: "bg-white/70 dark:bg-slate-800/70 backdrop-blur-xl border border-white/20 dark:border-slate-700/50 shadow-lg shadow-black/5",
   minimal: "rounded-lg"
 };
 var Container = React9__namespace.default.forwardRef(
@@ -7421,9 +7421,9 @@ function PageHeading({
   const t = chunkY5VN4SPH_js.useTranslations("common");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 lg:flex lg:items-start lg:justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-      breadcrumbs?.length ? /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": t("breadcrumb"), className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2", children: [
+      breadcrumbs?.length ? /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": t("breadcrumb"), className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2", children: [
         index > 0 ? /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronRightIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Link, { href: crumb.href, className: "hover:text-gray-800 dark:hover:text-white", children: crumb.name })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Link, { href: crumb.href, className: "hover:text-slate-800 dark:hover:text-white", children: crumb.name })
       ] }, `${crumb.href}-${crumb.name}`)) }) }) : null,
       /* @__PURE__ */ jsxRuntime.jsx(
         HeroBlock,
@@ -7436,7 +7436,7 @@ function PageHeading({
           headingLevel: "h1"
         }
       ),
-      meta?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap items-center gap-3 text-xs text-gray-500 dark:text-gray-400", children: meta.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1.5", children: [
+      meta?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap items-center gap-3 text-xs text-slate-500 dark:text-slate-400", children: meta.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1.5", children: [
         item.icon,
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.text })
       ] }, `${item.text}-${index}`)) }) : null
@@ -8134,8 +8134,8 @@ var COLOR_MAP = {
     activeGradient: "bg-gradient-to-br from-gray-500 to-gray-600 ring-2 ring-gray-500 shadow-lg",
     activeRing: "ring-gray-500",
     focusRing: "focus-visible:ring-gray-500",
-    iconInactiveBg: "bg-gray-500/10 dark:bg-gray-500/20",
-    iconInactiveText: "text-gray-600 dark:text-gray-300"
+    iconInactiveBg: "bg-slate-500/10 dark:bg-slate-500/20",
+    iconInactiveText: "text-slate-600 dark:text-slate-300"
   },
   amber: {
     activeGradient: "bg-gradient-to-br from-amber-500 to-amber-600 ring-2 ring-amber-500 shadow-lg",
@@ -8292,7 +8292,7 @@ function FilterTileButton({
 var SECTION_HEADER_COLOR_MAP = {
   blue: "bg-blue-500/10 text-blue-600 dark:bg-blue-500/25 dark:text-blue-300",
   emerald: "bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/25 dark:text-emerald-300",
-  gray: "bg-gray-500/10 text-gray-600 dark:bg-gray-500/25 dark:text-gray-300",
+  gray: "bg-slate-500/10 text-slate-600 dark:bg-slate-500/25 dark:text-slate-300",
   amber: "bg-amber-500/10 text-amber-600 dark:bg-amber-500/25 dark:text-amber-300",
   violet: "bg-violet-500/10 text-violet-600 dark:bg-violet-500/25 dark:text-violet-300",
   purple: "bg-purple-500/10 text-purple-600 dark:bg-purple-500/25 dark:text-purple-300",
@@ -8955,13 +8955,13 @@ function Dock({
                           }
                         ),
                         openClickMenuId === action.id && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute z-50 min-w-[220px] max-w-[calc(100vw-1rem)] ${getFlyoutPositionClass()}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface overflow-hidden rounded-2xl text-sm shadow-xl", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-white/20 px-3 py-2 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", children: action.label }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-white/20 px-3 py-2 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400", children: action.label }) }),
                           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-y-1 p-2", children: action.menuItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
                             "button",
                             {
                               type: "button",
                               onClick: () => handleMenuItemClick(item),
-                              className: `group relative flex items-center gap-x-3 rounded-lg px-3 py-2.5 text-left text-sm hover:bg-white/30 dark:hover:bg-white/10 ${item.variant === "danger" ? "text-red-600 dark:text-red-400" : "text-gray-700 dark:text-gray-200"}`,
+                              className: `group relative flex items-center gap-x-3 rounded-lg px-3 py-2.5 text-left text-sm hover:bg-white/30 dark:hover:bg-white/10 ${item.variant === "danger" ? "text-red-600 dark:text-red-400" : "text-slate-700 dark:text-slate-200"}`,
                               children: [
                                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: `flex h-8 w-8 items-center justify-center rounded-lg ${accent.bg} ${accent.icon}`, children: /* @__PURE__ */ jsxRuntime.jsx(FlyoutIcon, { className: "h-4 w-4" }) }),
                                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: item.label })
@@ -9027,13 +9027,13 @@ function Dock({
                           }
                         ),
                         openClickMenuId === action.id && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute z-50 min-w-[220px] max-w-[calc(100vw-1rem)] ${getFlyoutPositionClass()}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface overflow-hidden rounded-2xl text-sm shadow-xl", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-white/20 px-3 py-2 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", children: action.label }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-white/20 px-3 py-2 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400", children: action.label }) }),
                           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-y-1 p-2", children: action.menuItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
                             "button",
                             {
                               type: "button",
                               onClick: () => handleMenuItemClick(item),
-                              className: `group relative flex items-center gap-x-3 rounded-lg px-3 py-2.5 text-left text-sm hover:bg-white/30 dark:hover:bg-white/10 ${item.variant === "danger" ? "text-red-600 dark:text-red-400" : "text-gray-700 dark:text-gray-200"}`,
+                              className: `group relative flex items-center gap-x-3 rounded-lg px-3 py-2.5 text-left text-sm hover:bg-white/30 dark:hover:bg-white/10 ${item.variant === "danger" ? "text-red-600 dark:text-red-400" : "text-slate-700 dark:text-slate-200"}`,
                               children: [
                                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: `flex h-8 w-8 items-center justify-center rounded-lg ${accent.bg} ${accent.icon}`, children: /* @__PURE__ */ jsxRuntime.jsx(FlyoutIcon, { className: "h-4 w-4" }) }),
                                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: item.label })
@@ -10189,7 +10189,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
                 transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.1 },
-                className: "text-xl font-semibold text-gray-900 dark:text-white",
+                className: "text-xl font-semibold text-slate-900 dark:text-white",
                 children: title
               }
             ),
@@ -10200,7 +10200,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
                 transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.15 },
-                className: "mt-3 text-sm text-gray-500 dark:text-gray-400 max-w-sm mx-auto leading-relaxed",
+                className: "mt-3 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto leading-relaxed",
                 children: message
               }
             ),
@@ -10217,7 +10217,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                     initial: prefersReducedMotion2 ? false : { scale: 0 },
                     animate: prefersReducedMotion2 ? noMotion : { scale: 1 },
                     transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
-                    className: "h-1.5 w-1.5 rounded-full bg-gray-300 dark:bg-gray-600"
+                    className: "h-1.5 w-1.5 rounded-full bg-slate-300 dark:bg-slate-600"
                   },
                   i
                 ))
@@ -11492,7 +11492,7 @@ function PasswordStrengthMeter({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 gap-1", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
         {
-          className: `h-1.5 flex-1 rounded-full ${index < strength ? STRENGTH_COLORS[strength - 1] : "bg-gray-200 dark:bg-gray-700"}`,
+          className: `h-1.5 flex-1 rounded-full ${index < strength ? STRENGTH_COLORS[strength - 1] : "bg-slate-200 dark:bg-slate-700"}`,
           initial: { scaleX: 0 },
           animate: { scaleX: index < strength ? 1 : 0.5 },
           transition: chunkMXQ2EYG2_js.springPresets.stiff,
@@ -11509,8 +11509,8 @@ function PasswordStrengthMeter({
         initial: false,
         animate: { opacity: 1 },
         children: [
-          requirement.met ? /* @__PURE__ */ jsxRuntime.jsx(solid.CheckIcon, { className: "h-3.5 w-3.5 text-ios-green dark:text-[#30D158] shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(solid.XMarkIcon, { className: "h-3.5 w-3.5 text-gray-400 dark:text-gray-500 shrink-0" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: requirement.met ? "text-gray-600 dark:text-gray-300" : "text-gray-400 dark:text-gray-500", children: t(requirement.labelKey, requirement.labelParams) })
+          requirement.met ? /* @__PURE__ */ jsxRuntime.jsx(solid.CheckIcon, { className: "h-3.5 w-3.5 text-ios-green dark:text-[#30D158] shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(solid.XMarkIcon, { className: "h-3.5 w-3.5 text-slate-400 dark:text-slate-500 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: requirement.met ? "text-slate-600 dark:text-slate-300" : "text-slate-400 dark:text-slate-500", children: t(requirement.labelKey, requirement.labelParams) })
         ]
       },
       requirement.labelKey
@@ -11552,18 +11552,18 @@ function BackupCodeGrid({
   }, [codes, t]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface-strong rounded-xl p-4", children: !revealed ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-8 gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t("backupCodesHidden") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: t("backupCodesHidden") }),
       onReveal && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { outline: true, onClick: onReveal, children: t("backupCodesReveal") })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: codes.map((code, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: "flex items-center gap-2 rounded-lg bg-white/50 dark:bg-white/5 px-3 py-2",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-400 dark:text-gray-500 tabular-nums w-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-slate-400 dark:text-slate-500 tabular-nums w-4", children: [
             index + 1,
             "."
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-sm font-medium text-gray-900 dark:text-white tracking-wider", children: code })
+          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-sm font-medium text-slate-900 dark:text-white tracking-wider", children: code })
         ]
       },
       index
@@ -12725,7 +12725,7 @@ var MapZoomControls = React9__namespace.default.forwardRef(
               className: "p-2 liquid-surface rounded-lg disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
               "aria-label": labels?.zoomIn ?? "Zoom in",
               "data-testid": "zoom-in-button",
-              children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.PlusIcon, { className: "h-5 w-5 text-gray-700 dark:text-gray-300" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.PlusIcon, { className: "h-5 w-5 text-slate-700 dark:text-slate-300" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -12736,13 +12736,13 @@ var MapZoomControls = React9__namespace.default.forwardRef(
               className: "p-2 liquid-surface rounded-lg disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
               "aria-label": labels?.zoomOut ?? "Zoom out",
               "data-testid": "zoom-out-button",
-              children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MinusIcon, { className: "h-5 w-5 text-gray-700 dark:text-gray-300" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MinusIcon, { className: "h-5 w-5 text-slate-700 dark:text-slate-300" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 px-2 py-1 liquid-surface rounded-lg text-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
             "span",
             {
-              className: "text-xs font-medium text-gray-600 dark:text-gray-400",
+              className: "text-xs font-medium text-slate-600 dark:text-slate-400",
               "data-testid": "zoom-level",
               children: [
                 Math.round(zoom * 100),
@@ -12874,7 +12874,7 @@ var GeoMapLegend = React9__namespace.default.forwardRef(
         className: "liquid-surface rounded-lg p-3",
         "data-testid": "map-legend",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 mb-2", children: labels.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold text-slate-700 dark:text-slate-300 mb-2", children: labels.title }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
             items.slice(0, maxItems).map((item) => {
               const flagUrl = getFlagUrl?.(item.code);
@@ -12904,7 +12904,7 @@ var GeoMapLegend = React9__namespace.default.forwardRef(
                         "data-testid": `legend-color-${item.code}`
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-slate-600 dark:text-slate-400", children: [
                       displayLabel,
                       " (",
                       item.count,
@@ -12915,7 +12915,7 @@ var GeoMapLegend = React9__namespace.default.forwardRef(
                 item.code
               );
             }),
-            items.length > maxItems && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400 italic pt-1", children: [
+            items.length > maxItems && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-slate-500 dark:text-slate-400 italic pt-1", children: [
               "+",
               items.length - maxItems,
               " ",
@@ -20859,5 +20859,5 @@ exports.useSocialProviders = useSocialProviders;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-FZUV7GNB.js.map
-//# sourceMappingURL=chunk-FZUV7GNB.js.map
+//# sourceMappingURL=chunk-KZDABEML.js.map
+//# sourceMappingURL=chunk-KZDABEML.js.map