vlite3 1.2.2 → 1.2.5

package/README.md

@@ -1,6 +1,12 @@
-# vlite3
+# Vlite3: The Foundation for Enterprise SaaS
 
-A lightweight Vue 3 UI component library built with Tailwind CSS, created for personal projects and available for anyone to use.
+A clean, modular, and highly customizable component library for Vue 3. Build large, complex applications with confidence. Vlite3 gives you the solid, Vlite3 delivers 80+ production-ready components designed for real-world enterprise applications. Each component has been thoroughly tested in demanding enterprise production environments, ensuring stability, scalability, and performance.
+
+Created for personal projects and available for anyone to use.
+
+## Demo
+
+[Live Demo](https://vlite3.vercel.app/)
 
 ## Installation
 
@@ -14,10 +20,6 @@ yarn add vlite3
 
 ```
 
-## Demo
-
-[Live Demo](https://vlite3.vercel.app/)
-
 ## 2. Tailwind CSS Setup (Tailwind v4)
 
 `vite.config.ts`
@@ -407,6 +409,8 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **Screen**
 - [x] **ChatInterface**
 - [x] **CommentThread**
+- [x] **Clipboard**
+- [x] **AppShell**
 
 ### Inputs & Forms
 
@@ -431,11 +435,13 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **CustomFields**
 - [x] **GoogleLogin**
 - [x] **PermissionEditor**
+- [x] **Rating**
 - [x] **RichTextEditor**
 
 ### Data Display
 
 - [x] **Avatar**
+- [x] **Persona**
 - [x] **Accordion**
 - [x] **Carousel**
 - [x] **DataTable**
@@ -459,6 +465,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 ### Feedback & Overlays
 
 - [x] **Alert**
+- [x] **Beacon**
 - [x] **Modal**
 - [x] **Empty**
 - [x] **ConfirmationModal**
@@ -484,7 +491,11 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [0-setup.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/0-vlite3-setup.md)
 - [1-theming.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/1-theming.md)
 - [2-components.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/2-all-components.md)
-- [3-forms.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/components/Forms.md)
+- [3-forms.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/1-Components/Forms.md)
 - [3-utility.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/3-utility.md)
 - [4-i18n.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/4-i18n.md)
 - [5-search-util.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/5-search-util.md)
+
+## Author
+
+[safdar-azeem](https://github.com/safdar-azeem)

package/components/AppShell/AppShellLayoutDashboard.vue.js

@@ -119,7 +119,7 @@ const D = { class: "vlite-app-layout flex flex-row w-full h-full bg-muted/20 p-0
             ref_key: "mainScrollRef",
             ref: S,
             style: { "will-change": "transform", contain: "layout style" },
-            class: "flex-1 overflow-y-auto pt-2 w-full relative h-full scrollbar-thin scrollbar-stable"
+            class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable"
           }, [
             l(s.$slots, "main")
           ], 512)

package/components/AppShell/AppShellLayoutHeaderShell.vue.js

@@ -121,7 +121,7 @@ const H = { class: "vlite-app-layout flex flex-row w-full h-full bg-background o
             ref_key: "mainScrollRef",
             ref: S,
             style: { "will-change": "transform", contain: "layout style" },
-            class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable px-6 pb-4 mt-4"
+            class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable"
           }, [
             l(s.$slots, "main")
           ], 512)

package/components/AsyncSelect/createAsyncSelect.d.ts

@@ -0,0 +1,88 @@
+import { PropType } from 'vue';
+export interface SelectOption<T = unknown> {
+    label: string;
+    value: string | number;
+    subtitle?: string;
+    description?: string;
+    icon?: string;
+    data?: T;
+}
+export type OptionsMapper<T> = (item: T) => SelectOption<T> | null | undefined;
+export interface CreateSelectConfig<T = any> {
+    name: string;
+    useQuery: any;
+    queryName: string;
+    labelKey?: keyof T | ((item: T) => string);
+    subtitleKey?: keyof T | ((item: T) => string);
+    descriptionKey?: keyof T | ((item: T) => string);
+    valueKey?: keyof T;
+    iconKey?: keyof T | ((item: T) => string);
+    searchable?: boolean;
+    remote?: boolean;
+    multiple?: boolean;
+    optionsMapper?: OptionsMapper<T>;
+}
+export declare const createAsyncSelect: <T extends {
+    id?: string | number;
+}>(config: CreateSelectConfig<T>) => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+    };
+    modelValue: {
+        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    filter: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optionsMapper: {
+        type: PropType<OptionsMapper<T>>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onChange" | "change" | "update:modelValue")[], "onChange" | "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+    };
+    modelValue: {
+        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    filter: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optionsMapper: {
+        type: PropType<OptionsMapper<T>>;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onOnChange?: (...args: any[]) => any;
+}>, {
+    filter: Record<string, any>;
+    placeholder: string;
+    disabled: boolean;
+    multiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/components/AsyncSelect/createAsyncSelect.js

@@ -0,0 +1,156 @@
+import { defineComponent as q, ref as m, computed as s, watch as _, createVNode as w, mergeProps as I, nextTick as j } from "vue";
+import k from "../Dropdown/Dropdown.vue.js";
+import "@iconify/vue";
+import "../../core/config.js";
+/* empty css            */
+/* empty css                            */
+import x from "../MultiSelect/MultiSelect.vue.js";
+const z = (t) => /* @__PURE__ */ q({
+  name: t.name,
+  inheritAttrs: !1,
+  props: {
+    value: {
+      type: [String, Array, Number, Object, Boolean]
+    },
+    modelValue: {
+      type: [String, Array, Number, Object, Boolean]
+    },
+    multiple: {
+      type: Boolean,
+      default: t.multiple || !1
+    },
+    placeholder: {
+      type: String,
+      default: "Select..."
+    },
+    filter: {
+      type: Object,
+      default: () => ({})
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    optionsMapper: {
+      type: Function
+    }
+  },
+  emits: ["onChange", "update:modelValue", "change"],
+  setup(l, {
+    attrs: M,
+    emit: c
+  }) {
+    const i = m([]), d = m(1), f = m(""), N = 20, h = s(() => l.value !== void 0 ? l.value : l.modelValue), v = s(() => l.optionsMapper || t.optionsMapper), B = s(() => ({
+      pagination: {
+        page: d.value,
+        limit: N
+      },
+      search: f.value || void 0,
+      filter: {
+        ...l.filter
+      }
+    })), {
+      result: b,
+      loading: K,
+      refetch: g
+    } = t.useQuery(B, {
+      notifyOnNetworkStatusChange: !0,
+      fetchPolicy: "cache-and-network"
+    }), A = s(() => {
+      const e = b.value?.[t.queryName]?.pageInfo;
+      return e ? e.currentPage < e.totalPages : !1;
+    });
+    _(() => b.value?.[t.queryName], (e) => {
+      if (!e) return;
+      const n = Array.isArray(e) ? e : e.items;
+      if (n)
+        if (d.value === 1)
+          i.value = [...n];
+        else {
+          const u = new Set(i.value.map((a) => a.id)), r = n.filter((a) => !u.has(a.id));
+          i.value.push(...r);
+        }
+    }, {
+      immediate: !0
+    });
+    const S = (e) => {
+      if (v.value)
+        return v.value(e);
+      const n = typeof t.labelKey == "function" ? t.labelKey(e) : e[t.labelKey || "name"], u = typeof t.subtitleKey == "function" ? t.subtitleKey(e) : e[t.subtitleKey || ""], r = typeof t.descriptionKey == "function" ? t.descriptionKey(e) : e[t.descriptionKey || ""], a = t.iconKey ? typeof t.iconKey == "function" ? t.iconKey(e) : e[t.iconKey] : void 0;
+      return {
+        label: n,
+        subtitle: u || void 0,
+        description: r || void 0,
+        value: e[t.valueKey || "id"],
+        icon: a || void 0,
+        data: e
+      };
+    }, p = s(() => i.value.map(S).filter(Boolean)), y = (e, n) => {
+      let u = n;
+      l.multiple && Array.isArray(e) && (u = e.map((a) => {
+        const o = p.value.find((V) => V.value === a);
+        return o ? o.data : null;
+      }).filter(Boolean));
+      const r = {
+        value: e,
+        data: u
+      };
+      c("update:modelValue", e), c("change", r), c("onChange", r);
+    }, C = (e) => {
+      f.value = e, d.value = 1;
+    }, O = () => {
+      !A.value || K.value || d.value++;
+    }, P = async (e) => {
+      const n = (Array.isArray(e) ? e : [e]).filter((a) => (typeof a == "string" || typeof a == "number") && a !== "");
+      if (n.length === 0) return [];
+      await j();
+      const u = new Set(p.value.map((a) => a.value)), r = n.filter((a) => !u.has(a));
+      if (r.length === 0) return [];
+      try {
+        const {
+          data: a
+        } = await g({
+          pagination: {
+            page: 1,
+            limit: r.length
+          },
+          filter: {
+            ...l.filter,
+            ids: r
+          }
+        }), o = a?.[t.queryName];
+        return (Array.isArray(o) ? o : o?.items || []).map(S).filter(Boolean);
+      } catch (a) {
+        return console.error(`[${t.name}] Hydration failed`, a), [];
+      }
+    };
+    return () => {
+      const e = {
+        options: p.value,
+        loading: K.value,
+        searchable: t.searchable ?? !0,
+        remote: t.remote ?? !0,
+        hasMore: A.value,
+        placeholder: l.placeholder,
+        disabled: l.disabled,
+        fetchSelected: P,
+        onSearch: C,
+        onLoadMore: O,
+        ...M
+      };
+      return l.multiple ? w(x, I(e, {
+        modelValue: h.value,
+        "onUpdate:modelValue": (n) => y(n),
+        onChange: (n) => y(n)
+      }), null) : w(k, I(e, {
+        showSelectedIcon: !0,
+        emptyMessage: "Data not found",
+        modelValue: h.value,
+        onOnSelect: (n) => y(n.value, n.data)
+      }), null);
+    };
+  }
+});
+export {
+  z as createAsyncSelect
+};

package/components/AsyncSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './createAsyncSelect';

package/components/AvatarGroup/AvatarGroup.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as k, computed as u, openBlock as l, createElementBlock as s, normalizeClass as a, Fragment as z, renderList as b, createVNode as f, withCtx as x, createElementVNode as y, toDisplayString as r, createCommentVNode as o, normalizeStyle as C } from "vue";
-import p from "../Avatar.vue.js";
-import S from "../Tooltip.vue.js";
-const w = { class: "flex flex-col gap-0.5 text-left" }, N = {
+import { defineComponent as k, computed as u, openBlock as l, createElementBlock as s, normalizeClass as a, Fragment as z, renderList as b, createVNode as f, withCtx as x, createElementVNode as p, toDisplayString as r, createCommentVNode as o, normalizeStyle as y } from "vue";
+import C from "../Avatar.vue.js";
+import w from "../Tooltip.vue.js";
+const S = { class: "flex flex-col gap-0.5 text-left" }, N = {
   key: 0,
   class: "font-semibold text-sm text-tooltip-foreground"
 }, V = {
@@ -44,18 +44,19 @@ const w = { class: "flex flex-col gap-0.5 text-left" }, N = {
         key: c,
         class: a([c !== 0 ? m[e.overlap] : "", "relative shrink-0"])
       }, [
-        f(S, {
+        f(w, {
           disabled: !t.heading && !t.text,
-          placement: "top"
+          placement: "top",
+          contentClass: "min-w-[100px] px-10!"
         }, {
           content: x(() => [
-            y("div", w, [
+            p("div", S, [
               t.heading ? (l(), s("span", N, r(t.heading), 1)) : o("", !0),
               t.text ? (l(), s("span", V, r(t.text), 1)) : o("", !0)
             ])
           ]),
           default: x(() => [
-            f(p, {
+            f(C, {
               src: t.src,
               alt: t.alt,
               fallback: t.fallback,
@@ -76,7 +77,7 @@ const w = { class: "flex flex-col gap-0.5 text-left" }, N = {
           g,
           e.rounded === "full" ? "rounded-full" : e.rounded === "none" ? "rounded-none" : `rounded-${e.rounded}`
         ]),
-        style: C({
+        style: y({
           // Match the same size as Avatar sizeClasses
           width: i[e.size],
           height: i[e.size],

package/components/Beacon.vue.d.ts

@@ -0,0 +1,13 @@
+export type BeaconVariant = 'primary' | 'danger' | 'warning' | 'success' | 'info';
+export type BeaconSize = 'sm' | 'md' | 'lg';
+interface Props {
+    variant?: BeaconVariant | string;
+    size?: BeaconSize | string;
+    class?: any;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: any;
+    variant: BeaconVariant | string;
+    size: BeaconSize | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

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

@@ -15,7 +15,7 @@ const E = { class: "w-full" }, S = {
   class: "shrink-0 pt-0.5"
 }, L = { class: "flex flex-col" }, M = { class: "flex items-center gap-2" }, G = {
   key: 0,
-  class: "mt-1 -text-fs-3 text-muted leading-relaxed"
+  class: "mt-0.5 -text-fs-3 text-muted leading-relaxed"
 }, H = {
   key: 0,
   class: "absolute top-4 right-4 text-primary"
@@ -35,7 +35,9 @@ const E = { class: "w-full" }, S = {
   },
   emits: ["update:modelValue", "change"],
   setup(g, { emit: _ }) {
-    const s = g, x = _, f = m(() => s.titleI18n ? u(s.titleI18n) : s.title), p = m(() => s.descriptionI18n ? u(s.descriptionI18n) : s.description), k = (t) => t.titleI18n ? u(t.titleI18n) : t.title, I = (t) => t.descriptionI18n ? u(t.descriptionI18n) : t.description, w = (t) => t.badgeI18n ? u(t.badgeI18n) : t.badge, d = (t) => Array.isArray(s.modelValue) ? s.modelValue.includes(t) : s.modelValue === t, b = (t) => {
+    const s = g, x = _, f = m(() => s.titleI18n ? u(s.titleI18n) : s.title), p = m(
+      () => s.descriptionI18n ? u(s.descriptionI18n) : s.description
+    ), k = (t) => t.titleI18n ? u(t.titleI18n) : t.title, I = (t) => t.descriptionI18n ? u(t.descriptionI18n) : t.description, w = (t) => t.badgeI18n ? u(t.badgeI18n) : t.badge, d = (t) => Array.isArray(s.modelValue) ? s.modelValue.includes(t) : s.modelValue === t, b = (t) => {
       if (s.disabled || s.options.find((l) => l.id === t)?.disabled) return;
       let e;
       if (s.multiple) {

package/components/{CopyButton.vue.d.ts → Clipboard.vue.d.ts}

@@ -1,5 +1,5 @@
 import { ButtonVariant, ButtonSize, ButtonRounded } from '../types';
-export interface CopyButtonProps {
+export interface ClipboardProps {
     /** The content to be copied to the clipboard */
     textToCopy: string;
     variant?: ButtonVariant;
@@ -26,15 +26,16 @@ declare function __VLS_template(): {
     rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<CopyButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<ClipboardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     copy: (text: string) => any;
     error: (err: Error) => any;
-}, string, import('vue').PublicProps, Readonly<CopyButtonProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<ClipboardProps> & Readonly<{
     onCopy?: (text: string) => any;
     onError?: (err: Error) => any;
 }>, {
     variant: ButtonVariant;
     size: ButtonSize;
+    rounded: ButtonRounded;
     asIcon: boolean;
     defaultIcon: string;
     copiedIcon: string;

package/components/{CopyButton.vue.js → Clipboard.vue.js}

@@ -1,61 +1,61 @@
-import { defineComponent as f, ref as p, computed as l, openBlock as m, createBlock as x, normalizeClass as T, withCtx as y, renderSlot as v, createCommentVNode as I } from "vue";
+import { defineComponent as f, ref as p, computed as i, openBlock as m, createBlock as x, normalizeClass as T, withCtx as v, renderSlot as y, createCommentVNode as I } from "vue";
 import C from "./Button.vue.js";
-import { $t as r } from "../utils/i18n.js";
-const z = /* @__PURE__ */ f({
-  __name: "CopyButton",
+import { $t as d } from "../utils/i18n.js";
+const w = /* @__PURE__ */ f({
+  __name: "Clipboard",
   props: {
     textToCopy: {},
     variant: { default: "outline" },
     size: { default: "md" },
-    rounded: {},
+    rounded: { default: "full" },
     class: {},
     disabled: { type: Boolean },
     defaultIcon: { default: "lucide:copy" },
     copiedIcon: { default: "lucide:check" },
     defaultText: {},
     copiedText: {},
-    defaultTextI18n: { default: "vlite.copyButton.copy" },
-    copiedTextI18n: { default: "vlite.copyButton.copied" },
+    defaultTextI18n: { default: "vlite.clipboard.copy" },
+    copiedTextI18n: { default: "vlite.clipboard.copied" },
     asIcon: { type: Boolean, default: !1 }
   },
   emits: ["copy", "error"],
-  setup(o, { emit: d }) {
-    const e = o, c = d, a = p(!1);
+  setup(o, { emit: r }) {
+    const e = o, l = r, a = p(!1);
     let n = null;
-    const u = l(() => a.value ? e.copiedIcon : e.defaultIcon), i = l(() => {
+    const u = i(() => a.value ? e.copiedIcon : e.defaultIcon), c = i(() => {
       if (!e.asIcon)
         if (a.value) {
           if (e.copiedText) return e.copiedText;
-          const t = r(e.copiedTextI18n);
+          const t = d(e.copiedTextI18n);
           return t !== e.copiedTextI18n ? t : "Copied";
         } else {
           if (e.defaultText) return e.defaultText;
-          const t = r(e.defaultTextI18n);
+          const t = d(e.defaultTextI18n);
           return t !== e.defaultTextI18n ? t : "Copy";
         }
     }), s = async () => {
       if (!e.disabled)
         try {
-          await navigator.clipboard.writeText(e.textToCopy), a.value = !0, c("copy", e.textToCopy), n && clearTimeout(n), n = setTimeout(() => {
+          await navigator.clipboard.writeText(e.textToCopy), a.value = !0, l("copy", e.textToCopy), n && clearTimeout(n), n = setTimeout(() => {
             a.value = !1;
           }, 500);
         } catch (t) {
-          c("error", t instanceof Error ? t : new Error("Copy failed"));
+          l("error", t instanceof Error ? t : new Error("Copy failed"));
         }
     };
-    return (t, B) => (m(), x(C, {
+    return (t, b) => (m(), x(C, {
       variant: o.variant,
       size: o.size,
       rounded: o.rounded,
       class: T(e.class),
       disabled: o.disabled,
       icon: u.value,
-      text: i.value,
+      text: c.value,
       "as-icon": o.asIcon,
       onClick: s
     }, {
-      default: y(() => [
-        !o.asIcon && !i.value ? v(t.$slots, "default", {
+      default: v(() => [
+        !o.asIcon && !c.value ? y(t.$slots, "default", {
           key: 0,
           copied: a.value
         }) : I("", !0)
@@ -65,5 +65,5 @@ const z = /* @__PURE__ */ f({
   }
 });
 export {
-  z as default
+  w as default
 };

package/components/Clipboard.vue2.js

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

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/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/DataTable/types.d.ts

@@ -18,7 +18,7 @@ export interface FilterConfig {
 }
 export interface TableFilter {
     pagination: PaginationConfig;
-    sort: SortConfig;
+    sort?: SortConfig;
     filter: FilterConfig;
 }
 export interface TableHeader {

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

package/components/Form/Form.vue2.js

@@ -220,7 +220,7 @@ const Be = ["onKeydown"], Le = { class: "flex items-center gap-3" }, Ne = { clas
       ], 2)) : c("", !0),
       !e.schemaLoading && u.value && X.value.length > 0 ? (s(), d("div", {
         key: 1,
-        class: m(["form-timeline", e.timelineTextPosition == "right" ? "mb-6.5" : "mb-13"])
+        class: m(["form-timeline", e.timelineTextPosition == "right" ? "mb-2" : "mb-8"])
       }, [
         T(t(Pe), {
           steps: X.value,