vlite3 0.1.2 → 0.1.3

package/components/DatePicker.vue.d.ts

@@ -26,11 +26,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    onChange: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onOnChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
 }>, {
     teleport: boolean;
     minuteInterval: number;

package/components/DatePicker.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent as v, computed as r, openBlock as h, createBlock as g, unref as u, withCtx as m, createElementVNode as p, createVNode as c, renderSlot as V, mergeProps as w } from "vue";
-import D from "./Button.vue.js";
-import y from "./Dropdown/Dropdown.vue.js";
+import y from "./Button.vue.js";
+import D from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import C from "v-datepicker-lite";
+import x from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
   __name: "DatePicker",
@@ -19,19 +19,19 @@ const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
     teleport: { type: Boolean, default: !0 },
     minuteInterval: { default: 5 }
   },
-  emits: ["update:modelValue", "onChange"],
-  setup(t, { emit: d }) {
-    const n = t, i = d, a = r({
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: s }) {
+    const n = t, i = s, a = r({
       get: () => n.modelValue ?? n.value,
       set: (e) => {
-        i("update:modelValue", e), i("onChange", e);
+        i("update:modelValue", e), i("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, l = r(() => {
+    }), d = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, l = r(() => {
       if (!a.value) return "";
       try {
         const e = new Date(a.value);
         if (isNaN(e.getTime())) return String(a.value);
-        const o = n.mode === "dateTime" && s(a.value);
+        const o = n.mode === "dateTime" && d(a.value);
         return e.toLocaleDateString("en-US", {
           month: "short",
           day: "numeric",
@@ -44,7 +44,7 @@ const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
     }), f = (e) => {
       a.value = e;
     };
-    return (e, o) => (h(), g(u(y), {
+    return (e, o) => (h(), g(u(D), {
       position: "bottom-start",
       class: "w-full",
       teleport: t.teleport
@@ -54,17 +54,17 @@ const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
           value: a.value,
           displayValue: l.value
         }, () => [
-          c(D, w({
+          c(y, w({
             text: l.value || t.placeholder || "Select date",
             variant: t.variant || "outline",
             size: t.size || "md",
             icon: t.icon || "lucide:calendar"
-          }, t.btnProps, { class: "w-full" }), null, 16, ["text", "variant", "size", "icon"])
+          }, t.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon"])
         ])
       ]),
       default: m(() => [
         p("div", P, [
-          c(u(C), {
+          c(u(x), {
             value: a.value,
             mode: t.mode,
             "min-date": t.minDate,

package/components/Form/Form.vue.d.ts

@@ -30,6 +30,8 @@ interface Props {
     showCancel?: boolean;
     /** Whether this is an update operation */
     isUpdate?: boolean;
+    /** Folder ID for file uploads */
+    folderId?: string;
     /** Custom class for form element */
     class?: string;
     /** Custom class for the grid layout (overrides columns) */
@@ -58,11 +60,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    onSubmit: (payload: IFormSubmitPayload) => any;
+    onSubmit: (payload: IFormSubmitPayload, close: () => void) => any;
     onCancel: () => any;
     onStepChange: (step: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onOnSubmit?: (payload: IFormSubmitPayload) => any;
+    onOnSubmit?: (payload: IFormSubmitPayload, close: () => void) => any;
     onOnCancel?: () => any;
     onOnStepChange?: (step: number) => any;
 }>, {
@@ -78,6 +80,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     footerClass: string;
     cancelText: string;
     isUpdate: boolean;
+    folderId: string;
     groupsHeadings: string[];
     groupHeadingsDescription: string[];
     submitText: string;

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-25a5775d"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d3940de2"]]);
 export {
-  p as default
+  _ as default
 };

package/components/Form/Form.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as K, computed as d, ref as O, watch as Q, openBlock as i, createElementBlock as r, withModifiers as W, normalizeClass as f, createVNode as F, createCommentVNode as u, unref as t, Fragment as X, renderList as Y, createElementVNode as U, toDisplayString as k, renderSlot as Z, createBlock as x, mergeProps as I } from "vue";
-import { useForm as _ } from "./composables/useForm.js";
-import D from "./FormFields.vue.js";
-import p from "../Button.vue.js";
-import ee from "../Timeline.vue.js";
-const te = {
+import { defineComponent as Q, inject as W, computed as u, ref as X, watch as Y, openBlock as l, createElementBlock as o, withModifiers as Z, normalizeClass as f, createVNode as x, createCommentVNode as d, unref as t, Fragment as I, renderList as _, createElementVNode as D, toDisplayString as k, renderSlot as ee, createBlock as p, mergeProps as te } from "vue";
+import { useForm as ae } from "./composables/useForm.js";
+import w from "./FormFields.vue.js";
+import N from "../Button.vue.js";
+import ie from "../Timeline.vue.js";
+const le = {
   key: 0,
   class: "form-timeline mb-18"
-}, ae = {
+}, se = {
   key: 1,
   class: "form-fields-single"
-}, ie = {
+}, ne = {
   key: 2,
   class: "form-groups space-y-6"
-}, se = { class: "text-base font-semibold text-foreground" }, le = {
+}, oe = { class: "text-base font-semibold text-foreground" }, re = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, ne = { class: "form-group-body p-6" }, re = {
+}, ue = { class: "form-group-body p-6" }, de = {
   key: 3,
   class: "form-step"
-}, oe = { class: "text-lg font-semibold text-foreground" }, ue = {
+}, ce = { class: "text-lg font-semibold text-foreground" }, me = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, ye = /* @__PURE__ */ K({
+}, Fe = /* @__PURE__ */ Q({
   __name: "Form",
   props: {
     schema: {},
@@ -39,6 +39,7 @@ const te = {
     cancelText: { default: "Cancel" },
     showCancel: { type: Boolean, default: !1 },
     isUpdate: { type: Boolean, default: !1 },
+    folderId: { default: void 0 },
     class: { default: "" },
     className: { default: "" },
     groupClass: { default: "" },
@@ -47,192 +48,196 @@ const te = {
     timelineTextPosition: { default: "bottom" }
   },
   emits: ["onSubmit", "onCancel", "onStepChange"],
-  setup(e, { emit: M }) {
-    const s = e, m = M, h = d(() => !s.schema || s.schema.length === 0 ? !1 : Array.isArray(s.schema[0])), o = d(() => s.tabs && s.tabs.length > 0 && h.value), a = O(0), P = d(() => s.tabs ? s.tabs.map((l, n) => ({
-      id: l.id?.toString() || n.toString(),
-      title: l.title,
-      icon: l.icon,
-      description: l.description,
+  setup(e, { emit: A }) {
+    const i = e, m = A, h = W("modal-context", null), G = u(() => i.showCancel || !!h), g = u(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), r = u(() => i.tabs && i.tabs.length > 0 && g.value), a = X(0), P = u(() => i.tabs ? i.tabs.map((s, n) => ({
+      id: s.id?.toString() || n.toString(),
+      title: s.title,
+      icon: s.icon,
+      description: s.description,
       status: n < a.value ? "completed" : n === a.value ? "current" : "upcoming"
-    })) : []), g = d(() => h.value ? s.schema : [s.schema]), w = d(() => o.value ? g.value[a.value] || [] : []), {
-      formValues: b,
-      errors: y,
-      isSubmitting: N,
-      handleFieldChange: A,
-      validateField: G,
-      validateAll: de,
-      isFieldVisible: S,
-      isFieldDisabled: C,
-      isFieldReadonly: V,
-      getFieldValue: ce,
-      handleSubmit: $,
-      flatSchema: me
-    } = _({
-      schema: s.schema,
-      values: s.values,
-      isUpdate: s.isUpdate,
-      onSubmit: (l) => {
-        m("onSubmit", l);
+    })) : []), b = u(() => g.value ? i.schema : [i.schema]), R = u(() => r.value ? b.value[a.value] || [] : []), {
+      formValues: y,
+      errors: S,
+      isSubmitting: V,
+      handleFieldChange: $,
+      validateField: j,
+      validateAll: ve,
+      isFieldVisible: C,
+      isFieldDisabled: F,
+      isFieldReadonly: z,
+      getFieldValue: fe,
+      handleSubmit: E,
+      flatSchema: he
+    } = ae({
+      schema: i.schema,
+      values: i.values,
+      isUpdate: i.isUpdate,
+      folderId: i.folderId,
+      onSubmit: (s) => {
+        m("onSubmit", s, h?.close);
       }
     });
-    Q(
-      () => s.values,
-      (l) => {
+    Y(
+      () => i.values,
+      (s) => {
       },
       { deep: !0 }
     );
-    const z = (l, n) => {
-      A(l, n.value, n.data);
-    }, E = () => {
-      if (!o.value) return !0;
-      const l = w.value;
+    const U = (s, n) => {
+      $(s, n.value, n.data);
+    }, L = () => {
+      if (!r.value) return !0;
+      const s = R.value;
       let n = !0;
-      for (const v of l) {
-        if (!S(v) || C(v)) continue;
-        G(v) && (n = !1);
+      for (const v of s) {
+        if (!C(v) || F(v)) continue;
+        j(v) && (n = !1);
       }
       return n;
-    }, L = d(() => o.value ? a.value < g.value.length - 1 : !1), R = d(() => o.value ? a.value > 0 : !1), B = d(() => o.value ? a.value === g.value.length - 1 : !0), T = () => {
-      L.value && E() && (a.value++, m("onStepChange", a.value));
-    }, j = () => {
-      R.value && (a.value--, m("onStepChange", a.value));
-    }, q = (l, n) => {
+    }, q = u(() => r.value ? a.value < b.value.length - 1 : !1), B = u(() => r.value ? a.value > 0 : !1), T = u(() => r.value ? a.value === b.value.length - 1 : !0), H = () => {
+      q.value && L() && (a.value++, m("onStepChange", a.value));
+    }, J = () => {
+      B.value && (a.value--, m("onStepChange", a.value));
+    }, K = (s, n) => {
       n <= a.value && (a.value = n, m("onStepChange", a.value));
-    }, H = async () => {
-      if (o.value && !B.value) {
-        T();
+    }, M = async () => {
+      if (r.value && !T.value) {
+        H();
         return;
       }
-      await $();
-    }, J = () => {
-      m("onCancel");
+      try {
+        await E();
+      } catch {
+      }
+    }, O = () => {
+      m("onCancel"), h && h?.close?.();
     };
-    return (l, n) => (i(), r("form", {
-      class: f(["form-container", s.class]),
-      onSubmit: W(H, ["prevent"])
+    return (s, n) => (l(), o("form", {
+      class: f(["form-container", i.class]),
+      onSubmit: Z(M, ["prevent"])
     }, [
-      o.value && P.value.length > 0 ? (i(), r("div", te, [
-        F(ee, {
+      r.value && P.value.length > 0 ? (l(), o("div", le, [
+        x(ie, {
           steps: P.value,
           activeStep: a.value,
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
           clickable: !0,
-          onStepClick: q
+          onStepClick: K
         }, null, 8, ["steps", "activeStep", "textPosition"])
-      ])) : u("", !0),
-      h.value ? h.value && !o.value ? (i(), r("div", ie, [
-        (i(!0), r(X, null, Y(g.value, (v, c) => (i(), r("div", {
+      ])) : d("", !0),
+      g.value ? g.value && !r.value ? (l(), o("div", ne, [
+        (l(!0), o(I, null, _(b.value, (v, c) => (l(), o("div", {
           key: c,
           class: f(["form-group border rounded-lg overflow-hidden", e.groupClass])
         }, [
-          e.groupsHeadings?.[c] ? (i(), r("div", {
+          e.groupsHeadings?.[c] ? (l(), o("div", {
             key: 0,
             class: f(["form-group-header bg-muted/50 px-6 py-4 border-b", e.headerClass])
           }, [
-            U("h3", se, k(e.groupsHeadings[c]), 1),
-            e.groupHeadingsDescription?.[c] ? (i(), r("p", le, k(e.groupHeadingsDescription[c]), 1)) : u("", !0)
-          ], 2)) : u("", !0),
-          U("div", ne, [
-            F(D, {
+            D("h3", oe, k(e.groupsHeadings[c]), 1),
+            e.groupHeadingsDescription?.[c] ? (l(), o("p", re, k(e.groupHeadingsDescription[c]), 1)) : d("", !0)
+          ], 2)) : d("", !0),
+          D("div", ue, [
+            x(w, {
               schema: v,
-              values: t(b),
-              errors: t(y),
+              values: t(y),
+              errors: t(S),
               variant: e.variant,
               size: e.size,
               rounded: e.rounded,
               className: e.className,
               isUpdate: e.isUpdate,
-              isFieldVisible: t(S),
-              isFieldDisabled: t(C),
-              isFieldReadonly: t(V),
-              onChange: z
+              isFieldVisible: t(C),
+              isFieldDisabled: t(F),
+              isFieldReadonly: t(z),
+              onChange: U
             }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
           ])
         ], 2))), 128))
-      ])) : o.value ? (i(), r("div", re, [
-        e.tabs?.[a.value] ? (i(), r("div", {
+      ])) : r.value ? (l(), o("div", de, [
+        e.tabs?.[a.value] ? (l(), o("div", {
           key: 0,
           class: f(["form-step-header mb-6", e.headerClass])
         }, [
-          U("h2", oe, k(e.tabs[a.value].title), 1),
-          e.tabs[a.value].description ? (i(), r("p", ue, k(e.tabs[a.value].description), 1)) : u("", !0)
-        ], 2)) : u("", !0),
-        F(D, {
-          schema: w.value,
-          values: t(b),
-          errors: t(y),
+          D("h2", ce, k(e.tabs[a.value].title), 1),
+          e.tabs[a.value].description ? (l(), o("p", me, k(e.tabs[a.value].description), 1)) : d("", !0)
+        ], 2)) : d("", !0),
+        x(w, {
+          schema: R.value,
+          values: t(y),
+          errors: t(S),
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
           className: e.className,
           isUpdate: e.isUpdate,
-          isFieldVisible: t(S),
-          isFieldDisabled: t(C),
-          isFieldReadonly: t(V),
-          onChange: z
+          isFieldVisible: t(C),
+          isFieldDisabled: t(F),
+          isFieldReadonly: t(z),
+          onChange: U
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-      ])) : u("", !0) : (i(), r("div", ae, [
-        F(D, {
+      ])) : d("", !0) : (l(), o("div", se, [
+        x(w, {
           schema: e.schema,
-          values: t(b),
-          errors: t(y),
+          values: t(y),
+          errors: t(S),
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
           className: e.className,
           isUpdate: e.isUpdate,
-          isFieldVisible: t(S),
-          isFieldDisabled: t(C),
-          isFieldReadonly: t(V),
-          onChange: z
+          isFieldVisible: t(C),
+          isFieldDisabled: t(F),
+          isFieldReadonly: t(z),
+          onChange: U
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
       ])),
-      Z(l.$slots, "default", {
-        values: t(b),
-        errors: t(y),
-        isSubmitting: t(N),
-        handleSubmit: H
+      ee(s.$slots, "default", {
+        values: t(y),
+        errors: t(S),
+        isSubmitting: t(V),
+        handleSubmit: M
       }, void 0, !0),
-      e.footer ? (i(), r("div", {
+      e.footer ? (l(), o("div", {
         key: 4,
         class: f(["form-footer mt-6 flex items-center justify-end gap-3", e.footerClass])
       }, [
-        e.showCancel ? (i(), x(p, {
+        G.value ? (l(), p(N, {
           key: 0,
           type: "button",
           variant: "outline",
           text: e.cancelText,
-          disabled: e.loading || t(N),
-          onClick: J
-        }, null, 8, ["text", "disabled"])) : u("", !0),
-        o.value && R.value ? (i(), x(p, {
+          disabled: e.loading || t(V),
+          onClick: O
+        }, null, 8, ["text", "disabled"])) : d("", !0),
+        r.value && B.value ? (l(), p(N, {
           key: 1,
           type: "button",
           variant: "outline",
           icon: "lucide:arrow-left",
           text: "Previous",
-          onClick: j
-        })) : u("", !0),
-        o.value && !B.value ? (i(), x(p, {
+          onClick: J
+        })) : d("", !0),
+        r.value && !T.value ? (l(), p(N, {
           key: 2,
           type: "button",
           variant: "primary",
           text: "Next",
           iconRight: "lucide:arrow-right",
-          onClick: T
-        })) : (i(), x(p, I({
+          onClick: H
+        })) : (l(), p(N, te({
           key: 3,
           type: "submit",
           variant: "primary",
           text: e.submitText
         }, e.submitProps, {
-          loading: e.loading || t(N)
+          loading: e.loading || t(V)
         }), null, 16, ["text", "loading"]))
-      ], 2)) : u("", !0)
+      ], 2)) : d("", !0)
     ], 34));
   }
 });
 export {
-  ye as default
+  Fe as default
 };

package/components/Form/composables/useForm.d.ts

@@ -4,6 +4,7 @@ export interface UseFormOptions {
     schema: IForm[] | IForm[][];
     values?: Record<string, any>;
     isUpdate?: boolean;
+    folderId?: string;
     onSubmit?: (payload: IFormSubmitPayload) => void | Promise<void>;
 }
 export interface UseFormReturn {

package/components/Form/composables/useForm.js

@@ -1,8 +1,8 @@
 import { ref as u, computed as $, watch as k } from "vue";
 import { initializeFormValues as j, deepClone as c, getNestedValue as N, evaluateConditional as y, setNestedValue as h, collectFileFields as B, filterNullCustomFields as G } from "../utils/form.utils.js";
 import { useFileUpload as H } from "./useFileUpload.js";
-function X(q) {
-  const { schema: i, values: V, isUpdate: d = !1, onSubmit: b } = q, { handleUploadFile: x, loading: I } = H(), t = u(j(i, V)), r = u({}), v = u(!1), n = u(!1), m = u(c(t.value)), f = $(() => i ? Array.isArray(i[0]) ? i.flat() : i : []);
+function Y(q) {
+  const { schema: i, values: V, isUpdate: d = !1, folderId: x, onSubmit: b } = q, { handleUploadFile: D, loading: J } = H(), t = u(j(i, V)), r = u({}), v = u(!1), n = u(!1), m = u(c(t.value)), f = $(() => i ? Array.isArray(i[0]) ? i.flat() : i : []);
   k(
     () => V,
     (e) => {
@@ -13,11 +13,11 @@ function X(q) {
   const p = () => ({
     values: t.value,
     isUpdate: d
-  }), g = (e) => N(t.value, e), D = (e) => r.value[e] || "", A = (e, l) => {
+  }), g = (e) => N(t.value, e), O = (e) => r.value[e] || "", A = (e, l) => {
     l ? r.value[e] = l : delete r.value[e];
   }, F = () => {
     r.value = {};
-  }, S = (e) => e.when ? y(e.when, p()) : !0, w = (e) => y(e.disabled, p()), O = (e) => y(e.readonly, p()), C = (e) => {
+  }, S = (e) => e.when ? y(e.when, p()) : !0, w = (e) => y(e.disabled, p()), z = (e) => y(e.readonly, p()), C = (e) => {
     const l = g(e.name);
     let a = "";
     return e.required && (l == null || l === "" || Array.isArray(l) && l.length === 0) && (a = `${e.label || e.name} is required`), !a && e.validation && (a = e.validation({
@@ -33,7 +33,7 @@ function X(q) {
       C(l) && (e = !1);
     }
     return e;
-  }, z = (e, l, a) => {
+  }, I = (e, l, a) => {
     t.value = h(t.value, e, l), n.value = !0, delete r.value[e];
     const o = f.value.find((s) => s.name === e);
     if (o?.updateValues) {
@@ -48,9 +48,9 @@ function X(q) {
   }, L = async () => {
     const e = c(t.value), l = B(i, e);
     for (const a of l) {
-      const { name: o, value: s, type: M } = a;
+      const { name: o, value: s, type: P } = a;
       if (s instanceof File || s && typeof s == "object" && s.file instanceof File) {
-        const U = await x(s);
+        const U = await D(s, x);
         U && Object.assign(e, h(e, o, U));
       }
     }
@@ -72,14 +72,14 @@ function X(q) {
     errors: r,
     isSubmitting: v,
     isDirty: n,
-    handleFieldChange: z,
+    handleFieldChange: I,
     validateField: C,
     validateAll: E,
     isFieldVisible: S,
     isFieldDisabled: w,
-    isFieldReadonly: O,
+    isFieldReadonly: z,
     getFieldValue: g,
-    getFieldError: D,
+    getFieldError: O,
     setFieldError: A,
     clearErrors: F,
     resetForm: () => {
@@ -105,5 +105,5 @@ function X(q) {
   };
 }
 export {
-  X as useForm
+  Y as useForm
 };

package/components/Form/types.d.ts

@@ -140,6 +140,8 @@ export interface IFormProps {
     showCancel?: boolean;
     /** Whether this is an update operation */
     isUpdate?: boolean;
+    /** Folder ID for file uploads */
+    folderId?: string;
     /** Custom class for form element */
     class?: string;
     /** Custom class for the grid layout (overrides columns) */

package/components/Modal.vue.js

@@ -1,13 +1,14 @@
-import { defineComponent as C, ref as w, watch as m, onUnmounted as B, openBlock as o, createElementBlock as n, Fragment as $, createElementVNode as d, normalizeClass as l, withModifiers as y, renderSlot as i, createCommentVNode as r, createBlock as b, Teleport as O, createVNode as h, Transition as S, withCtx as z, toDisplayString as v, resolveDynamicComponent as E, mergeProps as N } from "vue";
-import P from "./Button.vue.js";
-import { useKeyStroke as V } from "../composables/useKeyStroke.js";
-const j = {
+import { defineComponent as w, ref as $, watch as m, provide as B, onUnmounted as O, openBlock as s, createElementBlock as a, Fragment as S, createElementVNode as n, mergeProps as y, withModifiers as b, renderSlot as i, createCommentVNode as r, createBlock as h, Teleport as z, createVNode as v, Transition as E, withCtx as N, normalizeClass as d, toDisplayString as g, resolveDynamicComponent as P } from "vue";
+import V from "./Button.vue.js";
+import { useKeyStroke as j } from "../composables/useKeyStroke.js";
+const D = {
   key: 0,
   class: "flex-none flex flex-col space-y-1.5 pb-0 border-b"
-}, D = { class: "text-lg font-semibold leading-none tracking-tight" }, K = {
+}, K = { class: "text-lg font-semibold leading-none tracking-tight" }, M = {
   key: 0,
   class: "text-sm text-muted-foreground mb-2"
-}, F = /* @__PURE__ */ C({
+}, F = /* @__PURE__ */ w({
+  inheritAttrs: !1,
   __name: "Modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -24,36 +25,38 @@ const j = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen"],
-  setup(e, { emit: x }) {
-    const c = e, u = x, a = w(c.show);
+  setup(e, { emit: p }) {
+    const c = e, u = p, l = $(c.show);
     m(
       () => c.show,
       (t) => {
-        a.value = t, t && u("onOpen");
+        l.value = t, t && u("onOpen");
       }
     );
-    const g = () => {
-      a.value = !0;
-    }, s = () => {
-      a.value = !1, u("update:show", !1), u("close");
-    }, p = () => {
-      c.closeOutside && s();
-    }, { onKeyStroke: k } = V();
-    return k("Escape", s), m(a, (t) => {
+    const x = () => {
+      l.value = !0;
+    }, o = () => {
+      l.value = !1, u("update:show", !1), u("close");
+    };
+    B("modal-context", { close: o });
+    const k = () => {
+      c.closeOutside && o();
+    }, { onKeyStroke: C } = j();
+    return C("Escape", o), m(l, (t) => {
       t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
-    }), B(() => {
+    }), O(() => {
       document.body.style.overflow = "";
-    }), (t, f) => (o(), n($, null, [
-      d("span", {
-        onClick: y(g, ["stop"]),
-        class: l(`${e.triggerClass}`)
-      }, [
+    }), (t, f) => (s(), a(S, null, [
+      n("span", y({
+        onClick: b(x, ["stop"]),
+        class: `${e.triggerClass}`
+      }, t.$attrs), [
         i(t.$slots, "trigger", {}, () => [
           e.body ? i(t.$slots, "default", { key: 0 }) : r("", !0)
         ])
-      ], 2),
-      (o(), b(O, { to: "body" }, [
-        h(S, {
+      ], 16),
+      (s(), h(z, { to: "body" }, [
+        v(E, {
           "enter-active-class": "transition duration-200 ease-out",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -61,46 +64,46 @@ const j = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: z(() => [
-            a.value ? (o(), n("div", {
+          default: N(() => [
+            l.value ? (s(), a("div", {
               key: 0,
-              class: l(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4", e.backdrop && "backdrop-blur-[2px]"]),
-              onClick: p
+              class: d(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4", e.backdrop && "backdrop-blur-[2px]"]),
+              onClick: k
             }, [
-              d("div", {
-                class: l(["modal-body relative w-full rounded border border-border bg-body text-foreground shadow-lg flex flex-col max-h-[85vh] sm:max-h-[90vh]", [e.maxWidth]]),
-                onClick: f[0] || (f[0] = y(() => {
+              n("div", {
+                class: d(["modal-body relative w-full rounded border border-border bg-body text-foreground shadow-lg flex flex-col max-h-[85vh] sm:max-h-[90vh]", [e.maxWidth]]),
+                onClick: f[0] || (f[0] = b(() => {
                 }, ["stop"]))
               }, [
-                e.title ? (o(), n("div", j, [
-                  d("div", {
-                    class: l(["flex items-center justify-between bg-muted-light py-1 px-4 rounded-t-md", e.headerClass])
+                e.title ? (s(), a("div", D, [
+                  n("div", {
+                    class: d(["flex items-center justify-between bg-muted-light py-1 px-4 rounded-t-md", e.headerClass])
                   }, [
-                    d("h3", D, v(e.title), 1),
-                    h(P, {
+                    n("h3", K, g(e.title), 1),
+                    v(V, {
                       rounded: "full",
                       size: "sm",
                       icon: "lucide:x",
                       variant: "ghost",
                       class: "hover:bg-gray-250/25!",
-                      onClick: s
+                      onClick: o
                     })
                   ], 2)
                 ])) : r("", !0),
-                d("div", {
-                  class: l(["flex-1 overflow-y-auto px-4 py-4 min-h-0 shadow-xl", e.bodyClass])
+                n("div", {
+                  class: d(["flex-1 overflow-y-auto px-4 py-4 min-h-0 shadow-xl", e.bodyClass])
                 }, [
-                  e.description ? (o(), n("p", K, v(e.description), 1)) : r("", !0),
-                  e.body ? (o(), b(E(e.body), N({ key: 1 }, e.bodyProps, { close: s }), null, 16)) : i(t.$slots, "default", {
+                  e.description ? (s(), a("p", M, g(e.description), 1)) : r("", !0),
+                  e.body ? (s(), h(P(e.body), y({ key: 1 }, { ...e.bodyProps, ...t.$attrs }, { close: o }), null, 16)) : i(t.$slots, "default", {
                     key: 2,
-                    close: s
+                    close: o
                   })
                 ], 2),
-                t.$slots.footer ? (o(), n("div", {
+                t.$slots.footer ? (s(), a("div", {
                   key: 1,
-                  class: l([e.footerClass, "flex-none flex items-center px-4 py-2.5 border-t rounded-b-xl"])
+                  class: d([e.footerClass, "flex-none flex items-center px-4 py-2.5 border-t rounded-b-xl"])
                 }, [
-                  i(t.$slots, "footer", { close: s })
+                  i(t.$slots, "footer", { close: o })
                 ], 2)) : r("", !0)
               ], 2)
             ], 2)) : r("", !0)

package/components/SidePanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./SidePanel.vue2.js";
 /* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4142e8a9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0276644a"]]);
 export {
   m as default
 };

package/components/SidePanel.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, ref as S, watch as y, onUnmounted as E, computed as p, openBlock as o, createElementBlock as i, Fragment as N, createElementVNode as u, normalizeClass as f, withModifiers as P, renderSlot as r, createCommentVNode as s, createBlock as m, Teleport as V, createVNode as v, Transition as b, withCtx as h, toDisplayString as g, resolveDynamicComponent as D, mergeProps as K } from "vue";
+import { defineComponent as S, ref as E, watch as m, onUnmounted as N, computed as y, openBlock as o, createElementBlock as r, Fragment as P, createElementVNode as u, mergeProps as p, withModifiers as V, renderSlot as i, createCommentVNode as s, createBlock as c, Teleport as D, createVNode as v, Transition as b, withCtx as h, normalizeClass as g, toDisplayString as k, resolveDynamicComponent as K } from "vue";
 import T from "./Button.vue.js";
 import { useKeyStroke as j } from "../composables/useKeyStroke.js";
 const F = {
@@ -10,7 +10,8 @@ const F = {
 }, U = { class: "flex-1 overflow-y-auto px-6 py-4" }, q = {
   key: 1,
   class: "flex-none px-6 py-4 border-t border-border bg-muted-light"
-}, J = /* @__PURE__ */ A({
+}, J = /* @__PURE__ */ S({
+  inheritAttrs: !1,
   __name: "SidePanel",
   props: {
     show: { type: Boolean, default: !1 },
@@ -28,43 +29,43 @@ const F = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
-  setup(e, { emit: k }) {
-    const l = e, c = k, n = S(l.show);
-    y(
+  setup(t, { emit: w }) {
+    const l = t, f = w, n = E(l.show);
+    m(
       () => l.show,
-      (t) => {
-        n.value = t, t && c("onOpen");
+      (e) => {
+        n.value = e, e && f("onOpen");
       }
     );
-    const w = () => {
+    const C = () => {
       n.value = !0;
     }, a = () => {
-      n.value = !1, c("update:show", !1), c("close");
-    }, C = () => {
+      n.value = !1, f("update:show", !1), f("close");
+    }, x = () => {
       l.closeOutside && a();
-    }, { onKeyStroke: x } = j();
-    x("Escape", a), y(n, (t) => {
-      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
-    }), E(() => {
+    }, { onKeyStroke: $ } = j();
+    $("Escape", a), m(n, (e) => {
+      e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), N(() => {
       document.body.style.overflow = "";
     });
-    const $ = {
+    const B = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, B = p(() => l.position === "left" ? "left-0" : "right-0"), z = p(() => l.position === "left" ? "slide-left" : "slide-right");
-    return (t, d) => (o(), i(N, null, [
-      u("span", {
-        onClick: P(w, ["stop"]),
-        class: f(`${e.triggerClass}`)
-      }, [
-        r(t.$slots, "trigger", {}, () => [
-          e.body ? r(t.$slots, "default", { key: 0 }, void 0, !0) : s("", !0)
+    }, z = y(() => l.position === "left" ? "left-0" : "right-0"), A = y(() => l.position === "left" ? "slide-left" : "slide-right");
+    return (e, d) => (o(), r(P, null, [
+      u("span", p({
+        onClick: V(C, ["stop"]),
+        class: `${t.triggerClass}`
+      }, e.$attrs), [
+        i(e.$slots, "trigger", {}, () => [
+          t.body ? i(e.$slots, "default", { key: 0 }, void 0, !0) : s("", !0)
         ], !0)
-      ], 2),
-      (o(), m(V, { to: "body" }, [
+      ], 16),
+      (o(), c(D, { to: "body" }, [
         v(b, {
           "enter-active-class": "transition-opacity duration-300 ease-out",
           "enter-from-class": "opacity-0",
@@ -74,32 +75,32 @@ const F = {
           "leave-to-class": "opacity-0"
         }, {
           default: h(() => [
-            n.value ? (o(), i("div", {
+            n.value ? (o(), r("div", {
               key: 0,
-              class: f(["fixed inset-0 z-50 bg-[#00000033]", [e.overlayClass, { "backdrop-blur-[2px]": e.backdrop }]]),
-              onClick: C
+              class: g(["fixed inset-0 z-50 bg-[#00000033]", [t.overlayClass, { "backdrop-blur-[2px]": t.backdrop }]]),
+              onClick: x
             }, null, 2)) : s("", !0)
           ]),
           _: 1
         }),
         v(b, {
-          name: z.value,
-          onAfterEnter: d[0] || (d[0] = (O) => t.$emit("onAfterOpen")),
-          onAfterLeave: d[1] || (d[1] = (O) => t.$emit("onAfterClose"))
+          name: A.value,
+          onAfterEnter: d[0] || (d[0] = (O) => e.$emit("onAfterOpen")),
+          onAfterLeave: d[1] || (d[1] = (O) => e.$emit("onAfterClose"))
         }, {
           default: h(() => [
-            n.value ? (o(), i("div", {
+            n.value ? (o(), r("div", {
               key: 0,
-              class: f(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [$[e.size], B.value, l.class]])
+              class: g(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [B[t.size], z.value, l.class]])
             }, [
-              e.title || t.$slots.header ? (o(), i("div", F, [
-                r(t.$slots, "header", {}, () => [
+              t.title || e.$slots.header ? (o(), r("div", F, [
+                i(e.$slots, "header", {}, () => [
                   u("div", null, [
-                    u("h3", L, g(e.title), 1),
-                    e.description ? (o(), i("p", M, g(e.description), 1)) : s("", !0)
+                    u("h3", L, k(t.title), 1),
+                    t.description ? (o(), r("p", M, k(t.description), 1)) : s("", !0)
                   ])
                 ], !0),
-                e.hideCloseButton ? s("", !0) : (o(), m(T, {
+                t.hideCloseButton ? s("", !0) : (o(), c(T, {
                   key: 0,
                   rounded: "full",
                   size: "sm",
@@ -110,13 +111,13 @@ const F = {
                 }))
               ])) : s("", !0),
               u("div", U, [
-                e.body ? (o(), m(D(e.body), K({ key: 0 }, e.bodyProps, { close: a }), null, 16)) : r(t.$slots, "default", {
+                t.body ? (o(), c(K(t.body), p({ key: 0 }, { ...t.bodyProps, ...e.$attrs }, { close: a }), null, 16)) : i(e.$slots, "default", {
                   key: 1,
                   close: a
                 }, void 0, !0)
               ]),
-              t.$slots.footer ? (o(), i("div", q, [
-                r(t.$slots, "footer", { close: a }, void 0, !0)
+              e.$slots.footer ? (o(), r("div", q, [
+                i(e.$slots, "footer", { close: a }, void 0, !0)
               ])) : s("", !0)
             ], 2)) : s("", !0)
           ]),

package/components/Slider.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as T, ref as k, watch as E, computed as o, openBlock as i, createElementBlock as v, normalizeClass as u, createBlock as I, createCommentVNode as f, toDisplayString as V, createElementVNode as b, normalizeStyle as y, withDirectives as N, vModelText as F } from "vue";
+import { defineComponent as E, ref as k, watch as I, computed as r, openBlock as i, createElementBlock as v, normalizeClass as s, createBlock as N, createCommentVNode as f, toDisplayString as V, createElementVNode as b, normalizeStyle as y, withDirectives as R, vModelText as F } from "vue";
 import H from "./Icon.vue.js";
-const R = {
+const U = {
   key: 1,
   class: "text-sm font-medium whitespace-nowrap cursor-pointer"
-}, U = ["min", "max", "step", "disabled"], A = /* @__PURE__ */ T({
+}, j = ["min", "max", "step", "disabled"], G = /* @__PURE__ */ E({
   __name: "Slider",
   props: {
     min: { default: 0 },
@@ -20,39 +20,39 @@ const R = {
   },
   emits: ["update:modelValue", "change", "iconClick"],
   setup(t, { emit: C }) {
-    const l = t, d = C, s = k(!1), h = k(!1), r = k(l.modelValue);
-    E(
+    const l = t, d = C, u = k(!1), g = k(!1), o = k(l.modelValue);
+    I(
       () => l.modelValue,
-      (a) => {
-        r.value = a;
+      (n) => {
+        o.value = n;
       }
     );
-    const g = o(() => l.centerOrigin !== void 0 ? l.centerOrigin : l.min < 0 && l.max > 0), x = o(() => l.max - l.min), p = o(() => (r.value - l.min) / x.value * 100), w = o(() => (0 - l.min) / x.value * 100), c = (a) => `calc(${a}% + (8px - ${a * 0.16}px))`, $ = o(() => {
-      if (g.value) {
-        const a = Math.min(p.value, w.value), e = Math.max(p.value, w.value), n = c(a), O = c(e);
+    const p = r(() => l.centerOrigin !== void 0 ? l.centerOrigin : l.min < 0 && l.max > 0), x = r(() => l.max - l.min), h = r(() => (o.value - l.min) / x.value * 100), w = r(() => (0 - l.min) / x.value * 100), c = (n) => `calc(${n}% + (8px - ${n * 0.16}px))`, $ = r(() => {
+      if (p.value) {
+        const n = Math.min(h.value, w.value), e = Math.max(h.value, w.value), a = c(n), T = c(e);
         return {
-          left: n,
-          width: `calc(${O} - ${n})`
+          left: a,
+          width: `calc(${T} - ${a})`
         };
       } else
         return {
           left: "0%",
-          width: c(p.value)
+          width: c(h.value)
         };
-    }), z = o(() => ({
-      left: c(p.value)
-    })), M = () => {
-      d("update:modelValue", r.value);
-    }, B = () => {
-      d("change", r.value), s.value = !1;
-    }, S = o(() => Math.abs(l.modelValue) > 1e-3), D = () => {
+    }), z = r(() => p.value ? o.value < 0 ? "rounded-r-none" : o.value > 0 ? "rounded-l-none" : "" : ""), M = r(() => ({
+      left: c(h.value)
+    })), B = () => {
+      d("update:modelValue", o.value);
+    }, S = () => {
+      d("change", o.value), u.value = !1;
+    }, D = r(() => Math.abs(l.modelValue) > 1e-3), P = () => {
       if (l.disabled) return;
-      const a = g.value ? 0 : l.min;
-      r.value = a, d("update:modelValue", a), d("change", a);
-    }, P = o(() => {
-      const a = l.step.toString().split(".")[1]?.length || 0;
-      return r.value.toFixed(a);
-    }), m = o(() => ({
+      const n = p.value ? 0 : l.min;
+      o.value = n, d("update:modelValue", n), d("change", n);
+    }, O = r(() => {
+      const n = l.step.toString().split(".")[1]?.length || 0;
+      return o.value.toFixed(n);
+    }), m = r(() => ({
       xs: {
         track: "h-0.5",
         thumb: "w-2.5 h-2.5",
@@ -78,67 +78,75 @@ const R = {
         tick: "h-4"
       }
     })[l.size]);
-    return (a, e) => (i(), v("div", {
-      class: u(["slider-wrapper flex items-center gap-3 w-full select-none touch-none", { "opacity-50 pointer-events-none": t.disabled }]),
-      onMouseenter: e[6] || (e[6] = (n) => h.value = !0),
-      onMouseleave: e[7] || (e[7] = (n) => h.value = !1)
+    return (n, e) => (i(), v("div", {
+      class: s(["slider-wrapper flex items-center gap-3 w-full select-none touch-none", { "opacity-50 pointer-events-none": t.disabled }]),
+      onMouseenter: e[6] || (e[6] = (a) => g.value = !0),
+      onMouseleave: e[7] || (e[7] = (a) => g.value = !1)
     }, [
       t.label || t.icon ? (i(), v("div", {
         key: 0,
-        class: u(["flex items-center gap-2 min-w-fit cursor-pointer transition-colors", [{ "text-primary": s.value || h.value }, t.labelClass || "text-muted-foreground"]]),
-        onClick: e[0] || (e[0] = (n) => d("iconClick")),
+        class: s(["flex items-center gap-2 min-w-fit cursor-pointer transition-colors", [{ "text-primary": u.value || g.value }, t.labelClass || "text-muted-foreground"]]),
+        onClick: e[0] || (e[0] = (a) => d("iconClick")),
         title: "Double-click to reset"
       }, [
-        t.icon ? (i(), I(H, {
+        t.icon ? (i(), N(H, {
           key: 0,
           icon: t.icon,
           class: "h-4 w-4"
         }, null, 8, ["icon"])) : f("", !0),
-        t.label ? (i(), v("label", R, V(t.label), 1)) : f("", !0)
+        t.label ? (i(), v("label", U, V(t.label), 1)) : f("", !0)
       ], 2)) : f("", !0),
       b("div", {
-        class: u(["relative flex-1 flex items-center group", m.value.wrapper])
+        class: s(["relative flex-1 flex items-center group", m.value.wrapper])
       }, [
         b("div", {
-          class: u(["absolute w-full bg-secondary rounded-full overflow-hidden", m.value.track])
+          class: s(["absolute w-full bg-secondary rounded-full overflow-hidden", m.value.track])
         }, null, 2),
-        g.value ? (i(), v("div", {
+        p.value ? (i(), v("div", {
           key: 0,
-          class: u(["absolute top-1/2 w-0.5 bg-muted-foreground/30 rounded transform -translate-y-1/2 z-0", m.value.tick]),
+          class: s(["absolute top-1/2 w-0.5 bg-muted-foreground/30 rounded transform -translate-y-1/2 z-0", m.value.tick]),
           style: y({ left: c(w.value) })
         }, null, 6)) : f("", !0),
         b("div", {
-          class: u(["absolute bg-primary rounded-full transition-all duration-75 ease-out will-change-transform", [{ "bg-muted-foreground": t.disabled }, m.value.track]]),
+          class: s(["absolute bg-primary rounded-full will-change-transform", [
+            {
+              "bg-muted-foreground": t.disabled,
+              "transition-all duration-75 ease-out": !u.value,
+              "duration-0": u.value
+            },
+            m.value.track,
+            z.value
+          ]]),
           style: y($.value)
         }, null, 6),
         b("div", {
-          class: u(["absolute top-1/2 bg-background border border-border shadow-sm rounded-full transform -translate-y-1/2 -translate-x-1/2 pointer-events-none transition-transform duration-100 ease-out z-10", [
+          class: s(["absolute top-1/2 bg-background border border-border shadow-sm rounded-full transform -translate-y-1/2 -translate-x-1/2 pointer-events-none transition-transform duration-100 ease-out z-10", [
             {
-              "border-primary shadow-md scale-110": s.value,
-              "border-primary": S.value
+              "border-primary shadow-md scale-110": u.value,
+              "border-primary": D.value
             },
             m.value.thumb
           ]]),
-          style: y(z.value)
+          style: y(M.value)
         }, null, 6),
-        N(b("input", {
+        R(b("input", {
           type: "range",
-          "onUpdate:modelValue": e[1] || (e[1] = (n) => r.value = n),
+          "onUpdate:modelValue": e[1] || (e[1] = (a) => o.value = a),
           min: t.min,
           max: t.max,
           step: t.step,
           disabled: t.disabled,
-          onInput: M,
-          onChange: B,
-          onMousedown: e[2] || (e[2] = (n) => s.value = !0),
-          onTouchstart: e[3] || (e[3] = (n) => s.value = !0),
-          onMouseup: e[4] || (e[4] = (n) => s.value = !1),
-          onTouchend: e[5] || (e[5] = (n) => s.value = !1),
+          onInput: B,
+          onChange: S,
+          onMousedown: e[2] || (e[2] = (a) => u.value = !0),
+          onTouchstart: e[3] || (e[3] = (a) => u.value = !0),
+          onMouseup: e[4] || (e[4] = (a) => u.value = !1),
+          onTouchend: e[5] || (e[5] = (a) => u.value = !1),
           class: "slider-input absolute inset-0 w-full h-full opacity-0 cursor-pointer z-20 m-0 p-0"
-        }, null, 40, U), [
+        }, null, 40, j), [
           [
             F,
-            r.value,
+            o.value,
             void 0,
             { number: !0 }
           ]
@@ -146,12 +154,12 @@ const R = {
       ], 2),
       t.showValue ? (i(), v("span", {
         key: 1,
-        onDblclick: D,
+        onDblclick: P,
         class: "font-mono tabular-nums text-muted-foreground text-right min-w-6 text-sm"
-      }, V(P.value), 33)) : f("", !0)
+      }, V(O.value), 33)) : f("", !0)
     ], 34));
   }
 });
 export {
-  A as default
+  G as default
 };

package/package.json

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

package/style.css

@@ -586,5 +586,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.attached-group[data-v-8c9add3e]:not(.vertical-group) button{border-radius:0}.attached-group[data-v-8c9add3e] button{position:relative;--radius: .375rem}.attached-group[data-v-8c9add3e] button:focus-visible,.attached-group[data-v-8c9add3e] button:hover{z-index:10}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-8c9add3e]: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-8c9add3e]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-8c9add3e]: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-8c9add3e] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-8c9add3e] 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-8c9add3e] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-8c9add3e] 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-8c9add3e]: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}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;width:auto}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{width:100%}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{height:100%}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}table[data-v-45a246be]{table-layout:fixed}table col[data-v-45a246be]:first-child{width:48px!important}table th[data-v-45a246be]:first-child,table td[data-v-45a246be]:first-child{width:48px!important;max-width:48px!important;min-width:48px!important}.form-field-item[data-v-5c98aa0e]{display:flex;flex-direction:column}.form-field-item[data-v-5c98aa0e]:has([role=switch]),.form-field-item[data-v-5c98aa0e]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-25a5775d]{width:100%}.custom-fields-table[data-v-79b7dd60] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea,.custom-fields-table[data-v-79b7dd60] select,.custom-fields-table[data-v-79b7dd60] .input-wrapper,.custom-fields-table[data-v-79b7dd60] .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-79b7dd60] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-79b7dd60] input:focus,.custom-fields-table[data-v-79b7dd60] textarea:focus,.custom-fields-table[data-v-79b7dd60] select:focus,.custom-fields-table[data-v-79b7dd60] .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-79b7dd60] .w-full{width:100%;height:100%}.list-move[data-v-79b7dd60],.list-enter-active[data-v-79b7dd60],.list-leave-active[data-v-79b7dd60]{transition:all .3s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-79b7dd60],.list-leave-to[data-v-79b7dd60]{opacity:0;transform:translateY(-10px)}.list-leave-active[data-v-79b7dd60]{position:absolute;width:100%;z-index:0}.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}.slide-right-enter-active[data-v-4142e8a9],.slide-right-leave-active[data-v-4142e8a9],.slide-left-enter-active[data-v-4142e8a9],.slide-left-leave-active[data-v-4142e8a9]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-4142e8a9],.slide-right-leave-to[data-v-4142e8a9]{transform:translate(100%)}.slide-left-enter-from[data-v-4142e8a9],.slide-left-leave-to[data-v-4142e8a9]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-7a1ec14c]{animation:first-toast-in-7a1ec14c .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-7a1ec14c]{transition:all .25s ease-in}.first-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-7a1ec14c{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-7a1ec14c],.stack-toast-leave-active[data-v-7a1ec14c]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-7a1ec14c]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-7a1ec14c]{transition:transform .4s cubic-bezier(.16,1,.3,1)}
+.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.attached-group[data-v-8c9add3e]:not(.vertical-group) button{border-radius:0}.attached-group[data-v-8c9add3e] button{position:relative;--radius: .375rem}.attached-group[data-v-8c9add3e] button:focus-visible,.attached-group[data-v-8c9add3e] button:hover{z-index:10}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-8c9add3e]: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-8c9add3e]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-8c9add3e]: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-8c9add3e] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-8c9add3e] 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-8c9add3e] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-8c9add3e] 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-8c9add3e]: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}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;width:auto}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{width:100%}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{height:100%}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}table[data-v-45a246be]{table-layout:fixed}table col[data-v-45a246be]:first-child{width:48px!important}table th[data-v-45a246be]:first-child,table td[data-v-45a246be]:first-child{width:48px!important;max-width:48px!important;min-width:48px!important}.form-field-item[data-v-5c98aa0e]{display:flex;flex-direction:column}.form-field-item[data-v-5c98aa0e]:has([role=switch]),.form-field-item[data-v-5c98aa0e]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-d3940de2]{width:100%}.custom-fields-table[data-v-79b7dd60] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea,.custom-fields-table[data-v-79b7dd60] select,.custom-fields-table[data-v-79b7dd60] .input-wrapper,.custom-fields-table[data-v-79b7dd60] .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-79b7dd60] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-79b7dd60] input:focus,.custom-fields-table[data-v-79b7dd60] textarea:focus,.custom-fields-table[data-v-79b7dd60] select:focus,.custom-fields-table[data-v-79b7dd60] .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-79b7dd60] .w-full{width:100%;height:100%}.list-move[data-v-79b7dd60],.list-enter-active[data-v-79b7dd60],.list-leave-active[data-v-79b7dd60]{transition:all .3s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-79b7dd60],.list-leave-to[data-v-79b7dd60]{opacity:0;transform:translateY(-10px)}.list-leave-active[data-v-79b7dd60]{position:absolute;width:100%;z-index:0}.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}.slide-right-enter-active[data-v-0276644a],.slide-right-leave-active[data-v-0276644a],.slide-left-enter-active[data-v-0276644a],.slide-left-leave-active[data-v-0276644a]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-0276644a],.slide-right-leave-to[data-v-0276644a]{transform:translate(100%)}.slide-left-enter-from[data-v-0276644a],.slide-left-leave-to[data-v-0276644a]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-7a1ec14c]{animation:first-toast-in-7a1ec14c .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-7a1ec14c]{transition:all .25s ease-in}.first-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-7a1ec14c{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-7a1ec14c],.stack-toast-leave-active[data-v-7a1ec14c]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-7a1ec14c]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-7a1ec14c]{transition:transform .4s cubic-bezier(.16,1,.3,1)}