vlite3 0.2.9 → 0.2.12

package/components/AvatarUploader/AvatarUploader.vue.js

@@ -59,7 +59,7 @@ const E = { class: "inline-block" }, $ = ["onClick"], I = /* @__PURE__ */ x({
             }, [
               e.loading || k ? (n(), o("div", {
                 key: 0,
-                class: l(["absolute inset-0 flex items-center justify-center bg-[#00000051] text-white", e.rounded === "full" ? "rounded-full" : "rounded-md"])
+                class: l(["absolute inset-0 flex items-center justify-center bg-[#7878783b] text-white", e.rounded === "full" ? "rounded-full" : "rounded-md"])
               }, [
                 d(u, {
                   icon: "lucide:loader-2",

package/components/DataTable/DataTable.vue.js

@@ -286,7 +286,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
           ], 2)
         ])
       ], 2),
-      a.showPagination && a.pageInfo && a.pageInfo.totalItems > 0 ? (n(), i("div", $e, [
+      a.showPagination && a.pageInfo && a.pageInfo.totalPages > 1 ? (n(), i("div", $e, [
         C(se(de), {
           "current-page": h.value,
           "total-pages": a.pageInfo.totalPages,

package/components/Form/CustomFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./CustomFields.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79b7dd60"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed01b0e1"]]);
 export {
-  d as default
+  r as default
 };

package/components/Form/FormField.vue.js

@@ -1,15 +1,20 @@
-import { defineComponent as T, defineAsyncComponent as f, computed as n, markRaw as j, openBlock as r, createBlock as u, mergeProps as s, toHandlers as C, createSlots as E, unref as L, withCtx as o, createVNode as S, createTextVNode as m, toDisplayString as p, createCommentVNode as A, resolveDynamicComponent as H } from "vue";
-import { isComponent as g, isAddonObject as v } from "./utils/form.utils.js";
-import M from "../NumberInput.vue.js";
-import h from "../Button.vue.js";
-import y from "../Input.vue.js";
-import q from "../Switch.vue.js";
-import G from "../CheckBox.vue.js";
-import J from "../Textarea.vue.js";
-import K from "../FilePicker/FilePicker.vue.js";
-import Q from "../AvatarUploader/AvatarUploader.vue.js";
-import k from "../Dropdown/Dropdown.vue.js";
-const oe = /* @__PURE__ */ T({
+import { defineComponent as N, computed as n, markRaw as P, openBlock as r, createBlock as u, mergeProps as f, toHandlers as R, createSlots as B, unref as C, withCtx as o, createVNode as L, createTextVNode as c, toDisplayString as m, createCommentVNode as $, resolveDynamicComponent as O } from "vue";
+import { isComponent as h, isAddonObject as p } from "./utils/form.utils.js";
+import I from "../NumberInput.vue.js";
+import v from "../Button.vue.js";
+import g from "../Input.vue.js";
+import T from "../Switch.vue.js";
+import j from "../CheckBox.vue.js";
+import D from "../Textarea.vue.js";
+import E from "../FilePicker/FilePicker.vue.js";
+import H from "../AvatarUploader/AvatarUploader.vue.js";
+import y from "../Dropdown/Dropdown.vue.js";
+import q from "../MultiSelect/MultiSelect.vue.js";
+import G from "../DatePicker.vue.js";
+import J from "../ColorPicker/ColorPicker.vue.js";
+import K from "../IconPicker.vue.js";
+import M from "./CustomFields.vue.js";
+const fe = /* @__PURE__ */ N({
   __name: "FormField",
   props: {
     field: {},
@@ -24,15 +29,15 @@ const oe = /* @__PURE__ */ T({
     isUpdate: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(a, { emit: w }) {
-    const z = f(() => import("../MultiSelect/MultiSelect.vue2.js")), $ = f(() => import("../DatePicker.vue2.js")), P = f(() => import("../ColorPicker/ColorPicker.vue2.js")), U = f(() => import("../IconPicker.vue2.js")), F = f(() => import("./CustomFields.vue.js")), e = a, c = w, d = (t, l) => {
-      c("change", { value: t, data: l });
-    }, N = (t) => {
-      c("change", { value: t });
-    }, B = n(() => {
+  setup(l, { emit: S }) {
+    const e = l, s = S, d = (t, a) => {
+      s("change", { value: t, data: a });
+    }, w = (t) => {
+      s("change", { value: t });
+    }, A = n(() => {
       const t = e.field.type;
-      if (g(t))
-        return j(t);
+      if (h(t))
+        return P(t);
       switch (t) {
         case "text":
         case "email":
@@ -40,43 +45,43 @@ const oe = /* @__PURE__ */ T({
         case "tel":
         case "url":
         case "search":
-          return y;
+          return g;
         case "number":
-          return M;
+          return I;
         case "textarea":
-          return J;
+          return D;
         case "switch":
-          return q;
+          return T;
         case "check":
-          return G;
+          return j;
         case "select":
-          return k;
+          return y;
         case "multiSelect":
-          return z;
+          return q;
         case "date":
         case "time":
-          return $;
+          return G;
         case "file":
         case "fileUploader":
-          return K;
+          return E;
         case "avatarUpload":
-          return Q;
+          return H;
         case "color":
-          return P;
+          return J;
         case "iconPicker":
-          return U;
+          return K;
         case "customFields":
-          return F;
+          return M;
         default:
-          return y;
+          return g;
       }
     }), V = n(() => {
-      const t = e.field.type, l = {
+      const t = e.field.type, a = {
         disabled: e.disabled || e.field.disabled === !0,
         ...e.field.props || {}
       };
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || !t ? {
-        ...l,
+        ...a,
         modelValue: e.value ?? "",
         type: t || "text",
         placeholder: e.field.placeholder,
@@ -94,7 +99,7 @@ const oe = /* @__PURE__ */ T({
         max: e.field.max,
         class: e.field.className
       } : t === "number" ? {
-        ...l,
+        ...a,
         modelValue: e.value ?? void 0,
         min: e.field.min,
         max: e.field.max,
@@ -106,40 +111,40 @@ const oe = /* @__PURE__ */ T({
         placeholder: e.field.placeholder,
         class: e.field.className
       } : t === "textarea" ? {
-        ...l,
+        ...a,
         modelValue: e.value ?? "",
         placeholder: e.field.placeholder,
         rows: e.field.props?.rows || 3,
         class: e.field.className
       } : t === "switch" ? {
-        ...l,
+        ...a,
         modelValue: !!e.value,
         label: ""
         // Label handled externally
       } : t === "check" ? {
-        ...l,
+        ...a,
         modelValue: !!e.value,
         label: ""
         // Label handled externally
       } : t === "select" ? {
-        ...l,
+        ...a,
         modelValue: e.value,
         options: e.field.options || [],
         placeholder: e.field.placeholder,
         selectable: !0,
         closeOnSelect: !0
       } : t === "multiSelect" ? {
-        ...l,
+        ...a,
         modelValue: Array.isArray(e.value) ? e.value : [],
         options: e.field.options || [],
         placeholder: e.field.placeholder
       } : t === "date" || t === "time" ? {
-        ...l,
+        ...a,
         modelValue: e.value,
         mode: t === "time" ? "time" : "date",
         placeholder: e.field.placeholder
       } : t === "fileUploader" || t === "file" ? {
-        ...l,
+        ...a,
         modelValue: e.value,
         multiSelect: e.field.props?.multiple || !1,
         fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
@@ -149,17 +154,17 @@ const oe = /* @__PURE__ */ T({
         size: e.size,
         rounded: e.rounded
       } : t === "avatarUpload" ? {
-        ...l,
+        ...a,
         modelValue: e.value,
         editable: !e.readonly
       } : t === "color" ? {
-        ...l,
+        ...a,
         modelValue: e.value || "#000000"
       } : t === "iconPicker" ? {
-        ...l,
+        ...a,
         value: e.value || "lucide:smile"
       } : t === "customFields" ? {
-        ...l,
+        ...a,
         modelValue: Array.isArray(e.value) ? e.value : [],
         schema: e.field.props?.schema || [],
         headers: e.field.props?.headers || [],
@@ -168,132 +173,132 @@ const oe = /* @__PURE__ */ T({
         size: e.size,
         rounded: e.rounded,
         isUpdate: e.isUpdate
-      } : g(t) ? {
-        ...l,
+      } : h(t) ? {
+        ...a,
         value: e.value,
         values: e.values
-      } : l;
+      } : a;
     }), b = n(() => {
       const t = e.field.type;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || t === "switch" || t === "check" || t === "number" || !t ? {
-        "update:modelValue": N
+        "update:modelValue": w
       } : t === "select" ? {
-        onSelect: (l) => {
-          d(l.value, l.data);
+        onSelect: (a) => {
+          d(a.value, a.data);
         }
       } : t === "multiSelect" ? {
-        change: (l) => d(l)
+        change: (a) => d(a)
       } : t === "date" || t === "time" ? {
-        change: (l) => d(l)
+        change: (a) => d(a)
       } : t === "fileUploader" || t === "file" ? {
-        change: (l) => {
-          d(l);
+        change: (a) => {
+          d(a);
         },
-        "update:modelValue": (l) => {
-          d(l);
+        "update:modelValue": (a) => {
+          d(a);
         }
       } : t === "avatarUpload" ? {
-        change: (l) => {
-          d(l);
+        change: (a) => {
+          d(a);
         },
-        "update:modelValue": (l) => {
-          d(l);
+        "update:modelValue": (a) => {
+          d(a);
         }
       } : t === "color" ? {
-        change: (l) => d(l)
+        change: (a) => d(a)
       } : t === "iconPicker" ? {
-        onSelect: (l) => d(l)
+        onSelect: (a) => d(a)
       } : t === "customFields" ? {
-        change: (l) => d(l)
-      } : g(t) ? {
-        onChange: (l) => {
-          d(l.value, l.data);
+        change: (a) => d(a)
+      } : h(t) ? {
+        onChange: (a) => {
+          d(a.value, a.data);
         }
       } : {};
-    }), O = n(() => v(e.field.addonLeft) || v(e.field.addonRight)), I = n(() => {
+    }), z = n(() => p(e.field.addonLeft) || p(e.field.addonRight)), U = n(() => {
       const t = e.field.type;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || !t;
-    }), D = n(() => O.value && I.value), x = (t, l) => {
-      c("addonChange", t.name, { value: l.value });
-    }, R = (t) => {
-      t.action && c("addonAction", t.action);
+    }), F = n(() => z.value && U.value), k = (t, a) => {
+      s("addonChange", t.name, { value: a.value });
+    }, x = (t) => {
+      t.action && s("addonAction", t.action);
     };
-    return (t, l) => D.value ? (r(), u(y, s({ key: 0 }, {
+    return (t, a) => F.value ? (r(), u(g, f({ key: 0 }, {
       ...V.value,
-      ...a.field?.props || {}
-    }, C(b.value)), E({ _: 2 }, [
-      L(v)(a.field.addonLeft) ? {
+      ...l.field?.props || {}
+    }, R(b.value)), B({ _: 2 }, [
+      C(p)(l.field.addonLeft) ? {
         name: "addon-left",
         fn: o(() => [
-          a.field.addonLeft.type === "select" ? (r(), u(k, s({
+          l.field.addonLeft.type === "select" ? (r(), u(y, f({
             key: 0,
-            modelValue: a.values[a.field.addonLeft.name],
-            options: a.field.addonLeft.options || []
-          }, a.field.addonLeft.props || {}, {
-            onOnSelect: l[0] || (l[0] = (i) => x(a.field.addonLeft, i))
+            modelValue: l.values[l.field.addonLeft.name],
+            options: l.field.addonLeft.options || []
+          }, l.field.addonLeft.props || {}, {
+            onOnSelect: a[0] || (a[0] = (i) => k(l.field.addonLeft, i))
           }), {
             trigger: o(({ selectedLabel: i }) => [
-              S(h, { variant: "outline" }, {
+              L(v, { variant: "outline" }, {
                 default: o(() => [
-                  m(p(i), 1)
+                  c(m(i), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : a.field.addonLeft.type === "button" ? (r(), u(h, s({
+          }, 16, ["modelValue", "options"])) : l.field.addonLeft.type === "button" ? (r(), u(v, f({
             key: 1,
             variant: "outline"
-          }, a.field.addonLeft.props || {}, {
-            onClick: l[1] || (l[1] = (i) => R(a.field.addonLeft))
+          }, l.field.addonLeft.props || {}, {
+            onClick: a[1] || (a[1] = (i) => x(l.field.addonLeft))
           }), {
             default: o(() => [
-              m(p(a.field.addonLeft.text), 1)
+              c(m(l.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : A("", !0)
+          }, 16)) : $("", !0)
         ]),
         key: "0"
       } : void 0,
-      L(v)(a.field.addonRight) ? {
+      C(p)(l.field.addonRight) ? {
         name: "addon-right",
         fn: o(() => [
-          a.field.addonRight.type === "select" ? (r(), u(k, s({
+          l.field.addonRight.type === "select" ? (r(), u(y, f({
             key: 0,
-            modelValue: a.values[a.field.addonRight.name],
-            options: a.field.addonRight.options || []
-          }, a.field.addonRight.props || {}, {
-            onOnSelect: l[2] || (l[2] = (i) => x(a.field.addonRight, i))
+            modelValue: l.values[l.field.addonRight.name],
+            options: l.field.addonRight.options || []
+          }, l.field.addonRight.props || {}, {
+            onOnSelect: a[2] || (a[2] = (i) => k(l.field.addonRight, i))
           }), {
             trigger: o(({ selectedLabel: i }) => [
-              S(h, { variant: "outline" }, {
+              L(v, { variant: "outline" }, {
                 default: o(() => [
-                  m(p(i), 1)
+                  c(m(i), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : a.field.addonRight.type === "button" ? (r(), u(h, s({
+          }, 16, ["modelValue", "options"])) : l.field.addonRight.type === "button" ? (r(), u(v, f({
             key: 1,
             variant: "outline"
-          }, a.field.addonRight.props || {}, {
-            onClick: l[3] || (l[3] = (i) => R(a.field.addonRight))
+          }, l.field.addonRight.props || {}, {
+            onClick: a[3] || (a[3] = (i) => x(l.field.addonRight))
           }), {
             default: o(() => [
-              m(p(a.field.addonRight.text), 1)
+              c(m(l.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : A("", !0)
+          }, 16)) : $("", !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (r(), u(H(B.value), s({ key: 1 }, {
+    ]), 1040)) : (r(), u(O(A.value), f({ key: 1 }, {
       ...V.value,
-      ...a.field?.props || {}
-    }, C(b.value)), null, 16));
+      ...l.field?.props || {}
+    }, R(b.value)), null, 16));
   }
 });
 export {
-  oe as default
+  fe as default
 };

package/components/MultiSelect/MultiSelect.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as z, ref as j, computed as i, openBlock as n, createBlock as m, unref as y, withCtx as f, createVNode as v, createElementVNode as d, normalizeClass as V, createElementBlock as p, toDisplayString as b, Fragment as w, renderList as E, withModifiers as k, createCommentVNode as h, createTextVNode as L } from "vue";
-import g from "../Icon.vue.js";
+import { defineComponent as z, ref as j, computed as i, openBlock as n, createBlock as m, unref as y, withCtx as f, createVNode as v, createElementVNode as d, normalizeClass as V, createElementBlock as p, toDisplayString as b, Fragment as w, renderList as E, withModifiers as k, createCommentVNode as g, createTextVNode as L } from "vue";
+import h from "../Icon.vue.js";
 import A from "../Dropdown/Dropdown.vue.js";
 import D from "../Dropdown/DropdownMenu.vue.js";
 import C from "../Badge.vue.js";
@@ -37,9 +37,9 @@ const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
       s("update:modelValue", []), s("change", []);
     }, N = i(() => [
       "flex items-center justify-between w-full min-h-[40px] px-3 py-1.5 rounded-md border text-sm transition-colors cursor-pointer",
-      o.disabled ? "opacity-50 cursor-not-allowed bg-muted" : "bg-background hover:bg-accent",
+      o.disabled ? "opacity-50 cursor-not-allowed bg-muted" : "bg-background hover:bg-gray-50/70",
       o.variant === "outline" ? "border-input" : "border-transparent bg-muted",
-      u.value ? "border-primary" : ""
+      u.value ? "border-primary/20" : ""
     ].join(" "));
     return i(() => o.size === "sm" ? "xs" : "sm"), (a, e) => (n(), m(y(A), {
       isOpen: u.value,
@@ -61,12 +61,13 @@ const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
               }, {
                 default: f(() => [
                   d("span", U, b(r.label), 1),
-                  l.disabled ? h("", !0) : (n(), p("button", {
+                  l.disabled ? g("", !0) : (n(), p("button", {
                     key: 0,
+                    type: "button",
                     onClick: k((H) => M(r.value), ["stop"]),
                     class: "hover:bg-destructive/10 hover:text-destructive rounded-full p-0.5 transition-colors"
                   }, [
-                    v(g, {
+                    v(h, {
                       icon: "lucide:x",
                       class: "w-3 h-3"
                     })
@@ -83,18 +84,18 @@ const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
                   L(" +" + b(x.value), 1)
                 ]),
                 _: 1
-              })) : h("", !0)
+              })) : g("", !0)
             ], 64))
           ]),
           d("div", G, [
-            c.value.length > 0 && !l.disabled ? (n(), m(g, {
+            c.value.length > 0 && !l.disabled ? (n(), m(h, {
               key: 0,
               icon: "lucide:x",
               class: "w-4 h-4 hover:text-foreground transition-colors",
               onClick: k(S, ["stop"])
-            })) : h("", !0),
+            })) : g("", !0),
             e[4] || (e[4] = d("div", { class: "w-px h-4 bg-border mx-0.5" }, null, -1)),
-            v(g, {
+            v(h, {
               icon: "lucide:chevron-down",
               class: V(["w-4 h-4 transition-transform duration-200", { "rotate-180": t }])
             }, null, 8, ["class"])

package/components/SidePanel.vue.d.ts

@@ -13,6 +13,7 @@ interface Props {
     bodyClass?: string;
     headerClass?: string;
     triggerClass?: string;
+    footerClass?: string;
     backdrop?: boolean;
     body?: Component;
     bodyProps?: Record<string, any>;
@@ -50,10 +51,13 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     class: string;
     size: SidePanelSize;
     triggerClass: string;
+    headerClass: string;
     position: SidePanelPosition;
     show: boolean;
     closeOutside: boolean;
     backdrop: boolean;
+    bodyClass: string;
+    footerClass: string;
     hideCloseButton: boolean;
     overlayClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-016e19f6"]]);
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-495f8aa0"]]);
 export {
   f as default
 };

package/components/SidePanel.vue2.js

@@ -1,13 +1,10 @@
-import { defineComponent as S, ref as E, watch as y, onUnmounted as N, computed as b, openBlock as o, createElementBlock as r, Fragment as P, createElementVNode as u, mergeProps as v, withModifiers as V, renderSlot as i, createCommentVNode as s, createBlock as m, Teleport as D, createVNode as p, Transition as h, withCtx as C, normalizeClass as f, toDisplayString as g, resolveDynamicComponent as K } from "vue";
+import { defineComponent as S, ref as E, watch as y, onUnmounted as N, computed as v, openBlock as o, createElementBlock as r, Fragment as P, createElementVNode as f, mergeProps as b, withModifiers as V, renderSlot as i, createCommentVNode as s, createBlock as m, Teleport as D, createVNode as p, Transition as C, withCtx as h, normalizeClass as d, toDisplayString as k, resolveDynamicComponent as K } from "vue";
 import T from "./Button.vue.js";
 import { useKeyStroke as j } from "../composables/useKeyStroke.js";
 const F = { class: "text-lg font-bold text-foreground" }, L = {
   key: 0,
   class: "mt-1 text-sm text-muted-foreground"
-}, M = {
-  key: 1,
-  class: "flex-none px-6 py-4 border-t border-border bg-muted-light"
-}, H = /* @__PURE__ */ S({
+}, G = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "SidePanel",
   props: {
@@ -20,16 +17,17 @@ const F = { class: "text-lg font-bold text-foreground" }, L = {
     hideCloseButton: { type: Boolean, default: !1 },
     class: { default: "" },
     overlayClass: { default: "" },
-    bodyClass: {},
-    headerClass: {},
+    bodyClass: { default: "" },
+    headerClass: { default: "" },
     triggerClass: { default: "" },
+    footerClass: { default: "" },
     backdrop: { type: Boolean, default: !0 },
     body: {},
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
-  setup(e, { emit: k }) {
-    const l = e, c = k, a = E(l.show);
+  setup(e, { emit: g }) {
+    const l = e, c = g, a = E(l.show);
     y(
       () => l.show,
       (t) => {
@@ -54,9 +52,9 @@ const F = { class: "text-lg font-bold text-foreground" }, L = {
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, z = b(() => l.position === "left" ? "left-0" : "right-0"), A = b(() => l.position === "left" ? "slide-left" : "slide-right");
-    return (t, d) => (o(), r(P, null, [
-      u("span", v({
+    }, z = v(() => l.position === "left" ? "left-0" : "right-0"), A = v(() => l.position === "left" ? "slide-left" : "slide-right");
+    return (t, u) => (o(), r(P, null, [
+      f("span", b({
         onClick: V(w, ["stop"]),
         class: `${e.triggerClass}`
       }, t.$attrs), [
@@ -65,7 +63,7 @@ const F = { class: "text-lg font-bold text-foreground" }, L = {
         ], !0)
       ], 16),
       (o(), m(D, { to: "body" }, [
-        p(h, {
+        p(C, {
           "enter-active-class": "transition-opacity duration-300 ease-out",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -73,33 +71,33 @@ const F = { class: "text-lg font-bold text-foreground" }, L = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: C(() => [
+          default: h(() => [
             a.value ? (o(), r("div", {
               key: 0,
-              class: f(["fixed inset-0 z-50 bg-[#00000033]", [e.overlayClass, { "backdrop-blur-[2px]": e.backdrop }]]),
+              class: d(["fixed inset-0 z-50 bg-[#00000033]", [e.overlayClass, { "backdrop-blur-[2px]": e.backdrop }]]),
               onClick: x
             }, null, 2)) : s("", !0)
           ]),
           _: 1
         }),
-        p(h, {
+        p(C, {
           name: A.value,
-          onAfterEnter: d[0] || (d[0] = (O) => t.$emit("onAfterOpen")),
-          onAfterLeave: d[1] || (d[1] = (O) => t.$emit("onAfterClose"))
+          onAfterEnter: u[0] || (u[0] = (O) => t.$emit("onAfterOpen")),
+          onAfterLeave: u[1] || (u[1] = (O) => t.$emit("onAfterClose"))
         }, {
-          default: C(() => [
+          default: h(() => [
             a.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", [B[e.size], z.value, l.class]])
+              class: d(["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[e.size], z.value, l.class]])
             }, [
               e.title || t.$slots.header ? (o(), r("div", {
                 key: 0,
-                class: f([e.headerClass, "flex-none flex items-center justify-between px-6 py-2 border-b border-border"])
+                class: d([e.headerClass, "flex-none flex items-center justify-between px-6 py-2 border-b border-border"])
               }, [
                 i(t.$slots, "header", {}, () => [
-                  u("div", null, [
-                    u("h3", F, g(e.title), 1),
-                    e.description ? (o(), r("p", L, g(e.description), 1)) : s("", !0)
+                  f("div", null, [
+                    f("h3", F, k(e.title), 1),
+                    e.description ? (o(), r("p", L, k(e.description), 1)) : s("", !0)
                   ])
                 ], !0),
                 e.hideCloseButton ? s("", !0) : (o(), m(T, {
@@ -112,17 +110,20 @@ const F = { class: "text-lg font-bold text-foreground" }, L = {
                   class: "-mr-2"
                 }))
               ], 2)) : s("", !0),
-              u("div", {
-                class: f(["flex-1 overflow-y-auto px-6 py-4", e.bodyClass])
+              f("div", {
+                class: d(["flex-1 overflow-y-auto px-6 py-4", e.bodyClass])
               }, [
-                e.body ? (o(), m(K(e.body), v({ key: 0 }, { ...e.bodyProps, ...t.$attrs }, { close: n }), null, 16)) : i(t.$slots, "default", {
+                e.body ? (o(), m(K(e.body), b({ key: 0 }, { ...e.bodyProps, ...t.$attrs }, { close: n }), null, 16)) : i(t.$slots, "default", {
                   key: 1,
                   close: n
                 }, void 0, !0)
               ], 2),
-              t.$slots.footer ? (o(), r("div", M, [
+              t.$slots.footer ? (o(), r("div", {
+                key: 1,
+                class: d(["flex-none px-6 py-3 border-t border-border", e.footerClass])
+              }, [
                 i(t.$slots, "footer", { close: n }, void 0, !0)
-              ])) : s("", !0)
+              ], 2)) : s("", !0)
             ], 2)) : s("", !0)
           ]),
           _: 3
@@ -132,5 +133,5 @@ const F = { class: "text-lg font-bold text-foreground" }, L = {
   }
 });
 export {
-  H 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.2.9",
+  "version": "0.2.12",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -355,6 +355,10 @@
   --color-mixture-2: #ffffff !important;
 }
 
+.dark .hover\:bg-card:hover {
+  background-color: var(--color-gray-50);
+}
+
 .bg-card {
   --color-mixture-1: #FAFAFA !important;
   --color-mixture-2: #000000 !important;
@@ -418,6 +422,10 @@
   color: var(--color-gray-600) !important;
 }
 
+.dark .text-destructive {
+  color: rgb(187, 1, 1) !important
+}
+
 /* --- base.css --- */
 *,
 *::before,
@@ -672,5 +680,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}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.form-field-item[data-v-47af145c]{display:flex;flex-direction:column}.form-field-item[data-v-47af145c]:has([role=switch]),.form-field-item[data-v-47af145c]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-67eb0c47]{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}}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-016e19f6],.slide-right-leave-active[data-v-016e19f6],.slide-left-enter-active[data-v-016e19f6],.slide-left-leave-active[data-v-016e19f6]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-016e19f6],.slide-right-leave-to[data-v-016e19f6]{transform:translate(100%)}.slide-left-enter-from[data-v-016e19f6],.slide-left-leave-to[data-v-016e19f6]{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-6b631840]{animation:first-toast-in-6b631840 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-6b631840]{transition:all .25s ease-in}.first-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-6b631840{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-6b631840],.stack-toast-leave-active[data-v-6b631840]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-6b631840]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-6b631840]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.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)}}
+.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}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.custom-fields-table[data-v-ed01b0e1] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-ed01b0e1] input,.custom-fields-table[data-v-ed01b0e1] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-ed01b0e1] input,.custom-fields-table[data-v-ed01b0e1] textarea,.custom-fields-table[data-v-ed01b0e1] select,.custom-fields-table[data-v-ed01b0e1] .input-wrapper,.custom-fields-table[data-v-ed01b0e1] .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-ed01b0e1] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-ed01b0e1] input:focus,.custom-fields-table[data-v-ed01b0e1] textarea:focus,.custom-fields-table[data-v-ed01b0e1] select:focus,.custom-fields-table[data-v-ed01b0e1] .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-ed01b0e1] .w-full{width:100%;height:100%}.list-move[data-v-ed01b0e1],.list-enter-active[data-v-ed01b0e1],.list-leave-active[data-v-ed01b0e1]{transition:all .1s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-ed01b0e1],.list-leave-to[data-v-ed01b0e1]{opacity:0;transform:translateY(-10px)}.list-leave-active[data-v-ed01b0e1]{position:absolute;width:100%;z-index:0}.form-field-item[data-v-47af145c]{display:flex;flex-direction:column}.form-field-item[data-v-47af145c]:has([role=switch]),.form-field-item[data-v-47af145c]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-67eb0c47]{width:100%}.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}}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-495f8aa0],.slide-right-leave-active[data-v-495f8aa0],.slide-left-enter-active[data-v-495f8aa0],.slide-left-leave-active[data-v-495f8aa0]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-495f8aa0],.slide-right-leave-to[data-v-495f8aa0]{transform:translate(100%)}.slide-left-enter-from[data-v-495f8aa0],.slide-left-leave-to[data-v-495f8aa0]{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-6b631840]{animation:first-toast-in-6b631840 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-6b631840]{transition:all .25s ease-in}.first-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-6b631840{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-6b631840],.stack-toast-leave-active[data-v-6b631840]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-6b631840]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-6b631840]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.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)}}