vlite3 0.6.7 → 0.6.9

package/components/Tabes/Tabes.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, ref as b, watch as l, onMounted as _, computed as g, openBlock as i, createElementBlock as p, normalizeClass as c, normalizeStyle as D, createCommentVNode as y, Fragment as N, renderList as O, createBlock as x, resolveDynamicComponent as P, mergeProps as T, withCtx as F, createElementVNode as q, toDisplayString as G, nextTick as H } from "vue";
+import { defineComponent as E, ref as b, watch as l, onMounted as D, computed as g, openBlock as i, createElementBlock as p, normalizeClass as u, normalizeStyle as N, createCommentVNode as y, Fragment as O, renderList as P, createBlock as x, resolveDynamicComponent as T, mergeProps as F, withCtx as _, createElementVNode as q, toDisplayString as G, nextTick as H } from "vue";
 import { useResizeObserver as J } from "@vueuse/core";
 import K from "../Icon.vue.js";
 import { $t as Q } from "../../utils/i18n.js";
@@ -10,84 +10,91 @@ const Z = /* @__PURE__ */ E({
     size: { default: "md" },
     variant: { default: "surface" },
     block: { type: Boolean, default: !1 },
-    textClass: {}
+    textClass: {},
+    wrap: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: h }) {
-    const n = s, v = h, u = b(null), d = b(/* @__PURE__ */ new Map()), k = (e, a) => {
-      e ? d.value.set(a, e) : d.value.delete(a);
-    }, f = b({
+    const n = s, v = h, d = b(null), f = b(/* @__PURE__ */ new Map()), k = (e, a) => {
+      e ? f.value.set(a, e) : f.value.delete(a);
+    }, m = b({
       width: "0px",
       height: "0px",
       transform: "translate(0px, 0px)",
       opacity: 0
     }), o = async () => {
       await H();
-      const e = u.value, a = d.value.get(n.modelValue);
+      const e = d.value, a = f.value.get(n.modelValue);
       if (!e || !a) {
-        f.value.opacity = 0;
+        m.value.opacity = 0;
         return;
       }
-      const r = e.getBoundingClientRect(), t = a.getBoundingClientRect(), m = t.left - r.left, M = t.top - r.top, j = t.width, A = t.height;
-      f.value = {
+      const t = e.getBoundingClientRect(), r = a.getBoundingClientRect(), c = r.left - t.left, M = r.top - t.top, j = r.width, A = r.height;
+      m.value = {
         width: `${j}px`,
         height: `${A}px`,
-        transform: `translate(${m}px, ${M}px)`,
+        transform: `translate(${c}px, ${M}px)`,
         opacity: 1
       };
     };
-    J(u, o), l(() => n.modelValue, o), l(() => n.options, o, { deep: !0 }), l(() => n.size, o), l(() => n.block, o), _(o);
+    J(d, o), l(() => n.modelValue, o), l(() => n.options, o, { deep: !0 }), l(() => n.size, o), l(() => n.block, o), l(() => n.wrap, o), D(o);
     const C = (e) => {
       e.disabled || (v("update:modelValue", e.value), v("change", e.value));
-    }, w = g(() => ["inline-flex rounded-lg relative isolate", {
-      surface: "bg-secondary/80 p-1",
-      primary: "bg-secondary p-1",
-      secondary: "bg-secondary p-1",
-      danger: "bg-danger/10 p-1",
-      success: "bg-success/10 p-1",
-      outline: "bg-transparent border border-border p-1",
-      line: "bg-transparent gap-6 rounded-none p-0 border-b border-border w-full"
-    }[n.variant], n.block ? "flex w-full" : ""]), z = {
+    }, w = g(() => {
+      const e = n.variant === "line", a = {
+        surface: "bg-secondary/80 p-1",
+        primary: "bg-secondary p-1",
+        secondary: "bg-secondary p-1",
+        danger: "bg-danger/10 p-1",
+        success: "bg-success/10 p-1",
+        outline: "bg-transparent border border-border p-1",
+        line: "bg-transparent gap-6 rounded-none p-0 border-b border-border"
+      }, t = n.wrap && !e ? "flex-wrap" : "";
+      return [`${n.block || e ? "flex w-full" : "inline-flex"} rounded-lg relative isolate ${t}`, a[n.variant]];
+    }), z = {
       sm: "text-xs px-2.5 py-1",
       md: "-text-fs-2 px-3 py-1",
       lg: "-text-fs-1 px-4 py-1"
-    }, V = g(() => [n.variant === "line" ? "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 pb-2 border-b-2 border-transparent hover:text-foreground" : "relative z-10 flex-1 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50"]), $ = (e) => {
-      const a = e.value === n.modelValue, r = n.variant === "line";
-      let t = "";
+    }, $ = g(() => {
+      const e = n.variant === "line", a = e ? "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 pb-2 border-b-2 border-transparent hover:text-foreground" : "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50", t = (n.block || n.wrap) && !e ? "flex-1" : "";
+      return [a, t];
+    }), V = (e) => {
+      const a = e.value === n.modelValue, t = n.variant === "line";
+      let r = "";
       if (a)
-        if (r)
-          t = "text-primary";
+        if (t)
+          r = "text-primary";
         else
           switch (n.variant) {
             case "surface":
-              t = "text-foreground";
+              r = "text-foreground";
               break;
             case "primary":
-              t = "text-primary-foreground";
+              r = "text-primary-foreground";
               break;
             case "secondary":
-              t = "text-secondary";
+              r = "text-secondary";
               break;
             case "danger":
-              t = "text-danger-fg";
+              r = "text-danger-fg";
               break;
             case "success":
-              t = "text-success-fg";
+              r = "text-success-fg";
               break;
             case "outline":
-              t = "text-accent-foreground";
+              r = "text-accent-foreground";
               break;
             default:
-              t = "text-foreground";
+              r = "text-foreground";
           }
       else
-        t = r ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
-      const m = e.disabled ? "opacity-50 cursor-not-allowed" : "";
-      return [V.value, t, m].join(" ");
+        r = t ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
+      const c = e.disabled ? "opacity-50 cursor-not-allowed" : "";
+      return [$.value, r, c].join(" ");
     }, R = g(() => {
       const e = "absolute left-0 top-0 transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] z-0 pointer-events-none";
       return n.variant === "line" ? `${e} !h-[2px] !top-auto bottom-0` : `${e} rounded-md shadow-sm`;
-    }), S = () => ({
+    }), B = () => ({
       surface: "bg-background",
       primary: "bg-primary",
       secondary: "bg-secondary-foreground",
@@ -95,38 +102,38 @@ const Z = /* @__PURE__ */ E({
       success: "bg-success",
       outline: "bg-accent/50 ring-1 ring-border",
       line: "bg-primary"
-    })[n.variant], B = (e) => e.labelI18n ? Q(e.labelI18n) : e.label, I = (e) => e.to ? "router-link" : e.href ? "a" : "button", L = (e) => e.to ? { to: e.to } : e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" };
+    })[n.variant], S = (e) => e.labelI18n ? Q(e.labelI18n) : e.label, I = (e) => e.to ? "router-link" : e.href ? "a" : "button", L = (e) => e.to ? { to: e.to } : e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" };
     return (e, a) => (i(), p("div", {
       ref_key: "containerRef",
-      ref: u,
-      class: c(w.value),
+      ref: d,
+      class: u(w.value),
       role: "tablist"
     }, [
-      s.modelValue !== void 0 ? (i(), p("div", {
+      s.modelValue !== void 0 && !s.wrap ? (i(), p("div", {
         key: 0,
-        class: c([R.value, S()]),
-        style: D(f.value)
+        class: u([R.value, B()]),
+        style: N(m.value)
       }, null, 6)) : y("", !0),
-      (i(!0), p(N, null, O(s.options, (r) => (i(), x(P(I(r)), T({
-        key: r.value,
+      (i(!0), p(O, null, P(s.options, (t) => (i(), x(T(I(t)), F({
+        key: t.value,
         ref_for: !0,
-        ref: (t) => k(t?.$el || t, r.value),
+        ref: (r) => k(r?.$el || r, t.value),
         role: "tab",
-        "aria-selected": s.modelValue === r.value,
-        disabled: r.disabled,
-        class: [$(r), z[n.size]]
-      }, { ref_for: !0 }, L(r), {
-        onClick: (t) => C(r)
+        "aria-selected": s.modelValue === t.value,
+        disabled: t.disabled,
+        class: [V(t), z[n.size]]
+      }, { ref_for: !0 }, L(t), {
+        onClick: (r) => C(t)
       }), {
-        default: F(() => [
-          r.icon ? (i(), x(K, {
+        default: _(() => [
+          t.icon ? (i(), x(K, {
             key: 0,
-            icon: r.icon,
-            class: c(s.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
+            icon: t.icon,
+            class: u(s.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
           }, null, 8, ["icon", "class"])) : y("", !0),
           q("span", {
-            class: c(["whitespace-nowrap z-20 relative", s.textClass])
-          }, G(B(r)), 3)
+            class: u(["whitespace-nowrap z-20 relative", s.textClass])
+          }, G(S(t)), 3)
         ]),
         _: 2
       }, 1040, ["aria-selected", "disabled", "class", "onClick"]))), 128))

package/core/config.d.ts

@@ -30,10 +30,17 @@ export declare const configState: {
             rounded?: import('..').InputRounded;
             showRequiredAsterisk?: boolean;
         };
+        price?: {
+            currency?: string;
+        };
+        date?: {
+            format?: string;
+        };
     };
 };
 /**
- * Helper to update the global configuration.
+ * Helper to update the global configuration safely.
+ * Uses deep merge to preserve existing nested objects.
  */
 export declare function updateConfig(updates: Partial<VLiteConfig>): void;
 /**
@@ -61,5 +68,11 @@ export declare function useVLiteConfig(): {
             rounded?: import('..').InputRounded;
             showRequiredAsterisk?: boolean;
         };
+        price?: {
+            currency?: string;
+        };
+        date?: {
+            format?: string;
+        };
     };
 };

package/core/config.js

@@ -1,15 +1,21 @@
-import { reactive as o, inject as t } from "vue";
-const e = /* @__PURE__ */ Symbol("vlite-config"), n = {
+import { reactive as t, inject as e } from "vue";
+const o = /* @__PURE__ */ Symbol("vlite-config"), n = {
   services: {},
   components: {
-    form: {}
+    form: {},
+    price: {
+      currency: "USD"
+    },
+    date: {
+      format: "MM/DD/YYYY"
+    }
   }
-}, i = o({ ...n });
-function f() {
-  return t(e, i);
+}, c = t({ ...n });
+function r() {
+  return e(o, c);
 }
 export {
-  e as VLITE_CONFIG_KEY,
-  i as configState,
-  f as useVLiteConfig
+  o as VLITE_CONFIG_KEY,
+  c as configState,
+  r as useVLiteConfig
 };

package/core/index.d.ts

@@ -2,28 +2,6 @@ import { App } from 'vue';
 import { VLiteConfig } from '../types/config.type';
 /**
  * Creates the VLite plugin instance.
- *
- * @example
- * // main.ts
- * import { createApp } from 'vue'
- * import { createVLite } from 'vlite3'
- *
- * const app = createApp(App)
- *
- * const vlite = createVLite({
- * services: {
- * upload: async (file) => {
- * // Custom API call here
- * const formData = new FormData()
- * formData.append('file', file)
- * const res = await axios.post('/api/upload', formData)
- * return res.data.url
- * }
- * }
- * })
- *
- * app.use(vlite)
- * app.mount('#app')
  */
 export declare function createVLite(options?: VLiteConfig): {
     install(app: App): void;

package/core/index.js

@@ -1,22 +1,30 @@
 import { configState as e, VLITE_CONFIG_KEY as a } from "./config.js";
-import { useVLiteConfig as f } from "./config.js";
-function m(r = {}) {
+import { useVLiteConfig as n } from "./config.js";
+function o(t = {}) {
   return {
-    install(t) {
-      r && (r.services && (e.services = { ...e.services, ...r.services }), r.importData && (e.importData = { ...e.importData, ...r.importData }), r.exportData && (e.exportData = { ...e.exportData, ...r.exportData }), r.components && (e.components = {
+    install(r) {
+      t && (t.services && (e.services = { ...e.services, ...t.services }), t.importData && (e.importData = { ...e.importData, ...t.importData }), t.exportData && (e.exportData = { ...e.exportData, ...t.exportData }), t.components && (e.components = {
         ...e.components,
-        ...r.components,
+        ...t.components,
         form: {
           ...e.components?.form || {},
-          ...r.components.form || {}
+          ...t.components.form || {}
+        },
+        price: {
+          ...e.components?.price || {},
+          ...t.components.price || {}
+        },
+        date: {
+          ...e.components?.date || {},
+          ...t.components.date || {}
         }
-      })), t.provide(a, e), t.config.globalProperties.$vlite = e;
+      })), r.provide(a, e), r.config.globalProperties.$vlite = e;
     }
   };
 }
 export {
   a as VLITE_CONFIG_KEY,
   e as configState,
-  m as createVLite,
-  f as useVLiteConfig
+  o as createVLite,
+  n as useVLiteConfig
 };

package/index.d.ts

@@ -72,3 +72,5 @@ export { $t } from './utils/i18n';
 export { createVLite, useVLiteConfig } from './core';
 export { GoogleSignInPlugin };
 export * from './components/StatusChip';
+export * from './components/Price';
+export * from './components/Date';

package/index.js

@@ -1,6 +1,6 @@
 import { default as f } from "vue3-google-signin";
 import { deepMerge as l } from "./utils/object.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 C, removeExtraProperties as P, slugify as I, throttle as D, truncate as v } from "./utils/functions.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 h, resetSearchIndex as A, search as B } from "./utils/search.util.js";
 import { env as k } from "./utils/env.js";
 import { $t as y } from "./utils/i18n.js";
@@ -25,7 +25,7 @@ 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 be } from "./components/Heatmap/Heatmap.vue.js";
-import { default as Ce } from "./components/Masonry/Masonry.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";
@@ -50,7 +50,7 @@ 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 So } from "./components/List/utils.js";
 import { default as go } from "./components/Empty/Empty.vue.js";
-import { default as Po } from "./components/Accordion/Accordion.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 No } from "./components/Accordion/AccordionTrigger.vue.js";
 import { default as Ao } from "./components/Accordion/AccordionContent.vue.js";
@@ -76,7 +76,7 @@ import { default as dr } from "./components/PermissionMatrix/PermissionEditor.vu
 import { useAdvancedKeyStroke as xr, useKeyStroke as ir } from "./composables/useKeyStroke.js";
 import { vScrollReveal as cr } from "./directives/vScrollReveal.js";
 import { default as Sr } from "./components/AvatarUploader/AvatarUploader.vue.js";
-import { configure as gr, pauseTimers as Cr, removeToast as Pr, resumeTimers as Ir, showToast as Dr, toast as vr, useNotifications as Nr } from "./composables/useNotifications.js";
+import { configure as gr, pauseTimers as Pr, removeToast as Cr, resumeTimers as Ir, showToast as Dr, toast as vr, useNotifications as Nr } from "./composables/useNotifications.js";
 import { default as Ar } from "./components/Timeline/Timeline.vue.js";
 import { default as Fr } from "./components/Timeline/TimelineItem.vue.js";
 import { default as wr } from "./components/Timeline/TimelineIndicator.vue.js";
@@ -102,7 +102,7 @@ import { default as it } from "./components/IconPicker.vue.js";
 import { default as ct } from "./components/ButtonGroup.vue.js";
 import { default as St } from "./components/NumberInput.vue.js";
 import { default as gt } from "./components/ThemeToggle.vue.js";
-import { default as Pt } from "./components/GoogleLogin.vue.js";
+import { default as Ct } from "./components/GoogleLogin.vue.js";
 import { default as Dt } from "./components/ColorPicker/ColorPicker.vue.js";
 import { default as Nt } from "./components/ConfirmationModal.vue.js";
 import { default as At } from "./components/ToastNotification.vue.js";
@@ -112,10 +112,12 @@ import { default as Mt } from "./components/DateRangePicker.vue.js";
 import { createVLite as Lt } from "./core/index.js";
 import { default as Kt } from "./components/StatusChip/StatusChip.vue.js";
 import { STATUS_MAP as zt, normalizeStatus as Gt, resolveStatus as Ut } from "./components/StatusChip/status-map.js";
-import { useVLiteConfig as Vt } from "./core/config.js";
+import { default as Vt } from "./components/Price/Price.vue.js";
+import { default as Yt } from "./components/Date/Date.vue.js";
+import { useVLiteConfig as qt } from "./core/config.js";
 export {
   y as $t,
-  Po as Accordion,
+  Co as Accordion,
   Ao as AccordionContent,
   Do as AccordionItem,
   No as AccordionTrigger,
@@ -141,6 +143,7 @@ export {
   wo as DataTable,
   Mo as DataTableHeader,
   Lo as DataTableRow,
+  Yt as Date,
   ut as DatePicker,
   Mt as DateRangePicker,
   ye as Dropdown,
@@ -155,7 +158,7 @@ export {
   R as Form,
   O as FormField,
   G as FormFields,
-  Pt as GoogleLogin,
+  Ct as GoogleLogin,
   f as GoogleSignInPlugin,
   be as Heatmap,
   Mr as Icon,
@@ -169,7 +172,7 @@ export {
   uo as ListFieldRow,
   Lr as Logo,
   Ie as MASONRY_BREAKPOINTS,
-  Ce as Masonry,
+  Pe as Masonry,
   Yr as Modal,
   Xo as MultiSelect,
   ae as Navbar,
@@ -182,6 +185,7 @@ export {
   Ho as Pagination,
   dr as PermissionEditor,
   sr as PermissionMatrix,
+  Vt as Price,
   Jo as PricingPlan,
   er as PricingPlanItem,
   mr as ProgressBar,
@@ -232,10 +236,10 @@ export {
   g as isEmpty,
   h as lazySearch,
   Gt as normalizeStatus,
-  Cr as pauseTimers,
-  C as randomNumber,
-  P as removeExtraProperties,
-  Pr as removeToast,
+  Pr as pauseTimers,
+  P as randomNumber,
+  C as removeExtraProperties,
+  Cr as removeToast,
   A as resetSearchIndex,
   Ut as resolveStatus,
   Ir as resumeTimers,
@@ -255,6 +259,6 @@ export {
   Nr as useNotifications,
   Go as useTheme,
   Je as useTreeSelection,
-  Vt as useVLiteConfig,
+  qt as useVLiteConfig,
   cr 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.6.7",
+  "version": "0.6.9",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -39,6 +39,7 @@
     "@types/scrollreveal": "^0.0.11",
     "@vueuse/core": "^14.1.0",
     "@vueuse/integrations": "^14.2.1",
+    "dayjs": "^1.11.19",
     "file-saver": "^2.0.5",
     "iconify-icon-picker": "^1.0.3",
     "jsbarcode": "^3.12.3",

package/style.css

@@ -894,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-906bb006]{animation:blink-animation-906bb006 1s infinite}@keyframes blink-animation-906bb006{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-0fe8a23f]{display:flex;flex-direction:column}.form-field-item[data-v-0fe8a23f]:has([role=switch]),.form-field-item[data-v-0fe8a23f]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-78f87e2c]{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-5c9662c5]{display:inline-flex;align-items:center}.breadcrumb-link[data-v-5c9662c5]{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-5c9662c5]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-5c9662c5]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-5c9662c5]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-5c9662c5]{flex-shrink:0}.breadcrumb-list[data-v-12cf2491]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-12cf2491]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-12cf2491]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-12cf2491]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-12cf2491]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-12cf2491]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-12cf2491]{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-12cf2491]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-12cf2491]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-12cf2491]{gap:0}.breadcrumb--arrow[data-v-12cf2491] .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-12cf2491] .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-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-12cf2491]{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-e919f56b] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-e919f56b] ::-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-2a2855f6]{animation:blink-animation-2a2855f6 1s infinite}@keyframes blink-animation-2a2855f6{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-0fe8a23f]{display:flex;flex-direction:column}.form-field-item[data-v-0fe8a23f]:has([role=switch]),.form-field-item[data-v-0fe8a23f]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-e5c8ab25]{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-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{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-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-12cf2491]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-12cf2491]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-12cf2491]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-12cf2491]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-12cf2491]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-12cf2491]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-12cf2491]{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-12cf2491]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-12cf2491]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-12cf2491]{gap:0}.breadcrumb--arrow[data-v-12cf2491] .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-12cf2491] .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-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-12cf2491]{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-4b13b586]{max-height:70vh}.permission-matrix-wrapper[data-v-4b13b586]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-4b13b586]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-4b13b586]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-4b13b586]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-3adbf210]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background)}.custom-list-header[data-v-3adbf210]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-3adbf210]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-3adbf210]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-3adbf210]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-3adbf210],.custom-list-header+.custom-list-header[data-v-3adbf210]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-3adbf210]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-3bbb236a]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto}.custom-table[data-v-3bbb236a]{width:100%;border-collapse:collapse}.custom-th[data-v-3bbb236a]{background-color:var(--color-gray-150);color:var(--color-foreground);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}.custom-th.text-center[data-v-3bbb236a]{text-align:center;min-width:100px}.custom-th[data-v-3bbb236a]:first-child{border-left:none}.custom-td[data-v-3bbb236a]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-3bbb236a]{text-align:center}.custom-td[data-v-3bbb236a]:first-child{border-left:none}.custom-group-row td[data-v-3bbb236a]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-3bbb236a]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-3bbb236a]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-3bbb236a]{border-bottom:none}.custom-active-cell[data-v-3bbb236a]{cursor:pointer}.custom-active-cell[data-v-3bbb236a]:hover{background-color:var(--color-accent)}.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-e919f56b] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}
 

package/types/config.type.d.ts

@@ -69,5 +69,11 @@ export interface VLiteConfig {
             rounded?: InputRounded;
             showRequiredAsterisk?: boolean;
         };
+        price?: {
+            currency?: string;
+        };
+        date?: {
+            format?: string;
+        };
     };
 }

package/types/navbar.type.d.ts

@@ -1,6 +1,7 @@
 export type NavbarVariant = 'header' | 'sidebar';
 export type NavbarPosition = 'fixed' | 'sticky' | 'relative' | 'absolute';
 export type NavbarCenterPosition = 'center' | 'left' | 'right';
+export type NavbarLayoutMode = 'classic' | 'sidebar-first';
 export interface NavbarItemProps {
     to?: string;
     href?: string;
@@ -42,30 +43,19 @@ export interface NavbarProps {
     rightClass?: string;
     mobileTriggerClass?: string;
     mobileMenuVariant?: 'sidepanel' | 'dropdown';
-    /**
-     * When true (Layout Mode only), renders a bars toggle button before the logo
-     * in the #header slot area on large screens. Allows users to show/hide the
-     * sidebar. Preference is persisted in localStorage.
-     * Mobile breakpoint behavior is completely unaffected.
-     */
     sidebarToggle?: boolean;
-    /**
-     * When true, automatically renders a Breadcrumb inside the #main slot area
-     * based on the current route path. Works in Layout Mode.
-     */
     breadcrumb?: boolean;
-    /** Where to render the breadcrumb: 'header' renders as a slim bar inside the header, 'main' renders above the main content (default: 'header') */
     breadcrumbPosition?: 'header' | 'main';
-    /** Breadcrumb visual variant (default: 'default') */
     breadcrumbVariant?: import('../components/Breadcrumb/types').BreadcrumbVariant;
-    /** Breadcrumb separator style (default: 'chevron') */
     breadcrumbSeparator?: import('../components/Breadcrumb/types').BreadcrumbSeparator;
-    /** Breadcrumb size (default: 'sm') */
     breadcrumbSize?: import('../components/Breadcrumb/types').BreadcrumbSize;
-    /** Override auto-generated labels by path, e.g. { '/settings': 'Preferences' } */
     breadcrumbLabels?: Record<string, string>;
-    /** Home icon (default: 'lucide:home') */
     breadcrumbHomeIcon?: string;
-    /** Extra CSS classes for the breadcrumb wrapper */
     breadcrumbClass?: string;
+    /**
+     * Controls the layout structure when both #header and #main slots are used.
+     * - 'sidebar-first' (default): Sidebar spans full height on the left; header + main stack on the right.
+     * - 'classic': Header spans full width on top; sidebar + main sit below it side by side.
+     */
+    layoutMode?: NavbarLayoutMode;
 }