vlite3 1.2.7 → 1.2.8

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/CategoryManager/CategoryManager.vue.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import me from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */

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/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

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

@@ -39,6 +39,7 @@ type __VLS_Props = {
     isNested?: boolean;
     disabled?: boolean;
     readonly?: boolean;
+    unstyled?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -112,6 +113,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     showSelectedIcon: boolean;
     doubleConfirmation: boolean;
     isNested: boolean;
+    unstyled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Dropdown/Dropdown.vue.js

@@ -4,9 +4,9 @@ import "v-tooltip-lite/style.css";
 import ye from "./DropdownMenu.vue.js";
 import he 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 },
+    unstyled: { type: Boolean, default: !1 }
   },
   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, y = j, b = i(!1), h = 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) => {
@@ -83,20 +84,20 @@ const Ne = /* @__PURE__ */ le({
       C.value = e, y("update:isOpen", e), y(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
     ), 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(
@@ -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);
+      h.value && (D(h.value), h.value = null, b.value = !1);
     }, te = () => {
-      h.value = null, p.value = !1;
+      h.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.unstyled ? " unstyled-dropdown" : ""),
         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.unstyled ? { background: "transparent", border: "none", boxShadow: "none" } : {}
+        }
       }, {
         trigger: m(({ isOpen: n }) => [
           v(e.$slots, "trigger", R(z({
@@ -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(ye, {
             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/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
 };