vlite3 0.4.8 → 0.5.2

package/components/ChoiceBox/ChoiceBox.vue.d.ts

@@ -22,16 +22,16 @@ interface Props {
     gap?: number;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string | number | (string | number)[]) => any;
     change: (value: string | number | (string | number)[]) => any;
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: string | number | (string | number)[]) => any;
     onChange?: (value: string | number | (string | number)[]) => any;
+    "onUpdate:modelValue"?: (value: string | number | (string | number)[]) => any;
 }>, {
     disabled: boolean;
-    modelValue: string | number | (string | number)[] | null;
     multiple: boolean;
-    gap: number;
+    modelValue: string | number | (string | number)[] | null;
     grid: number;
+    gap: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/ColorPicker/ColorPicker.vue.d.ts

@@ -9,14 +9,14 @@ interface Props {
     showInput?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string) => any;
     change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: string) => any;
     onChange?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
 }>, {
-    disabled: boolean;
     size: "sm" | "md" | "lg";
+    disabled: boolean;
     modelValue: string;
     position: TooltTipPlacement;
     showInput: boolean;

package/components/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorPicker } from './ColorPicker.vue';

package/components/CommandPaletteContent.vue.d.ts

@@ -0,0 +1,15 @@
+import { SidebarMenuItemSchema } from './SidebarMenu/types';
+import { CommandPaletteItem } from './NavbarCommandPalette.vue';
+type __VLS_Props = {
+    close: () => void;
+    items: CommandPaletteItem[];
+    menuItems: SidebarMenuItemSchema[];
+    placeholder: string;
+    placeholderI18n?: string;
+    maxResultsPerGroup: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+    listRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/components/CommandPaletteContent.vue.js

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

package/components/CommandPaletteContent.vue2.js

@@ -0,0 +1,287 @@
+import { defineComponent as X, computed as c, ref as _, watch as Y, onMounted as Z, nextTick as T, openBlock as i, createElementBlock as f, createElementVNode as l, createVNode as w, withDirectives as ee, vModelText as te, createTextVNode as I, toDisplayString as u, createCommentVNode as b, Fragment as M, renderList as j, normalizeClass as z, createBlock as oe } from "vue";
+import { useRouter as ne } from "vue-router";
+import h from "./Icon.vue.js";
+import { $t as C } from "../utils/i18n.js";
+const re = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, se = { class: "flex items-center gap-3 px-4 py-3.5 border-b border-border/60 shrink-0" }, le = ["placeholder", "aria-activedescendant"], ae = ["aria-label"], ce = {
+  key: 0,
+  class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",
+  "aria-live": "polite"
+}, ue = { class: "text-sm font-medium text-muted-foreground" }, ie = { class: "text-foreground font-semibold" }, de = { class: "text-xs text-muted-foreground/60 mt-1" }, fe = ["aria-label"], pe = ["aria-label"], me = ["id", "aria-selected", "aria-disabled", "data-active", "onClick", "onMouseenter"], xe = { class: "flex-1 min-w-0" }, ve = { class: "block font-medium truncate text-inherit leading-tight" }, be = {
+  key: 0,
+  class: "block text-xs text-muted-foreground/70 truncate mt-0.5"
+}, he = {
+  key: 1,
+  class: "shrink-0 hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-mono border border-border/60 bg-background/80 text-muted-foreground ml-1"
+}, ge = {
+  key: 0,
+  class: "my-1.5 mx-3 h-px bg-border/40",
+  "aria-hidden": "true"
+}, ke = {
+  class: "px-4 py-2.5 border-t border-border/40 flex items-center gap-4 shrink-0 bg-muted/30",
+  "aria-hidden": "true"
+}, ye = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, _e = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, we = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, Ie = { class: "ml-auto text-[11px] text-muted-foreground/50" }, Pe = /* @__PURE__ */ X({
+  __name: "CommandPaletteContent",
+  props: {
+    close: { type: Function },
+    items: {},
+    menuItems: {},
+    placeholder: {},
+    placeholderI18n: {},
+    maxResultsPerGroup: {}
+  },
+  setup(R) {
+    const d = R, p = (t, o) => {
+      const n = C(t);
+      return n !== t ? n : o;
+    }, B = c(() => {
+      if (d.placeholderI18n) {
+        const t = C(d.placeholderI18n);
+        if (t !== d.placeholderI18n) return t;
+      }
+      return d.placeholder;
+    }), F = c(() => p("vlite.commandPalette.noResults", "No results for")), L = c(
+      () => p("vlite.commandPalette.noResultsDesc", "Try a different term or browse with arrow keys")
+    ), S = c(() => p("vlite.commandPalette.navigate", "Navigate")), K = c(() => p("vlite.commandPalette.open", "Open")), O = c(() => p("vlite.commandPalette.close", "Close")), N = c(() => p("vlite.commandPalette.result", "result")), P = c(() => p("vlite.commandPalette.results", "results"));
+    function D(t) {
+      if (t.labelI18n) {
+        const o = C(t.labelI18n);
+        if (o !== t.labelI18n) return o;
+      }
+      return t.label;
+    }
+    function $(t) {
+      if (t.descriptionI18n) {
+        const o = C(t.descriptionI18n);
+        if (o !== t.descriptionI18n) return o;
+      }
+      return t.description ?? "";
+    }
+    const v = _(""), a = _(0), E = _(null), V = _(null), U = ne();
+    function q(t, o, n = 0) {
+      const r = [];
+      for (const e of t) {
+        const s = n === 0 ? e.label : o ?? "Navigation";
+        (e.to || e.href || e.action) && r.push({
+          id: e.id ?? (typeof e.to == "string" ? e.to : "") ?? e.label,
+          label: e.label,
+          labelI18n: e.labelI18n,
+          icon: e.icon,
+          group: s,
+          to: typeof e.to == "string" ? e.to : e.to?.path,
+          href: e.href,
+          action: e.action ? () => e.action(e) : void 0,
+          disabled: e.disabled
+        }), e.children?.length && r.push(...q(e.children, s, n + 1));
+      }
+      return r;
+    }
+    const W = c(() => {
+      const t = q(d.menuItems), o = /* @__PURE__ */ new Set(), n = [];
+      for (const r of [...d.items, ...t])
+        o.has(r.id) || (o.add(r.id), n.push(r));
+      return n;
+    });
+    function g(t) {
+      return t.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+    }
+    function H(t, o) {
+      const n = g(D(t)), r = g($(t)), e = (t.keywords ?? []).map(g).join(" "), s = g(o);
+      return n === s ? 100 : n.startsWith(s) ? 80 : n.includes(s) ? 60 : r.includes(s) || e.includes(s) ? 40 : 0;
+    }
+    const k = c(() => {
+      const t = v.value.trim();
+      let o = W.value.filter((e) => !e.disabled);
+      t && (o = o.map((e) => ({ item: e, s: H(e, t) })).filter(({ s: e }) => e > 0).sort((e, s) => s.s - e.s).map(({ item: e }) => e));
+      const n = /* @__PURE__ */ new Map();
+      for (const e of o) {
+        const s = e.group ?? "Actions";
+        n.has(s) || n.set(s, []), n.get(s).push(e);
+      }
+      const r = [];
+      for (const [e, s] of n)
+        r.push({
+          key: e,
+          label: e,
+          items: s.slice(0, d.maxResultsPerGroup)
+        });
+      return r;
+    }), y = c(() => k.value.flatMap((t) => t.items)), m = c(() => y.value.length), J = (t) => {
+      if (t.key === "Escape") {
+        d.close();
+        return;
+      }
+      if (t.key === "ArrowDown") {
+        t.preventDefault(), a.value = Math.min(a.value + 1, m.value - 1), A();
+        return;
+      }
+      if (t.key === "ArrowUp") {
+        t.preventDefault(), a.value = Math.max(a.value - 1, 0), A();
+        return;
+      }
+      if (t.key === "Enter") {
+        t.preventDefault();
+        const o = y.value[a.value];
+        o && G(o);
+      }
+    }, A = () => {
+      T(() => {
+        V.value?.querySelector('[data-active="true"]')?.scrollIntoView({ block: "nearest" });
+      });
+    };
+    Y(v, () => {
+      a.value = 0;
+    });
+    const G = (t) => {
+      if (!t.disabled) {
+        if (d.close(), t.action) {
+          t.action();
+          return;
+        }
+        if (t.to) {
+          U.push(t.to).catch(() => {
+          });
+          return;
+        }
+        t.href && window.open(t.href, "_blank", "noopener,noreferrer");
+      }
+    }, x = (t, o) => {
+      let n = 0;
+      for (let r = 0; r < t; r++)
+        n += k.value[r].items.length;
+      return n + o;
+    };
+    return Z(() => {
+      T(() => {
+        E.value?.focus();
+      });
+    }), (t, o) => (i(), f("div", re, [
+      l("div", se, [
+        w(h, {
+          icon: "lucide:search",
+          class: "w-4 h-4 text-muted-foreground shrink-0"
+        }),
+        ee(l("input", {
+          ref_key: "inputRef",
+          ref: E,
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => v.value = n),
+          type: "text",
+          autocomplete: "off",
+          autocorrect: "off",
+          spellcheck: "false",
+          placeholder: B.value,
+          class: "flex-1 bg-transparent text-sm text-foreground placeholder:text-muted-foreground/60 outline-none min-w-0",
+          "aria-autocomplete": "list",
+          "aria-activedescendant": y.value[a.value] ? `cp-item-${y.value[a.value].id}` : void 0,
+          "aria-controls": "cp-listbox",
+          onKeydown: J
+        }, null, 40, le), [
+          [te, v.value]
+        ]),
+        l("button", {
+          type: "button",
+          class: "shrink-0 p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+          "aria-label": "Close",
+          tabindex: "-1",
+          onClick: o[1] || (o[1] = //@ts-ignore
+          (...n) => R.close && R.close(...n))
+        }, [
+          w(h, {
+            icon: "lucide:x",
+            class: "w-3.5 h-3.5"
+          })
+        ])
+      ]),
+      l("div", {
+        id: "cp-listbox",
+        ref_key: "listRef",
+        ref: V,
+        role: "listbox",
+        class: "flex-1 overflow-y-auto py-2 scrollbar-thin",
+        "aria-label": `${m.value} ${m.value === 1 ? N.value : P.value}`
+      }, [
+        m.value === 0 ? (i(), f("div", ce, [
+          w(h, {
+            icon: "lucide:search-x",
+            class: "w-9 h-9 text-muted-foreground/40 mb-3"
+          }),
+          l("p", ue, [
+            I(u(F.value) + " ", 1),
+            l("span", ie, '"' + u(v.value) + '"', 1)
+          ]),
+          l("p", de, u(L.value), 1)
+        ])) : b("", !0),
+        (i(!0), f(M, null, j(k.value, (n, r) => (i(), f(M, {
+          key: n.key
+        }, [
+          l("div", {
+            class: "px-4 py-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60 select-none",
+            "aria-label": `Group: ${n.label}`
+          }, u(n.label), 9, fe),
+          l("div", {
+            role: "group",
+            "aria-label": n.label,
+            class: "px-2"
+          }, [
+            (i(!0), f(M, null, j(n.items, (e, s) => (i(), f("button", {
+              key: e.id,
+              id: `cp-item-${e.id}`,
+              type: "button",
+              role: "option",
+              "aria-selected": x(r, s) === a.value,
+              "aria-disabled": e.disabled || void 0,
+              "data-active": x(r, s) === a.value,
+              class: z(["command-palette-item w-full flex items-center gap-3 px-3! py-2.5 mx-1 rounded-lg text-sm transition-colors duration-100 text-left cursor-pointer select-none focus-visible:outline-none", [
+                x(r, s) === a.value ? "bg-primary/10 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+                e.disabled ? "opacity-40 cursor-not-allowed" : ""
+              ]]),
+              style: { width: "calc(100% - 8px)" },
+              onClick: (Q) => G(e),
+              onMouseenter: (Q) => a.value = x(r, s)
+            }, [
+              l("span", {
+                class: z([
+                  "shrink-0 flex items-center justify-center w-7 h-7 rounded-md",
+                  x(r, s) === a.value ? "bg-primary/20 text-primary" : "bg-muted/80 text-muted-foreground"
+                ])
+              }, [
+                w(h, {
+                  icon: e.icon ?? "lucide:arrow-right",
+                  class: "w-3.5 h-3.5"
+                }, null, 8, ["icon"])
+              ], 2),
+              l("span", xe, [
+                l("span", ve, u(D(e)), 1),
+                e.description || e.descriptionI18n ? (i(), f("span", be, u($(e)), 1)) : b("", !0)
+              ]),
+              e.href ? (i(), oe(h, {
+                key: 0,
+                icon: "lucide:external-link",
+                class: "shrink-0 w-3 h-3 text-muted-foreground/50"
+              })) : b("", !0),
+              x(r, s) === a.value ? (i(), f("kbd", he, " ↵ ")) : b("", !0)
+            ], 42, me))), 128))
+          ], 8, pe),
+          r < k.value.length - 1 ? (i(), f("div", ge)) : b("", !0)
+        ], 64))), 128))
+      ], 8, ae),
+      l("div", ke, [
+        l("span", ye, [
+          o[2] || (o[2] = l("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "↑↓", -1)),
+          I(" " + u(S.value), 1)
+        ]),
+        l("span", _e, [
+          o[3] || (o[3] = l("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "↵", -1)),
+          I(" " + u(K.value), 1)
+        ]),
+        l("span", we, [
+          o[4] || (o[4] = l("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "Esc", -1)),
+          I(" " + u(O.value), 1)
+        ]),
+        l("span", Ie, u(m.value) + " " + u(m.value === 1 ? N.value : P.value), 1)
+      ])
+    ]));
+  }
+});
+export {
+  Pe as default
+};

package/components/ConfirmationModal.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as I, computed as l, openBlock as y, createBlock as h, withCtx as s, createElementVNode as r, toDisplayString as f, createVNode as m, renderSlot as x } from "vue";
-import w from "./Modal.vue.js";
+import { defineComponent as I, computed as l, openBlock as h, createBlock as w, withCtx as s, createElementVNode as r, toDisplayString as f, createVNode as m, renderSlot as x } from "vue";
+import y from "./Modal.vue.js";
 import p from "./Button.vue.js";
 import { $t as n } from "../utils/i18n.js";
-const b = { class: "py-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg" }, k = { class: "text-sm text-muted-foreground" }, _ = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, V = /* @__PURE__ */ I({
+const b = { class: "pb-2 px-[2px]" }, k = { class: "mb-1.5 font-semibold text-lg" }, $ = { class: "text-sm text-muted-foreground" }, B = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, S = /* @__PURE__ */ I({
   __name: "ConfirmationModal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -21,7 +21,9 @@ const b = { class: "py-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg
   setup(o, { emit: u }) {
     const t = o, d = u, a = () => {
       d("cancel");
-    }, v = l(() => t.titleI18n ? n(t.titleI18n) : t.title), T = l(() => t.descriptionI18n ? n(t.descriptionI18n) : t.description), g = l(() => {
+    }, v = l(() => t.titleI18n ? n(t.titleI18n) : t.title), T = l(
+      () => t.descriptionI18n ? n(t.descriptionI18n) : t.description
+    ), g = l(() => {
       if (t.confirmTextI18n) return n(t.confirmTextI18n);
       if (t.confirmText) return t.confirmText;
       const e = n("vlite.confirmation.confirm");
@@ -32,7 +34,7 @@ const b = { class: "py-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg
       const e = n("vlite.confirmation.cancel");
       return e !== "vlite.confirmation.cancel" ? e : "Cancel";
     });
-    return (e, i) => (y(), h(w, {
+    return (e, i) => (h(), w(y, {
       show: o.show,
       footerClass: "border-t-0! pt-0! pb-3.5!",
       "max-width": "max-w-[400px]",
@@ -45,7 +47,7 @@ const b = { class: "py-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg
         ])
       ]),
       footer: s(({ close: c }) => [
-        r("div", _, [
+        r("div", B, [
           m(p, {
             variant: "secondary",
             text: C.value,
@@ -60,14 +62,14 @@ const b = { class: "py-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg
             variant: o.variant,
             text: g.value,
             loading: o.loading,
-            onClick: i[0] || (i[0] = (B) => d("confirm"))
+            onClick: i[0] || (i[0] = (_) => d("confirm"))
           }, null, 8, ["variant", "text", "loading"])
         ])
       ]),
       default: s(() => [
         r("div", b, [
-          r("h3", $, f(v.value), 1),
-          r("p", k, f(T.value), 1)
+          r("h3", k, f(v.value), 1),
+          r("p", $, f(T.value), 1)
         ])
       ]),
       _: 3
@@ -75,5 +77,5 @@ const b = { class: "py-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg
   }
 });
 export {
-  V as default
+  S as default
 };

package/components/DataList/DataList.vue.d.ts

@@ -33,10 +33,10 @@ declare const __VLS_component: import('vue').DefineComponent<DataListProps, {},
     data: any[];
     loading: boolean;
     className: string;
-    emptyIcon: string;
-    showPagination: boolean;
     paginationProps: import('./types').DataListMetaInfo;
+    emptyIcon: string;
     itemProps: Record<string, any>;
+    showPagination: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/DataTable/DataTable.vue.d.ts

@@ -33,19 +33,19 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
 }>, {
     search: string;
     variant: "default" | "raised";
+    striped: boolean;
+    compact: boolean;
     loading: boolean;
     rows: any[];
     selectable: boolean;
     showSearch: boolean;
-    compact: boolean;
     headers: import('./types').TableHeader[];
-    keyField: string;
-    hoverable: boolean;
-    striped: boolean;
-    selectedRows: any[];
+    paginationProps: import('./types').DataTablePaginationProps;
     emptyIcon: string;
+    selectedRows: any[];
     showPagination: boolean;
-    paginationProps: import('./types').DataTablePaginationProps;
+    keyField: string;
+    hoverable: boolean;
     bordered: boolean;
     sortable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/components/DataTable/DataTableRow.vue.d.ts

@@ -35,12 +35,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
         index: number;
     }) => any;
 }>, {
-    isSelected: boolean;
-    selectable: boolean;
+    striped: boolean;
     compact: boolean;
+    selectable: boolean;
+    isSelected: boolean;
     keyField: string;
     hoverable: boolean;
-    striped: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/DatePicker.vue.d.ts

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

package/components/DatePicker.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as P, computed as n, openBlock as f, createBlock as v, unref as o, withCtx as r, createElementVNode as k, createVNode as m, renderSlot as w, mergeProps as h } from "vue";
+import { defineComponent as P, computed as n, openBlock as f, createBlock as v, unref as o, withCtx as r, createElementVNode as V, createVNode as m, renderSlot as k, mergeProps as h } from "vue";
 import b from "./Button.vue.js";
-import I from "./Dropdown/Dropdown.vue.js";
+import w from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as y } from "../utils/i18n.js";
-import V, { TimePicker as z } from "v-datepicker-lite";
+import I, { TimePicker as z } from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 const S = { class: "overflow-hidden min-w-[300px]" }, H = /* @__PURE__ */ P({
   __name: "DatePicker",
@@ -57,7 +57,7 @@ const S = { class: "overflow-hidden min-w-[300px]" }, H = /* @__PURE__ */ P({
     }), c = (t) => {
       a.value = t;
     };
-    return (t, d) => e.mode !== "time" ? (f(), v(o(I), {
+    return (t, d) => e.mode !== "time" ? (f(), v(o(w), {
       key: 0,
       position: "bottom-start",
       class: "w-full",
@@ -66,7 +66,7 @@ const S = { class: "overflow-hidden min-w-[300px]" }, H = /* @__PURE__ */ P({
       disabled: e.disabled || e.readonly
     }, {
       trigger: r(() => [
-        w(t.$slots, "default", {
+        k(t.$slots, "default", {
           value: a.value,
           displayValue: i.value
         }, () => [
@@ -80,8 +80,8 @@ const S = { class: "overflow-hidden min-w-[300px]" }, H = /* @__PURE__ */ P({
         ])
       ]),
       default: r(() => [
-        k("div", S, [
-          m(o(V), {
+        V("div", S, [
+          m(o(I), {
             value: a.value,
             mode: e.mode,
             "min-date": e.minDate,

package/components/DateRangePicker.vue.d.ts

@@ -0,0 +1,29 @@
+import { ButtonSize, ButtonVariant } from '../types';
+export interface DateRange {
+    start: any;
+    end: any;
+}
+type __VLS_Props = {
+    modelValue?: DateRange | null;
+    placeholderStart?: string;
+    placeholderEnd?: string;
+    minDate?: string;
+    maxDate?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    showQuickRanges?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    placeholderStart: string;
+    placeholderEnd: string;
+    showQuickRanges: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;