vlite3 0.4.8 → 0.5.2

package/components/{Timeline.vue.d.ts → Timeline/Timeline.vue.d.ts}

@@ -1,19 +1,38 @@
-import { TimelineStep, TimelineDirection, TimelineTextPosition } from '../types';
+import { TimelineStep, TimelineDirection, TimelineTextPosition, TimelineLineStyle, TimelineIndicatorType } from '../../types';
 interface Props {
     steps: TimelineStep[];
     activeStep?: number;
     direction?: TimelineDirection;
     textPosition?: TimelineTextPosition;
+    lineStyle?: TimelineLineStyle;
+    indicatorType?: TimelineIndicatorType;
     clickable?: boolean;
     class?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        indicator?(_: any): any;
+        title?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
+        subtitle?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
+        status?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
         content?(_: {
             step: TimelineStep;
             index: number;
         }): any;
+        body?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
     };
     refs: {};
     rootEl: HTMLElement;
@@ -25,10 +44,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onStep-click"?: (step: TimelineStep, index: number) => any;
 }>, {
     class: string;
-    direction: TimelineDirection;
     clickable: boolean;
+    direction: TimelineDirection;
     activeStep: number;
     textPosition: TimelineTextPosition;
+    lineStyle: TimelineLineStyle;
+    indicatorType: TimelineIndicatorType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Timeline/Timeline.vue.js

@@ -0,0 +1,92 @@
+import { defineComponent as w, computed as b, openBlock as r, createElementBlock as c, normalizeClass as v, createElementVNode as u, normalizeStyle as y, createCommentVNode as p, Fragment as x, renderList as P, createBlock as $, withCtx as o, renderSlot as s, mergeProps as a } from "vue";
+import C from "./TimelineItem.vue.js";
+const B = {
+  key: 0,
+  class: "absolute top-4 left-4 right-4 h-0.5 bg-border",
+  "aria-hidden": "true"
+}, z = {
+  key: 1,
+  class: "absolute top-4 left-4 right-4 h-0.5 bg-border block sm:hidden",
+  "aria-hidden": "true"
+}, E = /* @__PURE__ */ w({
+  __name: "Timeline",
+  props: {
+    steps: {},
+    activeStep: { default: 0 },
+    direction: { default: "horizontal" },
+    textPosition: { default: "bottom" },
+    lineStyle: { default: "solid" },
+    indicatorType: { default: "icon" },
+    clickable: { type: Boolean, default: !1 },
+    class: { default: "" }
+  },
+  emits: ["step-click"],
+  setup(e, { emit: g }) {
+    const l = e, k = g, n = b(() => l.direction === "vertical"), d = b(() => l.steps.length <= 1 ? 0 : Math.min(l.activeStep, l.steps.length - 1) / (l.steps.length - 1) * 100), S = (i, f) => {
+      k("step-click", i, f);
+    };
+    return (i, f) => (r(), c("nav", {
+      "aria-label": "Progress",
+      class: v(["w-full", l.class])
+    }, [
+      u("ol", {
+        role: "list",
+        class: v([
+          "relative flex",
+          n.value ? "flex-col space-y-0" : "",
+          !n.value && e.textPosition === "bottom" ? "flex-row w-full justify-between items-center" : "",
+          !n.value && e.textPosition === "right" ? "flex-row w-full" : ""
+        ])
+      }, [
+        !n.value && e.textPosition === "bottom" ? (r(), c("div", B, [
+          u("div", {
+            class: "h-full bg-primary transition-all duration-300 ease-in-out",
+            style: y({ width: `${d.value}%` })
+          }, null, 4)
+        ])) : p("", !0),
+        !n.value && e.textPosition === "right" ? (r(), c("div", z, [
+          u("div", {
+            class: "h-full bg-primary transition-all duration-300 ease-in-out",
+            style: y({ width: `${d.value}%` })
+          }, null, 4)
+        ])) : p("", !0),
+        (r(!0), c(x, null, P(e.steps, (m, h) => (r(), $(C, {
+          key: m.id,
+          step: m,
+          index: h,
+          "is-last": h === e.steps.length - 1,
+          "active-step": e.activeStep,
+          direction: e.direction,
+          "text-position": e.textPosition,
+          "line-style": e.lineStyle,
+          "indicator-type": e.indicatorType,
+          clickable: e.clickable,
+          onStepClick: S
+        }, {
+          indicator: o((t) => [
+            s(i.$slots, "indicator", a({ ref_for: !0 }, t))
+          ]),
+          title: o((t) => [
+            s(i.$slots, "title", a({ ref_for: !0 }, t))
+          ]),
+          subtitle: o((t) => [
+            s(i.$slots, "subtitle", a({ ref_for: !0 }, t))
+          ]),
+          status: o((t) => [
+            s(i.$slots, "status", a({ ref_for: !0 }, t))
+          ]),
+          content: o((t) => [
+            s(i.$slots, "content", a({ ref_for: !0 }, t))
+          ]),
+          body: o((t) => [
+            s(i.$slots, "body", a({ ref_for: !0 }, t))
+          ]),
+          _: 3
+        }, 8, ["step", "index", "is-last", "active-step", "direction", "text-position", "line-style", "indicator-type", "clickable"]))), 128))
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  E as default
+};

package/components/Timeline/TimelineIndicator.vue.d.ts

@@ -0,0 +1,9 @@
+import { TimelineProgressStatus, TimelineIndicatorType } from '../../types';
+interface Props {
+    status: TimelineProgressStatus;
+    type: TimelineIndicatorType;
+    index: number;
+    icon?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/components/Timeline/TimelineIndicator.vue.js

@@ -0,0 +1,68 @@
+import { defineComponent as i, openBlock as t, createElementBlock as r, normalizeClass as n, toDisplayString as a, Fragment as c, createVNode as l, createBlock as o } from "vue";
+import s from "../Icon.vue.js";
+const u = {
+  key: 0,
+  class: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full bg-primary hover:bg-primary-dark transition-colors"
+}, d = {
+  key: 1,
+  class: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full border-2 border-primary bg-background"
+}, m = {
+  key: 1,
+  class: "h-2.5 w-2.5 rounded-full bg-primary"
+}, f = {
+  key: 2,
+  class: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full border-2 bg-background group-hover:border-muted-foreground transition-colors"
+}, y = {
+  key: 1,
+  class: "h-2.5 w-2.5 rounded-full bg-transparent group-hover:bg-muted"
+}, x = /* @__PURE__ */ i({
+  __name: "TimelineIndicator",
+  props: {
+    status: {},
+    type: {},
+    index: {},
+    icon: {}
+  },
+  setup(e) {
+    return (g, h) => (t(), r("span", {
+      class: n(["flex items-center justify-center shrink-0 bg-background z-10", [e.type === "dot" ? "h-5 w-5" : "h-9 w-9"]]),
+      "aria-hidden": "true"
+    }, [
+      e.type === "number" ? (t(), r("span", {
+        key: 0,
+        class: n([
+          "relative z-10 flex items-center justify-center rounded-full text-sm font-medium transition-colors h-8 w-8",
+          e.status === "completed" || e.status === "current" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+        ])
+      }, a(e.index + 1), 3)) : e.type === "dot" ? (t(), r("span", {
+        key: 1,
+        class: n(["relative z-10 flex items-center justify-center rounded-full transition-colors h-3.5 w-3.5", [
+          e.status === "completed" || e.status === "current" ? "bg-primary" : "bg-border",
+          e.status === "current" ? "ring-4 ring-primary/20" : ""
+        ]])
+      }, null, 2)) : (t(), r(c, { key: 2 }, [
+        e.status === "completed" ? (t(), r("span", u, [
+          l(s, {
+            icon: "lucide:check",
+            class: "h-5 w-5 text-primary-foreground"
+          })
+        ])) : e.status === "current" ? (t(), r("span", d, [
+          e.icon ? (t(), o(s, {
+            key: 0,
+            icon: e.icon,
+            class: "h-4 w-4 text-primary"
+          }, null, 8, ["icon"])) : (t(), r("span", m))
+        ])) : (t(), r("span", f, [
+          e.icon ? (t(), o(s, {
+            key: 0,
+            icon: e.icon,
+            class: "h-4 w-4 text-muted-foreground"
+          }, null, 8, ["icon"])) : (t(), r("span", y))
+        ]))
+      ], 64))
+    ], 2));
+  }
+});
+export {
+  x as default
+};

package/components/Timeline/TimelineIndicator.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TimelineIndicator.vue.js";
+export {
+  f as default
+};

package/components/Timeline/TimelineItem.vue.d.ts

@@ -0,0 +1,56 @@
+import { TimelineStep, TimelineDirection, TimelineTextPosition, TimelineLineStyle, TimelineIndicatorType } from '../../types';
+interface Props {
+    step: TimelineStep;
+    index: number;
+    isLast: boolean;
+    activeStep: number;
+    direction: TimelineDirection;
+    textPosition: TimelineTextPosition;
+    lineStyle: TimelineLineStyle;
+    indicatorType: TimelineIndicatorType;
+    clickable: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        content?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
+        content?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
+        title?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
+        subtitle?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
+        status?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
+        body?(_: {
+            step: TimelineStep;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "step-click": (step: TimelineStep, index: number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onStep-click"?: (step: TimelineStep, index: number) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Timeline/TimelineItem.vue.js

@@ -0,0 +1,173 @@
+import { defineComponent as C, computed as g, openBlock as s, createElementBlock as l, normalizeClass as o, createElementVNode as i, createVNode as y, createCommentVNode as c, renderSlot as a, toDisplayString as d, createBlock as u, createTextVNode as P, resolveDynamicComponent as I, normalizeProps as $, mergeProps as T } from "vue";
+import h from "../Icon.vue.js";
+import k from "./TimelineIndicator.vue.js";
+import { $t as m } from "../../utils/i18n.js";
+const B = { class: "flex flex-col items-center shrink-0 mr-4 w-9" }, V = { class: "flex flex-col gap-1" }, N = { class: "flex justify-between items-start gap-4" }, D = { class: "text-sm font-semibold text-foreground leading-none" }, j = {
+  key: 0,
+  class: "text-sm text-muted-foreground mt-1"
+}, p = {
+  key: 0,
+  class: "shrink-0"
+}, z = {
+  key: 0,
+  class: "h-1.5 w-1.5 rounded-full bg-muted-foreground"
+}, E = { class: "mt-1" }, q = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, A = {
+  key: 0,
+  class: "text-xs text-muted-foreground mt-1"
+}, F = {
+  key: 0,
+  class: "hidden sm:block flex-1 h-0.5 bg-border ml-2",
+  "aria-hidden": "true"
+}, O = /* @__PURE__ */ C({
+  __name: "TimelineItem",
+  props: {
+    step: {},
+    index: {},
+    isLast: { type: Boolean },
+    activeStep: {},
+    direction: {},
+    textPosition: {},
+    lineStyle: {},
+    indicatorType: {},
+    clickable: { type: Boolean }
+  },
+  emits: ["step-click"],
+  setup(e, { emit: v }) {
+    const n = e, w = v, S = g(() => n.direction === "vertical"), r = g(() => n.step.progressStatus ? n.step.progressStatus : n.index < n.activeStep ? "completed" : n.index === n.activeStep ? "current" : "upcoming"), x = (t) => t.titleI18n ? m(t.titleI18n) : t.title, L = (t) => t.subtitleI18n ? m(t.subtitleI18n) : t.subtitle, f = (t) => t.descriptionI18n ? m(t.descriptionI18n) : t.description, b = () => {
+      n.clickable && w("step-click", n.step, n.index);
+    };
+    return (t, G) => S.value ? (s(), l("li", {
+      key: 0,
+      class: o(["relative flex w-full", e.clickable ? "cursor-pointer" : ""]),
+      onClick: b
+    }, [
+      i("div", B, [
+        y(k, {
+          status: r.value,
+          type: e.indicatorType,
+          index: e.index,
+          icon: e.step.icon
+        }, null, 8, ["status", "type", "index", "icon"]),
+        e.isLast ? c("", !0) : (s(), l("div", {
+          key: 0,
+          class: o(["my-2 flex-1 transition-colors duration-300", [
+            e.lineStyle === "dashed" ? "w-0 border-l-[1.5px] border-dashed" : "w-0.5",
+            r.value === "completed" ? e.lineStyle === "dashed" ? "border-primary" : "bg-primary" : e.lineStyle === "dashed" ? "border-border" : "bg-border"
+          ]])
+        }, null, 2))
+      ]),
+      i("div", {
+        class: o(["flex-1 flex flex-col pt-0.5", e.isLast ? "pb-0" : "pb-10"])
+      }, [
+        a(t.$slots, "content", {
+          step: e.step,
+          index: e.index
+        }, () => [
+          i("div", V, [
+            i("div", N, [
+              i("div", null, [
+                a(t.$slots, "title", {
+                  step: e.step,
+                  index: e.index
+                }, () => [
+                  i("h4", D, d(x(e.step)), 1)
+                ]),
+                a(t.$slots, "subtitle", {
+                  step: e.step,
+                  index: e.index
+                }, () => [
+                  e.step.subtitle || e.step.subtitleI18n ? (s(), l("p", j, d(L(e.step)), 1)) : c("", !0)
+                ])
+              ]),
+              e.step.status || t.$slots.status ? (s(), l("div", p, [
+                a(t.$slots, "status", {
+                  step: e.step,
+                  index: e.index
+                }, () => [
+                  i("span", {
+                    class: o(["inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium border", [
+                      e.step.status?.toLowerCase().includes("approv") || e.step.status?.toLowerCase().includes("complet") ? "bg-success-light text-success-dark border-success/20" : "",
+                      e.step.status?.toLowerCase().includes("pend") ? "bg-muted text-muted-foreground border-border" : "",
+                      e.step.status?.toLowerCase().includes("progress") ? "bg-primary-light text-primary border-primary/20" : ""
+                    ]])
+                  }, [
+                    e.step.status?.toLowerCase().includes("pend") ? (s(), l("span", z)) : e.step.status?.toLowerCase().includes("approv") || e.step.status?.toLowerCase().includes("complet") ? (s(), u(h, {
+                      key: 1,
+                      icon: "lucide:check",
+                      class: "h-3 w-3"
+                    })) : e.step.status?.toLowerCase().includes("progress") ? (s(), u(h, {
+                      key: 2,
+                      icon: "lucide:loader-2",
+                      class: "h-3 w-3 animate-spin"
+                    })) : c("", !0),
+                    P(" " + d(e.step.status), 1)
+                  ], 2)
+                ])
+              ])) : c("", !0)
+            ]),
+            i("div", E, [
+              a(t.$slots, "body", {
+                step: e.step,
+                index: e.index
+              }, () => [
+                e.step.component ? (s(), u(I(e.step.component), $(T({ key: 0 }, e.step.componentProps)), null, 16)) : e.step.description || e.step.descriptionI18n ? (s(), l("p", q, d(f(e.step)), 1)) : c("", !0)
+              ])
+            ])
+          ])
+        ])
+      ], 2)
+    ], 2)) : (s(), l("li", {
+      key: 1,
+      onClick: b,
+      class: o([
+        "relative",
+        e.clickable ? "cursor-pointer" : "",
+        e.textPosition === "bottom" ? "flex-none w-8" : "flex-1 last:flex-none"
+      ])
+    }, [
+      i("div", {
+        class: o([
+          "group relative flex",
+          e.textPosition === "bottom" ? "flex-col items-center justify-center" : "flex-col items-center sm:flex-row sm:items-center sm:gap-2 w-full"
+        ])
+      }, [
+        y(k, {
+          status: r.value,
+          type: e.indicatorType,
+          index: e.index,
+          icon: e.step.icon
+        }, null, 8, ["status", "type", "index", "icon"]),
+        i("span", {
+          class: o([
+            "min-w-[max-content] flex-col hidden sm:flex",
+            e.textPosition === "bottom" ? "absolute top-10 text-center" : "",
+            e.textPosition === "bottom" && e.index === 0 ? "left-0 text-left items-start" : "",
+            e.textPosition === "bottom" && e.isLast ? "right-0 text-right items-end" : "",
+            e.textPosition === "bottom" && e.index > 0 && !e.isLast ? "left-1/2 -translate-x-1/2 items-center" : ""
+          ])
+        }, [
+          a(t.$slots, "content", {
+            step: e.step,
+            index: e.index
+          }, () => [
+            i("span", {
+              class: o(["text-sm font-medium leading-tight", r.value === "upcoming" ? "text-muted-foreground" : "text-primary"])
+            }, d(x(e.step)), 3),
+            e.step.description || e.step.descriptionI18n ? (s(), l("span", A, d(f(e.step)), 1)) : c("", !0)
+          ])
+        ], 2),
+        e.textPosition === "right" && !e.isLast ? (s(), l("div", F, [
+          i("div", {
+            class: o(["h-full bg-primary transition-all duration-300", e.index < e.activeStep ? "w-full" : "w-0"])
+          }, null, 2)
+        ])) : c("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  O as default
+};

package/components/Timeline/TimelineItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TimelineItem.vue.js";
+export {
+  f as default
+};

package/components/Timeline/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Timeline } from './Timeline.vue';
+export { default as TimelineItem } from './TimelineItem.vue';
+export { default as TimelineIndicator } from './TimelineIndicator.vue';

package/components/Tooltip.vue.d.ts

@@ -16,12 +16,12 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     disabled: boolean;
-    triggerClass: string;
-    contentClass: string;
     className: string;
     teleport: boolean;
+    triggerClass: string;
     placement: import('v-tooltip-lite/types').TooltTipPlacement;
     arrow: boolean;
+    contentClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Workbook/Sheet.vue.d.ts

@@ -33,11 +33,11 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onEdit-end"?: (id: string) => any;
     onDuplicate?: (id: string) => any;
 }>, {
-    itemClass: string;
+    confirmDelete: boolean;
     isEditing: boolean;
     canDelete: boolean;
-    confirmDelete: boolean;
     allowIconChange: boolean;
+    itemClass: string;
     activeItemClass: string;
     inactiveItemClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/components/Workbook/Workbook.vue.d.ts

@@ -13,31 +13,31 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<WorkbookProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (id: string) => any;
     change: (id: string) => any;
     delete: (id: string) => any;
     add: () => any;
+    "update:modelValue": (id: string) => any;
     "edit-start": (id: string) => any;
     "edit-end": (id: string) => any;
     duplicate: (id: string) => any;
     "update:sheets": (sheets: WorkbookSheet[]) => any;
 }, string, import('vue').PublicProps, Readonly<WorkbookProps> & Readonly<{
-    "onUpdate:modelValue"?: (id: string) => any;
     onChange?: (id: string) => any;
     onDelete?: (id: string) => any;
     onAdd?: () => any;
+    "onUpdate:modelValue"?: (id: string) => any;
     "onEdit-start"?: (id: string) => any;
     "onEdit-end"?: (id: string) => any;
     onDuplicate?: (id: string) => any;
     "onUpdate:sheets"?: (sheets: WorkbookSheet[]) => any;
 }>, {
     variant: "chrome" | "folder" | "simple" | "card";
-    itemClass: string;
     modelValue: string;
     editable: boolean;
     draggable: boolean;
     confirmDelete: boolean;
     allowIconChange: boolean;
+    itemClass: string;
     activeItemClass: string;
     inactiveItemClass: string;
     sheets: WorkbookSheet[];

package/components/index.d.ts

@@ -0,0 +1,62 @@
+export { Accordion } from './Accordion';
+export { default as Alert } from './Alert.vue';
+export { default as Avatar } from './Avatar.vue';
+export { AvatarUploader } from './AvatarUploader';
+export { default as Badge } from './Badge.vue';
+export { Barcode } from './Barcode';
+export { Breadcrumb, BreadcrumbItem } from './Breadcrumb';
+export { default as Button } from './Button.vue';
+export { default as ButtonGroup } from './ButtonGroup.vue';
+export { Carousel } from './Carousel';
+export { default as CheckBox } from './CheckBox.vue';
+export { Chip } from './Chip';
+export { ChoiceBox } from './ChoiceBox';
+export { ColorPicker } from './ColorPicker';
+export { default as ConfirmationModal } from './ConfirmationModal.vue';
+export { default as CustomFields } from './Form/CustomFields.vue';
+export { DataList } from './DataList';
+export { List } from './List';
+export { DataTable } from './DataTable';
+export { default as DatePicker } from './DatePicker.vue';
+export { default as DateRangePicker } from './DateRangePicker.vue';
+export { Dropdown } from './Dropdown';
+export { Empty } from './Empty';
+export { FilePicker } from './FilePicker';
+export { FileTree } from './FileTree';
+export { Form } from './Form';
+export { default as FormFields } from './Form/FormFields.vue';
+export { default as GoogleLogin } from './GoogleLogin.vue';
+export { Heatmap } from './Heatmap';
+export { default as Icon } from './Icon.vue';
+export { default as IconPicker } from './IconPicker.vue';
+export { default as Input } from './Input.vue';
+export { Kanban } from './Kanban';
+export { default as Label } from './Label.vue';
+export { default as Logo } from './Logo.vue';
+export { Masonry } from './Masonry';
+export { default as Modal } from './Modal.vue';
+export { MultiSelect } from './MultiSelect';
+export { Navbar, NavbarGroup, NavbarItem } from './Navbar';
+export { default as NumberInput } from './NumberInput.vue';
+export { OTPInput } from './OTPInput';
+export { Pagination } from './Pagination';
+export { PermissionMatrix, PermissionEditor } from './PermissionMatrix';
+export { PricingPlan } from './PricingPlan';
+export { ProgressBar } from './ProgressBar';
+export { QRCode } from './QRCode';
+export { Screen } from './Screen';
+export { SidebarMenu } from './SidebarMenu';
+export { default as SidePanel } from './SidePanel.vue';
+export { default as Slider } from './Slider.vue';
+export { Spinner } from './Spinner';
+export { Stats } from './Stats';
+export { default as Switch } from './Switch.vue';
+export { Tabes } from './Tabes';
+export { default as Textarea } from './Textarea.vue';
+export { default as ThemeToggle } from './ThemeToggle.vue';
+export { Timeline } from './Timeline';
+export { default as ToastNotification } from './ToastNotification.vue';
+export { default as Tooltip } from './Tooltip.vue';
+export { Workbook } from './Workbook';
+export { ExportData } from './ExportData';
+export { ImportData } from './ImportData';

package/composables/useBreadcrumb.d.ts

@@ -0,0 +1,17 @@
+import { BreadcrumbItemSchema } from '../components/Breadcrumb/types';
+export interface UseBreadcrumbOptions {
+    /** Icon for the home item (default: 'lucide:home') */
+    homeIcon?: string;
+    /** Label for the home item (default: 'Home') */
+    homeLabel?: string;
+    /** Path for the home item (default: '/') */
+    homePath?: string;
+    /** Override labels for specific route paths, e.g. { '/settings': 'Preferences' } */
+    labelMap?: Record<string, string>;
+}
+/**
+ * Composable that generates reactive breadcrumb items from the current route path.
+ */
+export declare function useBreadcrumb(options?: UseBreadcrumbOptions): {
+    items: import('vue').ComputedRef<BreadcrumbItemSchema[]>;
+};

package/composables/useBreadcrumb.js

@@ -0,0 +1,27 @@
+import { computed as b } from "vue";
+import { useRoute as f } from "vue-router";
+function d(e) {
+  return e.replace(/[-_]/g, " ").replace(/\b\w/g, (t) => t.toUpperCase());
+}
+function L(e = {}) {
+  const t = f(), { homeIcon: n = "lucide:home", homeLabel: a = "Home", homePath: o = "/", labelMap: m = {} } = e;
+  return { items: b(() => {
+    const r = t.path;
+    if (r === o || r === `${o}/`)
+      return [{ label: a, icon: n }];
+    const s = r.split("/").filter(Boolean), l = [{ label: a, to: o, icon: n }];
+    let c = "";
+    return s.forEach((u, p) => {
+      c += `/${u}`;
+      const i = p === s.length - 1, h = m[c] || d(u);
+      l.push({
+        label: h,
+        to: i ? void 0 : c,
+        active: i
+      });
+    }), l;
+  }) };
+}
+export {
+  L as useBreadcrumb
+};