@datatechsolutions/ui 2.7.121 → 2.7.123

package/dist/{chunk-T3E6GSQ2.mjs → chunk-KZ5IPILQ.mjs}

@@ -7461,6 +7461,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";
@@ -7513,7 +7583,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,
@@ -7971,7 +8051,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" };
   }
@@ -8119,7 +8208,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__ */ jsx(
                       DockItem,
@@ -8191,7 +8280,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__ */ jsx(
                       DockItem,
@@ -8277,7 +8366,7 @@ var DockItem = 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;
@@ -14062,7 +14151,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];
@@ -14754,5 +14844,5 @@ function PlatformShell({
 }
 
 export { ActionMenu, ActionSheet, ActiveFilterChips, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, Card, Card2, CardActionMenu, CardContent, CardContent2, CardDescription, CardDescription2, CardDivider, CardFooter, CardFooter2, CardGridSkeleton, CardHeader, CardHeader2, CardSectionHeader, CardTitle, CardTitle2, CategoryBadge, CategoryTab, CategoryTabs, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CountPill, CreateActionButton, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description4 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownButton, DropdownDescription, DropdownDivider, DropdownHeader, DropdownHeading, DropdownItem, DropdownLabel, DropdownMenu, DropdownSection, DropdownSelect, DropdownShortcut, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, EntityDrawer, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterBadge, FilterPill, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormModal, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, HeroSection, IconButton, InfoPopover, InlineForm, InlineSpinner, Input, InputGroup, InteractiveGeoMap, ItemSummary, KORI_ERP_LOADER, LOCALE_FLAGS, Label2 as Label, Label3 as Label2, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, Link4 as Link, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, ManagementPageLayout, ManagementSurface, MapZoomControls, MetricCard, MetricCard2, MetricTooltip, MonthPicker, MultiColumnPicker, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PageEmptyState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordInput2, PasswordStrengthMeter, Pill, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RegionFilterSkeleton, RoleBadge, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsDialog, SettingsModal, Sheet, SliderInput, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCard2, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Switch2 as Switch, SwitchField, SwitchGroup, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UserAvatar, UserMobileInfo, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatCurrency, formatDate, formatPercentage, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getTransition, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidBrazilState, isValidSubdivision, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useGeoMapState, useNotifications, usePlatformShellStore, usePullToRefresh };
-//# sourceMappingURL=chunk-T3E6GSQ2.mjs.map
-//# sourceMappingURL=chunk-T3E6GSQ2.mjs.map
+//# sourceMappingURL=chunk-KZ5IPILQ.mjs.map
+//# sourceMappingURL=chunk-KZ5IPILQ.mjs.map