@datatechsolutions/ui 3.13.0 → 3.13.1

package/dist/{chunk-MSKKNPRE.mjs → chunk-QEACOJXX.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import { useTranslations, useLocale } from './chunk-ZEFNBGYI.mjs';
 import { subscribeToRunEvents, submitApproval } from './chunk-NBW6WJQT.mjs';
-import { Link, TouchTarget, getTransition, springPresets, Button } from './chunk-WR55H7DH.mjs';
+import { Link, TouchTarget, getTransition, springPresets, Button, IconButton } from './chunk-O4RZCDP2.mjs';
 import { triggerHaptic } from './chunk-D2JF6C3E.mjs';
 import { useRouter, usePathname } from './chunk-QWG2FMUN.mjs';
 import * as React9 from 'react';
@@ -5384,10 +5384,12 @@ function ErrorState({
         className: "mt-6",
         children: [
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              type: "button",
+              plain: true,
+              size: "xs",
               onClick: toggleDetails,
-              className: "text-xs text-slate-400 dark:text-slate-500 hover:text-slate-600 dark:hover:text-slate-400 transition-colors",
               children: showErrorDetails ? t("hideDetails") : t("showDetails")
             }
           ),
@@ -5909,8 +5911,8 @@ function NotificationDrawer({
           ] }),
           /* @__PURE__ */ jsx("div", { className: "mx-5 h-px bg-gradient-to-r from-transparent via-gray-200/80 to-transparent dark:via-white/10" }),
           /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: history.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [
-            /* @__PURE__ */ jsx(BellIcon, { className: "h-12 w-12 text-gray-300 dark:text-gray-600 mb-3" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-400 dark:text-gray-500", children: t("empty") })
+            /* @__PURE__ */ jsx(BellIcon, { className: "h-12 w-12 text-slate-300 dark:text-slate-600 mb-3" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-400 dark:text-slate-500", children: t("empty") })
           ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2.5", children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: history.map((item) => {
             const style = NOTIFICATION_TYPE_STYLES[item.type];
             const Icon = style.icon;
@@ -5925,16 +5927,16 @@ function NotificationDrawer({
                 children: [
                   /* @__PURE__ */ jsx("div", { className: `mt-0.5 flex-shrink-0 ${style.color}`, children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" }) }),
                   /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: item.title }),
-                    item.message ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400 line-clamp-2", children: item.message }) : null,
-                    /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-[11px] text-gray-400 dark:text-gray-500", children: formatTimeAgo(item.timestamp, t) })
+                    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white truncate", children: item.title }),
+                    item.message ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-slate-500 dark:text-slate-400 line-clamp-2", children: item.message }) : null,
+                    /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-[11px] text-slate-400 dark:text-slate-500", children: formatTimeAgo(item.timestamp, t) })
                   ] }),
                   /* @__PURE__ */ jsx(
                     "button",
                     {
                       type: "button",
                       onClick: () => onRemove(item.id),
-                      className: "absolute right-2.5 top-2.5 rounded-lg p-1 text-gray-300 opacity-0 transition-all group-hover:opacity-100 group-focus-within:opacity-100 hover:text-gray-500 active:scale-95 dark:text-gray-600 dark:hover:text-gray-400",
+                      className: "absolute right-2.5 top-2.5 rounded-lg p-1 text-slate-300 opacity-0 transition-all group-hover:opacity-100 group-focus-within:opacity-100 hover:text-slate-500 active:scale-95 dark:text-slate-600 dark:hover:text-slate-400",
                       "aria-label": t("dismiss"),
                       children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-3.5 w-3.5" })
                     }
@@ -6144,17 +6146,16 @@ function AccentBar({ gradient, className }) {
   return /* @__PURE__ */ jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${gradient} ${className ?? ""}` });
 }
 function CloseBtn({ onClick, label }) {
-  return /* @__PURE__ */ jsx(
-    "button",
+  return /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-4 z-10", "data-testid": "modal-close", children: /* @__PURE__ */ jsx(
+    IconButton,
     {
-      type: "button",
+      label,
+      variant: "ghost",
+      size: "sm",
       onClick,
-      "aria-label": label,
-      "data-testid": "modal-close",
-      className: "absolute right-4 top-4 z-10 inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-500 transition hover:bg-white/40 hover:text-slate-700 dark:text-slate-300 dark:hover:bg-white/[0.08] dark:hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-2",
-      children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-5 w-5" })
     }
-  );
+  ) });
 }
 function SidebarLayout({
   sidebarElement,
@@ -7023,8 +7024,8 @@ function DatePicker({
                   type: "button",
                   onClick: handlePrevMonth,
                   "aria-label": t("previousMonth"),
-                  className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-                  children: /* @__PURE__ */ jsx(ChevronLeftIcon$1, { 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.04] transition-colors",
+                  children: /* @__PURE__ */ jsx(ChevronLeftIcon$1, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -7032,7 +7033,7 @@ function DatePicker({
                 {
                   type: "button",
                   onClick: () => setViewMode("year-month"),
-                  className: "px-3 py-1 rounded-lg font-semibold text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors capitalize",
+                  className: "px-3 py-1 rounded-lg font-semibold text-slate-900 dark:text-white hover:bg-white/40 dark:hover:bg-white/[0.04] transition-colors capitalize",
                   children: monthYearLabel
                 }
               ),
@@ -7042,15 +7043,15 @@ function DatePicker({
                   type: "button",
                   onClick: handleNextMonth,
                   "aria-label": t("nextMonth"),
-                  className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-                  children: /* @__PURE__ */ jsx(ChevronRightIcon$1, { 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.04] transition-colors",
+                  children: /* @__PURE__ */ jsx(ChevronRightIcon$1, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
                 }
               )
             ] }),
             /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-0.5 mb-1", children: dayNames.map((name, i) => /* @__PURE__ */ jsx(
               "div",
               {
-                className: "text-center text-xs font-medium text-gray-400 dark:text-gray-500 uppercase py-1",
+                className: "text-center text-xs font-medium text-slate-400 dark:text-slate-500 uppercase py-1",
                 children: name
               },
               `${name}-${i}`
@@ -7071,9 +7072,9 @@ function DatePicker({
                   onClick: () => handleSelectDay(day),
                   className: `
                         h-9 w-full rounded-lg text-sm font-medium transition-colors
-                        ${disabled ? "text-gray-300 dark:text-gray-600 cursor-not-allowed" : ""}
-                        ${!disabled && !isSelected && isCurrentMonth ? "text-gray-800 dark:text-gray-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : ""}
-                        ${!disabled && !isSelected && !isCurrentMonth ? "text-gray-400 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700" : ""}
+                        ${disabled ? "text-slate-300 dark:text-slate-600 cursor-not-allowed" : ""}
+                        ${!disabled && !isSelected && isCurrentMonth ? "text-slate-800 dark:text-slate-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : ""}
+                        ${!disabled && !isSelected && !isCurrentMonth ? "text-slate-400 dark:text-slate-500 hover:bg-white/40 dark:hover:bg-white/[0.04]" : ""}
                         ${isSelected ? "bg-indigo-500 text-white hover:bg-indigo-600" : ""}
                         ${isToday && !isSelected ? "ring-1 ring-indigo-400 dark:ring-indigo-500" : ""}
                       `,
@@ -7082,7 +7083,7 @@ function DatePicker({
                 day.toISOString()
               );
             }) }),
-            /* @__PURE__ */ jsx("div", { className: "mt-3 pt-3 border-t border-gray-200/60 dark:border-gray-700/60 text-center", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "mt-3 pt-3 liquid-divider border-t text-center", children: /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -7103,19 +7104,19 @@ function DatePicker({
                   type: "button",
                   onClick: () => handleSelectYear(viewDate.getFullYear() - 1),
                   "aria-label": t("previousYear"),
-                  className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-                  children: /* @__PURE__ */ jsx(ChevronLeftIcon$1, { 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.04] transition-colors",
+                  children: /* @__PURE__ */ jsx(ChevronLeftIcon$1, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg text-gray-900 dark:text-white", children: viewDate.getFullYear() }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg text-slate-900 dark:text-white", children: viewDate.getFullYear() }),
               /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
                   onClick: () => handleSelectYear(viewDate.getFullYear() + 1),
                   "aria-label": t("nextYear"),
-                  className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-                  children: /* @__PURE__ */ jsx(ChevronRightIcon$1, { 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.04] transition-colors",
+                  children: /* @__PURE__ */ jsx(ChevronRightIcon$1, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
                 }
               )
             ] }),
@@ -7130,23 +7131,23 @@ function DatePicker({
                   onClick: () => handleSelectMonth(index),
                   className: `
                         px-2 py-2.5 text-sm rounded-lg transition-colors capitalize font-medium
-                        ${isFutureMonth ? "text-gray-300 dark:text-gray-600 cursor-not-allowed" : ""}
+                        ${isFutureMonth ? "text-slate-300 dark:text-slate-600 cursor-not-allowed" : ""}
                         ${!isFutureMonth && isSelectedMonth ? "bg-indigo-500 text-white" : ""}
-                        ${!isFutureMonth && !isSelectedMonth ? "text-gray-700 dark:text-gray-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : ""}
+                        ${!isFutureMonth && !isSelectedMonth ? "text-slate-700 dark:text-slate-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : ""}
                       `,
                   children: name
                 },
                 name
               );
             }) }),
-            /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 border-t border-gray-200/60 dark:border-gray-700/60", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 justify-center", children: yearRange.slice(-7).map((year) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 liquid-divider border-t", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 justify-center", children: yearRange.slice(-7).map((year) => /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
                 onClick: () => handleSelectYear(year),
                 className: `
                         px-2 py-1 text-xs rounded-lg transition-colors
-                        ${viewDate.getFullYear() === 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"}
+                        ${viewDate.getFullYear() === year ? "bg-indigo-100 dark:bg-indigo-900/50 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.04]"}
                       `,
                 children: year
               },
@@ -7162,7 +7163,7 @@ function DatePicker({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx(Popover.Arrow, { className: "fill-white/70 dark:fill-gray-800/70" })
+          /* @__PURE__ */ jsx(Popover.Arrow, { className: "fill-white/70 dark:fill-slate-800/70" })
         ]
       }
     ) })
@@ -7463,7 +7464,7 @@ function FormInput({
       required ? /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-red-500", children: "*" }) : null
     ] }) : null,
     /* @__PURE__ */ jsx("div", { className: wrapperClass(error), children: /* @__PURE__ */ jsxs("div", { className: `relative flex items-center ${sizeClasses2[inputSize]} ${className}`, children: [
-      icon ? /* @__PURE__ */ jsx("span", { className: "mr-2 text-gray-400 dark:text-gray-500", "aria-hidden": "true", children: icon }) : null,
+      icon ? /* @__PURE__ */ jsx("span", { className: "mr-2 text-slate-400 dark:text-slate-500", "aria-hidden": "true", children: icon }) : null,
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -7472,7 +7473,7 @@ function FormInput({
           required,
           "aria-invalid": error ? true : false,
           "aria-describedby": describedBy,
-          className: "w-full bg-transparent text-gray-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-gray-500",
+          className: "w-full bg-transparent text-slate-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-slate-500",
           onChange: (event) => onValueChange?.(event.target.value)
         }
       )
@@ -7508,7 +7509,7 @@ function FormTextarea({
         required,
         "aria-invalid": error ? true : void 0,
         "aria-describedby": describedBy,
-        className: `w-full resize-y bg-transparent px-3.5 py-2.5 text-gray-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-gray-500 ${className}`,
+        className: `w-full resize-y bg-transparent px-3.5 py-2.5 text-slate-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-slate-500 ${className}`,
         onChange: (event) => onValueChange?.(event.target.value)
       }
     ) }),
@@ -7559,7 +7560,7 @@ function FormPriceInput({
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: `absolute top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 pointer-events-none select-none ${sizes3.symbol}`,
+          className: `absolute top-1/2 -translate-y-1/2 text-slate-400 dark:text-slate-500 pointer-events-none select-none ${sizes3.symbol}`,
           "aria-hidden": "true",
           children: currencySymbol
         }
@@ -7580,7 +7581,7 @@ function FormPriceInput({
           "aria-invalid": error ? true : false,
           "aria-describedby": describedBy,
           "aria-label": label ? `${label} in ${currencySymbol}` : void 0,
-          className: `w-full bg-transparent tabular-nums ${sizes3.input} ${sizes3.padding} text-gray-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-gray-500 ${colorClass ?? ""} ${className}`
+          className: `w-full bg-transparent tabular-nums ${sizes3.input} ${sizes3.padding} text-slate-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-slate-500 ${colorClass ?? ""} ${className}`
         }
       )
     ] }) }),
@@ -7616,7 +7617,7 @@ function FormSelect({
         required,
         "aria-invalid": error ? true : void 0,
         "aria-describedby": describedBy,
-        className: `w-full bg-transparent ${sizeClasses2[inputSize]} text-gray-900 focus:outline-none dark:text-white ${className}`,
+        className: `w-full bg-transparent ${sizeClasses2[inputSize]} text-slate-900 focus:outline-none dark:text-white ${className}`,
         onChange: (event) => onValueChange?.(event.target.value),
         children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
       }
@@ -7833,9 +7834,9 @@ function ExpandableHistoryList({
   className = "space-y-3"
 }) {
   const [expandedItemId, setExpandedItemId] = useState(null);
-  return /* @__PURE__ */ jsx("div", { className, children: isLoading ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: loadingLabel }) : items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: emptyLabel }) : items.map((item) => {
+  return /* @__PURE__ */ jsx("div", { className, children: isLoading ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-slate-500 dark:text-slate-400", children: loadingLabel }) : items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: emptyLabel }) : items.map((item) => {
     const isExpanded = expandedItemId === item.id;
-    return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-200/80 dark:border-gray-700/80", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-slate-200/80 dark:border-slate-700/80", children: [
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -7843,17 +7844,17 @@ function ExpandableHistoryList({
           onClick: () => setExpandedItemId(
             (previousExpandedItemId) => previousExpandedItemId === item.id ? null : item.id
           ),
-          className: "w-full px-4 py-3 text-left hover:bg-gray-50/80 dark:hover:bg-gray-800/40",
+          className: "w-full px-4 py-3 text-left hover:bg-slate-50/80 dark:hover:bg-slate-800/40",
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
               /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: item.headerLeft }),
-              item.headerRight ? /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: item.headerRight }) : null
+              item.headerRight ? /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: item.headerRight }) : null
             ] }),
-            item.summary ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: item.summary }) : null
+            item.summary ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: item.summary }) : null
           ]
         }
       ),
-      isExpanded && item.details ? /* @__PURE__ */ jsx("div", { className: "space-y-3 border-t border-gray-200/80 px-4 py-3 dark:border-gray-700/80", children: item.details }) : null
+      isExpanded && item.details ? /* @__PURE__ */ jsx("div", { className: "space-y-3 border-t border-slate-200/80 px-4 py-3 dark:border-slate-700/80", children: item.details }) : null
     ] }, item.id);
   }) });
 }
@@ -10274,12 +10275,12 @@ function PageErrorState({
                 transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.25 },
                 className: "mt-8",
                 children: /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
                     type: "button",
+                    destructive: true,
                     onClick: onRetry,
                     "data-testid": "error-state-retry",
-                    className: "rounded-xl bg-red-600 px-6 py-2.5 text-sm font-semibold text-white shadow-lg shadow-red-500/20 transition-all hover:bg-red-700 hover:shadow-red-500/30 active:scale-[0.97] dark:bg-red-500 dark:hover:bg-red-600 dark:shadow-red-500/10",
                     children: retryLabel
                   }
                 )
@@ -10835,16 +10836,16 @@ function FieldRenderer({ field }) {
           className: [GLASS_INPUT, field.copyable ? "pr-10" : ""].join(" ")
         }
       ),
-      field.copyable ? /* @__PURE__ */ jsx(
-        "button",
+      field.copyable ? /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
+        IconButton,
         {
-          type: "button",
+          label: `Copy ${field.label}`,
+          variant: "ghost",
+          size: "sm",
           onClick: () => navigator.clipboard.writeText(field.value),
-          className: "absolute right-3 top-1/2 -translate-y-1/2 rounded-lg p-1.5 text-slate-400 transition hover:bg-white/40 hover:text-slate-700 dark:hover:bg-white/[0.08] dark:hover:text-slate-200",
-          "aria-label": `Copy ${field.label}`,
-          children: /* @__PURE__ */ jsx(ClipboardDocumentIcon, { className: "h-4 w-4" })
+          icon: /* @__PURE__ */ jsx(ClipboardDocumentIcon, { className: "h-4 w-4" })
         }
-      ) : null
+      ) }) : null
     ] }),
     field.description ? /* @__PURE__ */ jsx(Description3, { className: "text-xs text-slate-500 dark:text-slate-400", children: field.description }) : null
   ] });
@@ -11839,7 +11840,7 @@ function RadiantHeading({
       ...props,
       className: clsx(
         className,
-        "text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl lg:text-6xl"
+        "text-4xl font-bold tracking-tight text-slate-900 dark:text-white sm:text-5xl lg:text-6xl"
       )
     }
   );
@@ -11868,7 +11869,7 @@ function Lead({
   return /* @__PURE__ */ jsx(
     "p",
     {
-      className: clsx(className, "text-xl text-gray-600 dark:text-gray-400 leading-relaxed"),
+      className: clsx(className, "text-xl text-slate-600 dark:text-slate-400 leading-relaxed"),
       ...props
     }
   );
@@ -11946,19 +11947,18 @@ function BentoCard({
       className: clsx(
         className,
         "group relative flex flex-col overflow-hidden rounded-2xl",
-        "bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl transition-shadow",
-        "border border-gray-200 dark:border-gray-700"
+        "liquid-surface shadow-lg hover:shadow-xl transition-shadow"
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative h-80 shrink-0 overflow-hidden bg-gradient-to-br from-gray-100 to-gray-50 dark:from-gray-700 dark:to-gray-800", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative h-80 shrink-0 overflow-hidden bg-gradient-to-br from-slate-100 to-slate-50 dark:from-slate-700 dark:to-slate-800", children: [
           graphic,
-          fade.includes("top") && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-white dark:from-gray-800 to-transparent opacity-40" }),
-          fade.includes("bottom") && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-white dark:from-gray-800 to-transparent opacity-40" })
+          fade.includes("top") && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-white dark:from-slate-800 to-transparent opacity-40" }),
+          fade.includes("bottom") && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-white dark:from-slate-800 to-transparent opacity-40" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "relative p-8 sm:p-10", children: [
           /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-blue-600 dark:text-blue-400 uppercase tracking-wider mb-2", children: eyebrow }),
-          /* @__PURE__ */ jsx("p", { className: "mt-1 text-2xl font-bold tracking-tight text-gray-900 dark:text-white", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-xl text-base text-gray-600 dark:text-gray-400 leading-relaxed", children: description })
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-2xl font-bold tracking-tight text-slate-900 dark:text-white", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-xl text-base text-slate-600 dark:text-slate-400 leading-relaxed", children: description })
         ] })
       ]
     }
@@ -12029,14 +12029,14 @@ function FeatureCard({
       initial: { opacity: 0, y: 20 },
       whileInView: { opacity: 1, y: 0 },
       transition: { duration: 0.5 },
-      className: "group relative rounded-2xl overflow-hidden bg-white dark:bg-gray-800 p-8 shadow-md hover:shadow-xl transition-all duration-300 border border-gray-200 dark:border-gray-700",
+      className: "group liquid-surface relative rounded-2xl overflow-hidden p-8 shadow-md hover:shadow-xl transition-all duration-300",
       children: [
         /* @__PURE__ */ jsx("div", { className: clsx(
           "inline-flex rounded-xl p-3 mb-6",
           `bg-gradient-to-br ${gradient}`
         ), children: /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6 text-white" }) }),
-        /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold text-gray-900 dark:text-white mb-2", children: title }),
-        /* @__PURE__ */ jsx("p", { className: "text-gray-600 dark:text-gray-400 leading-relaxed", children: description })
+        /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold text-slate-900 dark:text-white mb-2", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "text-slate-600 dark:text-slate-400 leading-relaxed", children: description })
       ]
     }
   );
@@ -20033,7 +20033,7 @@ function SkipToContent({
     "a",
     {
       href: `#${targetId}`,
-      className: "sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999] focus:rounded-lg focus:bg-white focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-indigo-600 focus:shadow-lg focus:ring-2 focus:ring-indigo-500 focus:outline-none dark:focus:bg-gray-800 dark:focus:text-indigo-400",
+      className: "sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999] focus:rounded-lg focus:bg-white focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-indigo-600 focus:shadow-lg focus:ring-2 focus:ring-indigo-500/70 focus:ring-offset-1 focus:outline-none dark:focus:bg-slate-800 dark:focus:text-indigo-400",
       "data-testid": "skip-to-content",
       children: label
     }
@@ -20113,5 +20113,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, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, 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, Dialog5 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, 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, 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, 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, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsModal, Sheet, SkipToContent, SocialLoginButtons, SortableTableHeader, Spinner, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepIndicator, StepProgress, 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, 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, computeDomain, computeSeries, 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, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, 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, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, useAuth, useGeoMapState, useImpersonation, useNotifications, usePlatformPreferences, usePlatformShellStore, usePullToRefresh, useSocialProviders, validateDashboardSpec, xScale, yScale };
-//# sourceMappingURL=chunk-MSKKNPRE.mjs.map
-//# sourceMappingURL=chunk-MSKKNPRE.mjs.map
+//# sourceMappingURL=chunk-QEACOJXX.mjs.map
+//# sourceMappingURL=chunk-QEACOJXX.mjs.map