vlite3 0.1.1 → 0.1.2

package/components/Accordion/Accordion.vue.d.ts

@@ -26,8 +26,10 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionProps, {},
     onChange?: (value: string | string[]) => any;
 }>, {
     disabled: boolean;
+    class: string;
     showIndex: boolean;
-    iconVariant: "simple" | "solid" | "outline" | "primary" | "ghost";
+    size: import('./types').AccordionSize;
+    iconVariant: import('./types').IconVariant;
     variant: import('./types').AccordionVariant;
     attached: boolean;
     items: import('./types').AccordionItemSchema[];

package/components/Accordion/Accordion.vue.js

@@ -1,102 +1,95 @@
-import { defineComponent as p, ref as b, watch as f, computed as B, openBlock as s, createElementBlock as m, normalizeClass as k, renderSlot as r, Fragment as $, renderList as x, createBlock as A, createSlots as M, withCtx as v } from "vue";
-import O from "./AccordionItem.vue.js";
-const j = /* @__PURE__ */ p({
+import { defineComponent as y, ref as I, watch as f, computed as B, openBlock as s, createElementBlock as m, normalizeClass as b, renderSlot as r, Fragment as k, renderList as p, createBlock as z, createSlots as $, withCtx as v, mergeProps as g } from "vue";
+import x from "./AccordionItem.vue.js";
+const S = /* @__PURE__ */ y({
   __name: "Accordion",
   props: {
-    items: { default: () => [] },
     modelValue: {},
-    allowMultiple: { type: Boolean, default: !1 },
     defaultValue: {},
-    disabled: { type: Boolean, default: !1 },
+    items: { default: () => [] },
+    allowMultiple: { type: Boolean, default: !1 },
     variant: { default: "default" },
+    size: { default: "md" },
     attached: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    showIndex: { type: Boolean, default: !1 },
     openIcon: {},
     closeIcon: {},
-    iconPosition: {},
     iconVariant: { default: "simple" },
     activeIconVariant: {},
-    showIndex: { type: Boolean, default: !1 },
-    class: {},
-    itemClass: {},
+    class: { default: "" },
     triggerClass: {},
-    contentClass: {}
+    contentClass: {},
+    itemClass: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: g }) {
-    const l = t, c = g, a = b([]), u = (e) => Array.isArray(e) ? e : typeof e == "string" && e ? [e] : [];
+  setup(a, { emit: h }) {
+    const l = a, c = h, t = I([]), u = (e) => Array.isArray(e) ? e : typeof e == "string" && e ? [e] : [];
     f(
       () => l.modelValue,
       (e) => {
-        a.value = u(e);
+        t.value = u(e);
       },
       { immediate: !0 }
     ), f(
       () => l.defaultValue,
       (e) => {
-        !l.modelValue && e && (a.value = u(e));
+        !l.modelValue && e && (t.value = u(e));
       },
       { immediate: !0 }
     );
     const d = (e) => {
       if (l.disabled) return;
-      const i = a.value.includes(e);
-      l.allowMultiple ? i ? a.value = a.value.filter((n) => n !== e) : a.value = [...a.value, e] : i ? a.value = [] : a.value = [e], h();
-    }, h = () => {
-      const e = l.allowMultiple ? a.value : a.value[0] || "";
+      const i = t.value.includes(e);
+      l.allowMultiple ? i ? t.value = t.value.filter((n) => n !== e) : t.value = [...t.value, e] : i ? t.value = [] : t.value = [e], V();
+    }, V = () => {
+      const e = l.allowMultiple ? t.value : t.value[0] || "";
       c("update:modelValue", e), c("change", e);
     }, C = B(() => {
       const e = ["w-full", l.class];
-      return l.attached && (e.push("rounded-lg overflow-hidden"), (l.variant === "outline" || l.variant === "default") && e.push("border"), l.variant === "solid" && e.push("border")), e.join(" ");
+      return l.attached && (e.push("rounded-lg overflow-hidden"), (l.variant === "outline" || l.variant === "default" || l.variant === "solid") && e.push("border")), e.join(" ");
     });
     return (e, i) => (s(), m("div", {
-      class: k(C.value)
+      class: b(C.value)
     }, [
       r(e.$slots, "default", {}, () => [
-        (s(!0), m($, null, x(t.items, (n, I) => (s(), A(O, {
+        (s(!0), m(k, null, p(a.items, (n, w) => (s(), z(x, {
           key: n.id,
           item: n,
-          isOpen: a.value.includes(n.id),
-          variant: t.variant,
-          attached: t.attached,
-          disabled: t.disabled,
-          index: I + 1,
-          showIndex: t.showIndex,
-          openIcon: t.openIcon,
-          closeIcon: t.closeIcon,
-          iconVariant: t.iconVariant,
-          activeIconVariant: t.activeIconVariant,
-          triggerClass: t.triggerClass,
-          contentClass: t.contentClass,
-          itemClass: t.itemClass,
+          "is-open": t.value.includes(n.id),
+          variant: a.variant,
+          size: a.size,
+          attached: a.attached,
+          disabled: a.disabled,
+          index: w + 1,
+          "show-index": a.showIndex,
+          "open-icon": a.openIcon,
+          "close-icon": a.closeIcon,
+          "icon-variant": a.iconVariant,
+          "active-icon-variant": a.activeIconVariant,
+          "trigger-class": a.triggerClass,
+          "content-class": a.contentClass,
+          "item-class": a.itemClass,
           onToggle: d
-        }, M({ _: 2 }, [
+        }, $({ _: 2 }, [
           e.$slots.trigger ? {
             name: "trigger",
-            fn: v(({ item: o, open: V, toggle: w, triggerClass: y }) => [
-              r(e.$slots, "trigger", {
-                item: o,
-                open: V,
-                toggle: w,
-                triggerClass: y
-              })
+            fn: v((o) => [
+              r(e.$slots, "trigger", g({ ref_for: !0 }, o))
             ]),
             key: "0"
           } : void 0,
           e.$slots.content ? {
             name: "content",
-            fn: v(({ item: o }) => [
-              r(e.$slots, "content", {
-                close: d,
-                item: o
-              })
+            fn: v((o) => [
+              r(e.$slots, "content", g({ ref_for: !0 }, o, { close: d }))
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["item", "isOpen", "variant", "attached", "disabled", "index", "showIndex", "openIcon", "closeIcon", "iconVariant", "activeIconVariant", "triggerClass", "contentClass", "itemClass"]))), 128))
+        ]), 1032, ["item", "is-open", "variant", "size", "attached", "disabled", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "trigger-class", "content-class", "item-class"]))), 128))
       ])
     ], 2));
   }
 });
 export {
-  j as default
+  S as default
 };

package/components/Accordion/AccordionContent.vue.js

@@ -1,7 +1,7 @@
 import o from "./AccordionContent.vue2.js";
 /* empty css                      */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-66f45fa0"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-aa189e08"]]);
 export {
-  c as default
+  e as default
 };

package/components/Accordion/AccordionItem.vue.d.ts

@@ -1,16 +1,17 @@
-import { AccordionItemSchema, AccordionVariant } from './types';
+import { AccordionItemSchema, AccordionVariant, AccordionSize, IconVariant } from './types';
 interface Props {
     item: AccordionItemSchema;
     isOpen: boolean;
     variant?: AccordionVariant;
+    size?: AccordionSize;
     attached?: boolean;
     disabled?: boolean;
     index?: number;
     showIndex?: boolean;
     openIcon?: string;
     closeIcon?: string;
-    iconVariant?: 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
-    activeIconVariant?: 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
+    iconVariant?: IconVariant;
+    activeIconVariant?: IconVariant;
     triggerClass?: string;
     contentClass?: string;
     itemClass?: string;
@@ -42,6 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     disabled: boolean;
     class: string;
     showIndex: boolean;
+    size: AccordionSize;
     variant: AccordionVariant;
     attached: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/components/Accordion/AccordionItem.vue.js

@@ -1,15 +1,16 @@
-import { defineComponent as y, computed as s, openBlock as l, createElementBlock as d, normalizeClass as c, renderSlot as u, createVNode as f, withCtx as b, createElementVNode as I, toDisplayString as g, createCommentVNode as v, withDirectives as w, createBlock as k, resolveDynamicComponent as B, vShow as V } from "vue";
-import p from "./AccordionTrigger.vue.js";
-import O from "./AccordionContent.vue.js";
-const T = {
+import { defineComponent as I, computed as c, openBlock as l, createElementBlock as m, normalizeClass as u, renderSlot as b, createVNode as f, withCtx as x, createElementVNode as k, toDisplayString as h, createCommentVNode as v, withDirectives as z, createBlock as B, resolveDynamicComponent as V, vShow as O } from "vue";
+import A from "./AccordionTrigger.vue.js";
+import P from "./AccordionContent.vue.js";
+const T = { class: "font-medium" }, D = {
   key: 0,
   class: "ml-2 text-sm text-muted-foreground font-normal"
-}, A = ["innerHTML"], E = /* @__PURE__ */ y({
+}, N = ["innerHTML"], M = /* @__PURE__ */ I({
   __name: "AccordionItem",
   props: {
     item: {},
     isOpen: { type: Boolean },
     variant: { default: "default" },
+    size: { default: "md" },
     attached: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     index: {},
@@ -24,79 +25,91 @@ const T = {
     class: { default: "" }
   },
   emits: ["toggle"],
-  setup(e, { emit: h }) {
-    const n = e, C = h, r = () => {
-      n.item.disabled || n.disabled || C("toggle", n.item.id);
-    }, x = s(() => {
-      const { variant: t, attached: i } = n;
-      if (i) {
-        const o = "transition-all first:rounded-t-lg last:rounded-b-lg";
-        let a = "border-b last:border-0";
-        return t === "default" || t === "outline" ? `${o} ${a}` : t === "solid" ? "border-b last:border-0 bg-transparent" : t === "ghost" ? "bg-transparent border-b last:border-0" : `${o} ${a}`;
-      }
-      return t === "solid" ? "mb-2 border rounded-lg overflow-hidden transition-all duration-200" : t === "outline" ? "border mb-2 rounded-lg overflow-hidden" : t === "separated" ? "border mb-4 rounded-lg  overflow-hidden" : t === "ghost" ? "border-none bg-transparent mb-1" : "border-b";
-    }), m = s(() => {
-      const { variant: t, attached: i, isOpen: o } = n, a = n.triggerClass || "";
-      return t === "solid" ? `${a} px-4 bg-muted transition-colors` : !i && (t === "ghost" || t === "default") ? `${a} px-0 hover:no-underline` : `${a} px-4 hover:bg-accent`;
-    }), $ = s(() => {
-      const { variant: t, attached: i } = n, o = n.contentClass || "";
-      return t === "solid" ? `${o} px-4 pt-4` : !i && (t === "ghost" || t === "default") ? `${o} px-0` : `${o} px-4`;
+  setup(e, { emit: $ }) {
+    const n = e, p = $, r = () => {
+      n.item.disabled || n.disabled || p("toggle", n.item.id);
+    }, C = c(() => {
+      const { variant: t, attached: a } = n;
+      return a ? "transition-all first:rounded-t-lg last:rounded-b-lg border-b last:border-0" : t === "solid" ? "mb-2 border rounded-lg overflow-hidden transition-all duration-200" : t === "outline" ? "border mb-2 rounded-lg overflow-hidden" : t === "separated" ? "border mb-4 rounded-lg overflow-hidden" : t === "ghost" ? "border-none bg-transparent mb-1 rounded-lg overflow-hidden" : "border-b";
+    }), g = c(() => {
+      const { variant: t, size: a, isOpen: d } = n, i = n.triggerClass || "", o = "transition-all duration-200 ease-in-out", s = {
+        sm: "px-3.5 py-2.5 text-sm",
+        md: "px-4 py-3 text-base",
+        lg: "px-5 py-4 text-lg"
+      }[a];
+      return t === "solid" ? `${i} ${s} bg-muted hover:bg-muted/80 ${o}` : t === "ghost" ? d ? `${i} ${s} bg-muted font-medium ${o}` : `${i} ${s} hover:bg-muted/20 bg-transparent ${o}` : t === "outline" || t === "separated" ? d ? `${i} ${s} bg-muted/5 border-b border-border ${o}` : `${i} ${s} hover:bg-muted/5 bg-transparent ${o}` : !n.attached && t === "default" ? `${i} ${{
+        sm: "py-2 text-base",
+        md: "py-3 text-base",
+        lg: "py-4 text-lg"
+      }[a]} px-0 hover:no-underline ${o}` : `${i} ${s} hover:bg-muted/5 ${o}`;
+    }), y = c(() => {
+      const { variant: t, size: a, attached: d } = n, i = n.contentClass || "", o = {
+        sm: "px-3.5 pb-3.5 pt-2.5 text-sm",
+        md: "px-4 pb-4 pt-4 text-sm",
+        lg: "px-5 pb-5 pt-5 text-base"
+      };
+      return t === "solid" || t === "outline" || t === "separated" || t === "ghost" || d ? `${i} ${o[a]}` : `${i} ${{
+        sm: "pb-3.5 pt-2.5 text-sm",
+        md: "pb-4 pt-4 text-sm",
+        lg: "pb-5 pt-5 text-base"
+      }[a]} px-0`;
     });
-    return (t, i) => (l(), d("div", {
-      class: c([x.value, n.class, n.itemClass])
+    return (t, a) => (l(), m("div", {
+      class: u([C.value, n.class, n.itemClass])
     }, [
-      u(t.$slots, "trigger", {
+      b(t.$slots, "trigger", {
         item: e.item,
         open: e.isOpen,
         toggle: r,
-        triggerClass: m.value
+        triggerClass: g.value
       }, () => [
-        f(p, {
+        f(A, {
           open: e.isOpen,
+          size: e.size,
           disabled: e.item.disabled || e.disabled,
           icon: e.item.icon,
           index: e.index,
-          showIndex: e.showIndex,
+          "show-index": e.showIndex,
           "open-icon": e.openIcon,
           "close-icon": e.closeIcon,
           "icon-variant": e.iconVariant,
           "active-icon-variant": e.activeIconVariant,
-          class: c(m.value),
+          class: u(g.value),
           onClick: r
         }, {
-          default: b(() => [
-            I("span", null, g(e.item.title), 1),
-            e.item.description ? (l(), d("span", T, g(e.item.description), 1)) : v("", !0)
+          default: x(() => [
+            k("span", T, h(e.item.title), 1),
+            e.item.description ? (l(), m("span", D, h(e.item.description), 1)) : v("", !0)
           ]),
           _: 1
-        }, 8, ["open", "disabled", "icon", "index", "showIndex", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "class"])
+        }, 8, ["open", "size", "disabled", "icon", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "class"])
       ]),
-      w(f(O, {
-        class: c($.value)
+      z(f(P, {
+        class: u(y.value)
       }, {
-        default: b(() => [
-          u(t.$slots, "content", {
+        default: x(() => [
+          b(t.$slots, "content", {
             item: e.item,
             close: r
           }, () => [
-            e.item.bodyComponent ? (l(), k(B(e.item.bodyComponent), {
+            e.item.bodyComponent ? (l(), B(V(e.item.bodyComponent), {
               key: 0,
               item: e.item,
               close: r
-            }, null, 8, ["item"])) : e.item.content ? (l(), d("div", {
+            }, null, 8, ["item"])) : e.item.content ? (l(), m("div", {
               key: 1,
               class: "text-muted-foreground leading-relaxed",
               innerHTML: e.item.content
-            }, null, 8, A)) : v("", !0)
+            }, null, 8, N)) : v("", !0)
           ])
         ]),
         _: 3
       }, 8, ["class"]), [
-        [V, e.isOpen]
+        [O, e.isOpen]
       ])
     ], 2));
   }
 });
 export {
-  E as default
+  M as default
 };

package/components/Accordion/AccordionTrigger.vue.d.ts

@@ -1,3 +1,4 @@
+import { AccordionSize, IconVariant } from './types';
 interface Props {
     class?: string;
     icon?: string;
@@ -5,10 +6,11 @@ interface Props {
     disabled?: boolean;
     index?: number;
     showIndex?: boolean;
+    size?: AccordionSize;
     openIcon?: string;
     closeIcon?: string;
-    iconVariant?: 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
-    activeIconVariant?: 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
+    iconVariant?: IconVariant;
+    activeIconVariant?: IconVariant;
     chevron?: boolean;
 }
 declare function __VLS_template(): {
@@ -28,7 +30,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     class: string;
     showIndex: boolean;
-    iconVariant: "simple" | "solid" | "outline" | "primary" | "ghost";
+    size: AccordionSize;
+    iconVariant: IconVariant;
     chevron: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/Accordion/AccordionTrigger.vue.js

@@ -1,9 +1,6 @@
-import { defineComponent as I, computed as o, openBlock as r, createElementBlock as s, normalizeClass as a, createElementVNode as f, toDisplayString as k, createCommentVNode as c, createBlock as w, renderSlot as m, createVNode as C } from "vue";
-import p from "../Icon.vue.js";
-const V = ["data-state", "disabled"], $ = { class: "flex items-center gap-3" }, B = {
-  key: 0,
-  class: "flex items-center justify-center h-7 w-7 rounded-full bg-primary-light text-primary text-xs font-bold shrink-0"
-}, j = { class: "flex flex-col" }, E = /* @__PURE__ */ I({
+import { defineComponent as w, computed as o, openBlock as r, createElementBlock as a, normalizeClass as s, createElementVNode as m, toDisplayString as z, createCommentVNode as c, createBlock as C, renderSlot as p, createVNode as V } from "vue";
+import g from "../Icon.vue.js";
+const $ = ["data-state", "disabled"], B = { class: "flex flex-col" }, N = /* @__PURE__ */ w({
   __name: "AccordionTrigger",
   props: {
     class: { default: "" },
@@ -12,6 +9,7 @@ const V = ["data-state", "disabled"], $ = { class: "flex items-center gap-3" },
     disabled: { type: Boolean },
     index: {},
     showIndex: { type: Boolean, default: !1 },
+    size: { default: "md" },
     openIcon: {},
     closeIcon: {},
     iconVariant: { default: "simple" },
@@ -19,51 +17,78 @@ const V = ["data-state", "disabled"], $ = { class: "flex items-center gap-3" },
     chevron: { type: Boolean, default: !0 }
   },
   emits: ["click"],
-  setup(t, { emit: g }) {
-    const e = t, v = g, h = (n) => {
-      e.disabled || v("click", n);
-    }, x = o(() => e.open && e.openIcon ? e.openIcon : !e.open && e.closeIcon ? e.closeIcon : "lucide:chevron-down"), l = o(() => e.openIcon && e.closeIcon ? "" : e.open ? "rotate-180" : ""), i = o(() => e.open && e.activeIconVariant ? e.activeIconVariant : e.iconVariant), b = o(() => {
-      const n = "flex items-center justify-center shrink-0 transition-all duration-300", u = "h-8 w-8 rounded-full", d = {
+  setup(t, { emit: v }) {
+    const e = t, x = v, h = (n) => {
+      e.disabled || x("click", n);
+    }, b = o(() => e.open && e.openIcon ? e.openIcon : !e.open && e.closeIcon ? e.closeIcon : "lucide:chevron-down"), l = o(() => e.openIcon && e.closeIcon ? "" : e.open ? "rotate-180" : ""), i = o(() => e.open && e.activeIconVariant ? e.activeIconVariant : e.iconVariant), y = o(() => {
+      const n = "flex items-center justify-center shrink-0 transition-all duration-300", d = {
+        sm: "h-6.5 w-6.5",
+        md: "h-8 w-8",
+        lg: "h-10 w-10"
+      }, f = {
         simple: "text-muted-foreground bg-transparent",
         solid: "text-foreground bg-muted",
         outline: "text-foreground border bg-transparent",
         primary: "text-primary-dark bg-primary-light",
         ghost: "text-muted-foreground hover:bg-accent bg-transparent"
-      }, y = d[i.value] || d.simple;
-      return i.value === "simple" ? `text-muted-foreground group-hover:text-foreground ${l.value}` : `${n} ${u} ${y} ${l.value}`;
-    });
-    return (n, u) => (r(), s("button", {
+      }, k = f[i.value] || f.simple;
+      return i.value === "simple" ? `text-muted-foreground group-hover:text-foreground ${l.value}` : `${n} ${d[e.size]} rounded-full ${k} ${l.value}`;
+    }), u = o(() => ({
+      sm: "h-3.5 w-3.5",
+      md: "h-4 w-4",
+      lg: "h-5 w-5"
+    })[e.size]), I = o(() => ({
+      sm: "h-7 w-7 text-[12px]",
+      md: "h-7 w-7 text-xs",
+      lg: "h-9 w-9 text-sm"
+    })[e.size]);
+    return (n, d) => (r(), a("button", {
       type: "button",
-      class: a(["group flex flex-1 w-full items-center justify-between py-3 text-left font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", [e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", e.class]]),
+      class: s(["group flex flex-1 w-full items-center justify-between text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", [e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", e.class]]),
       "data-state": e.open ? "open" : "closed",
       disabled: e.disabled,
       onClick: h
     }, [
-      f("div", $, [
-        t.showIndex && t.index !== void 0 ? (r(), s("div", B, k(t.index), 1)) : c("", !0),
-        t.icon ? (r(), w(p, {
+      m("div", {
+        class: s(["flex items-center", t.size == "sm" ? "gap-2" : "gap-2.5"])
+      }, [
+        t.showIndex && t.index !== void 0 ? (r(), a("div", {
+          key: 0,
+          class: s([
+            "flex items-center justify-center rounded-full bg-primary-light text-primary font-bold shrink-0",
+            I.value
+          ])
+        }, z(t.index), 3)) : c("", !0),
+        t.icon ? (r(), C(g, {
           key: 1,
           icon: t.icon,
-          class: "h-5 w-5 shrink-0 text-muted-foreground group-hover:text-foreground transition-colors"
-        }, null, 8, ["icon"])) : c("", !0),
-        f("div", j, [
-          m(n.$slots, "default")
+          class: s([
+            "shrink-0 text-muted-foreground group-hover:text-foreground transition-colors",
+            u.value
+          ])
+        }, null, 8, ["icon", "class"])) : c("", !0),
+        m("div", B, [
+          p(n.$slots, "default")
         ])
-      ]),
-      m(n.$slots, "icon", {}, () => [
-        t.chevron || t.openIcon || t.closeIcon ? (r(), s("div", {
+      ], 2),
+      p(n.$slots, "icon", {}, () => [
+        t.chevron || t.openIcon || t.closeIcon ? (r(), a("div", {
           key: 0,
-          class: a(b.value)
+          class: s(y.value)
         }, [
-          C(p, {
-            icon: x.value,
-            class: a(["h-4 w-4 shrink-0 transition-transform duration-200", { "rotate-0": i.value !== "simple" }])
+          V(g, {
+            icon: b.value,
+            class: s([
+              "shrink-0 transition-transform duration-200",
+              u.value,
+              i.value !== "simple" ? "rotate-0" : ""
+            ])
           }, null, 8, ["icon", "class"])
         ], 2)) : c("", !0)
       ])
-    ], 10, V));
+    ], 10, $));
   }
 });
 export {
-  E as default
+  N as default
 };

package/components/Accordion/types.d.ts

@@ -1,30 +1,33 @@
+import { Component } from 'vue';
+export type AccordionVariant = 'default' | 'solid' | 'outline' | 'separated' | 'ghost';
+export type AccordionSize = 'sm' | 'md' | 'lg';
+export type IconVariant = 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
 export interface AccordionItemSchema {
     id: string;
     title: string;
     description?: string;
     content?: string;
-    bodyComponent?: any;
-    disabled?: boolean;
     icon?: string;
+    disabled?: boolean;
+    bodyComponent?: Component | any;
     [key: string]: any;
 }
-export type AccordionVariant = 'default' | 'solid' | 'outline' | 'ghost' | 'separated';
 export interface AccordionProps {
-    items?: AccordionItemSchema[];
     modelValue?: string | string[];
-    allowMultiple?: boolean;
     defaultValue?: string | string[];
-    disabled?: boolean;
+    items?: AccordionItemSchema[];
+    allowMultiple?: boolean;
     variant?: AccordionVariant;
+    size?: AccordionSize;
     attached?: boolean;
+    disabled?: boolean;
+    showIndex?: boolean;
     openIcon?: string;
     closeIcon?: string;
-    iconPosition?: 'left' | 'right';
-    iconVariant?: 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
-    activeIconVariant?: 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
-    showIndex?: boolean;
+    iconVariant?: IconVariant;
+    activeIconVariant?: IconVariant;
     class?: string;
-    itemClass?: string;
     triggerClass?: string;
     contentClass?: string;
+    itemClass?: string;
 }

package/components/AvatarUploader/AvatarUploader.vue.d.ts

@@ -23,8 +23,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     disabled: boolean;
     alt: string;
-    modelValue: any;
     size: AvatarSize;
+    modelValue: any;
     loading: boolean;
     rounded: AvatarRounded;
     editable: boolean;

package/components/Button.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     disabled: boolean;
     type: "button" | "submit" | "reset";
     class: any;
-    variant: ButtonVariant;
     size: ButtonSize;
+    variant: ButtonVariant;
     loading: boolean;
     rounded: ButtonRounded;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;