vlite3 0.5.7 → 0.5.8

package/index.js

@@ -1,69 +1,69 @@
 import { default as f } from "vue3-google-signin";
 import { deepMerge as l } from "./utils/object.js";
-import { camelCase as s, capitalize as d, copyToClipboard as u, debounce as x, delay as i, downloadFile as n, flattenArray as c, formatCurrency as T, getUniqueId as b, isAppleDevice as g, isEmpty as S, randomNumber as P, removeExtraProperties as C, slugify as I, throttle as D, truncate as v } from "./utils/functions.js";
-import { lazySearch as h, resetSearchIndex as N, search as A } from "./utils/search.util.js";
+import { camelCase as p, capitalize as d, copyToClipboard as u, debounce as x, delay as i, downloadFile as n, flattenArray as c, formatCurrency as T, getUniqueId as S, isAppleDevice as b, isEmpty as g, randomNumber as P, removeExtraProperties as C, slugify as I, throttle as D, truncate as v } from "./utils/functions.js";
+import { lazySearch as A, resetSearchIndex as F, search as N } from "./utils/search.util.js";
 import { env as w } from "./utils/env.js";
-import { $t as k } from "./utils/i18n.js";
+import { $t as M } from "./utils/i18n.js";
 import { default as L } from "./components/Chip/Chip.vue.js";
 import { default as E } from "./components/Form/Form.vue.js";
-import { default as G } from "./components/Form/FormField.vue.js";
-import { default as z } from "./components/Form/FormFields.vue.js";
+import { default as z } from "./components/Form/FormField.vue.js";
+import { default as O } from "./components/Form/FormFields.vue.js";
 import { default as V } from "./components/Form/CustomFields.vue.js";
-import { useForm as j } from "./components/Form/composables/useForm.js";
-import { useFileUpload as Q } from "./components/Form/composables/useFileUpload.js";
-import { default as Y } from "./components/Tabes/Tabes.vue.js";
+import { useForm as _ } from "./components/Form/composables/useForm.js";
+import { useFileUpload as q } from "./components/Form/composables/useFileUpload.js";
+import { default as W } from "./components/Tabes/Tabes.vue.js";
 import { default as $ } from "./components/Stats/Stats.vue.js";
 import { default as X } from "./components/Kanban/Kanban.vue.js";
 import { default as ee } from "./components/Kanban/KanbanBoard.vue.js";
 import { useKanbanBoard as re } from "./components/Kanban/useKanbanBoard.js";
 import { default as ae } from "./components/Navbar/Navbar.vue.js";
 import { default as me } from "./components/Navbar/NavbarItem.vue.js";
-import { default as pe } from "./components/Navbar/NavbarGroup.vue.js";
+import { default as se } from "./components/Navbar/NavbarGroup.vue.js";
 import { default as de } from "./components/Navbar/NavbarTabs.vue.js";
 /* empty css                                  */
 import { default as xe } from "./components/QRCode/QRCode.vue.js";
 import { default as ne } from "./components/Screen/Screen.vue.js";
 import { default as Te } from "./components/Screen/ScreenFilter.vue.js";
-import { default as ge } from "./components/Heatmap/Heatmap.vue.js";
+import { default as be } from "./components/Heatmap/Heatmap.vue.js";
 import { default as Pe } from "./components/Masonry/Masonry.vue.js";
 import { MASONRY_BREAKPOINTS as Ie } from "./components/Masonry/types.js";
 import { default as ve } from "./components/Spinner/Spinner.vue.js";
-import { default as he } from "./components/Barcode/Barcode.vue.js";
-import { barcodesConstants as Ae } from "./components/Barcode/types.js";
+import { default as Ae } from "./components/Barcode/Barcode.vue.js";
+import { barcodesConstants as Ne } from "./components/Barcode/types.js";
 import { default as we } from "./components/Carousel/Carousel.vue.js";
-import { default as ke } from "./components/Dropdown/Dropdown.vue.js";
+import { default as Me } from "./components/Dropdown/Dropdown.vue.js";
 import { default as Le } from "./components/Dropdown/DropdownMenu.vue.js";
 import { default as Ee } from "./components/Dropdown/DropdownTrigger.vue.js";
-import { default as Ge } from "./components/Dropdown/DropdownItem.vue.js";
-import { useDropdownSelection as ze } from "./components/Dropdown/composables/useDropdownSelection.js";
+import { default as ze } from "./components/Dropdown/DropdownItem.vue.js";
+import { useDropdownSelection as Oe } from "./components/Dropdown/composables/useDropdownSelection.js";
 import { useDropdownIds as Ve } from "./components/Dropdown/composables/useDropdownIds.js";
-import { default as je } from "./components/Breadcrumb/Breadcrumb.vue.js";
-import { default as Qe } from "./components/Breadcrumb/BreadcrumbItem.vue.js";
-import { default as Ye } from "./components/FileTree/FileTree.vue.js";
+import { default as _e } from "./components/Breadcrumb/Breadcrumb.vue.js";
+import { default as qe } from "./components/Breadcrumb/BreadcrumbItem.vue.js";
+import { default as We } from "./components/FileTree/FileTree.vue.js";
 import { default as $e } from "./components/FileTree/FileTreeNode.vue.js";
 import { useTreeSelection as Xe } from "./components/FileTree/useTreeSelection.js";
 import { default as eo } from "./components/OTPInput/OTPInput.vue.js";
 import { default as ro } from "./components/Workbook/Workbook.vue.js";
 import { default as ao } from "./components/Workbook/Sheet.vue.js";
 import { default as mo } from "./components/DataList/DataList.vue.js";
-import { default as po } from "./components/List/List.vue.js";
+import { default as so } from "./components/List/List.vue.js";
 import { default as uo } from "./components/List/ListFieldRow.vue.js";
-import { formatDate as io, formatNumber as no, formatPrice as co, getObjectValue as To, getStatusColorClass as bo } from "./components/List/utils.js";
-import { default as So } from "./components/Empty/Empty.vue.js";
+import { formatDate as io, formatNumber as no, formatPrice as co, getObjectValue as To, getStatusColorClass as So } from "./components/List/utils.js";
+import { default as go } from "./components/Empty/Empty.vue.js";
 import { default as Co } from "./components/Accordion/Accordion.vue.js";
 import { default as Do } from "./components/Accordion/AccordionItem.vue.js";
-import { default as Fo } from "./components/Accordion/AccordionTrigger.vue.js";
-import { default as No } from "./components/Accordion/AccordionContent.vue.js";
+import { default as ho } from "./components/Accordion/AccordionTrigger.vue.js";
+import { default as Fo } from "./components/Accordion/AccordionContent.vue.js";
 import { default as Bo } from "./components/ChoiceBox/ChoiceBox.vue.js";
 import { default as yo } from "./components/DataTable/DataTable.vue.js";
-import { default as Mo } from "./components/DataTable/DataTableHeader.vue.js";
+import { default as ko } from "./components/DataTable/DataTableHeader.vue.js";
 import { default as Ro } from "./components/DataTable/DataTableRow.vue.js";
-import { initializeTheme as Ko, useTheme as Go } from "./composables/useTheme.js";
-import { default as zo } from "./components/FilePicker/FilePicker.vue.js";
+import { initializeTheme as Ko, useTheme as zo } from "./composables/useTheme.js";
+import { default as Oo } from "./components/FilePicker/FilePicker.vue.js";
 import { default as Vo } from "./components/Pagination/Pagination.vue.js";
-import { default as jo } from "./components/ExportData/ExportData.vue.js";
-import { default as Qo } from "./components/ImportData/ImportData.vue.js";
-import { default as Yo } from "./components/MultiSelect/MultiSelect.vue.js";
+import { default as _o } from "./components/ExportData/ExportData.vue.js";
+import { default as qo } from "./components/ImportData/ImportData.vue.js";
+import { default as Wo } from "./components/MultiSelect/MultiSelect.vue.js";
 import { default as $o } from "./components/PricingPlan/PricingPlan.vue.js";
 import { default as Xo } from "./components/PricingPlan/PricingPlanItem.vue.js";
 import { default as er } from "./components/SidebarMenu/SidebarMenu.vue.js";
@@ -71,139 +71,143 @@ import { default as rr } from "./components/SidebarMenu/SidebarMenuItem.vue.js";
 /* empty css                                            */
 import { default as ar } from "./components/ProgressBar/ProgressBar.vue.js";
 import { default as mr } from "./components/PermissionMatrix/PermissionMatrix.vue.js";
-import { default as pr } from "./components/PermissionMatrix/PermissionEditor.vue.js";
+import { default as sr } from "./components/PermissionMatrix/PermissionEditor.vue.js";
 import { useAdvancedKeyStroke as dr, useKeyStroke as ur } from "./composables/useKeyStroke.js";
 import { vScrollReveal as ir } from "./directives/vScrollReveal.js";
 import { default as cr } from "./components/AvatarUploader/AvatarUploader.vue.js";
-import { configure as br, pauseTimers as gr, removeToast as Sr, resumeTimers as Pr, showToast as Cr, toast as Ir, useNotifications as Dr } from "./composables/useNotifications.js";
-import { default as Fr } from "./components/Timeline/Timeline.vue.js";
-import { default as Nr } from "./components/Timeline/TimelineItem.vue.js";
+import { configure as Sr, pauseTimers as br, removeToast as gr, resumeTimers as Pr, showToast as Cr, toast as Ir, useNotifications as Dr } from "./composables/useNotifications.js";
+import { default as hr } from "./components/Timeline/Timeline.vue.js";
+import { default as Fr } from "./components/Timeline/TimelineItem.vue.js";
 import { default as Br } from "./components/Timeline/TimelineIndicator.vue.js";
 import { default as yr } from "./components/Icon.vue.js";
-import { default as Mr } from "./components/Logo.vue.js";
+import { default as kr } from "./components/Logo.vue.js";
 import { default as Rr } from "./components/Alert.vue.js";
 import { default as Kr } from "./components/Badge.vue.js";
-import { default as Or } from "./components/Input.vue.js";
+import { default as Gr } from "./components/Input.vue.js";
 /* empty css                      */
 import { default as Ur } from "./components/Label.vue.js";
 import { default as Hr } from "./components/Modal.vue.js";
-import { default as qr } from "./components/Avatar.vue.js";
-import { default as Wr } from "./components/Button.vue.js";
-import { default as _r } from "./components/Slider.vue.js";
+import { default as jr } from "./components/Avatar.vue.js";
+import { default as Qr } from "./components/Button.vue.js";
+import { default as Yr } from "./components/Slider.vue.js";
 import { default as Jr } from "./components/Switch.vue.js";
 import { default as Zr } from "./components/Tooltip.vue.js";
 import { default as ot } from "./components/CheckBox.vue.js";
 import { default as tt } from "./components/Textarea.vue.js";
 import { default as ft } from "./components/SidePanel.vue.js";
 import { default as lt } from "./components/DatePicker.vue.js";
-import { default as st } from "./components/IconPicker.vue.js";
+import { default as pt } from "./components/IconPicker.vue.js";
 import { default as ut } from "./components/ButtonGroup.vue.js";
 import { default as it } from "./components/NumberInput.vue.js";
 import { default as ct } from "./components/ThemeToggle.vue.js";
-import { default as bt } from "./components/GoogleLogin.vue.js";
-import { default as St } from "./components/ColorPicker/ColorPicker.vue.js";
+import { default as St } from "./components/GoogleLogin.vue.js";
+import { default as gt } from "./components/ColorPicker/ColorPicker.vue.js";
 import { default as Ct } from "./components/ConfirmationModal.vue.js";
 import { default as Dt } from "./components/ToastNotification.vue.js";
-import { default as Ft } from "./components/CommandPaletteContent.vue.js";
-import { default as Nt } from "./components/NavbarCommandPalette.vue.js";
+import { default as ht } from "./components/CommandPaletteContent.vue.js";
+import { default as Ft } from "./components/NavbarCommandPalette.vue.js";
 import { default as Bt } from "./components/DateRangePicker.vue.js";
 import { createVLite as yt } from "./core/index.js";
-import { useVLiteConfig as Mt } from "./core/config.js";
+import { default as kt } from "./components/StatusChip/StatusChip.vue.js";
+import { STATUS_MAP as Rt, normalizeStatus as Et, resolveStatus as Kt } from "./components/StatusChip/status-map.js";
+import { useVLiteConfig as Gt } from "./core/config.js";
 export {
-  k as $t,
+  M as $t,
   Co as Accordion,
-  No as AccordionContent,
+  Fo as AccordionContent,
   Do as AccordionItem,
-  Fo as AccordionTrigger,
+  ho as AccordionTrigger,
   Rr as Alert,
-  qr as Avatar,
+  jr as Avatar,
   cr as AvatarUploader,
   Kr as Badge,
-  he as Barcode,
-  je as Breadcrumb,
-  Qe as BreadcrumbItem,
-  Wr as Button,
+  Ae as Barcode,
+  _e as Breadcrumb,
+  qe as BreadcrumbItem,
+  Qr as Button,
   ut as ButtonGroup,
   we as Carousel,
   ot as CheckBox,
   L as Chip,
   Bo as ChoiceBox,
-  St as ColorPicker,
-  Ft as CommandPaletteContent,
+  gt as ColorPicker,
+  ht as CommandPaletteContent,
   Ct as ConfirmationModal,
   V as CustomFields,
   mo as DataList,
   yo as DataTable,
-  Mo as DataTableHeader,
+  ko as DataTableHeader,
   Ro as DataTableRow,
   lt as DatePicker,
   Bt as DateRangePicker,
-  ke as Dropdown,
-  Ge as DropdownItem,
+  Me as Dropdown,
+  ze as DropdownItem,
   Le as DropdownMenu,
   Ee as DropdownTrigger,
-  So as Empty,
-  jo as ExportData,
-  zo as FilePicker,
-  Ye as FileTree,
+  go as Empty,
+  _o as ExportData,
+  Oo as FilePicker,
+  We as FileTree,
   $e as FileTreeNode,
   E as Form,
-  G as FormField,
-  z as FormFields,
-  bt as GoogleLogin,
+  z as FormField,
+  O as FormFields,
+  St as GoogleLogin,
   f as GoogleSignInPlugin,
-  ge as Heatmap,
+  be as Heatmap,
   yr as Icon,
-  st as IconPicker,
-  Qo as ImportData,
-  Or as Input,
+  pt as IconPicker,
+  qo as ImportData,
+  Gr as Input,
   X as Kanban,
   ee as KanbanBoard,
   Ur as Label,
-  po as List,
+  so as List,
   uo as ListFieldRow,
-  Mr as Logo,
+  kr as Logo,
   Ie as MASONRY_BREAKPOINTS,
   Pe as Masonry,
   Hr as Modal,
-  Yo as MultiSelect,
+  Wo as MultiSelect,
   ae as Navbar,
-  Nt as NavbarCommandPalette,
-  pe as NavbarGroup,
+  Ft as NavbarCommandPalette,
+  se as NavbarGroup,
   me as NavbarItem,
   de as NavbarTabs,
   it as NumberInput,
   eo as OTPInput,
   Vo as Pagination,
-  pr as PermissionEditor,
+  sr as PermissionEditor,
   mr as PermissionMatrix,
   $o as PricingPlan,
   Xo as PricingPlanItem,
   ar as ProgressBar,
   xe as QRCode,
+  Rt as STATUS_MAP,
   ne as Screen,
   Te as ScreenFilter,
   ao as Sheet,
   ft as SidePanel,
   er as SidebarMenu,
   rr as SidebarMenuItem,
-  _r as Slider,
+  Yr as Slider,
   ve as Spinner,
   $ as Stats,
+  kt as StatusChip,
   Jr as Switch,
-  Y as Tabes,
+  W as Tabes,
   tt as Textarea,
   ct as ThemeToggle,
-  Fr as Timeline,
+  hr as Timeline,
   Br as TimelineIndicator,
-  Nr as TimelineItem,
+  Fr as TimelineItem,
   Dt as ToastNotification,
   Zr as Tooltip,
   ro as Workbook,
-  Ae as barcodesConstants,
-  s as camelCase,
+  Ne as barcodesConstants,
+  p as camelCase,
   d as capitalize,
-  br as configure,
+  Sr as configure,
   u as copyToClipboard,
   yt as createVLite,
   x as debounce,
@@ -217,19 +221,21 @@ export {
   no as formatNumber,
   co as formatPrice,
   To as getObjectValue,
-  bo as getStatusColorClass,
-  b as getUniqueId,
+  So as getStatusColorClass,
+  S as getUniqueId,
   Ko as initializeTheme,
-  g as isAppleDevice,
-  S as isEmpty,
-  h as lazySearch,
-  gr as pauseTimers,
+  b as isAppleDevice,
+  g as isEmpty,
+  A as lazySearch,
+  Et as normalizeStatus,
+  br as pauseTimers,
   P as randomNumber,
   C as removeExtraProperties,
-  Sr as removeToast,
-  N as resetSearchIndex,
+  gr as removeToast,
+  F as resetSearchIndex,
+  Kt as resolveStatus,
   Pr as resumeTimers,
-  A as search,
+  N as search,
   Cr as showToast,
   I as slugify,
   D as throttle,
@@ -237,14 +243,14 @@ export {
   v as truncate,
   dr as useAdvancedKeyStroke,
   Ve as useDropdownIds,
-  ze as useDropdownSelection,
-  Q as useFileUpload,
-  j as useForm,
+  Oe as useDropdownSelection,
+  q as useFileUpload,
+  _ as useForm,
   re as useKanbanBoard,
   ur as useKeyStroke,
   Dr as useNotifications,
-  Go as useTheme,
+  zo as useTheme,
   Xe as useTreeSelection,
-  Mt as useVLiteConfig,
+  Gt as useVLiteConfig,
   ir as vScrollReveal
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -130,6 +130,87 @@
     --text-fs-19: 2.95;
     --text-fs-19.5: 3;
     --text-fs-20: 3.05;
+
+    /* =========================================================
+       Enterprise Status Palette (Light Mode - High Contrast)
+       ========================================================= */
+    --color-success-subtle: #d1fae5;
+    /* emerald-100 */
+    --color-success-subtle-fg: #065f46;
+    /* emerald-800 */
+    --color-success-subtle-border: #6ee7b7;
+    /* emerald-300 */
+
+    --color-info-subtle: #dbeafe;
+    /* blue-100 */
+    --color-info-subtle-fg: #1e40af;
+    /* blue-800 */
+    --color-info-subtle-border: #93c5fd;
+    /* blue-300 */
+
+    --color-warning-subtle: #fef3c7;
+    /* amber-100 */
+    --color-warning-subtle-fg: #92400e;
+    /* amber-800 */
+    --color-warning-subtle-border: #fcd34d;
+    /* amber-300 */
+
+    --color-danger-subtle: #fee2e2;
+    /* red-100 */
+    --color-danger-subtle-fg: #991b1b;
+    /* red-800 */
+    --color-danger-subtle-border: #fca5a5;
+    /* red-300 */
+
+    --color-secondary-subtle: #e4e4e7;
+    /* zinc-200 */
+    --color-secondary-subtle-fg: #27272a;
+    /* zinc-800 */
+    --color-secondary-subtle-border: #d4d4d8;
+    /* zinc-300 */
+
+    /* Extended Color Palette for Varied Statuses */
+    --color-purple-subtle: #f3e8ff;
+    /* purple-100 */
+    --color-purple-subtle-fg: #5b21b6;
+    /* purple-800 */
+    --color-purple-subtle-border: #d8b4fe;
+    /* purple-300 */
+
+    --color-teal-subtle: #ccfbf1;
+    /* teal-100 */
+    --color-teal-subtle-fg: #115e59;
+    /* teal-800 */
+    --color-teal-subtle-border: #5eead4;
+    /* teal-300 */
+
+    --color-indigo-subtle: #e0e7ff;
+    /* indigo-100 */
+    --color-indigo-subtle-fg: #3730a3;
+    /* indigo-800 */
+    --color-indigo-subtle-border: #a5b4fc;
+    /* indigo-300 */
+
+    --color-orange-subtle: #ffedd5;
+    /* orange-100 */
+    --color-orange-subtle-fg: #9a3412;
+    /* orange-800 */
+    --color-orange-subtle-border: #fdba74;
+    /* orange-300 */
+
+    --color-pink-subtle: #fce7f3;
+    /* pink-100 */
+    --color-pink-subtle-fg: #9d174d;
+    /* pink-800 */
+    --color-pink-subtle-border: #f9a8d4;
+    /* pink-300 */
+
+    --color-cyan-subtle: #cffafe;
+    /* cyan-100 */
+    --color-cyan-subtle-fg: #155e75;
+    /* cyan-800 */
+    --color-cyan-subtle-border: #67e8f9;
+    /* cyan-300 */
   }
 }
 
@@ -184,7 +265,11 @@
       var(--color-mixture-2, #000000));
 
   --color-gray-300: color-mix(in oklab,
-      var(--color-mixture-1, #ffffff) 74%,
+      var(--color-mixture-1, #ffffff) 86%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-350: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 75%,
       var(--color-mixture-2, #000000));
 
   --color-gray-400: color-mix(in oklab,
@@ -247,6 +332,51 @@
   --timer-picker-bg: var(--color-background) !important;
   --date-picker-border: var(--color-border) !important;
   --date-picker-radius: var(--radius) !important;
+
+  --color-success-subtle: #E4F4E5;
+  --color-success-subtle-fg: #005e1e;
+  --color-success-subtle-border: #b7e1c1;
+
+  --color-info-subtle: #e8f0fe;
+  --color-info-subtle-fg: #1a56db;
+  --color-info-subtle-border: #c3dafe;
+
+  --color-warning-subtle: #fef7e6;
+  --color-warning-subtle-fg: #8a4b08;
+  --color-warning-subtle-border: #f6d8a8;
+
+  --color-danger-subtle: #fdecea;
+  --color-danger-subtle-fg: #b42318;
+  --color-danger-subtle-border: #f5c2c0;
+
+  --color-secondary-subtle: #f1f1ef;
+  --color-secondary-subtle-fg: #37352f;
+  --color-secondary-subtle-border: #e3e2df;
+
+  /* Extended Color Palette */
+  --color-purple-subtle: #f3ecff;
+  --color-purple-subtle-fg: #6941c6;
+  --color-purple-subtle-border: #e4d7ff;
+
+  --color-teal-subtle: #e6f6f5;
+  --color-teal-subtle-fg: #0f766e;
+  --color-teal-subtle-border: #bfe8e5;
+
+  --color-indigo-subtle: #e7e6fd;
+  --color-indigo-subtle-fg: #4338ca;
+  --color-indigo-subtle-border: #d6dcff;
+
+  --color-orange-subtle: #fff1e6;
+  --color-orange-subtle-fg: #c2410c;
+  --color-orange-subtle-border: #ffd6bf;
+
+  --color-pink-subtle: #fdebf3;
+  --color-pink-subtle-fg: #be185d;
+  --color-pink-subtle-border: #f8c6db;
+
+  --color-cyan-subtle: #E1F8F8;
+  --color-cyan-subtle-fg: #0e7490;
+  --color-cyan-subtle-border: #c2ecf5;
 }
 
 .light {
@@ -281,11 +411,15 @@
       var(--color-mixture-2, #000000));
 
   --color-gray-250: color-mix(in oklab,
-      var(--color-mixture-1, #ffffff) 82%,
+      var(--color-mixture-1, #ffffff) 84%,
       var(--color-mixture-2, #000000));
 
   --color-gray-300: color-mix(in oklab,
-      var(--color-mixture-1, #ffffff) 74%,
+      var(--color-mixture-1, #ffffff) 80%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-350: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 72%,
       var(--color-mixture-2, #000000));
 
   --color-secondary: color-mix(in oklab, var(--color-mixture-1) 89%, var(--color-mixture-2));
@@ -344,6 +478,52 @@
   --color-success: #007E51;
   --color-success-fg: #ffffff;
   --color-success-dark: #00613f;
+
+  --color-success-subtle: #0f2419;
+  --color-success-subtle-fg: #4ade80;
+  --color-success-subtle-border: #1f7a4d;
+
+  --color-info-subtle: #0f1e33;
+  --color-info-subtle-fg: #60a5fa;
+  --color-info-subtle-border: #1e40af;
+
+  --color-warning-subtle: #2a1c07;
+  --color-warning-subtle-fg: #fbbf24;
+  --color-warning-subtle-border: #92400e;
+
+  --color-danger-subtle: #2a1111;
+  --color-danger-subtle-fg: #f87171;
+  --color-danger-subtle-border: #991b1b;
+
+  --color-secondary-subtle: #1f1f1f;
+  --color-secondary-subtle-fg: #e4e4e7;
+  --color-secondary-subtle-border: #3f3f46;
+
+  /* Extended Color Palette */
+
+  --color-purple-subtle: #1d1333;
+  --color-purple-subtle-fg: #c084fc;
+  --color-purple-subtle-border: #6b21a8;
+
+  --color-teal-subtle: #0f2a28;
+  --color-teal-subtle-fg: #2dd4bf;
+  --color-teal-subtle-border: #0f766e;
+
+  --color-indigo-subtle: #1c0a49;
+  --color-indigo-subtle-fg: #aa93f9;
+  --color-indigo-subtle-border: #3730a3;
+
+  --color-orange-subtle: #2a1709;
+  --color-orange-subtle-fg: #fb923c;
+  --color-orange-subtle-border: #9a3412;
+
+  --color-pink-subtle: #2a0f1c;
+  --color-pink-subtle-fg: #f472b6;
+  --color-pink-subtle-border: #9d174d;
+
+  --color-cyan-subtle: #0e242a;
+  --color-cyan-subtle-fg: #22d3ee;
+  --color-cyan-subtle-border: #0e7490;
 }
 
 @utility -text-fs-* {
@@ -714,5 +894,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.blink-bg[data-v-b4f8e934]{animation:blink-animation-b4f8e934 1s infinite}@keyframes blink-animation-b4f8e934{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-c9831df1] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea,.custom-fields-table[data-v-c9831df1] select,.custom-fields-table[data-v-c9831df1] .input-wrapper,.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-c9831df1] input:focus,.custom-fields-table[data-v-c9831df1] textarea:focus,.custom-fields-table[data-v-c9831df1] select:focus,.custom-fields-table[data-v-c9831df1] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-c9831df1] .w-full{width:100%;height:100%}.list-enter-active[data-v-c9831df1]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-c9831df1]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-03c267ac]{display:flex;flex-direction:column}.form-field-item[data-v-03c267ac]:has([role=switch]),.form-field-item[data-v-03c267ac]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-655cd96c]{width:100%}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-0b2efcbc]{display:inline-flex;align-items:center}.breadcrumb-link[data-v-0b2efcbc]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-0b2efcbc]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-0b2efcbc]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-0b2efcbc]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-0b2efcbc]{flex-shrink:0}.breadcrumb-list[data-v-a68fd721]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-a68fd721]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-a68fd721]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-a68fd721]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-a68fd721]{display:inline-flex;align-items:center;color:var(--color-gray-400);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-a68fd721]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-a68fd721]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-a68fd721]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-300)}.breadcrumb--contained[data-v-a68fd721]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-a68fd721] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-a68fd721] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-300)}.breadcrumb--pills[data-v-a68fd721] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-a68fd721]{gap:0}.breadcrumb--arrow[data-v-a68fd721] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-a68fd721] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-a68fd721] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-a68fd721] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-a68fd721]{display:none}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-1f9be4e0]{max-height:70vh}.permission-matrix-wrapper[data-v-1f9be4e0]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-1f9be4e0]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-1f9be4e0]::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.permission-matrix-wrapper[data-v-1f9be4e0]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.first-toast-enter-active[data-v-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.command-palette-content[data-v-c2e803a4] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-c2e803a4] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-c2e803a4] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}
+input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.blink-bg[data-v-b4f8e934]{animation:blink-animation-b4f8e934 1s infinite}@keyframes blink-animation-b4f8e934{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-c9831df1] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea,.custom-fields-table[data-v-c9831df1] select,.custom-fields-table[data-v-c9831df1] .input-wrapper,.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-c9831df1] input:focus,.custom-fields-table[data-v-c9831df1] textarea:focus,.custom-fields-table[data-v-c9831df1] select:focus,.custom-fields-table[data-v-c9831df1] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-c9831df1] .w-full{width:100%;height:100%}.list-enter-active[data-v-c9831df1]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-c9831df1]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-03c267ac]{display:flex;flex-direction:column}.form-field-item[data-v-03c267ac]:has([role=switch]),.form-field-item[data-v-03c267ac]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-655cd96c]{width:100%}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-0b2efcbc]{display:inline-flex;align-items:center}.breadcrumb-link[data-v-0b2efcbc]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-0b2efcbc]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-0b2efcbc]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-0b2efcbc]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-0b2efcbc]{flex-shrink:0}.breadcrumb-list[data-v-ae18a95c]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-ae18a95c]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-ae18a95c]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-ae18a95c]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-ae18a95c]{display:inline-flex;align-items:center;color:var(--color-gray-400);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-ae18a95c]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-ae18a95c]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-ae18a95c]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-ae18a95c]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-ae18a95c]{gap:0}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-ae18a95c]{display:none}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-c5641678]{max-height:70vh}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.first-toast-enter-active[data-v-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.command-palette-content[data-v-6b4a4b96] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-6b4a4b96] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-6b4a4b96] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}