vlite3 0.9.8 → 0.9.9

package/components/DatePicker.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as I, computed as d, openBlock as g, createBlock as D, unref as o, withCtx as u, createElementVNode as N, createVNode as m, renderSlot as T, mergeProps as x } from "vue";
-import w from "./Button.vue.js";
-import z from "./Dropdown/Dropdown.vue.js";
+import { defineComponent as T, computed as d, openBlock as x, createBlock as w, unref as o, withCtx as u, createElementVNode as z, createVNode as m, renderSlot as $, mergeProps as k } from "vue";
+import P from "./Button.vue.js";
+import B from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import { $t as k } from "../utils/i18n.js";
+import { $t as S } from "../utils/i18n.js";
 /* empty css           */
 /* empty css                           */
-import $, { TimePicker as B } from "v-datepicker-lite";
+import j, { TimePicker as C } from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
+const U = { class: "overflow-hidden min-w-[300px]" }, G = /* @__PURE__ */ T({
   __name: "DatePicker",
   props: {
     placeholder: {},
@@ -29,22 +29,26 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
     readonly: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: P }) {
-    const l = t, s = P, a = d({
+  setup(t, { emit: V }) {
+    const l = t, s = V, a = d({
       get: () => l.modelValue ?? l.value,
       set: (e) => {
         s("update:modelValue", e), s("change", e);
       }
-    }), S = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, c = (e) => {
+    }), I = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, c = (e) => {
       try {
-        if (e && typeof e == "object" && e.start && e.end) {
-          const b = new Date(e.start), y = new Date(e.end);
-          if (!isNaN(b.getTime()) && !isNaN(y.getTime())) return { start: b, end: y };
+        if (e && typeof e == "object") {
+          const h = e.startDate || e.start, b = e.endDate || e.end;
+          if (h && b) {
+            const y = new Date(h), g = new Date(b);
+            if (!isNaN(y.getTime()) && !isNaN(g.getTime()))
+              return { startDate: y, endDate: g };
+          }
         }
         const n = new Date(e);
         if (isNaN(n.getTime())) return null;
-        const i = new Date(n), h = new Date(n);
-        return h.setDate(i.getDate() + 6), { start: i, end: h };
+        const i = new Date(n), D = new Date(n);
+        return D.setDate(i.getDate() + 6), { startDate: i, endDate: D };
       } catch {
         return null;
       }
@@ -54,13 +58,21 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
       if (l.mode === "week") {
         const e = c(a.value);
         if (!e) return "";
-        const n = e.start.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), i = e.end.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+        const n = e.startDate.toLocaleDateString("en-US", {
+          month: "short",
+          day: "numeric",
+          year: "numeric"
+        }), i = e.endDate.toLocaleDateString("en-US", {
+          month: "short",
+          day: "numeric",
+          year: "numeric"
+        });
         return `${n} - ${i}`;
       }
       try {
         const e = new Date(a.value);
         if (isNaN(e.getTime())) return String(a.value);
-        const n = l.mode === "dateTime" && S(a.value);
+        const n = l.mode === "dateTime" && I(a.value);
         return e.toLocaleDateString("en-US", {
           month: "short",
           day: "numeric",
@@ -71,21 +83,21 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
         return String(a.value);
       }
     }), f = d(() => {
-      if (l.placeholderI18n) return k(l.placeholderI18n);
+      if (l.placeholderI18n) return S(l.placeholderI18n);
       if (l.placeholder !== void 0) return l.placeholder;
-      const e = k("vlite.datePicker.placeholder");
+      const e = S("vlite.datePicker.placeholder");
       return e !== "vlite.datePicker.placeholder" ? e : "Select date";
     }), v = (e) => {
       if (l.mode === "week") {
         const n = c(e);
         if (n) {
-          a.value = { start: n.start, end: n.end };
+          a.value = { startDate: n.startDate, endDate: n.endDate };
           return;
         }
       }
       a.value = e;
-    }, V = d(() => l.mode === "week" && a.value && typeof a.value == "object" && a.value.start ? a.value.start : a.value);
-    return (e, n) => t.mode !== "time" ? (g(), D(o(z), {
+    }, N = d(() => l.mode === "week" && a.value && typeof a.value == "object" && (a.value.startDate || a.value.start) || a.value);
+    return (e, n) => t.mode !== "time" ? (x(), w(o(B), {
       key: 0,
       position: "bottom-start",
       class: "w-full",
@@ -94,12 +106,12 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
       disabled: t.disabled || t.readonly
     }, {
       trigger: u(() => [
-        T(e.$slots, "default", {
+        $(e.$slots, "default", {
           value: a.value,
           displayValue: r.value
         }, () => [
-          m(w, x({
-            text: r.value || f.value,
+          m(P, k({
+            text: r.value?.replace("-", "—") || f.value,
             variant: t.variant || "outline",
             size: t.size || "md",
             icon: t.icon || "lucide:calendar",
@@ -108,9 +120,9 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
         ])
       ]),
       default: u(() => [
-        N("div", j, [
-          m(o($), {
-            value: V.value,
+        z("div", U, [
+          m(o(j), {
+            value: N.value,
             mode: t.mode,
             "min-date": t.minDate,
             "max-date": t.maxDate,
@@ -125,7 +137,7 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
         ])
       ]),
       _: 3
-    }, 8, ["teleport", "disabled"])) : (g(), D(o(B), {
+    }, 8, ["teleport", "disabled"])) : (x(), w(o(C), {
       key: 1,
       "model-value": a.value,
       "onUpdate:modelValue": [
@@ -143,7 +155,7 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
       readonly: t.readonly
     }, {
       default: u(() => [
-        m(w, x({
+        m(P, k({
           text: r.value || f.value,
           variant: t.variant || "outline",
           size: t.size || "md",
@@ -156,5 +168,5 @@ const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
   }
 });
 export {
-  q as default
+  G as default
 };

package/components/DateRangePicker.vue.d.ts

@@ -1,7 +1,7 @@
 import { ButtonSize, ButtonVariant } from '../types';
 export interface DateRange {
-    start: any;
-    end: any;
+    startDate: any;
+    endDate: any;
 }
 type __VLS_Props = {
     modelValue?: DateRange | null;

package/components/DateRangePicker.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as V, ref as w, watch as L, computed as u, openBlock as d, createBlock as m, unref as h, withCtx as y, createElementVNode as r, createElementBlock as x, Fragment as z, renderList as B, createCommentVNode as E, createVNode as g, normalizeClass as k, toDisplayString as R } from "vue";
-import T from "./Dropdown/Dropdown.vue.js";
-import f from "./Icon.vue.js";
+import { defineComponent as F, ref as b, watch as L, computed as u, openBlock as d, createBlock as m, unref as v, withCtx as D, createElementVNode as i, createElementBlock as w, Fragment as T, renderList as z, createCommentVNode as B, createVNode as h, normalizeClass as y, toDisplayString as x, createTextVNode as E } from "vue";
+import $ from "./Dropdown/Dropdown.vue.js";
+import R from "./Icon.vue.js";
 import { $t as l } from "../utils/i18n.js";
 /* empty css           */
 /* empty css                           */
 import P from "./Button.vue.js";
 import p from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, H = {
+const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, Q = {
   key: 0,
   class: "flex flex-col gap-1 sm:pr-3 py-2 sm:border-r border-border max-h-[280px]"
-}, Q = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, O = { class: "border border-border rounded-md overflow-hidden bg-background" }, I = { class: "flex items-center justify-center shrink-0" }, U = { class: "border border-border rounded-md overflow-hidden bg-background" }, ae = /* @__PURE__ */ V({
+}, O = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, I = { class: "border border-border rounded-md overflow-hidden bg-background" }, U = { class: "flex items-center justify-center shrink-0" }, q = { class: "border border-border rounded-md overflow-hidden bg-background" }, te = /* @__PURE__ */ F({
   __name: "DateRangePicker",
   props: {
     modelValue: {},
@@ -27,35 +27,41 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: M }) {
-    const v = s, b = M, o = w(!1), c = w(0);
-    L(o, (t) => {
-      t && c.value++;
+    const g = s, k = M, o = b(!1), c = b(0);
+    L(o, (a) => {
+      a && c.value++;
     });
     const n = u({
-      get: () => v.modelValue || { start: null, end: null },
-      set: (t) => {
-        b("update:modelValue", t), b("change", t);
+      get: () => {
+        const a = g.modelValue;
+        return a ? {
+          startDate: a.startDate !== void 0 ? a.startDate : a.start,
+          endDate: a.endDate !== void 0 ? a.endDate : a.end
+        } : { startDate: null, endDate: null };
+      },
+      set: (a) => {
+        k("update:modelValue", a), k("change", a);
       }
-    }), Y = (t) => {
-      n.value = { ...n.value, start: t };
-    }, _ = (t) => {
-      n.value = { ...n.value, end: t };
-    }, S = u(() => {
-      if (n.value.end) {
-        const t = new Date(n.value.end);
-        if (!isNaN(t.getTime())) return t.toISOString();
+    }), Y = (a) => {
+      n.value = { ...n.value, startDate: a };
+    }, S = (a) => {
+      n.value = { ...n.value, endDate: a };
+    }, _ = u(() => {
+      if (n.value.endDate) {
+        const a = new Date(n.value.endDate);
+        if (!isNaN(a.getTime())) return a.toISOString();
       }
-      return v.maxDate;
+      return g.maxDate;
     }), C = u(() => {
-      if (n.value.start) {
-        const t = new Date(n.value.start);
-        if (!isNaN(t.getTime())) return t.toISOString();
+      if (n.value.startDate) {
+        const a = new Date(n.value.startDate);
+        if (!isNaN(a.getTime())) return a.toISOString();
       }
-      return v.minDate;
-    }), D = (t) => {
-      if (!t) return "";
+      return g.minDate;
+    }), f = (a) => {
+      if (!a) return "";
       try {
-        const e = new Date(t);
+        const e = new Date(a);
         return isNaN(e.getTime()) ? "" : e.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
       } catch {
         return "";
@@ -106,116 +112,113 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
         value: "last_year",
         icon: "lucide:history"
       }
-    ]), F = (t) => {
+    ]), V = (a) => {
       const e = /* @__PURE__ */ new Date();
-      let a = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
-      switch (e.setHours(0, 0, 0, 0), a.setHours(0, 0, 0, 0), i.setHours(0, 0, 0, 0), t.value) {
+      let t = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
+      switch (e.setHours(0, 0, 0, 0), t.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0), a.value) {
         case "today":
-          a = new Date(e), i = new Date(e);
+          t = new Date(e), r = new Date(e);
           break;
         case "yesterday":
-          a = new Date(e), a.setDate(a.getDate() - 1), i = new Date(a);
+          t = new Date(e), t.setDate(t.getDate() - 1), r = new Date(t);
           break;
         case "last_7_days":
-          a = new Date(e), a.setDate(a.getDate() - 6), i = new Date(e);
+          t = new Date(e), t.setDate(t.getDate() - 6), r = new Date(e);
           break;
         case "last_30_days":
-          a = new Date(e), a.setDate(a.getDate() - 29), i = new Date(e);
+          t = new Date(e), t.setDate(t.getDate() - 29), r = new Date(e);
           break;
         case "this_month":
-          a = new Date(e.getFullYear(), e.getMonth(), 1), i = new Date(e);
+          t = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e);
           break;
         case "last_month":
-          a = new Date(e.getFullYear(), e.getMonth() - 1, 1), i = new Date(e.getFullYear(), e.getMonth(), 0);
+          t = new Date(e.getFullYear(), e.getMonth() - 1, 1), r = new Date(e.getFullYear(), e.getMonth(), 0);
           break;
         case "last_6_months":
-          a = new Date(e.getFullYear(), e.getMonth() - 5, 1), i = new Date(e);
+          t = new Date(e.getFullYear(), e.getMonth() - 5, 1), r = new Date(e);
           break;
         case "this_year":
-          a = new Date(e.getFullYear(), 0, 1), i = new Date(e);
+          t = new Date(e.getFullYear(), 0, 1), r = new Date(e);
           break;
         case "last_year":
-          a = new Date(e.getFullYear() - 1, 0, 1), i = new Date(e.getFullYear() - 1, 11, 31);
+          t = new Date(e.getFullYear() - 1, 0, 1), r = new Date(e.getFullYear() - 1, 11, 31);
           break;
       }
-      n.value = { start: a, end: i }, c.value++, o.value = !1;
+      n.value = { startDate: t, endDate: r }, c.value++, o.value = !1;
     };
-    return (t, e) => (d(), m(h(T), {
+    return (a, e) => (d(), m(v($), {
       isOpen: o.value,
-      "onUpdate:isOpen": e[0] || (e[0] = (a) => o.value = a),
+      "onUpdate:isOpen": e[0] || (e[0] = (t) => o.value = t),
       position: "bottom-start",
       disabled: s.disabled || s.readonly,
       class: "w-full sm:w-auto inline-block",
       maxHeight: "none"
     }, {
-      trigger: y(({ isOpen: a }) => [
-        g(P, {
+      trigger: D(({ isOpen: t }) => [
+        h(P, {
           icon: "lucide:calendar",
           variant: s.variant || "outline",
           size: s.size || "md",
           disabled: s.disabled,
-          class: k(["w-max justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": a }]])
+          class: y(["w-full justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": t }]])
         }, {
-          default: y(() => [
-            r("div", $, [
-              r("span", {
-                class: k({ "text-muted-foreground": !n.value.start })
-              }, R(n.value.start ? D(n.value.start) : s.placeholderStart), 3),
-              g(f, {
-                icon: "lucide:arrow-right",
-                class: "w-4 h-4 text-muted-foreground opacity-60 shrink-0"
-              }),
-              r("span", {
-                class: k({ "text-muted-foreground": !n.value.end })
-              }, R(n.value.end ? D(n.value.end) : s.placeholderEnd), 3)
+          default: D(() => [
+            i("div", j, [
+              i("span", {
+                class: y({ "text-muted-foreground": !n.value.startDate })
+              }, x(n.value.startDate ? f(n.value.startDate) : s.placeholderStart), 3),
+              e[1] || (e[1] = E(" — ", -1)),
+              i("span", {
+                class: y({ "text-muted-foreground": !n.value.endDate })
+              }, x(n.value.endDate ? f(n.value.endDate) : s.placeholderEnd), 3)
             ])
           ]),
           _: 1
         }, 8, ["variant", "size", "disabled", "class"])
       ]),
-      menu: y(() => [
-        r("div", j, [
-          s.showQuickRanges ? (d(), x("div", H, [
-            e[1] || (e[1] = r("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
-            (d(!0), x(z, null, B(N.value, (a) => (d(), m(P, {
-              key: a.value,
-              text: a.label,
-              icon: a.icon,
+      menu: D(() => [
+        i("div", H, [
+          s.showQuickRanges ? (d(), w("div", Q, [
+            e[2] || (e[2] = i("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
+            (d(!0), w(T, null, z(N.value, (t) => (d(), m(P, {
+              key: t.value,
+              text: t.label,
+              icon: t.icon,
               variant: "ghost",
               size: "sm",
               class: "justify-start w-full font-normal",
-              onClick: (i) => F(a)
+              onClick: (r) => V(t)
             }, null, 8, ["text", "icon", "onClick"]))), 128))
-          ])) : E("", !0),
-          r("div", Q, [
-            r("div", O, [
-              (d(), m(h(p), {
+          ])) : B("", !0),
+          i("div", O, [
+            i("div", I, [
+              (d(), m(v(p), {
                 key: "start-" + c.value,
-                value: n.value.start,
+                value: n.value.startDate,
                 onChange: Y,
                 mode: "date",
-                "max-date": S.value,
+                "max-date": _.value,
                 "min-date": s.minDate,
                 disabled: s.disabled,
                 class: "min-w-[270px]",
                 readonly: s.readonly
               }, null, 8, ["value", "max-date", "min-date", "disabled", "readonly"]))
             ]),
-            r("div", I, [
-              g(f, {
+            i("div", U, [
+              h(R, {
                 icon: "lucide:arrow-right",
                 class: "w-5 h-5 text-muted-foreground hidden sm:block opacity-50"
               }),
-              g(f, {
+              h(R, {
                 icon: "lucide:arrow-down",
                 class: "w-5 h-5 text-muted-foreground sm:hidden opacity-50"
               })
             ]),
-            r("div", U, [
-              (d(), m(h(p), {
+            i("div", q, [
+              (d(), m(v(p), {
                 key: "end-" + c.value,
-                value: n.value.end,
-                onChange: _,
+                value: n.value.endDate,
+                onChange: S,
                 mode: "date",
                 "min-date": C.value,
                 "max-date": s.maxDate,
@@ -232,5 +235,5 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
   }
 });
 export {
-  ae as default
+  te as default
 };

package/components/Form/FormField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as r, markRaw as j, openBlock as u, createBlock as f, mergeProps as c, toHandlers as L, createSlots as E, unref as $, withCtx as o, createVNode as A, createTextVNode as p, toDisplayString as v, createCommentVNode as N, resolveDynamicComponent as H } from "vue";
+import { defineComponent as T, computed as r, markRaw as j, openBlock as u, createBlock as f, mergeProps as c, toHandlers as C, createSlots as E, unref as L, withCtx as o, createVNode as A, createTextVNode as p, toDisplayString as v, createCommentVNode as P, resolveDynamicComponent as H } from "vue";
 import { isComponent as z, isAddonObject as h } from "./utils/form.utils.js";
 import q from "../NumberInput.vue.js";
 import g from "../Button.vue.js";
@@ -12,10 +12,11 @@ import Q from "../AvatarUploader/AvatarUploader.vue.js";
 import V from "../Dropdown/Dropdown.vue.js";
 import W from "../MultiSelect/MultiSelect.vue.js";
 import X from "../DatePicker.vue.js";
-import Y from "../ColorPicker/ColorPicker.vue.js";
-import Z from "../IconPicker.vue.js";
-import _ from "./CustomFields.vue.js";
-const ge = /* @__PURE__ */ T({
+import Y from "../DateRangePicker.vue.js";
+import Z from "../ColorPicker/ColorPicker.vue.js";
+import _ from "../IconPicker.vue.js";
+import ee from "./CustomFields.vue.js";
+const be = /* @__PURE__ */ T({
   __name: "FormField",
   props: {
     field: {},
@@ -34,10 +35,10 @@ const ge = /* @__PURE__ */ T({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(t, { emit: P }) {
-    const e = t, m = P, n = (a, l) => {
+  setup(t, { emit: N }) {
+    const e = t, m = N, n = (a, l) => {
       m("change", { value: a, data: l });
-    }, S = (a) => {
+    }, k = (a) => {
       m("change", { value: a });
     }, b = r(
       () => e.field.type === "number" && e.field.isSensitiveField === !0
@@ -67,21 +68,23 @@ const ge = /* @__PURE__ */ T({
         case "date":
         case "time":
           return X;
+        case "dateRangePicker":
+          return Y;
         case "file":
         case "fileUploader":
           return M;
         case "avatarUpload":
           return Q;
         case "color":
-          return Y;
-        case "iconPicker":
           return Z;
-        case "customFields":
+        case "iconPicker":
           return _;
+        case "customFields":
+          return ee;
         default:
           return y;
       }
-    }), k = r(() => {
+    }), R = r(() => {
       const a = e.field.type, { disabled: l, readonly: d, ...D } = e.field, i = {
         ...D,
         disabled: e.disabled || l === !0,
@@ -89,7 +92,7 @@ const ge = /* @__PURE__ */ T({
         ...e.field.props || {},
         label: "",
         labelI18n: ""
-      }, C = e.field.placeholderI18n ? G(e.field.placeholderI18n) : e.field.placeholder, x = e.variant === "floating" && e.label && !e.floatingActive, s = x ? "" : C;
+      }, $ = e.field.placeholderI18n ? G(e.field.placeholderI18n) : e.field.placeholder, x = e.variant === "floating" && e.label && !e.floatingActive, s = x ? "" : $;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || !a ? {
         ...i,
         modelValue: e.value ?? "",
@@ -163,7 +166,7 @@ const ge = /* @__PURE__ */ T({
         ...i,
         modelValue: Array.isArray(e.value) ? e.value : [],
         options: e.field.options || [],
-        placeholder: C,
+        placeholder: $,
         variant: e.variant,
         size: e.size,
         rounded: e.rounded
@@ -178,6 +181,11 @@ const ge = /* @__PURE__ */ T({
           class: "px-3!",
           ...x ? { text: "​" } : {}
         }
+      } : a === "dateRangePicker" ? {
+        ...i,
+        modelValue: e.value,
+        variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
+        size: e.size
       } : a === "fileUploader" || a === "file" ? {
         ...i,
         modelValue: e.value,
@@ -225,24 +233,24 @@ const ge = /* @__PURE__ */ T({
         value: e.value,
         values: e.values
       } : i;
-    }), R = r(() => {
+    }), S = r(() => {
       const a = e.field.type;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || a === "switch" || a === "check" || !a ? {
-        "update:modelValue": S
+        "update:modelValue": k
       } : a === "number" && b.value ? {
         "update:modelValue": (l) => {
           const d = l === "" ? void 0 : Number(l);
           m("change", { value: isNaN(d) ? void 0 : d });
         }
       } : a === "number" ? {
-        "update:modelValue": S
+        "update:modelValue": k
       } : a === "select" ? {
         onSelect: (l) => {
           n(l.value, l.data);
         }
       } : a === "multiSelect" ? {
         change: (l) => n(l)
-      } : a === "date" || a === "time" ? {
+      } : a === "date" || a === "time" || a === "dateRangePicker" ? {
         change: (l) => n(l)
       } : a === "fileUploader" || a === "file" ? {
         change: (l) => {
@@ -278,10 +286,10 @@ const ge = /* @__PURE__ */ T({
       a.action && m("addonAction", a.action);
     };
     return (a, l) => O.value ? (u(), f(y, c({ key: 0 }, {
-      ...k.value,
+      ...R.value,
       ...t.field?.props || {}
-    }, L(R.value)), E({ _: 2 }, [
-      $(h)(t.field.addonLeft) ? {
+    }, C(S.value)), E({ _: 2 }, [
+      L(h)(t.field.addonLeft) ? {
         name: "addon-left",
         fn: o(() => [
           t.field.addonLeft.type === "select" ? (u(), f(V, c({
@@ -310,11 +318,11 @@ const ge = /* @__PURE__ */ T({
               p(v(t.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : N("", !0)
+          }, 16)) : P("", !0)
         ]),
         key: "0"
       } : void 0,
-      $(h)(t.field.addonRight) ? {
+      L(h)(t.field.addonRight) ? {
         name: "addon-right",
         fn: o(() => [
           t.field.addonRight.type === "select" ? (u(), f(V, c({
@@ -343,7 +351,7 @@ const ge = /* @__PURE__ */ T({
               p(v(t.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : N("", !0)
+          }, 16)) : P("", !0)
         ]),
         key: "1"
       } : void 0
@@ -351,11 +359,11 @@ const ge = /* @__PURE__ */ T({
       key: 1,
       class: ["switch", "check"].includes(t.field?.type) ? "" : "w-full"
     }, {
-      ...k.value,
+      ...R.value,
       ...t.field?.props || {}
-    }, L(R.value)), null, 16, ["class"]));
+    }, C(S.value)), null, 16, ["class"]));
   }
 });
 export {
-  ge as default
+  be as default
 };

package/components/Form/FormFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormFields.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e60dfb65"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f2f7a787"]]);
 export {
-  f as default
+  a as default
 };

package/components/Form/FormFields.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as M, computed as O, ref as j, openBlock as s, createElementBlock as o, normalizeClass as m, Fragment as y, renderList as G, withMemo as J, createBlock as h, withCtx as L, unref as R, resolveDynamicComponent as z, createTextVNode as k, toDisplayString as v, createCommentVNode as c, createElementVNode as K, createVNode as P, markRaw as Q } from "vue";
-import { isComponent as p, getNestedValue as W } from "./utils/form.utils.js";
-import U from "../Label.vue.js";
+import { defineComponent as j, computed as H, ref as M, openBlock as s, createElementBlock as o, normalizeClass as m, Fragment as y, renderList as O, withMemo as G, createBlock as p, withCtx as L, unref as R, resolveDynamicComponent as D, createTextVNode as F, toDisplayString as h, createCommentVNode as c, createElementVNode as J, createVNode as K, markRaw as Q } from "vue";
+import { isComponent as v, getNestedValue as W } from "./utils/form.utils.js";
+import z from "../Label.vue.js";
 import X from "./FormField.vue.js";
 import { $t as Y } from "../../utils/i18n.js";
 const Z = {
@@ -15,7 +15,7 @@ const Z = {
 }, ae = {
   key: 2,
   class: "mt-1 -text-fs-2.5 text-destructive"
-}, ie = /* @__PURE__ */ M({
+}, ie = /* @__PURE__ */ j({
   __name: "FormFields",
   props: {
     schema: {},
@@ -33,29 +33,31 @@ const Z = {
     isFieldReadonly: {}
   },
   emits: ["change", "addonAction"],
-  setup(a, { emit: f }) {
-    const r = a, g = f, q = O(() => {
+  setup(a, { emit: U }) {
+    const r = a, g = U, f = H(() => {
       if (r.className) return r.className;
-    }), F = (t) => W(r.values, t.name), l = (t) => r.errors[t.name] || "", D = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, x = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, A = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, u = (t) => t.labelI18n ? Y(t.labelI18n) : t.label, w = (t) => {
+    }), k = (t) => W(r.values, t.name), l = (t) => r.errors[t.name] || "", q = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, x = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, A = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, u = (t) => t.labelI18n ? Y(t.labelI18n) : t.label, w = (t) => {
       if (t)
-        return p(t) ? Q(t) : t;
+        return v(t) ? Q(t) : t;
     }, $ = (t, n) => {
       g("change", t.name, n);
     }, B = (t) => t.itemClass || "", I = (t, n) => {
       g("change", t, n);
     }, E = (t) => {
       g("addonAction", t);
-    }, d = j({}), T = (t) => {
+    }, d = M({}), T = (t) => {
       d.value[t] = !0;
-    }, S = (t) => {
+    }, P = (t) => {
       d.value[t] = !1;
     }, C = (t) => {
-      const n = F(t), e = n != null && n !== "" && !(Array.isArray(n) && n.length === 0), i = typeof n == "number" && !isNaN(n);
-      return V(t) || t.type === "number" ? d.value[t.name] || e || i : e || i;
+      const n = k(t);
+      let e = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
+      const i = typeof n == "number" && !isNaN(n);
+      return t.type === "dateRangePicker" && n && typeof n == "object" && (e = !!(n.startDate || n.endDate || n.start || n.end)), V(t) || t.type === "number" ? d.value[t.name] || e || i : e || i;
     }, V = (t) => {
       const n = t.type || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
-    }, H = (t) => t.type === "number" ? (t.props?.variant ?? "split") === "split" ? "left-4" : "left-3" : t.type === "date" || t.type === "time" || t.type === "color" ? "left-10" : "left-3", b = (t) => {
+    }, S = (t) => t.type === "number" ? (t.props?.variant ?? "split") === "split" ? "left-4" : "left-3" : t.type === "date" || t.type === "time" || t.type === "color" || t.type === "dateRangePicker" ? "left-10" : "left-3", b = (t) => {
       if (r.variant !== "floating") return !1;
       const n = t.type || "text";
       return ![
@@ -68,18 +70,18 @@ const Z = {
       ].includes(n);
     }, N = (t) => {
       const n = u(t);
-      if (!(!n || p(n)))
+      if (!(!n || v(n)))
         return n;
     };
     return (t, n) => (s(), o("div", {
-      class: m(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", q.value])
+      class: m(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", f.value])
     }, [
-      (s(!0), o(y, null, G(a.schema, (e) => (s(), o(y, {
+      (s(!0), o(y, null, O(a.schema, (e) => (s(), o(y, {
         key: e.name
       }, [
-        D(e) ? J([
+        q(e) ? G([
           e,
-          F(e),
+          k(e),
           l(e),
           x(e),
           A(e),
@@ -94,45 +96,45 @@ const Z = {
           key: 0,
           class: m(["max-md:col-span-full! form-field-item", B(e)])
         }, [
-          u(e) && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" && !b(e) ? (s(), h(U, {
+          u(e) && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" && !b(e) ? (s(), p(z, {
             key: 0,
             for: e.name,
             class: "mb-2 block -text-fs-2! font-medium"
           }, {
             default: L(() => [
-              R(p)(u(e)) ? (s(), h(z(w(u(e))), { key: 0 })) : (s(), o(y, { key: 1 }, [
-                k(v(u(e)) + " ", 1),
+              R(v)(u(e)) ? (s(), p(D(w(u(e))), { key: 0 })) : (s(), o(y, { key: 1 }, [
+                F(h(u(e)) + " ", 1),
                 e.required && a.showRequiredAsterisk ? (s(), o("span", Z, "*")) : c("", !0)
               ], 64))
             ]),
             _: 2
           }, 1032, ["for"])) : c("", !0),
-          K("div", {
+          J("div", {
             class: m(["relative", ["switch", "check"].includes(e.type) ? "w-auto" : "w-full"]),
             onFocusin: (i) => T(e.name),
-            onFocusout: (i) => S(e.name)
+            onFocusout: (i) => P(e.name)
           }, [
             b(e) && N(e) && !V(e) ? (s(), o("label", {
               key: 0,
               for: e.name,
               class: m([
                 "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
-                C(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${H(e)}`
+                C(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${S(e)}`
               ])
             }, [
-              R(p)(u(e)) ? (s(), h(z(w(u(e))), { key: 0 })) : (s(), o(y, { key: 1 }, [
-                k(v(u(e)) + " ", 1),
+              R(v)(u(e)) ? (s(), p(D(w(u(e))), { key: 0 })) : (s(), o(y, { key: 1 }, [
+                F(h(u(e)) + " ", 1),
                 e.required ? (s(), o("span", te, "*")) : c("", !0)
               ], 64))
             ], 10, ee)) : c("", !0),
-            P(X, {
+            K(X, {
               field: r.variant === "floating" ? {
                 ...e,
                 placeholder: void 0,
                 placeholderI18n: void 0,
                 props: { ...e.props || {}, id: e.name }
               } : { ...e, props: { ...e.props || {}, id: e.name } },
-              value: F(e),
+              value: k(e),
               floatingActive: C(e),
               label: e.type === "customFields" ? void 0 : b(e) ? N(e) : void 0,
               values: a.values,
@@ -150,18 +152,18 @@ const Z = {
               onAddonAction: E
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, _),
-          u(e) && (e.type === "switch" || e.type === "check") ? (s(), h(U, {
+          u(e) && (e.type === "switch" || e.type === "check") ? (s(), p(z, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
             default: L(() => [
-              k(v(u(e)) + " ", 1),
+              F(h(u(e)) + " ", 1),
               e.required ? (s(), o("span", ne, "*")) : c("", !0)
             ]),
             _: 2
           }, 1032, ["for"])) : c("", !0),
-          l(e) ? (s(), o("p", ae, v(l(e)), 1)) : c("", !0)
+          l(e) ? (s(), o("p", ae, h(l(e)), 1)) : c("", !0)
         ], 2)), n, 0) : c("", !0)
       ], 64))), 128))
     ], 2));

package/components/Form/types.d.ts

@@ -23,7 +23,7 @@ export interface IFormAddon {
 /**
  * Form field types - maps to corresponding UI components
  */
-export type IFormFieldType = 'text' | 'email' | 'password' | 'number' | 'file' | 'fileUploader' | 'tel' | 'url' | 'search' | 'date' | 'textarea' | 'time' | 'iconPicker' | 'color' | 'switch' | 'check' | 'customFields' | 'select' | 'multiSelect' | 'avatarUpload' | Component;
+export type IFormFieldType = 'text' | 'email' | 'password' | 'number' | 'file' | 'fileUploader' | 'tel' | 'url' | 'search' | 'date' | 'dateRangePicker' | 'textarea' | 'time' | 'iconPicker' | 'color' | 'switch' | 'check' | 'customFields' | 'select' | 'multiSelect' | 'avatarUpload' | Component;
 /**
  * Context passed to conditional functions
  */

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.9.8",
+  "version": "0.9.9",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -47,7 +47,7 @@
     "qrcode": "^1.5.4",
     "scrollreveal": "^4.0.9",
     "tailwindcss": "^4.1.18",
-    "v-datepicker-lite": "^0.1.9",
+    "v-datepicker-lite": "^0.1.10",
     "v-file-preview": "^0.1.3",
     "v-tooltip-lite": "^0.2.8",
     "vue-carousel-lite": "^0.2.7",

package/style.css

@@ -973,5 +973,5 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-9a771336]::-webkit-outer-spin-button,input[data-v-9a771336]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-9a771336]{-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}.dropdown-menu[data-v-c4c5d9e4]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7c958115]{background-color:#00000052}.v-modal-backdrop[data-v-7c958115]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7c958115]{will-change:transform;contain:layout style}.blink-bg[data-v-7c958115]{animation:blink-animation-7c958115 1s infinite}@keyframes blink-animation-7c958115{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-3674ca13]{will-change:transform;contain:layout style}.custom-fields-table[data-v-3674ca13] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-3674ca13] input,.custom-fields-table[data-v-3674ca13] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-3674ca13] input,.custom-fields-table[data-v-3674ca13] textarea,.custom-fields-table[data-v-3674ca13] select,.custom-fields-table[data-v-3674ca13] .input-wrapper,.custom-fields-table[data-v-3674ca13] .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-3674ca13] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-3674ca13] input:focus,.custom-fields-table[data-v-3674ca13] textarea:focus,.custom-fields-table[data-v-3674ca13] select:focus,.custom-fields-table[data-v-3674ca13] .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-3674ca13] .w-full{width:100%;height:100%}.list-enter-active[data-v-3674ca13]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-3674ca13]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-e60dfb65]{display:flex;flex-direction:column}.form-field-item[data-v-e60dfb65]:has([role=switch]),.form-field-item[data-v-e60dfb65]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-06b1158f]{width:100%}[data-tabes][data-v-262d5698]:not(.inline-flex):not([class*=gap-6])>:where(button,a,[role=tab]){flex:1 1 0%;min-width:0}[data-tabes].inline-flex[data-v-262d5698]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes].inline-flex[data-v-262d5698]::-webkit-scrollbar{display:none}@media(max-width:480px){[data-tabes][data-v-262d5698]:not([class*=flex-wrap]){overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes][data-v-262d5698]:not([class*=flex-wrap])::-webkit-scrollbar{display:none}}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-ff2923de]{background-color:#0003}.sidepanel-body[data-v-ff2923de]{will-change:transform;contain:layout style}.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-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{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-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{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-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .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-d1e90135] .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-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.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-e8fba320]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.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-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{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-a42b2fb0]{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-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{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-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{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-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]: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}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{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-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}
+input[data-v-9a771336]::-webkit-outer-spin-button,input[data-v-9a771336]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-9a771336]{-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}.dropdown-menu[data-v-c4c5d9e4]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7c958115]{background-color:#00000052}.v-modal-backdrop[data-v-7c958115]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7c958115]{will-change:transform;contain:layout style}.blink-bg[data-v-7c958115]{animation:blink-animation-7c958115 1s infinite}@keyframes blink-animation-7c958115{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-3674ca13]{will-change:transform;contain:layout style}.custom-fields-table[data-v-3674ca13] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-3674ca13] input,.custom-fields-table[data-v-3674ca13] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-3674ca13] input,.custom-fields-table[data-v-3674ca13] textarea,.custom-fields-table[data-v-3674ca13] select,.custom-fields-table[data-v-3674ca13] .input-wrapper,.custom-fields-table[data-v-3674ca13] .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-3674ca13] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-3674ca13] input:focus,.custom-fields-table[data-v-3674ca13] textarea:focus,.custom-fields-table[data-v-3674ca13] select:focus,.custom-fields-table[data-v-3674ca13] .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-3674ca13] .w-full{width:100%;height:100%}.list-enter-active[data-v-3674ca13]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-3674ca13]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-f2f7a787]{display:flex;flex-direction:column}.form-field-item[data-v-f2f7a787]:has([role=switch]),.form-field-item[data-v-f2f7a787]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-06b1158f]{width:100%}[data-tabes][data-v-262d5698]:not(.inline-flex):not([class*=gap-6])>:where(button,a,[role=tab]){flex:1 1 0%;min-width:0}[data-tabes].inline-flex[data-v-262d5698]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes].inline-flex[data-v-262d5698]::-webkit-scrollbar{display:none}@media(max-width:480px){[data-tabes][data-v-262d5698]:not([class*=flex-wrap]){overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes][data-v-262d5698]:not([class*=flex-wrap])::-webkit-scrollbar{display:none}}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-ff2923de]{background-color:#0003}.sidepanel-body[data-v-ff2923de]{will-change:transform;contain:layout style}.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-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{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-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{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-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .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-d1e90135] .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-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.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-e8fba320]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.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-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{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-a42b2fb0]{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-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{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-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{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-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]: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}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{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-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}
 

package/utils/functions.d.ts

@@ -117,7 +117,5 @@ export type DateRangeMode = 'week' | 'month' | '3-months' | '6-months' | 'year'
 export interface DateRangeResult {
     startDate: string;
     endDate: string;
-    startDayjs: Dayjs;
-    endDayjs: Dayjs;
 }
 export declare const getDefaultDateRange: (mode?: DateRangeMode, maxDate?: Dayjs | string | Date, anchorDate?: Dayjs) => DateRangeResult;

package/utils/functions.js

@@ -1,6 +1,6 @@
 import { configState as f } from "../core/config.js";
 import c from "dayjs";
-const p = (t, r) => {
+const y = (t, r) => {
   let e;
   return (...n) => {
     clearTimeout(e), e = setTimeout(() => {
@@ -44,14 +44,14 @@ function A(t, r) {
     e ? (n = s, o = this) : (t.apply(this, s), e = setTimeout(a, r));
   };
 }
-const M = (t) => typeof t != "string" ? "" : t.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/[\s-]+/g, "-").replace(/^-+|-+$/g, ""), j = (t, r) => {
+const M = (t) => typeof t != "string" ? "" : t.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/[\s-]+/g, "-").replace(/^-+|-+$/g, ""), k = (t, r) => {
   if (!Number.isFinite(t) || !Number.isFinite(r))
     throw new TypeError("Both min and max must be finite numbers");
   if (t > r)
     throw new RangeError(`min (${t}) must not be greater than max (${r})`);
   const e = Math.ceil(t), n = Math.floor(r);
   return Math.floor(Math.random() * (n - e + 1)) + e;
-}, k = (t, r, e = "...") => {
+}, j = (t, r, e = "...") => {
   if (typeof t != "string") return "";
   if (!Number.isFinite(r) || r < 0 || t.length <= r) return t;
   const n = r - e.length;
@@ -111,16 +111,14 @@ const M = (t) => typeof t != "string" ? "" : t.normalize("NFD").replace(/[\u0300
   }
   return {
     startDate: o.format("YYYY-MM-DD"),
-    endDate: n.format("YYYY-MM-DD"),
-    startDayjs: o,
-    endDayjs: n
+    endDate: n.format("YYYY-MM-DD")
   };
 };
 export {
   O as camelCase,
   w as capitalize,
   N as copyToClipboard,
-  p as debounce,
+  y as debounce,
   S as delay,
   g as downloadFile,
   l as flattenArray,
@@ -129,9 +127,9 @@ export {
   b as getUniqueId,
   h as isAppleDevice,
   m as isEmpty,
-  j as randomNumber,
+  k as randomNumber,
   u as removeExtraProperties,
   M as slugify,
   A as throttle,
-  k as truncate
+  j as truncate
 };