vlite3 0.1.10 → 0.2.2

package/components/NumberInput.vue.d.ts

@@ -0,0 +1,38 @@
+export interface NumberInputProps {
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    variant?: 'split' | 'stacked';
+    mode?: 'solid' | 'outline' | 'ghost';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    disabled?: boolean;
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    readonly?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+}
+declare const _default: import('vue').DefineComponent<NumberInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number) => any;
+    change: (value: number) => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<NumberInputProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: number) => any;
+    onChange?: (value: number) => any;
+    onBlur?: (event: FocusEvent) => any;
+    onFocus?: (event: FocusEvent) => any;
+}>, {
+    disabled: boolean;
+    mode: "solid" | "outline" | "ghost";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    variant: "split" | "stacked";
+    modelValue: number;
+    rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    readonly: boolean;
+    step: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/components/NumberInput.vue.js

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

package/components/NumberInput.vue2.js

@@ -0,0 +1,191 @@
+import { defineComponent as K, ref as g, watch as R, computed as a, openBlock as c, createElementBlock as m, normalizeClass as o, createVNode as x, createCommentVNode as h, createElementVNode as y, withKeys as p, withModifiers as k } from "vue";
+import b from "./Icon.vue.js";
+const E = ["disabled"], q = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "onKeydown"], L = ["disabled"], M = {
+  key: 2,
+  class: "flex flex-col h-full border-l border-input"
+}, $ = ["disabled"], A = ["disabled"], H = /* @__PURE__ */ K({
+  __name: "NumberInput",
+  props: {
+    modelValue: { default: void 0 },
+    min: {},
+    max: {},
+    step: { default: 1 },
+    variant: { default: "split" },
+    mode: { default: "outline" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    placeholder: {},
+    name: {},
+    id: {},
+    readonly: { type: Boolean, default: !1 },
+    rounded: { default: "md" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(e, { emit: N }) {
+    const l = e, s = N, d = g(l.modelValue ?? "");
+    R(
+      () => l.modelValue,
+      (t) => {
+        t !== void 0 && (d.value = t);
+      }
+    );
+    const z = g(null), r = a(() => {
+      const t = {
+        xs: { h: "h-7", text: "text-xs", px: "px-2", icon: "w-3 h-3" },
+        sm: { h: "h-8", text: "text-xs", px: "px-2", icon: "w-3.5 h-3.5" },
+        md: { h: "h-9", text: "text-sm", px: "px-3", icon: "w-4 h-4" },
+        lg: { h: "h-10", text: "text-base", px: "px-4", icon: "w-5 h-5" },
+        xl: { h: "h-12", text: "text-lg", px: "px-5", icon: "w-6 h-6" }
+      };
+      return t[l.size] || t.md;
+    }), C = a(() => ({
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      "2xl": "rounded-2xl",
+      full: "rounded-full"
+    })[l.rounded] || "rounded-md"), V = a(() => ({
+      none: "rounded-l-none",
+      sm: "rounded-l-sm",
+      md: "rounded-l-md",
+      lg: "rounded-l-lg",
+      xl: "rounded-l-xl",
+      "2xl": "rounded-l-2xl",
+      full: "rounded-l-full"
+    })[l.rounded] || "rounded-l-md"), B = a(() => ({
+      none: "rounded-r-none",
+      sm: "rounded-r-sm",
+      md: "rounded-r-md",
+      lg: "rounded-r-lg",
+      xl: "rounded-r-xl",
+      "2xl": "rounded-r-2xl",
+      full: "rounded-r-full"
+    })[l.rounded] || "rounded-r-md"), S = a(() => [
+      "flex items-center w-full relative transition-all duration-200",
+      l.disabled ? "opacity-50 cursor-not-allowed" : "",
+      l.mode === "solid" ? "bg-muted" : "",
+      l.mode === "outline" ? "border border-input bg-background" : "",
+      l.mode === "ghost" ? "bg-transparent" : "",
+      r.value.h,
+      C.value
+    ]), j = a(() => [
+      "flex-1 w-full bg-transparent text-center focus:outline-none appearance-none",
+      "placeholder:text-muted-foreground/50",
+      r.value.text,
+      l.disabled ? "cursor-not-allowed" : ""
+    ]), w = a(() => {
+      const t = "flex items-center justify-center transition-colors active:scale-95 shrink-0 select-none", n = l.disabled ? "" : "hover:text-primary hover:bg-muted/50";
+      return l.size === "xs" || l.size, l.variant === "split" ? l.mode === "solid" ? [
+        t,
+        l.disabled ? "" : "hover:text-primary hover:bg-background/80",
+        "bg-background shadow-sm rounded-full mx-1 my-0.5 aspect-square self-center h-[calc(100%-12px)] w-auto max-w-[calc(100%-12px)] flex items-center justify-center"
+      ] : [t, n, "h-full", "px-2"] : [t, n, "h-1/2 w-8 border-l border-input/50"];
+    }), u = (t) => {
+      if (l.disabled || l.readonly) return;
+      let n = t;
+      l.min !== void 0 && n < l.min && (n = l.min), l.max !== void 0 && n > l.max && (n = l.max), d.value = n, s("update:modelValue", n), s("change", n);
+    }, f = () => {
+      const t = Number(d.value) || 0;
+      u(t + l.step);
+    }, v = () => {
+      const t = Number(d.value) || 0;
+      u(t - l.step);
+    }, F = (t) => {
+      const n = t.target, i = parseFloat(n.value);
+      if (isNaN(i)) {
+        d.value = n.value;
+        return;
+      }
+      u(i);
+    }, I = (t) => {
+      s("blur", t);
+      const n = parseFloat(String(d.value));
+      isNaN(n) ? u(l.min || 0) : u(n);
+    };
+    return (t, n) => (c(), m("div", {
+      class: o([S.value, "overflow-hidden"])
+    }, [
+      e.variant === "split" ? (c(), m("button", {
+        key: 0,
+        type: "button",
+        class: o([
+          w.value,
+          e.mode === "outline" ? "border-r border-input" : "",
+          e.variant === "split" && e.mode !== "solid" ? V.value : ""
+        ]),
+        disabled: e.disabled || e.min !== void 0 && Number(d.value) <= e.min,
+        onClick: v
+      }, [
+        x(b, {
+          icon: "lucide:minus",
+          class: o(r.value.icon)
+        }, null, 8, ["class"])
+      ], 10, E)) : h("", !0),
+      y("input", {
+        ref_key: "inputRef",
+        ref: z,
+        type: "number",
+        value: d.value,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        class: o(j.value),
+        onInput: F,
+        onFocus: n[0] || (n[0] = (i) => s("focus", i)),
+        onBlur: I,
+        onKeydown: [
+          p(k(f, ["prevent"]), ["up"]),
+          p(k(v, ["prevent"]), ["down"])
+        ]
+      }, null, 42, q),
+      e.variant === "split" ? (c(), m("button", {
+        key: 1,
+        type: "button",
+        class: o([
+          w.value,
+          e.mode === "outline" ? "border-l border-input" : "",
+          e.variant === "split" && e.mode !== "solid" ? B.value : ""
+        ]),
+        disabled: e.disabled || e.max !== void 0 && Number(d.value) >= e.max,
+        onClick: f
+      }, [
+        x(b, {
+          icon: "lucide:plus",
+          class: o(r.value.icon)
+        }, null, 8, ["class"])
+      ], 10, L)) : h("", !0),
+      e.variant === "stacked" ? (c(), m("div", M, [
+        y("button", {
+          type: "button",
+          class: "flex-1 flex items-center justify-center hover:bg-muted/50 w-8 border-b border-input/50",
+          disabled: e.disabled || e.max !== void 0 && Number(d.value) >= e.max,
+          onClick: f
+        }, [
+          x(b, {
+            icon: "lucide:chevron-up",
+            class: o(e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5")
+          }, null, 8, ["class"])
+        ], 8, $),
+        y("button", {
+          type: "button",
+          class: "flex-1 flex items-center justify-center hover:bg-muted/50 w-8",
+          disabled: e.disabled || e.min !== void 0 && Number(d.value) <= e.min,
+          onClick: v
+        }, [
+          x(b, {
+            icon: "lucide:chevron-down",
+            class: o(e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5")
+          }, null, 8, ["class"])
+        ], 8, A)
+      ])) : h("", !0)
+    ], 2));
+  }
+});
+export {
+  H as default
+};

package/components/Pagination/Pagination.vue.d.ts

@@ -9,6 +9,7 @@ interface Props {
     itemsPerPage?: number;
     itemsPerPageOptions?: number[];
     navType?: 'text' | 'icon';
+    alignment?: 'start' | 'center' | 'end' | 'between';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: number) => any;

package/components/Pagination/Pagination.vue.js

@@ -1,25 +1,25 @@
-import { defineComponent as B, computed as N, openBlock as s, createElementBlock as l, normalizeClass as z, createElementVNode as d, Fragment as f, renderList as S, toDisplayString as x, createVNode as b, createCommentVNode as P, createTextVNode as h, createBlock as v, withCtx as w } from "vue";
+import { defineComponent as N, computed as z, openBlock as s, createElementBlock as l, normalizeClass as S, createElementVNode as d, Fragment as P, renderList as $, toDisplayString as x, createVNode as b, createCommentVNode as m, createTextVNode as h, createBlock as v, withCtx as w } from "vue";
 import O from "../Icon.vue.js";
 import o from "../Button.vue.js";
 const R = {
   key: 0,
   class: "flex flex-wrap items-center justify-center md:justify-start gap-4 order-2 md:order-1"
-}, j = {
+}, E = {
   key: 0,
   class: "flex items-center gap-2 text-sm text-muted-foreground"
-}, E = { class: "relative" }, V = ["value", "disabled"], L = ["value"], M = {
+}, V = { class: "relative" }, L = ["value", "disabled"], M = ["value"], A = {
   key: 1,
   class: "hidden md:block w-px h-4 bg-border"
-}, A = {
+}, F = {
   key: 2,
   class: "text-sm text-muted-foreground whitespace-nowrap"
-}, F = { class: "font-medium text-foreground" }, q = { class: "font-medium text-foreground" }, G = {
+}, q = { class: "font-medium text-foreground" }, G = { class: "font-medium text-foreground" }, H = {
   class: "flex items-center justify-center gap-1 order-1 md:order-2",
   "aria-label": "Pagination"
-}, H = {
+}, J = {
   key: 0,
   class: "px-2 text-gray-400 select-none"
-}, U = /* @__PURE__ */ B({
+}, W = /* @__PURE__ */ N({
   __name: "Pagination",
   props: {
     currentPage: { default: 1 },
@@ -31,70 +31,84 @@ const R = {
     showItemsPerPage: { type: Boolean, default: !1 },
     itemsPerPage: { default: 10 },
     itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
-    navType: { default: "text" }
+    navType: { default: "text" },
+    alignment: {}
   },
   emits: ["update:currentPage", "change", "update:itemsPerPage", "change:itemsPerPage"],
-  setup(e, { emit: $ }) {
-    const a = e, g = $, r = (i) => {
-      a.disabled || i < 1 || i > a.totalPages || i !== a.currentPage && (g("update:currentPage", i), g("change", i));
+  setup(e, { emit: j }) {
+    const a = e, u = j, r = (i) => {
+      a.disabled || i < 1 || i > a.totalPages || i !== a.currentPage && (u("update:currentPage", i), u("change", i));
     }, T = (i) => {
       const t = i.target, n = parseInt(t.value);
-      g("update:itemsPerPage", n), g("change:itemsPerPage", n), g("update:currentPage", 1), g("change", 1);
-    }, D = N(() => {
+      u("update:itemsPerPage", n), u("change:itemsPerPage", n), u("update:currentPage", 1), u("change", 1);
+    }, D = z(() => {
       if (a.siblingCount * 2 + 5 >= a.totalPages)
         return y(1, a.totalPages);
-      const t = Math.max(a.currentPage - a.siblingCount, 1), n = Math.min(a.currentPage + a.siblingCount, a.totalPages), u = t > 2, c = n < a.totalPages - 2, k = 1, C = a.totalPages;
-      if (!u && c) {
-        let m = 3 + 2 * a.siblingCount;
-        return [...y(1, m), "DOTS", C];
+      const t = Math.max(a.currentPage - a.siblingCount, 1), n = Math.min(a.currentPage + a.siblingCount, a.totalPages), g = t > 2, c = n < a.totalPages - 2, k = 1, C = a.totalPages;
+      if (!g && c) {
+        let f = 3 + 2 * a.siblingCount;
+        return [...y(1, f), "DOTS", C];
       }
-      if (u && !c) {
-        let m = 3 + 2 * a.siblingCount, I = y(a.totalPages - m + 1, a.totalPages);
+      if (g && !c) {
+        let f = 3 + 2 * a.siblingCount, I = y(a.totalPages - f + 1, a.totalPages);
         return [k, "DOTS", ...I];
       }
-      if (u && c) {
-        let m = y(t, n);
-        return [k, "DOTS", ...m, "DOTS", C];
+      if (g && c) {
+        let f = y(t, n);
+        return [k, "DOTS", ...f, "DOTS", C];
       }
       return [];
     }), y = (i, t) => {
       let n = t - i + 1;
-      return Array.from({ length: n }, (u, c) => c + i);
-    };
+      return Array.from({ length: n }, (g, c) => c + i);
+    }, B = z(() => {
+      if (a.alignment)
+        switch (a.alignment) {
+          case "start":
+            return "justify-start";
+          case "end":
+            return "justify-end";
+          case "between":
+            return "justify-between";
+          default:
+            return "justify-center";
+        }
+      return a.showPageInfo || a.showItemsPerPage ? "justify-between" : "justify-center";
+    });
     return (i, t) => (s(), l("div", {
-      class: z(["flex flex-col md:flex-row items-center gap-4 w-full", [e.showPageInfo || e.showItemsPerPage ? "justify-between" : "justify-center"]])
+      class: S(["flex flex-col md:flex-row items-center gap-4 w-full", [B.value]])
     }, [
       e.showPageInfo || e.showItemsPerPage ? (s(), l("div", R, [
-        e.showItemsPerPage ? (s(), l("div", j, [
+        e.showItemsPerPage ? (s(), l("div", E, [
           t[8] || (t[8] = d("span", { class: "whitespace-nowrap" }, "Show", -1)),
-          d("div", E, [
+          d("div", V, [
             d("select", {
               value: e.itemsPerPage,
               class: "appearance-none bg-background border border-border hover:border-accent text-foreground py-1 pl-2 pr-6 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-sm cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
               disabled: e.disabled,
               onChange: T
             }, [
-              (s(!0), l(f, null, S(e.itemsPerPageOptions, (n) => (s(), l("option", {
+              (s(!0), l(P, null, $(e.itemsPerPageOptions, (n) => (s(), l("option", {
                 key: n,
                 value: n
-              }, x(n), 9, L))), 128))
-            ], 40, V),
+              }, x(n), 9, M))), 128))
+            ], 40, L),
             b(O, {
               icon: "lucide:chevron-down",
               class: "absolute right-1.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none"
             })
           ]),
           t[9] || (t[9] = d("span", { class: "whitespace-nowrap" }, "per page", -1))
-        ])) : P("", !0),
-        e.showItemsPerPage && e.showPageInfo ? (s(), l("div", M)) : P("", !0),
-        e.showPageInfo ? (s(), l("span", A, [
+        ])) : m("", !0),
+        e.showItemsPerPage && e.showPageInfo ? (s(), l("div", A)) : m("", !0),
+        e.showPageInfo ? (s(), l("span", F, [
           t[10] || (t[10] = h(" Page ", -1)),
-          d("span", F, x(e.currentPage), 1),
+          d("span", q, x(e.currentPage), 1),
           t[11] || (t[11] = h(" of ", -1)),
-          d("span", q, x(e.totalPages), 1)
-        ])) : P("", !0)
-      ])) : P("", !0),
-      d("nav", G, [
+          d("span", G, x(e.totalPages), 1)
+        ])) : m("", !0)
+      ])) : m("", !0),
+      d("nav", H, [
         e.showEdges ? (s(), v(o, {
           key: 0,
           variant: "ghost",
@@ -102,7 +116,7 @@ const R = {
           icon: "lucide:chevrons-left",
           disabled: e.disabled || e.currentPage === 1,
           onClick: t[0] || (t[0] = (n) => r(1))
-        }, null, 8, ["disabled"])) : P("", !0),
+        }, null, 8, ["disabled"])) : m("", !0),
         e.navType === "icon" ? (s(), v(o, {
           key: 1,
           variant: "ghost",
@@ -110,7 +124,7 @@ const R = {
           icon: "lucide:chevron-left",
           disabled: e.disabled || e.currentPage === 1,
           onClick: t[1] || (t[1] = (n) => r(e.currentPage - 1))
-        }, null, 8, ["disabled"])) : (s(), l(f, { key: 2 }, [
+        }, null, 8, ["disabled"])) : (s(), l(P, { key: 2 }, [
           b(o, {
             variant: "ghost",
             size: "sm",
@@ -132,12 +146,12 @@ const R = {
             onClick: t[3] || (t[3] = (n) => r(e.currentPage - 1))
           }, null, 8, ["disabled"])
         ], 64)),
-        (s(!0), l(f, null, S(D.value, (n, u) => (s(), l(f, { key: u }, [
-          n === "DOTS" ? (s(), l("div", H, "...")) : (s(), v(o, {
+        (s(!0), l(P, null, $(D.value, (n, g) => (s(), l(P, { key: g }, [
+          n === "DOTS" ? (s(), l("div", J, "...")) : (s(), v(o, {
             key: 1,
             size: "sm",
             variant: n === e.currentPage ? "outline" : "ghost",
-            class: z({
+            class: S({
               "bg-white text-primary border-primary ring-1 ring-primary pointer-events-none z-10": n === e.currentPage,
               "text-gray-600 hover:bg-gray-100": n !== e.currentPage
             }),
@@ -157,7 +171,7 @@ const R = {
           icon: "lucide:chevron-right",
           disabled: e.disabled || e.currentPage === e.totalPages,
           onClick: t[4] || (t[4] = (n) => r(e.currentPage + 1))
-        }, null, 8, ["disabled"])) : (s(), l(f, { key: 4 }, [
+        }, null, 8, ["disabled"])) : (s(), l(P, { key: 4 }, [
           b(o, {
             variant: "ghost",
             size: "sm",
@@ -186,11 +200,11 @@ const R = {
           icon: "lucide:chevrons-right",
           disabled: e.disabled || e.currentPage === e.totalPages,
           onClick: t[7] || (t[7] = (n) => r(e.totalPages))
-        }, null, 8, ["disabled"])) : P("", !0)
+        }, null, 8, ["disabled"])) : m("", !0)
       ])
     ], 2));
   }
 });
 export {
-  U as default
+  W as default
 };

package/components/ProgressBar/ProgressBar.vue.d.ts

@@ -0,0 +1,12 @@
+import { ProgressBarProps, ProgressBarVariant, ProgressBarSize } from '../../types/progressbar';
+declare const _default: import('vue').DefineComponent<ProgressBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressBarProps> & Readonly<{}>, {
+    type: import('../../types/progressbar').ProgressBarType;
+    size: ProgressBarSize;
+    variant: ProgressBarVariant;
+    rounded: string;
+    indeterminate: boolean;
+    striped: boolean;
+    showValue: boolean;
+    animated: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/ProgressBar/ProgressBar.vue.js

@@ -0,0 +1,7 @@
+import o from "./ProgressBar.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-454a1505"]]);
+export {
+  m as default
+};

package/components/ProgressBar/ProgressBar.vue2.js

@@ -0,0 +1,158 @@
+import { defineComponent as $, computed as s, openBlock as n, createElementBlock as i, normalizeStyle as o, normalizeClass as c, createElementVNode as d, toDisplayString as x, createCommentVNode as g } from "vue";
+const S = ["aria-valuenow"], M = {
+  key: 0,
+  class: "px-2 font-medium truncate"
+}, j = ["aria-valuenow"], E = ["width", "height", "viewBox"], I = ["cx", "cy", "r", "stroke-width"], N = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], W = /* @__PURE__ */ $({
+  __name: "ProgressBar",
+  props: {
+    modelValue: {},
+    type: { default: "linear" },
+    variant: { default: "primary" },
+    size: { default: "md" },
+    showValue: { type: Boolean, default: !1 },
+    label: {},
+    height: {},
+    width: {},
+    strokeWidth: {},
+    striped: { type: Boolean, default: !1 },
+    animated: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    color: {},
+    trackColor: {},
+    rounded: { default: "rounded-full" }
+  },
+  setup(t) {
+    const e = t, h = (a) => Math.min(100, Math.max(0, a)), m = (a) => {
+      if (a !== void 0)
+        return typeof a == "number" ? `${a}px` : a;
+    }, v = {
+      primary: "bg-primary text-primary-foreground",
+      secondary: "bg-secondary text-secondary-foreground",
+      success: "bg-success text-success-fg",
+      warning: "bg-warning text-warning-fg",
+      danger: "bg-destructive text-destructive-foreground",
+      info: "bg-info text-info-fg",
+      gradient: "bg-gradient-to-r from-primary to-purple-500 text-white"
+    }, y = {
+      xs: "h-1 text-[10px]",
+      sm: "h-2 text-xs",
+      md: "h-3 text-xs",
+      lg: "h-4 text-sm",
+      xl: "h-6 text-base"
+    }, w = {
+      xs: 40,
+      sm: 60,
+      md: 80,
+      lg: 120,
+      xl: 160
+    }, k = s(() => ({
+      height: m(e.height),
+      width: `${h(e.modelValue)}%`,
+      backgroundColor: e.color,
+      transition: "width 0.3s ease-in-out"
+    })), b = s(() => ({
+      backgroundColor: e.trackColor,
+      height: m(e.height)
+    })), r = s(() => {
+      const a = typeof e.width == "number" ? e.width : e.width ? parseInt(e.width) : w[e.size], l = e.strokeWidth || a / 10, f = (a - l) / 2, u = 2 * Math.PI * f, B = u - h(e.modelValue) / 100 * u;
+      return {
+        width: a,
+        stroke: l,
+        radius: f,
+        circumference: u,
+        offset: B,
+        center: a / 2
+      };
+    });
+    s(() => e.color ? e.color : "currentColor");
+    const p = s(() => [
+      "w-full overflow-hidden",
+      e.rounded,
+      e.height ? "" : y[e.size],
+      // Only apply preset height if custom not set
+      "bg-secondary"
+      // Default track
+    ]), C = s(() => [
+      "h-full flex items-center justify-center transition-all duration-300 rounded",
+      e.color ? "" : v[e.variant],
+      e.striped ? "bg-stripe" : "",
+      e.animated ? "animate-progress-stripe" : "",
+      e.indeterminate ? "animate-progress-indeterminate w-full origin-left" : ""
+    ]), z = s(() => ["absolute inset-0 flex items-center justify-center font-medium", {
+      xs: "text-[10px]",
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-lg",
+      xl: "text-xl"
+    }[e.size]].join(" ")), V = s(() => ({
+      primary: "text-primary",
+      secondary: "text-secondary-foreground",
+      success: "text-success",
+      warning: "text-warning",
+      danger: "text-destructive",
+      info: "text-info",
+      gradient: "text-primary"
+      // SVG gradient handled separately if needed
+    })[e.variant]);
+    return (a, l) => t.type === "linear" ? (n(), i("div", {
+      key: 0,
+      role: "progressbar",
+      "aria-valuenow": t.indeterminate ? void 0 : t.modelValue,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      class: c(p.value),
+      style: o(b.value)
+    }, [
+      d("div", {
+        class: c(C.value),
+        style: o(t.indeterminate ? {} : k.value)
+      }, [
+        t.showValue && !t.indeterminate && t.size !== "xs" && t.size !== "sm" ? (n(), i("span", M, x(t.label || `${Math.round(t.modelValue)}%`), 1)) : g("", !0)
+      ], 6)
+    ], 14, S)) : (n(), i("div", {
+      key: 1,
+      role: "progressbar",
+      "aria-valuenow": t.modelValue,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      class: "relative inline-flex items-center justify-center",
+      style: o({ width: `${r.value.width}px`, height: `${r.value.width}px` })
+    }, [
+      (n(), i("svg", {
+        width: r.value.width,
+        height: r.value.width,
+        viewBox: `0 0 ${r.value.width} ${r.value.width}`,
+        class: "transform -rotate-90"
+      }, [
+        d("circle", {
+          cx: r.value.center,
+          cy: r.value.center,
+          r: r.value.radius,
+          "stroke-width": r.value.stroke,
+          fill: "transparent",
+          class: "text-secondary stroke-current",
+          style: o({ stroke: t.trackColor })
+        }, null, 12, I),
+        d("circle", {
+          cx: r.value.center,
+          cy: r.value.center,
+          r: r.value.radius,
+          "stroke-width": r.value.stroke,
+          fill: "transparent",
+          "stroke-dasharray": r.value.circumference,
+          "stroke-dashoffset": r.value.offset,
+          "stroke-linecap": "round",
+          class: c(["stroke-current transition-all duration-300 ease-out", [t.color ? "" : V.value]]),
+          style: o({ stroke: t.color })
+        }, null, 14, N)
+      ], 8, E)),
+      t.showValue ? (n(), i("div", {
+        key: 0,
+        class: c(z.value)
+      }, x(t.label || `${Math.round(t.modelValue)}%`), 3)) : g("", !0)
+    ], 12, j));
+  }
+});
+export {
+  W as default
+};

package/components/ProgressBar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ProgressBar } from './ProgressBar.vue';
+export { ProgressBar };
+export * from '../../types/progressbar';

package/components/Spinner/Spinner.vue.d.ts

@@ -0,0 +1,8 @@
+import { SpinnerProps, SpinnerSize, SpinnerColor, SpinnerVariant } from './types';
+declare const _default: import('vue').DefineComponent<SpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
+    class: string;
+    color: SpinnerColor;
+    size: SpinnerSize;
+    variant: SpinnerVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;