vlite3 0.5.10 → 0.6.3

package/components/CheckBox.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as s, openBlock as l, createElementBlock as f, createElementVNode as g, normalizeClass as d, createVNode as w, Transition as C, withCtx as h, createBlock as o, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
+import { defineComponent as v, computed as s, openBlock as l, createElementBlock as f, createElementVNode as g, normalizeClass as i, createVNode as w, Transition as C, withCtx as h, createBlock as o, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
 import p from "./Icon.vue.js";
 import B from "./Label.vue.js";
 import { $t as N } from "../utils/i18n.js";
@@ -23,8 +23,8 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
   setup(t, { emit: b }) {
     const e = t, c = b, u = s(() => e.labelI18n ? N(e.labelI18n) : e.label), m = () => {
       if (e.disabled) return;
-      const i = !(e.modelValue || e.checked);
-      c("update:modelValue", i), c("update:checked", i);
+      const d = !(e.modelValue || e.checked);
+      c("update:modelValue", d), c("update:checked", d);
     }, k = {
       xs: "h-3.5 w-3.5",
       sm: "h-4 w-4",
@@ -37,7 +37,7 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
       md: "h-3.5 w-3.5",
       lg: "h-4 w-4",
       xl: "h-5 w-5"
-    }, x = {
+    }, y = {
       none: "rounded-none",
       xs: "rounded-[3px]",
       sm: "rounded-[4px]",
@@ -46,29 +46,30 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
       xl: "rounded-lg",
       "2xl": "rounded-xl",
       full: "rounded-full"
-    }, y = s(() => [
-      "peer shrink-0 border border-primary transition-all duration-200 ease-in-out",
+    }, a = s(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked"), x = s(() => [
+      "peer shrink-0 border  transition-all duration-200 ease-in-out",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
       "cursor-pointer bg-transparent",
       k[e.size],
-      x[e.rounded || e.size],
+      y[e.rounded || e.size],
+      a.value === "checked" ? "border-primary!" : "border-gray-400!",
       e.class
-    ].join(" ")), a = s(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked");
+    ].join(" "));
     return s(() => [
       "transition-transform duration-200",
       a.value === "checked" || a.value === "indeterminate" ? "scale-100" : "scale-0",
       n[e.size]
-    ].join(" ")), (i, $) => (l(), f("div", _, [
+    ].join(" ")), (d, $) => (l(), f("div", _, [
       g("button", {
         type: "button",
         role: "checkbox",
         "aria-checked": t.indeterminate ? "mixed" : t.modelValue,
         "data-state": a.value,
         disabled: t.disabled,
-        class: d(y.value),
+        class: i(x.value),
         id: t.id,
         onClick: m
       }, [
@@ -85,11 +86,11 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
               a.value === "checked" ? (l(), o(p, {
                 key: 0,
                 icon: "lucide:check",
-                class: d(n[t.size])
+                class: i(n[t.size])
               }, null, 8, ["class"])) : a.value === "indeterminate" ? (l(), o(p, {
                 key: 1,
                 icon: "lucide:minus",
-                class: d(n[t.size])
+                class: i(n[t.size])
               }, null, 8, ["class"])) : r("", !0)
             ]),
             _: 1

package/components/ColorPicker/ColorIro.vue3.js

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

package/components/ColorPicker/ColorPicker.vue.js

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

package/components/CommandPaletteContent.vue.js

@@ -1,7 +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-6b4a4b96"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e919f56b"]]);
 export {
   r as default
 };

package/components/CommandPaletteContent.vue2.js

@@ -255,7 +255,7 @@ const se = { class: "command-palette-content flex flex-col w-full h-full max-h-[
               "aria-disabled": e.disabled || void 0,
               "data-active": x(r, l) === a.value,
               class: T(["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, l) === a.value ? "bg-gray-200 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+                x(r, l) === a.value ? "bg-gray-200/80 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
                 e.disabled ? "opacity-40 cursor-not-allowed" : ""
               ]]),
               style: { width: "calc(100% - 8px)" },
@@ -265,7 +265,7 @@ const se = { class: "command-palette-content flex flex-col w-full h-full max-h-[
               s("span", {
                 class: T([
                   "shrink-0 flex items-center justify-center w-7 h-7 rounded-md",
-                  x(r, l) === a.value ? "bg-gray-300 text-primary" : "bg-muted/80 text-muted-foreground"
+                  x(r, l) === a.value ? "bg-gray-300/80 text-gray-900" : "bg-muted/80 text-muted-foreground"
                 ])
               }, [
                 w(h, {

package/components/DateRangePicker.vue.d.ts

@@ -14,6 +14,7 @@ type __VLS_Props = {
     size?: ButtonSize;
     variant?: ButtonVariant;
     showQuickRanges?: boolean;
+    triggerClass?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;

package/components/DateRangePicker.vue.js

@@ -6,10 +6,10 @@ import { $t as l } from "../utils/i18n.js";
 import P from "./Button.vue.js";
 import p from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, Q = {
+const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, H = {
   key: 0,
   class: "flex flex-col gap-1 sm:pr-3 py-2 sm:border-r border-border max-h-[280px]"
-}, j = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, O = { class: "border border-border rounded-md overflow-hidden bg-background" }, I = { class: "flex items-center justify-center shrink-0" }, U = { class: "border border-border rounded-md overflow-hidden bg-background" }, ee = /* @__PURE__ */ V({
+}, Q = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, O = { class: "border border-border rounded-md overflow-hidden bg-background" }, I = { class: "flex items-center justify-center shrink-0" }, U = { class: "border border-border rounded-md overflow-hidden bg-background" }, ee = /* @__PURE__ */ V({
   __name: "DateRangePicker",
   props: {
     modelValue: {},
@@ -21,18 +21,19 @@ const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:f
     readonly: { type: Boolean },
     size: {},
     variant: {},
-    showQuickRanges: { type: Boolean, default: !0 }
+    showQuickRanges: { type: Boolean, default: !0 },
+    triggerClass: {}
   },
   emits: ["update:modelValue", "change"],
   setup(r, { emit: M }) {
-    const v = r, D = M, o = w(!1), c = w(0);
+    const v = r, b = M, o = w(!1), c = w(0);
     L(o, (t) => {
       t && c.value++;
     });
     const n = u({
       get: () => v.modelValue || { start: null, end: null },
       set: (t) => {
-        D("update:modelValue", t), D("change", t);
+        b("update:modelValue", t), b("change", t);
       }
     }), Y = (t) => {
       n.value = { ...n.value, start: t };
@@ -44,13 +45,13 @@ const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:f
         if (!isNaN(t.getTime())) return t.toISOString();
       }
       return v.maxDate;
-    }), N = u(() => {
+    }), C = u(() => {
       if (n.value.start) {
         const t = new Date(n.value.start);
         if (!isNaN(t.getTime())) return t.toISOString();
       }
       return v.minDate;
-    }), b = (t) => {
+    }), D = (t) => {
       if (!t) return "";
       try {
         const e = new Date(t);
@@ -58,7 +59,7 @@ const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:f
       } catch {
         return "";
       }
-    }, C = u(() => [
+    }, N = u(() => [
       {
         label: l("vlite.dateRangePicker.today") !== "vlite.dateRangePicker.today" ? l("vlite.dateRangePicker.today") : "Today",
         value: "today",
@@ -152,30 +153,30 @@ const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:f
           variant: r.variant || "outline",
           size: r.size || "md",
           disabled: r.disabled,
-          class: k(["w-full sm:min-w-[280px] justify-start text-left font-normal", { "ring-2 ring-ring ring-offset-2": a }])
+          class: k(["w-max justify-between text-left font-normal", [r.triggerClass, { "ring-1 ring-ring ring-offset-[1]": a }]])
         }, {
           default: y(() => [
             i("div", $, [
               i("span", {
                 class: k({ "text-muted-foreground": !n.value.start })
-              }, R(n.value.start ? b(n.value.start) : r.placeholderStart), 3),
+              }, R(n.value.start ? D(n.value.start) : r.placeholderStart), 3),
               g(f, {
                 icon: "lucide:arrow-right",
-                class: "w-4 h-4 text-muted-foreground opacity-50 shrink-0"
+                class: "w-4 h-4 text-muted-foreground opacity-60 shrink-0"
               }),
               i("span", {
                 class: k({ "text-muted-foreground": !n.value.end })
-              }, R(n.value.end ? b(n.value.end) : r.placeholderEnd), 3)
+              }, R(n.value.end ? D(n.value.end) : r.placeholderEnd), 3)
             ])
           ]),
           _: 1
         }, 8, ["variant", "size", "disabled", "class"])
       ]),
       menu: y(() => [
-        i("div", H, [
-          r.showQuickRanges ? (d(), x("div", Q, [
+        i("div", j, [
+          r.showQuickRanges ? (d(), x("div", H, [
             e[1] || (e[1] = i("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
-            (d(!0), x(z, null, B(C.value, (a) => (d(), m(P, {
+            (d(!0), x(z, null, B(N.value, (a) => (d(), m(P, {
               key: a.value,
               text: a.label,
               icon: a.icon,
@@ -185,7 +186,7 @@ const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:f
               onClick: (s) => F(a)
             }, null, 8, ["text", "icon", "onClick"]))), 128))
           ])) : E("", !0),
-          i("div", j, [
+          i("div", Q, [
             i("div", O, [
               (d(), m(h(p), {
                 key: "start-" + c.value,
@@ -214,7 +215,7 @@ const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:f
                 value: n.value.end,
                 onChange: _,
                 mode: "date",
-                "min-date": N.value,
+                "min-date": C.value,
                 "max-date": r.maxDate,
                 disabled: r.disabled,
                 readonly: r.readonly

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

@@ -1,52 +1,29 @@
 import { IForm, IFormStep, IFormSubmitPayload } from './types';
 import { InputVariant, InputSize, InputRounded, TimelineTextPosition, ButtonProps } from '../../types';
 interface Props {
-    /** Schema - single array or grouped arrays */
     schema: IForm[] | IForm[][];
-    /** Initial/bound values */
     values?: Record<string, any>;
-    /** Input variant applied to all fields */
     variant?: InputVariant;
-    /** Input size applied to all fields */
     size?: InputSize;
-    /** Input rounded applied to all fields */
     rounded?: InputRounded;
-    /** Loading state during submit */
     loading?: boolean;
-    /** Show/hide default footer with submit button */
     footer?: boolean;
-    /** Headings for grouped schemas */
     groupsHeadings?: string[];
-    /** Descriptions for grouped schemas */
     groupHeadingsDescription?: string[];
-    /** Timeline steps for multi-step form mode */
     tabs?: IFormStep[];
-    /** Submit button text */
     submitText?: string;
     submitProps?: ButtonProps;
-    /** Cancel button text */
     cancelText?: string;
-    /** Show cancel button */
     showCancel?: boolean;
-    /** Whether this is an update operation */
     isUpdate?: boolean;
-    /** Folder ID for file uploads */
     folderId?: string;
-    /** Custom class for form element */
     class?: string;
-    /** Custom class for the grid layout (overrides columns) */
     className?: string;
-    /** Custom class for group containers */
     groupClass?: string;
-    /** Custom class for group/step headers */
     headerClass?: string;
-    /** Custom class for the footer area */
     footerClass?: string;
-    /** Timeline text position */
     timelineTextPosition?: TimelineTextPosition;
-    /** Fields to explicitly include in the submit payload */
     emitFields?: string[];
-    /** Show asterisk for required fields */
     showRequiredAsterisk?: boolean;
 }
 declare function __VLS_template(): {

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-655cd96c"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-78f87e2c"]]);
 export {
   p as default
 };