@datatechsolutions/ui 2.7.121 → 2.7.123

package/dist/{chunk-DOOTVMMR.js → chunk-2ILTTH5W.js}

@@ -7490,6 +7490,76 @@ var COLOR_MAP = {
     focusRing: "focus-visible:ring-red-500",
     iconInactiveBg: "bg-red-500/10 dark:bg-red-500/20",
     iconInactiveText: "text-red-600 dark:text-red-300"
+  },
+  indigo: {
+    activeGradient: "bg-gradient-to-br from-indigo-500 to-indigo-600 ring-2 ring-indigo-500 shadow-lg",
+    activeRing: "ring-indigo-500",
+    focusRing: "focus-visible:ring-indigo-500",
+    iconInactiveBg: "bg-indigo-500/10 dark:bg-indigo-500/20",
+    iconInactiveText: "text-indigo-600 dark:text-indigo-300"
+  },
+  cyan: {
+    activeGradient: "bg-gradient-to-br from-cyan-500 to-cyan-600 ring-2 ring-cyan-500 shadow-lg",
+    activeRing: "ring-cyan-500",
+    focusRing: "focus-visible:ring-cyan-500",
+    iconInactiveBg: "bg-cyan-500/10 dark:bg-cyan-500/20",
+    iconInactiveText: "text-cyan-600 dark:text-cyan-300"
+  },
+  teal: {
+    activeGradient: "bg-gradient-to-br from-teal-500 to-teal-600 ring-2 ring-teal-500 shadow-lg",
+    activeRing: "ring-teal-500",
+    focusRing: "focus-visible:ring-teal-500",
+    iconInactiveBg: "bg-teal-500/10 dark:bg-teal-500/20",
+    iconInactiveText: "text-teal-600 dark:text-teal-300"
+  },
+  pink: {
+    activeGradient: "bg-gradient-to-br from-pink-500 to-pink-600 ring-2 ring-pink-500 shadow-lg",
+    activeRing: "ring-pink-500",
+    focusRing: "focus-visible:ring-pink-500",
+    iconInactiveBg: "bg-pink-500/10 dark:bg-pink-500/20",
+    iconInactiveText: "text-pink-600 dark:text-pink-300"
+  },
+  rose: {
+    activeGradient: "bg-gradient-to-br from-rose-500 to-rose-600 ring-2 ring-rose-500 shadow-lg",
+    activeRing: "ring-rose-500",
+    focusRing: "focus-visible:ring-rose-500",
+    iconInactiveBg: "bg-rose-500/10 dark:bg-rose-500/20",
+    iconInactiveText: "text-rose-600 dark:text-rose-300"
+  },
+  green: {
+    activeGradient: "bg-gradient-to-br from-green-500 to-green-600 ring-2 ring-green-500 shadow-lg",
+    activeRing: "ring-green-500",
+    focusRing: "focus-visible:ring-green-500",
+    iconInactiveBg: "bg-green-500/10 dark:bg-green-500/20",
+    iconInactiveText: "text-green-600 dark:text-green-300"
+  },
+  yellow: {
+    activeGradient: "bg-gradient-to-br from-yellow-500 to-yellow-600 ring-2 ring-yellow-500 shadow-lg",
+    activeRing: "ring-yellow-500",
+    focusRing: "focus-visible:ring-yellow-500",
+    iconInactiveBg: "bg-yellow-500/10 dark:bg-yellow-500/20",
+    iconInactiveText: "text-yellow-600 dark:text-yellow-300"
+  },
+  slate: {
+    activeGradient: "bg-gradient-to-br from-slate-500 to-slate-600 ring-2 ring-slate-500 shadow-lg",
+    activeRing: "ring-slate-500",
+    focusRing: "focus-visible:ring-slate-500",
+    iconInactiveBg: "bg-slate-500/10 dark:bg-slate-500/20",
+    iconInactiveText: "text-slate-600 dark:text-slate-300"
+  },
+  sky: {
+    activeGradient: "bg-gradient-to-br from-sky-500 to-sky-600 ring-2 ring-sky-500 shadow-lg",
+    activeRing: "ring-sky-500",
+    focusRing: "focus-visible:ring-sky-500",
+    iconInactiveBg: "bg-sky-500/10 dark:bg-sky-500/20",
+    iconInactiveText: "text-sky-600 dark:text-sky-300"
+  },
+  fuchsia: {
+    activeGradient: "bg-gradient-to-br from-fuchsia-500 to-fuchsia-600 ring-2 ring-fuchsia-500 shadow-lg",
+    activeRing: "ring-fuchsia-500",
+    focusRing: "focus-visible:ring-fuchsia-500",
+    iconInactiveBg: "bg-fuchsia-500/10 dark:bg-fuchsia-500/20",
+    iconInactiveText: "text-fuchsia-600 dark:text-fuchsia-300"
   }
 };
 var INACTIVE_CLASSES = "border border-white/30 bg-white/20 shadow-sm shadow-black/[0.03] backdrop-blur-sm hover:bg-white/35 dark:border-white/10 dark:bg-white/5";
@@ -7542,7 +7612,17 @@ var SECTION_HEADER_COLOR_MAP = {
   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",
   orange: "bg-orange-500/10 text-orange-600 dark:bg-orange-500/25 dark:text-orange-300",
-  red: "bg-red-500/10 text-red-600 dark:bg-red-500/25 dark:text-red-300"
+  red: "bg-red-500/10 text-red-600 dark:bg-red-500/25 dark:text-red-300",
+  indigo: "bg-indigo-500/10 text-indigo-600 dark:bg-indigo-500/25 dark:text-indigo-300",
+  cyan: "bg-cyan-500/10 text-cyan-600 dark:bg-cyan-500/25 dark:text-cyan-300",
+  teal: "bg-teal-500/10 text-teal-600 dark:bg-teal-500/25 dark:text-teal-300",
+  pink: "bg-pink-500/10 text-pink-600 dark:bg-pink-500/25 dark:text-pink-300",
+  rose: "bg-rose-500/10 text-rose-600 dark:bg-rose-500/25 dark:text-rose-300",
+  green: "bg-green-500/10 text-green-600 dark:bg-green-500/25 dark:text-green-300",
+  yellow: "bg-yellow-500/10 text-yellow-600 dark:bg-yellow-500/25 dark:text-yellow-300",
+  slate: "bg-slate-500/10 text-slate-600 dark:bg-slate-500/25 dark:text-slate-300",
+  sky: "bg-sky-500/10 text-sky-600 dark:bg-sky-500/25 dark:text-sky-300",
+  fuchsia: "bg-fuchsia-500/10 text-fuchsia-600 dark:bg-fuchsia-500/25 dark:text-fuchsia-300"
 };
 function FilterSectionHeader({
   icon,
@@ -8000,7 +8080,16 @@ function CookieConsent({
     }
   ) });
 }
-function getDockAccent(id) {
+function accentFromRgb(rgb) {
+  return {
+    icon: `text-[rgb(${rgb})]`,
+    bg: `bg-[rgba(${rgb},0.12)] dark:bg-[rgba(${rgb},0.2)]`,
+    dot: `bg-[rgb(${rgb})]`,
+    rgb
+  };
+}
+function getDockAccent(id, accentRgb) {
+  if (accentRgb) return accentFromRgb(accentRgb);
   if (id === "stations") {
     return { icon: "text-blue-600 dark:text-blue-400", bg: "bg-blue-100 dark:bg-blue-900/35", dot: "bg-blue-500 dark:bg-blue-400", rgb: "59, 130, 246" };
   }
@@ -8148,7 +8237,7 @@ function Dock({
                 children: [
                   navigationActions.map((action, index) => {
                     const hasMenu = !!action.menuItems?.length;
-                    const accent = getDockAccent(action.id);
+                    const accent = getDockAccent(action.id, action.accentRgb);
                     const FlyoutIcon = action.icon;
                     const dockItem = /* @__PURE__ */ jsxRuntime.jsx(
                       DockItem,
@@ -8220,7 +8309,7 @@ function Dock({
                   contextualActions.map((action, actionIndex) => {
                     const index = navigationActions.length + actionIndex;
                     const hasMenu = !!action.menuItems?.length;
-                    const accent = getDockAccent(action.id);
+                    const accent = getDockAccent(action.id, action.accentRgb);
                     const FlyoutIcon = action.icon;
                     const dockItem = /* @__PURE__ */ jsxRuntime.jsx(
                       DockItem,
@@ -8306,7 +8395,7 @@ var DockItem = React11.memo(function DockItem2({
   compact = false
 }) {
   const Icon = action.icon;
-  const accent = getDockAccent(action.id);
+  const accent = getDockAccent(action.id, action.accentRgb);
   const activeIndex = hoveredIndex ?? focusedIndex;
   const isSelected = !!action.active;
   const isInteractiveActive = activeIndex === index;
@@ -14091,7 +14180,8 @@ function buildDockActions(items, pathname, handlers, options = {}) {
       href: item.href,
       active: isActive(item.href),
       onClick: item.onClick ?? (() => handlers.navigate(item.href)),
-      menuItems
+      menuItems,
+      accentRgb: item.accentRgb
     });
   }
   const contextualActions = [...contextualItems];
@@ -15141,5 +15231,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-DOOTVMMR.js.map
-//# sourceMappingURL=chunk-DOOTVMMR.js.map
+//# sourceMappingURL=chunk-2ILTTH5W.js.map
+//# sourceMappingURL=chunk-2ILTTH5W.js.map