@datatechsolutions/ui 3.13.1 → 3.15.0

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

@@ -3,7 +3,7 @@
 
 var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
 var chunk22XPYFHJ_js = require('./chunk-22XPYFHJ.js');
-var chunkEBARYRSA_js = require('./chunk-EBARYRSA.js');
+var chunkMXQ2EYG2_js = require('./chunk-MXQ2EYG2.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
 var React9 = require('react');
@@ -435,7 +435,7 @@ var Input = React9.forwardRef(
           initial: { opacity: 0, scale: 0.8 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.8 },
-          transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
+          transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.bouncy),
           children: /* @__PURE__ */ jsxRuntime.jsx(solid.CheckCircleIcon, { className: "h-5 w-5 text-ios-green dark:text-ios-green-dark" })
         }
       ) }),
@@ -1211,13 +1211,13 @@ 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(
         framerMotion.motion.span,
         {
-          transition: chunkEBARYRSA_js.springPresets.bouncy,
+          transition: chunkMXQ2EYG2_js.springPresets.bouncy,
           className: `
           pointer-events-none inline-block rounded-full
           bg-white shadow-lg shadow-black/10
@@ -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,
@@ -3117,7 +3117,7 @@ function SearchBar({
         }
       ),
       filtersModal && /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkEBARYRSA_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "button",
           onClick: filtersModal.onOpen,
@@ -3183,7 +3183,7 @@ function SearchBar({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[72vh] overflow-y-auto p-4 sm:p-5", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: filtersModal.children }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 border-t liquid-divider p-4", children: [
               filtersModal.onClear && filtersModalCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                chunkEBARYRSA_js.Button,
+                chunkMXQ2EYG2_js.Button,
                 {
                   type: "button",
                   onClick: filtersModal.onClear,
@@ -3193,7 +3193,7 @@ function SearchBar({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkEBARYRSA_js.Button,
+                chunkMXQ2EYG2_js.Button,
                 {
                   type: "button",
                   onClick: filtersModal.onClose,
@@ -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" })
     ] }) })
   ] });
@@ -3960,7 +3960,7 @@ function SegmentedControl({
               left: indicatorStyle.left,
               width: indicatorStyle.width
             },
-            transition: chunkEBARYRSA_js.springPresets.default
+            transition: chunkMXQ2EYG2_js.springPresets.default
           }
         ),
         normalizedSegments.map((segment) => {
@@ -4018,15 +4018,15 @@ var sizeConfig2 = {
 var variantConfig = {
   default: {
     active: "bg-[#007AFF]",
-    inactive: "bg-gray-300 dark:bg-gray-600"
+    inactive: "bg-slate-300 dark:bg-slate-600"
   },
   light: {
     active: "bg-white",
     inactive: "bg-white/40"
   },
   dark: {
-    active: "bg-gray-900",
-    inactive: "bg-gray-900/30"
+    active: "bg-slate-900",
+    inactive: "bg-slate-900/30"
   }
 };
 function PageIndicator({
@@ -4159,7 +4159,7 @@ function ProgressIndicator({
                 ${showNumbers ? "w-8 h-8 text-sm font-medium" : "w-3 h-3"}
                 ${isCompleted ? "bg-[#34C759] text-white" : ""}
                 ${isCurrent ? "bg-[#007AFF] text-white ring-4 ring-indigo-500/70/20" : ""}
-                ${isPending ? "bg-gray-200 dark:bg-gray-700 text-gray-500" : ""}
+                ${isPending ? "bg-slate-200 dark:bg-slate-700 text-slate-500" : ""}
               `,
           animate: {
             scale: isCurrent ? 1.1 : 1
@@ -4177,7 +4177,7 @@ function ProgressIndicator({
         {
           className: `
                   w-8 h-0.5 mx-1
-                  ${isCompleted ? "bg-[#34C759]" : "bg-gray-200 dark:bg-gray-700"}
+                  ${isCompleted ? "bg-[#34C759]" : "bg-slate-200 dark:bg-slate-700"}
                 `
         }
       )
@@ -4559,15 +4559,15 @@ function PullToRefreshIndicator({
         "div",
         {
           className: `
-          h-8 w-8 rounded-full bg-white dark:bg-gray-800
-          shadow-lg border border-gray-200 dark:border-gray-700
+          h-8 w-8 rounded-full bg-white dark:bg-slate-800
+          shadow-lg border border-slate-200 dark:border-slate-700
           flex items-center justify-center
           transition-transform duration-200
         `,
-          children: isRefreshing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 animate-spin motion-reduce:animate-none rounded-full border-2 border-gray-300 border-t-blue-500" }) : /* @__PURE__ */ jsxRuntime.jsx(
+          children: isRefreshing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 animate-spin motion-reduce:animate-none rounded-full border-2 border-slate-300 border-t-blue-500" }) : /* @__PURE__ */ jsxRuntime.jsx(
             "svg",
             {
-              className: "h-5 w-5 text-gray-600 dark:text-gray-400",
+              className: "h-5 w-5 text-slate-600 dark:text-slate-400",
               style: { transform: `rotate(${rotation}deg)` },
               fill: "none",
               viewBox: "0 0 24 24",
@@ -4982,7 +4982,7 @@ function TableCell({ className, children, ...props }) {
       ),
       children: [
         href && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.Link,
+          chunkMXQ2EYG2_js.Link,
           {
             "data-row-link": true,
             href,
@@ -5039,7 +5039,7 @@ function SortableTableHeader({
           {
             initial: false,
             animate: { opacity: 1 },
-            transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.stiff),
+            transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.stiff),
             className: "flex-shrink-0",
             children: direction === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronUpIcon, { className: "h-4 w-4" }) : direction === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronDownIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronUpDownIcon, { className: "h-4 w-4 opacity-40" })
           }
@@ -5092,7 +5092,7 @@ function TableEmptyState({
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
-      transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.gentle),
+      transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.gentle),
       className: "flex flex-col items-center gap-3",
       children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-full bg-white/40 dark:bg-white/[0.04] flex items-center justify-center text-slate-400 dark:text-slate-500", children: icon }),
@@ -5122,7 +5122,7 @@ function AnimatedTableRow({
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, x: -20 },
       transition: {
-        ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.gentle),
+        ...chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.gentle),
         delay: index * 0.03
       },
       ...restProps,
@@ -5181,7 +5181,7 @@ function SelectableTableRow({
                 "aria-label": "Select row",
                 onClick: handleSelect,
                 whileTap: { scale: 0.9 },
-                transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.stiff),
+                transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.stiff),
                 className: clsx4__default.default(
                   "h-5 w-5 rounded-full border-2 flex items-center justify-center transition-colors",
                   selected ? "bg-[#007AFF] dark:bg-[#0A84FF] border-[#007AFF] dark:border-[#0A84FF]" : "border-slate-300 dark:border-slate-600"
@@ -5192,7 +5192,7 @@ function SelectableTableRow({
                     initial: { scale: 0 },
                     animate: { scale: 1 },
                     exit: { scale: 0 },
-                    transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
+                    transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.bouncy),
                     className: "h-3 w-3 text-white",
                     fill: "none",
                     viewBox: "0 0 24 24",
@@ -5236,7 +5236,7 @@ function EmptyState({
           {
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
-            transition: chunkEBARYRSA_js.springPresets.bouncy,
+            transition: chunkMXQ2EYG2_js.springPresets.bouncy,
             className: "mx-auto mb-4",
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
           }
@@ -5246,7 +5246,7 @@ function EmptyState({
           {
             initial: { y: 10, opacity: 0 },
             animate: { y: 0, opacity: 1 },
-            transition: { ...chunkEBARYRSA_js.springPresets.default, delay: 0.1 },
+            transition: { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.1 },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-slate-900 dark:text-white", children: message }),
               description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: description })
@@ -5258,9 +5258,9 @@ function EmptyState({
           {
             initial: { y: 10, opacity: 0 },
             animate: { y: 0, opacity: 1 },
-            transition: { ...chunkEBARYRSA_js.springPresets.default, delay: 0.2 },
+            transition: { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.2 },
             className: "mt-6",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { color: "ios-glass-blue", onClick: handleActionClick, children: action.label })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { color: "ios-glass-blue", onClick: handleActionClick, children: action.label })
           }
         )
       ]
@@ -5348,7 +5348,7 @@ function ErrorState({
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
+        transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `inline-flex h-16 w-16 items-center justify-center rounded-full ${config.iconBg}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `h-8 w-8 ${config.iconColor}` }) })
       }
@@ -5358,7 +5358,7 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.1 },
+        transition: { ...chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: title || t(config.titleKey) }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: message || t(config.messageKey) }),
@@ -5371,11 +5371,11 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.2 },
+        transition: { ...chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.default), delay: 0.2 },
         className: "mt-6 flex flex-col sm:flex-row items-center justify-center gap-3",
         children: [
           onRetry && /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               color: "ios-glass-blue",
               onClick: handleRetry,
@@ -5389,7 +5389,7 @@ function ErrorState({
             }
           ),
           secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               plain: true,
               onClick: () => {
@@ -5407,11 +5407,11 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.3 },
+        transition: { ...chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.default), delay: 0.3 },
         className: "mt-6",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               type: "button",
               plain: true,
@@ -5426,7 +5426,7 @@ function ErrorState({
               initial: { height: 0, opacity: 0 },
               animate: { height: "auto", opacity: 1 },
               exit: { height: 0, opacity: 0 },
-              transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.gentle),
+              transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.gentle),
               className: "overflow-hidden",
               children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-3 p-3 bg-white/40 dark:bg-white/[0.04] rounded-lg text-xs text-left text-slate-600 dark:text-slate-400 font-mono overflow-x-auto max-h-32", children: details })
             }
@@ -5478,7 +5478,7 @@ function NoResultsState({
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
+        transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentMagnifyingGlassIcon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
       }
@@ -5488,7 +5488,7 @@ function NoResultsState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.1 },
+        transition: { ...chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: t("noResultsFound") }),
           searchTerm && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400", children: t("noResultsFor", { searchTerm }) }),
@@ -5508,10 +5508,10 @@ function NoResultsState({
             {
               initial: { y: 10, opacity: 0 },
               animate: { y: 0, opacity: 1 },
-              transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.2 },
+              transition: { ...chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.default), delay: 0.2 },
               className: "mt-6",
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkEBARYRSA_js.Button,
+                chunkMXQ2EYG2_js.Button,
                 {
                   color: "ios-glass-blue",
                   onClick: () => {
@@ -5546,7 +5546,7 @@ function NoDataState({
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
+        transition: chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
       }
@@ -5556,7 +5556,7 @@ function NoDataState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.1 },
+        transition: { ...chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-slate-900 dark:text-white", children: resolvedTitle }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: resolvedMessage })
@@ -5568,10 +5568,10 @@ function NoDataState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.2 },
+        transition: { ...chunkMXQ2EYG2_js.getTransition(chunkMXQ2EYG2_js.springPresets.default), delay: 0.2 },
         className: "mt-6",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.Button,
+          chunkMXQ2EYG2_js.Button,
           {
             color: "ios-glass-blue",
             onClick: () => {
@@ -5644,7 +5644,7 @@ function DynamicIsland({
       layout: true,
       initial: false,
       animate: sizeVariants[internalState],
-      transition: chunkEBARYRSA_js.springPresets.bouncy,
+      transition: chunkMXQ2EYG2_js.springPresets.bouncy,
       onClick: handleTap,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full overflow-hidden bg-black rounded-[inherit]", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
@@ -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(
@@ -6174,7 +6174,7 @@ function AccentBar({ gradient, className }) {
 }
 function CloseBtn({ onClick, label }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-4 top-4 z-10", "data-testid": "modal-close", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEBARYRSA_js.IconButton,
+    chunkMXQ2EYG2_js.IconButton,
     {
       label,
       variant: "ghost",
@@ -6393,30 +6393,33 @@ function GlassModal({
   panelClassName,
   contentClassName,
   overlayTestId,
-  panelTestId
+  panelTestId,
+  closeOnBackdrop = true
 }) {
   const hasTitle = !!title;
+  const dialogOnClose = closeOnBackdrop ? onClose : () => {
+  };
   const sidebarElement = React9.Children.toArray(children).find(
     (c) => React9.isValidElement(c) && isSlotType(c, SIDEBAR_TYPE)
   );
   const footerElement = findSlot(children, FOOTER_TYPE);
   const nonSlotChildren = filterNonSlots(children);
   const resolvedFooter = footer ?? (footerElement ? footerElement.props.children : void 0) ?? (showFormFooter ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", onClick: onClose, disabled: isLoading, outline: true, className: "w-full sm:w-auto", "data-testid": "form-modal-cancel", children: cancelLabel ?? "Cancel" }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "submit", disabled: submitDisabled, loading: isLoading, loadingText: submitLabel, color: "ios-glass-blue", className: "w-full sm:w-auto", "data-testid": "form-modal-submit", children: submitLabel ?? "Save" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", onClick: onClose, disabled: isLoading, outline: true, className: "w-full sm:w-auto", "data-testid": "form-modal-cancel", children: cancelLabel ?? "Cancel" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "submit", disabled: submitDisabled, loading: isLoading, loadingText: submitLabel, color: "ios-glass-blue", className: "w-full sm:w-auto", "data-testid": "form-modal-submit", children: submitLabel ?? "Save" })
   ] }) : void 0);
   const handleSubmit = React9.useCallback((event) => {
     event.preventDefault();
     onSubmit?.(event);
   }, [onSubmit]);
   if (!hasTitle) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: `relative ${zIndex}`, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose: dialogOnClose, className: `relative ${zIndex}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClassName ?? "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: panelClassName ?? "rounded-2xl", "data-testid": panelTestId, children }) })
     ] });
   }
   if (sidebar && !sidebarElement) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose: dialogOnClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: `w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsxRuntime.jsx(
         PropBasedSidebarLayout,
@@ -6436,7 +6439,7 @@ function GlassModal({
     ] });
   }
   if (sidebarElement) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose: dialogOnClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: `w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsxRuntime.jsx(
         SidebarLayout,
@@ -6474,7 +6477,7 @@ function GlassModal({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[72vh] overflow-y-auto px-5 pb-5 sm:px-8 sm:pb-8", children: nonSlotChildren }),
     resolvedFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "modal-footer", className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: resolvedFooter })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { open, onClose: dialogOnClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogPanel, { className: `liquid-surface-strong w-full overflow-hidden rounded-2xl mx-auto mt-[4vh] sm:mt-[8vh] ${SIZE_CLASSES[maxWidth]} ${className}`, "data-testid": panelTestId, children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: inner }) : inner }) })
   ] });
@@ -6497,7 +6500,7 @@ function Text({ className, ...props }) {
 }
 function TextLink({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEBARYRSA_js.Link,
+    chunkMXQ2EYG2_js.Link,
     {
       ...props,
       className: clsx4__default.default(
@@ -7418,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(chunkEBARYRSA_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,
@@ -7433,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
@@ -7685,8 +7688,8 @@ function FormActions({
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx4__default.default("flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 function FormToggle({
@@ -7828,7 +7831,7 @@ function BaseForm({
     children,
     showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 pt-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkEBARYRSA_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "submit",
           color: "ios-glass-blue",
@@ -7840,7 +7843,7 @@ function BaseForm({
         }
       ),
       onCancel && /* @__PURE__ */ jsxRuntime.jsx(
-        chunkEBARYRSA_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "button",
           outline: true,
@@ -8088,7 +8091,7 @@ function StepFormPage({
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center justify-between border-t border-white/30 pt-5 dark:border-white/10", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.Button,
+          chunkMXQ2EYG2_js.Button,
           {
             type: "button",
             onClick: handleBack,
@@ -8097,7 +8100,7 @@ function StepFormPage({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.Button,
+          chunkMXQ2EYG2_js.Button,
           {
             type: "button",
             onClick: handleNext,
@@ -8131,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",
@@ -8289,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",
@@ -8529,8 +8532,8 @@ function LaunchpadGrid({
         item.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1.5 left-1/2 translate-x-8 lg:translate-x-10 z-10 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-white/95 px-1.5 text-[10px] font-bold text-blue-700 shadow-sm ring-1 ring-blue-200 dark:bg-slate-900/95 dark:text-blue-300 dark:ring-blue-400/40", children: item.badge > 99 ? "99+" : item.badge }),
         item.notification != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-2 right-1/2 translate-x-9 lg:translate-x-11 z-10 flex h-8 min-w-8 items-center justify-center rounded-full bg-red-500 px-2 text-sm font-extrabold text-white shadow-lg ring-2 ring-white/70 dark:ring-slate-900/70", children: item.notification > 99 ? "99+" : item.notification }),
         /* @__PURE__ */ jsxRuntime.jsx(LaunchpadIcon, { item, userProfile, isHydrated }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-3 text-sm font-medium text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white transition-colors", children: item.name }),
-        item.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: item.subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-3 text-sm font-medium text-slate-700 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors", children: item.name }),
+        item.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 text-xs text-slate-500 dark:text-slate-400", children: item.subtitle })
       ] })
     }
   ) : /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8544,7 +8547,7 @@ function LaunchpadGrid({
         item.notification != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-2 right-1/2 translate-x-9 lg:translate-x-11 z-10 flex h-8 min-w-8 items-center justify-center rounded-full bg-red-500 px-2 text-sm font-extrabold text-white shadow-lg ring-2 ring-white/70 dark:ring-slate-900/70", children: item.notification > 9 ? "9+" : item.notification }),
         /* @__PURE__ */ jsxRuntime.jsx(LaunchpadIcon, { item, userProfile, isHydrated }),
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-3 text-sm font-medium text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white transition-colors", children: item.name }),
-        item.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: item.subtitle })
+        item.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 text-xs text-slate-500 dark:text-slate-400", children: item.subtitle })
       ]
     }
   ) }, `launchpad-${item.id}`), [actionItemIds, getForceTouchItems, tileClass, onItemClick, userProfile, isHydrated]);
@@ -8559,7 +8562,7 @@ function LaunchpadGrid({
       groupedActionItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-6", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px w-full bg-slate-300/75 dark:bg-white/20" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-center text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: actionsLabel })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-center text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: actionsLabel })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-7 lg:gap-8", children: groupedActionItems.map(renderTile) })
       ] })
@@ -8755,8 +8758,8 @@ function CookieConsent({
               children: t("learnMore")
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { onClick: handleReject, outline: true, children: t("reject") }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { onClick: handleAccept, color: "ios-glass-blue", children: t("accept") })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { onClick: handleReject, outline: true, children: t("reject") }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { onClick: handleAccept, color: "ios-glass-blue", children: t("accept") })
         ] })
       ] }) })
     }
@@ -8952,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 })
@@ -9024,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 })
@@ -9287,9 +9290,9 @@ var AvatarButton = React9.forwardRef(function AvatarButton2({
     "focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-indigo-500/70"
   );
   if (typeof props.href === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless3__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless3__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
 });
 function ImageUpload({
   src,
@@ -9394,7 +9397,7 @@ function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard
       className: "liquid-surface-strong sticky top-2 z-30 mx-4 rounded-2xl sm:mx-6 lg:mx-8",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full grid-cols-[1fr_auto_1fr] items-center gap-3 px-4 py-2.5 sm:px-6 lg:px-8", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: parentPage ? /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkEBARYRSA_js.Link,
+          chunkMXQ2EYG2_js.Link,
           {
             href: parentPage.href,
             className: "inline-flex max-w-full items-center gap-1 rounded-full px-2 py-1 text-sm font-medium text-slate-600 hover:bg-white/60 dark:text-slate-300 dark:hover:bg-white/10",
@@ -9404,7 +9407,7 @@ function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard
             ]
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkEBARYRSA_js.Link,
+          chunkMXQ2EYG2_js.Link,
           {
             href: dashboardPath,
             className: "inline-flex items-center gap-1 rounded-full px-2 py-1 text-sm font-medium text-slate-600 hover:bg-white/60 dark:text-slate-300 dark:hover:bg-white/10",
@@ -9427,7 +9430,7 @@ function CreateActionButton({
   mode = "responsive"
 }) {
   const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkEBARYRSA_js.Button,
+    chunkMXQ2EYG2_js.Button,
     {
       type: "button",
       onClick,
@@ -10166,7 +10169,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
         {
           initial: prefersReducedMotion2 ? false : { opacity: 0, scale: 0.95 },
           animate: prefersReducedMotion2 ? noMotion : { opacity: 1, scale: 1 },
-          transition: prefersReducedMotion2 ? noTransition : chunkEBARYRSA_js.springPresets.gentle,
+          transition: prefersReducedMotion2 ? noTransition : chunkMXQ2EYG2_js.springPresets.gentle,
           className: "liquid-surface w-full max-w-lg rounded-2xl px-8 py-14 text-center",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -10174,7 +10177,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
               {
                 initial: prefersReducedMotion2 ? false : { scale: 0.6, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { scale: 1, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : chunkEBARYRSA_js.springPresets.bouncy,
+                transition: prefersReducedMotion2 ? noTransition : chunkMXQ2EYG2_js.springPresets.bouncy,
                 className: "mx-auto mb-6",
                 children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `inline-flex h-20 w-20 items-center justify-center rounded-full backdrop-blur-md border ${accent.container}`, children: customIcon ?? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `h-10 w-10 ${accent.icon}` }) })
               }
@@ -10185,8 +10188,8 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                 "data-testid": "empty-state-title",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.1 },
-                className: "text-xl font-semibold text-gray-900 dark:text-white",
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.1 },
+                className: "text-xl font-semibold text-slate-900 dark:text-white",
                 children: title
               }
             ),
@@ -10196,8 +10199,8 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                 "data-testid": "empty-state-message",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_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",
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.15 },
+                className: "mt-3 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto leading-relaxed",
                 children: message
               }
             ),
@@ -10213,8 +10216,8 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                   {
                     initial: prefersReducedMotion2 ? false : { scale: 0 },
                     animate: prefersReducedMotion2 ? noMotion : { scale: 1 },
-                    transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_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"
+                    transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
+                    className: "h-1.5 w-1.5 rounded-full bg-slate-300 dark:bg-slate-600"
                   },
                   i
                 ))
@@ -10249,7 +10252,7 @@ function PageErrorState({
         {
           initial: prefersReducedMotion2 ? false : { opacity: 0, scale: 0.95 },
           animate: prefersReducedMotion2 ? noMotion : { opacity: 1, scale: 1 },
-          transition: prefersReducedMotion2 ? noTransition : chunkEBARYRSA_js.springPresets.gentle,
+          transition: prefersReducedMotion2 ? noTransition : chunkMXQ2EYG2_js.springPresets.gentle,
           className: "liquid-surface w-full max-w-2xl rounded-2xl px-12 py-14 text-center",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -10257,7 +10260,7 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { scale: 0.6, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { scale: 1, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : chunkEBARYRSA_js.springPresets.bouncy,
+                transition: prefersReducedMotion2 ? noTransition : chunkMXQ2EYG2_js.springPresets.bouncy,
                 className: "mx-auto mb-6",
                 children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-20 w-20 items-center justify-center rounded-full backdrop-blur-md border bg-red-50/80 dark:bg-red-900/30 border-red-100/50 dark:border-red-800/30", children: customIcon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-10 w-10 text-red-500 dark:text-red-400" }) })
               }
@@ -10267,7 +10270,7 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.05 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.05 },
                 className: "mb-1 text-sm font-semibold tracking-widest text-red-500 dark:text-red-400",
                 children: statusCode
               }
@@ -10278,7 +10281,7 @@ function PageErrorState({
                 "data-testid": "error-state-title",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.1 },
                 className: "text-xl font-semibold text-gray-900 dark:text-white",
                 children: title
               }
@@ -10289,7 +10292,7 @@ function PageErrorState({
                 "data-testid": "error-state-message",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.15 },
+                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",
                 children: message
               }
@@ -10299,10 +10302,10 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.25 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.default, delay: 0.25 },
                 className: "mt-8",
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkEBARYRSA_js.Button,
+                  chunkMXQ2EYG2_js.Button,
                   {
                     type: "button",
                     destructive: true,
@@ -10325,7 +10328,7 @@ function PageErrorState({
                   {
                     initial: prefersReducedMotion2 ? false : { scale: 0 },
                     animate: prefersReducedMotion2 ? noMotion : { scale: 1 },
-                    transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
+                    transition: prefersReducedMotion2 ? noTransition : { ...chunkMXQ2EYG2_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
                     className: "h-1.5 w-1.5 rounded-full bg-red-300 dark:bg-red-700"
                   },
                   i
@@ -10528,8 +10531,8 @@ function NotFoundPage({ title = "Page not found", message = "The page you're loo
   return /* @__PURE__ */ jsxRuntime.jsxs(ErrorContainer, { className, children: [
     /* @__PURE__ */ jsxRuntime.jsx(NotFoundSvg, {}),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: `mb-2 text-sm font-semibold tracking-widest ${accentColorClasses[accentColor]}`, children: "404" }),
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-3 text-3xl font-bold text-gray-900 dark:text-white", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 max-w-md text-gray-500 dark:text-gray-400", children: message }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-3 text-3xl font-bold text-slate-900 dark:text-white", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 max-w-md text-slate-500 dark:text-slate-400", children: message }),
     action
   ] });
 }
@@ -10553,8 +10556,8 @@ function BadRequestPage({ title = "Bad request", message = "The request could no
   return /* @__PURE__ */ jsxRuntime.jsxs(ErrorContainer, { className, children: [
     /* @__PURE__ */ jsxRuntime.jsx(BadRequestSvg, {}),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: `mb-2 text-sm font-semibold tracking-widest ${accentColorClasses[accentColor]}`, children: "400" }),
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-3 text-3xl font-bold text-gray-900 dark:text-white", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 max-w-md text-gray-500 dark:text-gray-400", children: message }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-3 text-3xl font-bold text-slate-900 dark:text-white", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 max-w-md text-slate-500 dark:text-slate-400", children: message }),
     action
   ] });
 }
@@ -10589,8 +10592,8 @@ function ServerErrorPage({ title = "Something went wrong", message = "An unexpec
   return /* @__PURE__ */ jsxRuntime.jsxs(ErrorContainer, { className, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ServerErrorSvg, {}),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: `mb-2 text-sm font-semibold tracking-widest ${accentColorClasses[accentColor]}`, children: "500" }),
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-3 text-3xl font-bold text-gray-900 dark:text-white", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 max-w-md text-gray-500 dark:text-gray-400", children: message }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-3 text-3xl font-bold text-slate-900 dark:text-white", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 max-w-md text-slate-500 dark:text-slate-400", children: message }),
     action
   ] });
 }
@@ -10743,19 +10746,28 @@ function SelectionCard({
   onClick,
   icon,
   label,
+  description,
+  layout = "tile",
+  gradient,
+  compatibility = "compatible",
+  badge,
   className = ""
 }) {
+  const isIncompatible = compatibility === "incompatible";
+  const isCard = layout === "card";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
       type: "button",
-      onClick,
+      onClick: isIncompatible ? void 0 : onClick,
+      disabled: isIncompatible,
       "aria-pressed": selected,
       className: [
-        "liquid-surface group relative flex flex-col items-center gap-2.5 rounded-2xl p-4",
-        "transition-all duration-200",
+        "liquid-surface group relative rounded-2xl transition-all duration-200",
         "focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1",
+        isCard ? "flex items-center gap-3 px-3 py-2.5 text-left" : "flex flex-col items-center gap-2.5 p-4",
         selected ? "bg-indigo-500/15 ring-1 ring-inset ring-indigo-500/30 dark:bg-indigo-500/20" : "hover:bg-white/30 dark:hover:bg-white/[0.05]",
+        isIncompatible && "cursor-not-allowed opacity-50",
         className
       ].join(" "),
       children: [
@@ -10763,10 +10775,11 @@ function SelectionCard({
           "span",
           {
             className: [
-              "inline-flex items-center justify-center rounded-xl p-2 transition-colors",
+              "inline-flex shrink-0 items-center justify-center rounded-xl transition-colors",
+              isCard ? "h-9 w-9" : "p-2",
               selected ? (
-                // Selected icon bubble — solid indigo with inner highlight
-                "bg-indigo-500/85 text-white shadow-[inset_0_1px_1px_rgba(255,255,255,0.4)]"
+                // Selected icon bubble — solid indigo (or caller-provided gradient) with inner highlight
+                gradient ? `bg-gradient-to-br ${gradient} text-white shadow-[inset_0_1px_1px_rgba(255,255,255,0.4)]` : "bg-indigo-500/85 text-white shadow-[inset_0_1px_1px_rgba(255,255,255,0.4)]"
               ) : (
                 // Rest icon bubble — glass (same chrome as HeroBlock)
                 "border border-white/60 bg-white/75 text-slate-700 dark:border-white/12 dark:bg-white/8 dark:text-slate-200"
@@ -10775,17 +10788,24 @@ function SelectionCard({
             children: icon
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: [
-              "text-center text-xs font-medium leading-tight",
-              selected ? "text-indigo-700 dark:text-indigo-200" : "text-slate-700 dark:text-slate-300"
-            ].join(" "),
-            children: label
-          }
-        ),
-        selected ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -right-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-indigo-500 ring-2 ring-white dark:ring-slate-900 shadow-[inset_0_1px_1px_rgba(255,255,255,0.4)]", children: /* @__PURE__ */ jsxRuntime.jsx(solid.CheckIcon, { className: "h-3 w-3 text-white" }) }) : null
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: isCard ? "flex min-w-0 flex-1 flex-col gap-0.5" : "contents", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: isCard ? "flex items-center gap-2" : "contents", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: [
+                  isCard ? "flex-1 truncate text-sm font-medium leading-tight" : "text-center text-xs font-medium leading-tight",
+                  selected ? "text-indigo-700 dark:text-indigo-200" : "text-slate-700 dark:text-slate-300"
+                ].join(" "),
+                children: label
+              }
+            ),
+            badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: badge }) : null
+          ] }),
+          description && isCard ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: description }) : null
+        ] }),
+        selected && !isCard ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -right-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-indigo-500 ring-2 ring-white dark:ring-slate-900 shadow-[inset_0_1px_1px_rgba(255,255,255,0.4)]", children: /* @__PURE__ */ jsxRuntime.jsx(solid.CheckIcon, { className: "h-3 w-3 text-white" }) }) : null,
+        selected && isCard ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(solid.CheckIcon, { className: "h-4 w-4 text-indigo-500" }) }) : null
       ]
     }
   );
@@ -10864,7 +10884,7 @@ function FieldRenderer({ field }) {
         }
       ),
       field.copyable ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkEBARYRSA_js.IconButton,
+        chunkMXQ2EYG2_js.IconButton,
         {
           label: `Copy ${field.label}`,
           variant: "ghost",
@@ -10909,7 +10929,7 @@ function ProfileContent({ config }) {
           ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-bold text-white", children: config.initials })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { color: "zinc", onClick: config.onChangeAvatar, className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { color: "zinc", onClick: config.onChangeAvatar, className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UserIcon, { className: "h-4 w-4" }),
         config.changeAvatarLabel
       ] })
@@ -10958,7 +10978,7 @@ function ProfileContent({ config }) {
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.Button,
+          chunkMXQ2EYG2_js.Button,
           {
             color: "blue",
             className: "mt-2",
@@ -11159,7 +11179,7 @@ function SettingsModal({
     }
     return /* @__PURE__ */ jsxRuntime.jsx(PlaceholderContent, { message: placeholderMessage });
   };
-  const footer = signOut ? /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", onClick: signOut.onClick, color: "ios-glass-red", fullWidth: true, children: [
+  const footer = signOut ? /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { type: "button", onClick: signOut.onClick, color: "ios-glass-red", fullWidth: true, children: [
     signOut.icon,
     signOut.label
   ] }) : sidebarFooter;
@@ -11181,6 +11201,42 @@ function SettingsModal({
     }
   );
 }
+var PickerTile = React9.forwardRef(function PickerTile2({
+  selected,
+  onClick,
+  label,
+  disabled = false,
+  children,
+  className,
+  style,
+  ...rest
+}, ref) {
+  const handleClick = () => {
+    if (disabled) return;
+    chunkUZ3CMNUJ_js.triggerHaptic("light");
+    onClick?.();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      onClick: handleClick,
+      disabled,
+      "aria-pressed": selected,
+      "aria-label": label,
+      style,
+      className: clsx4__default.default(
+        "focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+});
+PickerTile.displayName = "PickerTile";
 var WindsockIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: 512, height: 512, viewBox: "0 0 512 512", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "windsock-bg", x1: 48, y1: 48, x2: 464, y2: 464, gradientUnits: "userSpaceOnUse", children: [
@@ -11436,10 +11492,10 @@ 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: chunkEBARYRSA_js.springPresets.stiff,
+          transition: chunkMXQ2EYG2_js.springPresets.stiff,
           style: { transformOrigin: "left" }
         },
         index
@@ -11453,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
@@ -11496,28 +11552,28 @@ 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") }),
-      onReveal && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { outline: true, onClick: onReveal, children: t("backupCodesReveal") })
+      /* @__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
     )) }) }),
     revealed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { outline: true, size: "sm", onClick: handleCopyAll, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { outline: true, size: "sm", onClick: handleCopyAll, children: [
         /* @__PURE__ */ jsxRuntime.jsx(solid.ClipboardDocumentIcon, { className: "h-4 w-4" }),
         t("backupCodesCopyAll")
       ] }),
-      showDownload && /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { outline: true, size: "sm", onClick: handleDownload, children: [
+      showDownload && /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { outline: true, size: "sm", onClick: handleDownload, children: [
         /* @__PURE__ */ jsxRuntime.jsx(solid.ArrowDownTrayIcon, { className: "h-4 w-4" }),
         t("backupCodesDownload")
       ] })
@@ -11556,7 +11612,7 @@ function SocialLoginButtons({
   const t = chunkY5VN4SPH_js.useTranslations("auth");
   const isColumn = layout === "column";
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${isColumn ? "flex-col" : "flex-row"} gap-2`, children: providers.map((provider) => /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkEBARYRSA_js.Button,
+    chunkMXQ2EYG2_js.Button,
     {
       outline: true,
       fullWidth: isColumn,
@@ -12669,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(
@@ -12680,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),
@@ -12818,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);
@@ -12848,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,
@@ -12859,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,
               " ",
@@ -20432,6 +20488,7 @@ exports.PageSectionHeader = PageSectionHeader;
 exports.Pagination = Pagination;
 exports.PasswordInput = PasswordInput;
 exports.PasswordStrengthMeter = PasswordStrengthMeter;
+exports.PickerTile = PickerTile;
 exports.PlatformShell = PlatformShell;
 exports.PlusGrid = PlusGrid;
 exports.PlusGridItem = PlusGridItem;
@@ -20802,5 +20859,5 @@ exports.useSocialProviders = useSocialProviders;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-RWZ2PLMQ.js.map
-//# sourceMappingURL=chunk-RWZ2PLMQ.js.map
+//# sourceMappingURL=chunk-KZDABEML.js.map
+//# sourceMappingURL=chunk-KZDABEML.js.map