vlite3 1.2.7 → 1.2.9

package/components/Barcode/Barcode.vue.d.ts

@@ -12,10 +12,10 @@ declare const _default: import('vue').DefineComponent<BarcodeProps, {}, {}, {},
     width: number;
     height: number;
     format: string;
+    background: string;
     displayValue: boolean;
     margin: number;
     lineColor: string;
-    background: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     barcodeRef: SVGSVGElement;
 }, HTMLDivElement>;

package/components/Chip/Chip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as l, openBlock as n, createElementBlock as d, normalizeClass as i, renderSlot as b, createBlock as f, createCommentVNode as c, createTextVNode as z, toDisplayString as B, withCtx as D, createVNode as I } from "vue";
+import { defineComponent as C, computed as l, openBlock as n, createElementBlock as d, normalizeClass as u, renderSlot as b, createBlock as f, createCommentVNode as c, createTextVNode as z, toDisplayString as B, withCtx as D, createVNode as I } from "vue";
 import g from "../Icon.vue.js";
 import S from "../Button.vue.js";
 import { $t as N } from "../../utils/i18n.js";
@@ -38,7 +38,7 @@ const V = ["role", "tabindex"], j = {
     }), y = l(() => {
       if (e.disabled)
         return "bg-muted text-muted-foreground border-transparent opacity-50 cursor-not-allowed";
-      const t = r.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default", u = {
+      const t = r.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default", i = {
         solid: `bg-primary text-primary-fg border-transparent ${r.value ? "hover:bg-primary/90" : ""}`,
         outline: `bg-transparent border-input text-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
         ghost: `bg-transparent border-transparent text-muted-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
@@ -55,9 +55,10 @@ const V = ["role", "tabindex"], j = {
         indigo: `bg-indigo-subtle text-indigo-subtle-fg border-indigo-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
         orange: `bg-orange-subtle text-orange-subtle-fg border-orange-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
         pink: `bg-pink-subtle text-pink-subtle-fg border-pink-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
-        cyan: `bg-cyan-subtle text-cyan-subtle-fg border-cyan-subtle-border ${r.value ? "hover:opacity-80" : ""}`
+        cyan: `bg-cyan-subtle text-cyan-subtle-fg border-cyan-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        blue: `bg-blue-200/40 text-blue-600 dark:text-blue-700 border-blue-200 ${r.value ? "hover:opacity-80" : ""}`
       };
-      return `${u[e.variant] || u.subtle} ${t}`;
+      return `${i[e.variant] || i.subtle} ${t}`;
     }), k = l(() => [E, x.value, y.value, e.class].join(" ")), $ = l(() => {
       switch (e.size) {
         case "small":
@@ -77,8 +78,8 @@ const V = ["role", "tabindex"], j = {
           return "h-3 w-3";
       }
     });
-    return (t, u) => (n(), d("div", {
-      class: i(k.value),
+    return (t, i) => (n(), d("div", {
+      class: u(k.value),
       role: a.clickable ? "button" : "status",
       tabindex: r.value || a.deletable ? 0 : void 0,
       onClick: p,
@@ -88,7 +89,7 @@ const V = ["role", "tabindex"], j = {
         a.icon ? (n(), f(g, {
           key: 0,
           icon: a.icon,
-          class: i([$.value, "shrink-0", o.value ? "-ml-0.5" : ""])
+          class: u([$.value, "shrink-0", o.value ? "-ml-0.5" : ""])
         }, null, 8, ["icon", "class"])) : c("", !0)
       ]),
       o.value || t.$slots.default ? (n(), d("span", j, [
@@ -102,13 +103,13 @@ const V = ["role", "tabindex"], j = {
         size: "xs",
         rounded: "full",
         disabled: a.disabled,
-        class: i(["ml-auto p-0.5! h-auto! w-auto! hover:bg-[#8282823c]", [o.value ? a.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
+        class: u(["ml-auto p-0.5! h-auto! w-auto! hover:bg-[#8282823c]", [o.value ? a.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
         onClick: m
       }, {
         default: D(() => [
           I(g, {
             icon: "lucide:x",
-            class: i(w.value)
+            class: u(w.value)
           }, null, 8, ["class"])
         ]),
         _: 1

package/components/Chip/types.d.ts

@@ -1,4 +1,4 @@
-export type ChipVariant = 'solid' | 'outline' | 'subtle' | 'ghost' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+export type ChipVariant = 'solid' | 'outline' | 'subtle' | 'ghost' | 'secondary' | 'success' | 'warning' | 'danger' | 'blue' | 'info';
 export type ChipSize = 'small' | 'medium' | 'large';
 export interface ChipProps {
     text?: string;

package/components/Dropdown/Dropdown.vue.d.ts

@@ -39,6 +39,7 @@ type __VLS_Props = {
     isNested?: boolean;
     disabled?: boolean;
     readonly?: boolean;
+    variant?: 'default' | 'transparent' | 'secondary';
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -87,6 +88,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onOnOpen?: () => any;
     "onUpdate:isOpen"?: (value: boolean) => any;
 }>, {
+    variant: "default" | "transparent" | "secondary";
     columns: number | string;
     loading: boolean;
     readonly: boolean;

package/components/Dropdown/Dropdown.vue.js

@@ -1,12 +1,12 @@
 import { defineComponent as le, ref as i, computed as f, inject as ne, onMounted as oe, onUnmounted as ae, watch as M, provide as L, reactive as ie, toRefs as se, openBlock as V, createElementBlock as re, normalizeStyle as de, createVNode as P, unref as u, withCtx as m, createBlock as ue, normalizeClass as ce, createSlots as fe, renderSlot as v, normalizeProps as R, guardReactiveProps as z, createCommentVNode as me } from "vue";
 import ve from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import ye from "./DropdownMenu.vue.js";
-import he from "./DropdownTrigger.vue.js";
+import he from "./DropdownMenu.vue.js";
+import ye from "./DropdownTrigger.vue.js";
 import ge from "../ConfirmationModal.vue.js";
-import { useDropdownIds as pe } from "./composables/useDropdownIds.js";
+import { useDropdownIds as be } from "./composables/useDropdownIds.js";
 import { useDropdownSelection as Ce } from "./composables/useDropdownSelection.js";
-import { useDropdownHydration as be } from "./composables/useDropdownHydration.js";
+import { useDropdownHydration as pe } from "./composables/useDropdownHydration.js";
 const Ne = /* @__PURE__ */ le({
   __name: "Dropdown",
   props: {
@@ -47,25 +47,26 @@ const Ne = /* @__PURE__ */ le({
     direction: { default: "ltr" },
     isNested: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 }
+    readonly: { type: Boolean, default: !1 },
+    variant: { default: "default" }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
   setup(t, { emit: j }) {
-    const l = t, y = j, p = i(!1), h = i(null), r = i({
+    const l = t, h = j, b = i(!1), y = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), U = f(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), q = f(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), C = i(l.isOpen || !1), b = i(0), F = `dropdown-${Math.random().toString(36).substring(2, 9)}`, $ = f(() => l.menuId || F), g = i([]), s = ne("dropdown-context", null), G = (e) => {
+    }), U = f(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), q = f(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), C = i(l.isOpen || !1), p = i(0), W = `dropdown-${Math.random().toString(36).substring(2, 9)}`, w = f(() => l.menuId || W), g = i([]), s = ne("dropdown-context", null), F = (e) => {
       g.value.includes(e) || g.value.push(e), s?.registerChildId?.(e);
-    }, J = (e) => {
+    }, G = (e) => {
       g.value = g.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
     };
     oe(() => {
-      s?.registerChildId && s.registerChildId(`#${$.value}`);
+      s?.registerChildId && s.registerChildId(`#${w.value}`);
     }), ae(() => {
-      s?.unregisterChildId && s.unregisterChildId(`#${$.value}`);
+      s?.unregisterChildId && s.unregisterChildId(`#${w.value}`);
     }), M(
       () => l.isOpen,
       (e) => {
@@ -77,26 +78,26 @@ const Ne = /* @__PURE__ */ le({
     );
     const N = (e) => {
       if (l.disabled || l.readonly) {
-        C.value = !1, y("update:isOpen", !1);
+        C.value = !1, h("update:isOpen", !1);
         return;
       }
-      C.value = e, y("update:isOpen", e), y(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+      C.value = e, h("update:isOpen", e), h(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
     }, O = () => {
       N(!1);
-    }, K = (e) => {
-      e ? b.value++ : b.value = Math.max(0, b.value - 1);
+    }, J = (e) => {
+      e ? p.value++ : p.value = Math.max(0, p.value - 1);
     };
     L("dropdown-context", {
       close: O,
       onChildToggle: (e) => {
-        K(e), s?.onChildToggle?.(e);
+        J(e), s?.onChildToggle?.(e);
       },
-      registerChildId: G,
-      unregisterChildId: J
+      registerChildId: F,
+      unregisterChildId: G
     }), L("modal-context", null);
-    const w = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), x = i(!1), I = i(!1);
+    const $ = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), x = i(!1), I = i(!1);
     M(
-      w,
+      $,
       (e) => {
         if (e) {
           if (l.remote) {
@@ -118,18 +119,18 @@ const Ne = /* @__PURE__ */ le({
       return k.value.forEach((n, d) => {
         o.has(d) || (e.unshift(n), o.add(d));
       }), e;
-    }), { selectedBuffer: k, isHydrating: Q, hydrateSelected: E } = be({
+    }), { selectedBuffer: k, isHydrating: K, hydrateSelected: E } = pe({
       fetchSelected: l.fetchSelected,
       getAvailableOptions: () => c.value,
       isReady: () => I.value
-    }), { getAllRecursiveIds: W } = pe(), X = ie({
+    }), { getAllRecursiveIds: Q } = be(), X = ie({
       ...se(l),
       options: c
     }), { currentValue: B, selectedLabel: A, selectedIcon: H, selectOption: Y } = Ce(
       X,
-      y
+      h
     ), Z = f(() => {
-      const e = l.ignoreClickOutside || [], o = W(c.value);
+      const e = l.ignoreClickOutside || [], o = Q(c.value);
       return [.../* @__PURE__ */ new Set([...e, ...o, ...g.value])];
     });
     M(
@@ -141,7 +142,7 @@ const Ne = /* @__PURE__ */ le({
     );
     const _ = (e) => {
       if (l.disabled || l.readonly || e.disabled) return;
-      l.doubleConfirmation || !!e.confirmation ? (h.value = e, typeof e.confirmation == "object" ? r.value = {
+      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
@@ -153,7 +154,7 @@ const Ne = /* @__PURE__ */ le({
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, p.value = !0, O()) : (D(e), l.closeOnSelect && O());
+      }, b.value = !0, O()) : (D(e), l.closeOnSelect && O());
     }, D = (e) => {
       if (l.disabled || l.readonly || e.disabled) return;
       const o = e.value ?? e.label;
@@ -171,9 +172,9 @@ const Ne = /* @__PURE__ */ le({
         });
       }
     }, ee = () => {
-      h.value && (D(h.value), h.value = null, p.value = !1);
+      y.value && (D(y.value), y.value = null, b.value = !1);
     }, te = () => {
-      h.value = null, p.value = !1;
+      y.value = null, b.value = !1;
     };
     return (e, o) => (V(), re("div", {
       class: "relative inline-block text-left",
@@ -187,16 +188,20 @@ const Ne = /* @__PURE__ */ le({
         offset: t.offset,
         placement: U.value,
         isOpen: C.value,
-        keepAlive: b.value > 0,
-        menuId: $.value,
+        keepAlive: p.value > 0,
+        menuId: w.value,
         ignoreClickOutside: Z.value,
         class: "w-full",
-        className: "dropdown " + (t.className || ""),
+        className: "dropdown " + (t.className || "") + (t.variant === "transparent" ? " unstyled-dropdown" : "") + (t.variant === "secondary" ? " dropdown-secondary" : ""),
         onOnShow: o[2] || (o[2] = (n) => e.$emit("onOpen")),
         onOnHide: o[3] || (o[3] = (n) => e.$emit("onClose")),
         "onUpdate:isOpen": N,
         triggerClass: "w-full",
-        styles: { padding: "0" }
+        styles: {
+          padding: "0",
+          ...t.width ? { width: t.width, maxWidth: t.width } : {},
+          ...t.variant === "transparent" ? { background: "transparent", border: "none", boxShadow: "none" } : {}
+        }
       }, {
         trigger: m(({ isOpen: n }) => [
           v(e.$slots, "trigger", R(z({
@@ -204,7 +209,7 @@ const Ne = /* @__PURE__ */ le({
             selectedIcon: t.showSelectedIcon ? u(H) : void 0,
             isOpen: n
           })), () => [
-            P(he, {
+            P(ye, {
               "selected-label": u(A),
               "selected-icon": t.showSelectedIcon ? u(H) : void 0,
               "is-open": n,
@@ -217,9 +222,9 @@ const Ne = /* @__PURE__ */ le({
           ])
         ]),
         default: m(() => [
-          !(t.disabled || t.readonly) && (w.value.length || c.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (V(), ue(ye, {
+          !(t.disabled || t.readonly) && ($.value.length || c.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (V(), ue(he, {
             key: 0,
-            options: w.value,
+            options: $.value,
             cachedOptions: c.value,
             class: ce(t.className),
             emptyMessage: t.emptyMessage,
@@ -234,7 +239,7 @@ const Ne = /* @__PURE__ */ le({
             isCustomSlotMenu: !!e.$slots?.default || !!e.$slots?.menu,
             layout: t.layout,
             columns: t.columns,
-            loading: t.loading || u(Q),
+            loading: t.loading || u(K),
             hasMore: t.hasMore,
             searchable: t.searchable,
             remote: t.remote,
@@ -276,9 +281,9 @@ const Ne = /* @__PURE__ */ le({
           ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : me("", !0)
         ]),
         _: 3
-      }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
+      }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className", "styles"]),
       P(ge, {
-        show: p.value,
+        show: b.value,
         title: r.value.title,
         description: r.value.description,
         "confirm-text": r.value.confirmText,

package/components/Dropdown/DropdownGroupedLayout.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as C, openBlock as l, createElementBlock as c, normalizeStyle as $, Fragment as a, renderList as i, createElementVNode as m, normalizeClass as h, toDisplayString as j, createBlock as u, createCommentVNode as f, createVNode as w } from "vue";
+import { defineComponent as _, computed as C, openBlock as l, createElementBlock as n, normalizeStyle as $, Fragment as a, renderList as i, createElementVNode as m, normalizeClass as h, toDisplayString as j, createBlock as u, createCommentVNode as f, createVNode as w } from "vue";
 import B from "../Icon.vue.js";
 import y from "./DropdownItem.vue.js";
 import { $t as N } from "../../utils/i18n.js";
@@ -24,13 +24,13 @@ const S = { class: "font-semibold text-sm text-foreground" }, L = { class: "flex
       const e = s.columns;
       return typeof e == "number" ? { gridTemplateColumns: `repeat(${e}, minmax(0, 1fr))` } : { gridTemplateColumns: e };
     }), d = (e) => s.selected ? Array.isArray(s.selected) ? s.selected.includes(e.value) : typeof s.selected == "object" && s.selected !== null && e.key && e.key in s.selected ? s.selected[e.key] === e.value : s.selected === e.value : !1, b = (e) => e.labelI18n ? N(e.labelI18n) : e.label;
-    return (e, D) => (l(), c("div", {
+    return (e, D) => (l(), n("div", {
       class: "grid gap-6 p-4",
       style: $(k.value)
     }, [
-      (l(!0), c(a, null, i(r.options, (t, x) => (l(), c("div", {
+      (l(!0), n(a, null, i(r.options, (t, x) => (l(), n("div", {
         key: t.key || t.value || x,
-        class: "flex flex-col space-y-2 min-w-[150px]"
+        class: "flex flex-col space-y-2"
       }, [
         m("div", {
           class: h(["flex items-center gap-2 px-2 py-1 mb-1", r.headerClass])
@@ -44,18 +44,18 @@ const S = { class: "font-semibold text-sm text-foreground" }, L = { class: "flex
           }, null, 8, ["icon", "emoji"])) : f("", !0)
         ], 2),
         m("div", L, [
-          t.children && t.children.length ? (l(!0), c(a, { key: 0 }, i(t.children, (n, p) => (l(), c(a, {
-            key: n.key || n.value || p
+          t.children && t.children.length ? (l(!0), n(a, { key: 0 }, i(t.children, (c, p) => (l(), n(a, {
+            key: c.key || c.value || p
           }, [
             w(y, {
-              option: n,
-              selected: d(n),
+              option: c,
+              selected: d(c),
               selectable: r.selectable,
               class: "w-full",
-              onClick: (o) => e.$emit("select", n)
+              onClick: (o) => e.$emit("select", c)
             }, null, 8, ["option", "selected", "selectable", "onClick"]),
-            n.children && n.children.length ? (l(), c("div", V, [
-              (l(!0), c(a, null, i(n.children, (o, v) => (l(), u(y, {
+            c.children && c.children.length ? (l(), n("div", V, [
+              (l(!0), n(a, null, i(c.children, (o, v) => (l(), u(y, {
                 key: o.key || o.value || v,
                 option: o,
                 selected: d(o),
@@ -64,7 +64,7 @@ const S = { class: "font-semibold text-sm text-foreground" }, L = { class: "flex
                 onClick: (E) => e.$emit("select", o)
               }, null, 8, ["option", "selected", "selectable", "onClick"]))), 128))
             ])) : f("", !0)
-          ], 64))), 128)) : (l(), c("div", z, "No items"))
+          ], 64))), 128)) : (l(), n("div", z, "No items"))
         ])
       ]))), 128))
     ], 4));

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-97836d58"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5cf38b33"]]);
 export {
-  _ as default
+  m as default
 };

package/components/Dropdown/DropdownMenu.vue2.js

@@ -131,7 +131,7 @@ const ve = ["dir"], ye = {
     });
     const X = (e) => e.labelI18n ? $(e.labelI18n) : e.label, Y = (e) => e.showChevron !== !1;
     return (e, s) => (o(), i("div", {
-      class: "dropdown-menu w-full min-w-[150px] flex flex-col",
+      class: "dropdown-menu w-full flex flex-col",
       dir: a.direction
     }, [
       B.value ? (o(), i("div", ye, [

package/components/Form/Form.vue.d.ts

@@ -60,7 +60,16 @@ declare function __VLS_template(): {
     rootEl: HTMLFormElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    formValues: import('vue').Ref<Record<string, any>, Record<string, any>>;
+    errors: import('vue').Ref<Record<string, string>, Record<string, string>>;
+    isSubmitting: import('vue').Ref<boolean, boolean>;
+    handleSubmit: () => Promise<void>;
+    validateAll: () => Promise<boolean>;
+    resetForm: () => void;
+    setFieldError: (name: string, error: string) => void;
+    clearErrors: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     onSubmit: (payload: IFormSubmitPayload, close: () => void) => any;
     onCancel: () => any;
     onAddonAction: (action: string) => any;

package/components/Form/Form.vue.js

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