@indielayer/ui 1.9.3 → 1.10.1

package/lib/components/datepicker/Datepicker.vue.d.ts

@@ -294,7 +294,7 @@ declare const datepickerProps: {
         default: string;
     };
     weekStart: {
-        type: PropType<0 | 1 | 2 | "0" | "1" | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
+        type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
         default: number;
     };
     weekNumbers: {
@@ -861,7 +861,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     weekStart: {
-        type: PropType<0 | 1 | 2 | "0" | "1" | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
+        type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
         default: number;
     };
     weekNumbers: {
@@ -1427,7 +1427,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     weekStart: {
-        type: PropType<0 | 1 | 2 | "0" | "1" | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
+        type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
         default: number;
     };
     weekNumbers: {
@@ -1794,7 +1794,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         quarter: number;
         year: number;
     }) => boolean) | Partial<import("@vuepic/vue-datepicker").Highlight> | undefined;
-    weekStart: 0 | 1 | 2 | "0" | "1" | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined;
+    weekStart: 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined;
     weekNumbers: import("@vuepic/vue-datepicker").WeekNumberType | {
         type: import("@vuepic/vue-datepicker").WeekNumberType;
         hideOnOffsetDates?: boolean | undefined;

package/lib/components/datepicker/Datepicker.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as O, ref as d, openBlock as D, createElementBlock as C, normalizeStyle as I, unref as n, normalizeClass as P, createVNode as u, createSlots as T, withCtx as m, withKeys as p, withModifiers as R, renderList as j, renderSlot as F, normalizeProps as A, guardReactiveProps as z } from "vue";
-import { useMutationObserver as L } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { useMutationObserver as L } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useCommon as q } from "../../composables/useCommon.js";
 import { useInputtable as f } from "../../composables/useInputtable.js";
 import { useInteractive as M } from "../../composables/useInteractive.js";

package/lib/components/drawer/Drawer.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as X, ref as a, watchEffect as j, watch as K, computed as v, onMounted as M, openBlock as y, createBlock as O, Teleport as q, createVNode as w, Transition as F, withCtx as g, withDirectives as G, createElementVNode as k, normalizeClass as $, unref as n, createElementBlock as H, createCommentVNode as x, normalizeStyle as I, renderSlot as f, vShow as J } from "vue";
-import { useBreakpoints as Q, breakpointsTailwind as U, useEventListener as S, useSwipe as W } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { useBreakpoints as Q, breakpointsTailwind as U, useEventListener as S, useSwipe as W } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useTheme as Y } from "../../composables/useTheme.js";
 import Z from "../scroll/Scroll.vue.js";
 const ee = {
@@ -50,22 +50,6 @@ const ee = {
       e.key === "Escape" && s.value && l();
     }
     W(d, {
-      // passive: false,
-      // onSwipe(e: TouchEvent) {
-      //   if (lengthX.value < 0) {
-      //     const length = Math.abs(lengthX.value)
-      //     left.value = `${length}px`
-      //   } else {
-      //     left.value = '0'
-      //   }
-      // },
-      // onSwipeEnd(e: TouchEvent, direction: UseSwipeDirection) {
-      //   if (lengthX.value < 0 && props.width && (Math.abs(lengthX.value) / props.width) >= 0.5) {
-      //     left.value = '100%'
-      //   } else {
-      //     left.value = '0'
-      //   }
-      // },
       onSwipeEnd(e, o) {
         i.value && (t.position === "left" && o === "left" || t.position === "right" && o === "right" || t.position === "top" && o === "up" || t.position === "bottom" && o === "down") && l();
       }

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

@@ -11,7 +11,7 @@ declare const formProps: {
     };
     disabled: BooleanConstructor;
     errors: {
-        type: PropType<[FormError[], FormError]>;
+        type: PropType<FormError | FormError[]>;
         default: () => never[];
     };
     title: StringConstructor;
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
     disabled: BooleanConstructor;
     errors: {
-        type: PropType<[FormError[], FormError]>;
+        type: PropType<FormError | FormError[]>;
         default: () => never[];
     };
     title: StringConstructor;
@@ -71,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
     disabled: BooleanConstructor;
     errors: {
-        type: PropType<[FormError[], FormError]>;
+        type: PropType<FormError | FormError[]>;
         default: () => never[];
     };
     title: StringConstructor;
@@ -86,7 +86,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     autoValidate: boolean;
     autoFocus: boolean;
     disabled: boolean;
-    errors: [FormError[], FormError];
+    errors: FormError | FormError[];
     hasFooter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     header?(_: {}): any;

package/lib/components/form/Form.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, provide as I, onMounted as S, watch as $, nextTick as A, openBlock as c, createElementBlock as m, normalizeStyle as C, unref as i, normalizeClass as a, renderSlot as r, toDisplayString as p, createCommentVNode as f, createElementVNode as y } from "vue";
+import { defineComponent as E, provide as I, onMounted as S, watch as $, nextTick as A, openBlock as c, createElementBlock as f, normalizeStyle as C, unref as n, normalizeClass as l, renderSlot as d, toDisplayString as p, createCommentVNode as m, createElementVNode as y } from "vue";
 import { injectFormKey as N } from "../../composables/keys.js";
 import { useTheme as T } from "../../composables/useTheme.js";
 const j = {
@@ -31,11 +31,11 @@ const j = {
   props: z,
   emits: ["submit"],
   setup(h, { emit: b }) {
-    const l = h, F = b, s = [];
+    const u = h, F = b, s = [];
     I(N, {
-      registerInput: (e, t, o, d) => {
-        const u = s.find((B) => B.name === e);
-        u ? (u.focus = t, u.validate = o, u.setError = d) : s.push({ name: e, focus: t, validate: o, setError: d });
+      registerInput: (e, t, o, i) => {
+        const a = s.find((B) => B.name === e);
+        a ? (a.focus = t, a.validate = o, a.setError = i) : s.push({ name: e, focus: t, validate: o, setError: i });
       },
       unregisterInput: (e) => {
         const t = s.findIndex((o) => o.name === e);
@@ -43,17 +43,17 @@ const j = {
       },
       isInsideForm: !0
     }), S(async () => {
-      l.autoFocus && s && s.length > 0 && setTimeout(s[0].focus, 50);
-    }), $(() => l.errors, (e) => {
+      u.autoFocus && s && s.length > 0 && setTimeout(s[0].focus, 50);
+    }), $(() => u.errors, (e) => {
       e && A(() => {
         if (Array.isArray(e))
-          e.forEach((t) => {
-            const o = s.find((d) => d.name === t.field);
-            o && o.setError(t.msg);
+          e.forEach((t, o) => {
+            const i = s.find((a) => a.name === t.field);
+            i && (i.setError(t.msg), o === 0 && i.focus && i.focus());
           });
         else {
           const t = s.find((o) => o.name === e.field);
-          t && t.setError(e.msg);
+          t && (t.setError(e.msg), t.focus && t.focus());
         }
       });
     });
@@ -64,43 +64,43 @@ const j = {
       }), e;
     }, V = (e) => {
       e.preventDefault(), e.stopPropagation();
-      const t = l.autoValidate ? g() : !0;
+      const t = u.autoValidate ? g() : !0;
       F("submit", t);
-    }, { styles: k, classes: n, className: v } = T("Form", {}, l);
-    return (e, t) => (c(), m("form", {
-      style: C(i(k)),
-      class: a([
-        i(v),
-        i(n).wrapper
+    }, { styles: k, classes: r, className: v } = T("Form", {}, u);
+    return (e, t) => (c(), f("form", {
+      style: C(n(k)),
+      class: l([
+        n(v),
+        n(r).wrapper
       ]),
       onSubmit: V
     }, [
-      r(e.$slots, "header", {}, () => [
-        e.title || e.description ? (c(), m("div", j, [
-          e.title ? (c(), m("p", {
+      d(e.$slots, "header", {}, () => [
+        e.title || e.description ? (c(), f("div", j, [
+          e.title ? (c(), f("p", {
             key: 0,
-            class: a(i(n).title)
-          }, p(e.title), 3)) : f("", !0),
-          e.description ? (c(), m("p", {
+            class: l(n(r).title)
+          }, p(e.title), 3)) : m("", !0),
+          e.description ? (c(), f("p", {
             key: 1,
-            class: a(i(n).description)
-          }, p(e.description), 3)) : f("", !0)
-        ])) : f("", !0)
+            class: l(n(r).description)
+          }, p(e.description), 3)) : m("", !0)
+        ])) : m("", !0)
       ]),
       y("fieldset", {
         disabled: e.disabled,
-        class: a([i(n).content, "contents"])
+        class: l([n(r).content, "contents"])
       }, [
-        r(e.$slots, "default")
+        d(e.$slots, "default")
       ], 10, w),
-      e.hasFooter ? r(e.$slots, "footer", { key: 0 }, () => [
+      e.hasFooter ? d(e.$slots, "footer", { key: 0 }, () => [
         y("div", {
-          class: a(i(n).footer)
+          class: l(n(r).footer)
         }, [
-          r(e.$slots, "primary-action"),
-          r(e.$slots, "secondary-action")
+          d(e.$slots, "primary-action"),
+          d(e.$slots, "secondary-action")
         ], 2)
-      ]) : f("", !0)
+      ]) : m("", !0)
     ], 38));
   }
 });

package/lib/components/formGroup/FormGroup.vue.d.ts

@@ -86,7 +86,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
 }>, {
     focus: () => void;
-    blur: typeof blur;
+    blur: () => void;
     reset: () => void;
     validate: (val?: any) => boolean;
     setError: (val: string) => void;

package/lib/components/formGroup/FormGroup.vue.js

@@ -1,31 +1,31 @@
-import { defineComponent as k, computed as q, provide as w, openBlock as m, createBlock as d, mergeProps as B, unref as o, toHandlers as K, withKeys as N, withCtx as $, createElementVNode as A, normalizeClass as E, renderSlot as O, createCommentVNode as P } from "vue";
-import { useTheme as j } from "../../composables/useTheme.js";
-import { useInteractive as z } from "../../composables/useInteractive.js";
-import { useInputtable as a } from "../../composables/useInputtable.js";
-import { injectFormGroupKey as H } from "../../composables/keys.js";
-import S from "../label/Label.vue.js";
-import T from "../inputFooter/InputFooter.vue.js";
-const X = {
-  ...z.props(),
-  ...a.props(),
+import { defineComponent as q, computed as w, provide as B, openBlock as m, createBlock as d, mergeProps as K, unref as o, toHandlers as N, withKeys as $, withCtx as A, createElementVNode as E, normalizeClass as O, renderSlot as P, createCommentVNode as j } from "vue";
+import { useTheme as z } from "../../composables/useTheme.js";
+import { useInteractive as H } from "../../composables/useInteractive.js";
+import { useInputtable as i } from "../../composables/useInputtable.js";
+import { injectFormGroupKey as S } from "../../composables/keys.js";
+import T from "../label/Label.vue.js";
+import X from "../inputFooter/InputFooter.vue.js";
+const D = {
+  ...H.props(),
+  ...i.props(),
   vertical: {
     type: Boolean,
     default: !1
   }
-}, D = {
+}, J = {
   name: "XFormGroup"
-}, Y = /* @__PURE__ */ k({
-  ...D,
-  props: X,
-  emits: a.emits(),
+}, Z = /* @__PURE__ */ q({
+  ...J,
+  props: D,
+  emits: i.emits(),
   setup(f, { expose: c, emit: V }) {
-    const r = f, t = [], y = q(() => typeof r.modelValue == "string" || typeof r.modelValue == "number" || Array.isArray(r.modelValue) ? r.modelValue : "");
-    w(H, {
+    const r = f, t = [], y = w(() => typeof r.modelValue == "string" || typeof r.modelValue == "number" || Array.isArray(r.modelValue) ? r.modelValue : "");
+    B(S, {
       registerInputGroup: (e, s) => {
         t.push({ name: e, focus: s });
       },
       unregisterInputGroup: (e) => {
-        const s = t.findIndex((C) => C.name === e);
+        const s = t.findIndex((k) => k.name === e);
         t.splice(s, 1);
       },
       setValue: (e) => {
@@ -34,47 +34,49 @@ const X = {
       isInsideFormGroup: !0,
       value: y
     });
-    function i() {
+    function a() {
       var e;
       (e = t[0]) == null || e.focus();
     }
+    function v() {
+    }
     const n = V, {
       errorInternal: u,
-      isInsideForm: v,
+      isInsideForm: h,
       isFirstValidation: p,
-      reset: h,
+      reset: I,
       validate: l,
-      setError: I
-    } = a(r, { focus: i, emit: n }), b = {
+      setError: b
+    } = i(r, { focus: a, emit: n }), F = {
       change: (e) => {
         r.validateOnInput && !p.value && l(r.modelValue);
       }
     };
-    function F() {
+    function G() {
       r.validateOnInput && !p.value && l(r.modelValue);
     }
-    const { styles: G, classes: g, className: _ } = j("FormGroup", {}, r, { errorInternal: u });
-    return c({ focus: i, blur, reset: h, validate: l, setError: I }), (e, s) => (m(), d(S, B({
+    const { styles: g, classes: _, className: C } = z("FormGroup", {}, r, { errorInternal: u });
+    return c({ focus: a, blur: v, reset: I, validate: l, setError: b }), (e, s) => (m(), d(T, K({
       tag: "fieldset",
-      style: o(G),
+      style: o(g),
       disabled: e.disabled,
       required: e.required,
-      "is-inside-form": o(v),
+      "is-inside-form": o(h),
       label: e.label,
       class: [
-        o(_)
+        o(C)
       ],
       tooltip: e.tooltip
-    }, K(b), {
-      onKeyup: N(F, ["space"])
+    }, N(F), {
+      onKeyup: $(G, ["space"])
     }), {
-      default: $(() => [
-        A("div", {
-          class: E(o(g).wrapper)
+      default: A(() => [
+        E("div", {
+          class: O(o(_).wrapper)
         }, [
-          O(e.$slots, "default")
+          P(e.$slots, "default")
         ], 2),
-        e.hideFooter ? P("", !0) : (m(), d(T, {
+        e.hideFooter ? j("", !0) : (m(), d(X, {
           key: 0,
           error: o(u),
           helper: e.helper
@@ -85,5 +87,5 @@ const X = {
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/lib/components/index.d.ts

@@ -42,3 +42,4 @@ export * from './textarea';
 export * from './themeProvider';
 export * from './toggle';
 export * from './tooltip';
+export * from './upload';

package/lib/components/index.js

@@ -18,100 +18,102 @@ import { default as h } from "./notifications/Notifications.vue.js";
 import { default as H } from "./pagination/Pagination.vue.js";
 import { default as y } from "./progress/Progress.vue.js";
 import { default as Q } from "./qrCode/QrCode.vue.js";
-import { default as q } from "./select/Select.vue.js";
-import { default as E } from "./skeleton/Skeleton.vue.js";
-import { default as K } from "./stepper/Stepper.vue.js";
-import { default as U } from "./tab/Tab.vue.js";
+import { default as j } from "./select/Select.vue.js";
+import { default as z } from "./skeleton/Skeleton.vue.js";
+import { default as J } from "./stepper/Stepper.vue.js";
+import { default as O } from "./tab/Tab.vue.js";
 import { default as W } from "./tab/TabGroup.vue.js";
 import { default as Z } from "./table/Table.vue.js";
 import { default as $ } from "./textarea/Textarea.vue.js";
 import { default as oe } from "./themeProvider/ThemeProvider.vue.js";
 import { default as ae } from "./toggle/Toggle.vue.js";
-import { default as fe } from "./alert/Alert.vue.js";
-import { default as de } from "./avatar/Avatar.vue.js";
-import { default as ue } from "./button/Button.vue.js";
-import { default as se } from "./button/ButtonGroup.vue.js";
-import { default as Xe } from "./carousel/CarouselSlide.vue.js";
-import { default as ne } from "./checkbox/Checkbox.vue.js";
-import { default as ce } from "./icon/Icon.vue.js";
-import { default as ge } from "./input/Input.vue.js";
-import { default as Se } from "./inputFooter/InputFooter.vue.js";
-import { default as Pe } from "./label/Label.vue.js";
-import { default as Be } from "./link/Link.vue.js";
-import { default as Ae } from "./loader/Loader.vue.js";
-import { default as Fe } from "./menu/MenuItem.vue.js";
-import { default as Le } from "./pagination/PaginationItem.vue.js";
-import { default as he } from "./popover/Popover.vue.js";
-import { default as He } from "./popover/PopoverContainer.vue.js";
-import { default as ye } from "./radio/Radio.vue.js";
-import { default as Qe } from "./scroll/Scroll.vue.js";
-import { default as qe } from "./slider/Slider.vue.js";
-import { default as Ee } from "./spacer/Spacer.js";
-import { default as Ke } from "./spinner/Spinner.vue.js";
-import { default as Ue } from "./table/TableBody.js";
-import { default as We } from "./table/TableCell.vue.js";
-import { default as Ze } from "./table/TableHead.vue.js";
-import { default as $e } from "./table/TableHeader.vue.js";
-import { default as oo } from "./table/TableRow.vue.js";
-import { default as ao } from "./tag/Tag.vue.js";
-import { default as fo } from "./tooltip/Tooltip.vue.js";
-import { default as po } from "./tooltip/ToggleTip.vue.js";
+import { default as fe } from "./upload/Upload.vue.js";
+import { default as de } from "./alert/Alert.vue.js";
+import { default as ue } from "./avatar/Avatar.vue.js";
+import { default as se } from "./button/Button.vue.js";
+import { default as Xe } from "./button/ButtonGroup.vue.js";
+import { default as ne } from "./carousel/CarouselSlide.vue.js";
+import { default as ce } from "./checkbox/Checkbox.vue.js";
+import { default as ge } from "./icon/Icon.vue.js";
+import { default as Se } from "./input/Input.vue.js";
+import { default as Pe } from "./inputFooter/InputFooter.vue.js";
+import { default as Be } from "./label/Label.vue.js";
+import { default as Ae } from "./link/Link.vue.js";
+import { default as Fe } from "./loader/Loader.vue.js";
+import { default as Le } from "./menu/MenuItem.vue.js";
+import { default as he } from "./pagination/PaginationItem.vue.js";
+import { default as He } from "./popover/Popover.vue.js";
+import { default as ye } from "./popover/PopoverContainer.vue.js";
+import { default as Qe } from "./radio/Radio.vue.js";
+import { default as je } from "./scroll/Scroll.vue.js";
+import { default as ze } from "./slider/Slider.vue.js";
+import { default as Je } from "./spacer/Spacer.js";
+import { default as Oe } from "./spinner/Spinner.vue.js";
+import { default as We } from "./table/TableBody.js";
+import { default as Ze } from "./table/TableCell.vue.js";
+import { default as $e } from "./table/TableHead.vue.js";
+import { default as oo } from "./table/TableHeader.vue.js";
+import { default as ao } from "./table/TableRow.vue.js";
+import { default as fo } from "./tag/Tag.vue.js";
+import { default as po } from "./tooltip/Tooltip.vue.js";
+import { default as mo } from "./tooltip/ToggleTip.vue.js";
 export {
   a as XAccordion,
   f as XAccordionItem,
-  fe as XAlert,
-  de as XAvatar,
+  de as XAlert,
+  ue as XAvatar,
   d as XBadge,
   u as XBreadcrumbs,
-  ue as XButton,
-  se as XButtonGroup,
+  se as XButton,
+  Xe as XButtonGroup,
   s as XCard,
   X as XCarousel,
-  Xe as XCarouselSlide,
-  ne as XCheckbox,
+  ne as XCarouselSlide,
+  ce as XCheckbox,
   n as XContainer,
   c as XDatepicker,
   g as XDivider,
   S as XDrawer,
   P as XForm,
   B as XFormGroup,
-  ce as XIcon,
+  ge as XIcon,
   A as XImage,
-  ge as XInput,
-  Se as XInputFooter,
-  Pe as XLabel,
-  Be as XLink,
-  Ae as XLoader,
+  Se as XInput,
+  Pe as XInputFooter,
+  Be as XLabel,
+  Ae as XLink,
+  Fe as XLoader,
   F as XMenu,
-  Fe as XMenuItem,
+  Le as XMenuItem,
   L as XModal,
   h as XNotifications,
   H as XPagination,
-  Le as XPaginationItem,
-  he as XPopover,
-  He as XPopoverContainer,
+  he as XPaginationItem,
+  He as XPopover,
+  ye as XPopoverContainer,
   y as XProgress,
   Q as XQrCode,
-  ye as XRadio,
-  Qe as XScroll,
-  q as XSelect,
-  E as XSkeleton,
-  qe as XSlider,
-  Ee as XSpacer,
-  Ke as XSpinner,
-  K as XStepper,
-  U as XTab,
+  Qe as XRadio,
+  je as XScroll,
+  j as XSelect,
+  z as XSkeleton,
+  ze as XSlider,
+  Je as XSpacer,
+  Oe as XSpinner,
+  J as XStepper,
+  O as XTab,
   W as XTabGroup,
   Z as XTable,
-  Ue as XTableBody,
-  We as XTableCell,
-  Ze as XTableHead,
-  $e as XTableHeader,
-  oo as XTableRow,
-  ao as XTag,
+  We as XTableBody,
+  Ze as XTableCell,
+  $e as XTableHead,
+  oo as XTableHeader,
+  ao as XTableRow,
+  fo as XTag,
   $ as XTextarea,
   oe as XThemeProvider,
   ae as XToggle,
-  po as XToggleTip,
-  fo as XTooltip
+  mo as XToggleTip,
+  po as XTooltip,
+  fe as XUpload
 };

package/lib/components/label/theme/Label.base.theme.js

@@ -1,15 +1,15 @@
-const s = {
+const t = {
   classes: {
-    wrapper: ({ props: t }) => {
+    wrapper: ({ props: s }) => {
       const e = ["block relative align-bottom focus:outline-none"];
-      return t.isInsideForm && e.push("mb-5"), t.block && e.push("w-full"), e;
+      return s.isInsideForm && e.push("mb-5"), s.block && e.push("w-full"), e;
     },
-    label: ({ props: t }) => {
-      const e = "flex items-center gap-2 font-medium text-secondary-800 dark:text-secondary-200 mb-1";
-      return t.size === "xs" ? e + " text-xs" : t.size === "sm" ? e + " text-sm" : t.size === "lg" ? e + " text-lg" : t.size === "xl" ? e + " text-xl" : e;
+    label: ({ props: s }) => {
+      const e = ["flex items-center gap-2 font-medium text-secondary-800 dark:text-secondary-200 mb-1"];
+      return s.size === "xs" ? e.push("text-xs") : s.size === "sm" ? e.push("text-sm") : s.size === "lg" ? e.push("text-lg") : s.size === "xl" && e.push("text-xl"), s.required && e.push('[&_span]:after:content-["*"] [&_span]:after:ml-0.5 [&_span]:after:text-error-500'), e;
     }
   }
-}, l = s;
+}, l = t;
 export {
   l as default
 };

package/lib/components/menu/Menu.vue.d.ts

@@ -51,6 +51,8 @@ export type MenuArrayItem = {
     disabled?: boolean;
     active?: boolean;
     attrs?: Record<string, unknown>;
+    prefix?: string;
+    suffix?: string;
     onClick?: (e: MouseEvent) => void;
 };
 export type MenuProps = ExtractPublicPropTypes<typeof menuProps>;

package/lib/components/menu/MenuItem.vue.d.ts

@@ -32,6 +32,8 @@ declare const menuItemProps: {
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
     minimal: BooleanConstructor;
+    prefix: StringConstructor;
+    suffix: StringConstructor;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -80,6 +82,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
     minimal: BooleanConstructor;
+    prefix: StringConstructor;
+    suffix: StringConstructor;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -120,6 +124,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
     minimal: BooleanConstructor;
+    prefix: StringConstructor;
+    suffix: StringConstructor;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -146,9 +152,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     exact: boolean;
     selected: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    prefix?(_: {}): any;
-    default?(_: {}): any;
-    suffix?(_: {}): any;
+    prefix?(_: {
+        item: MenuItemProps;
+    }): any;
+    default?(_: {
+        item: MenuItemProps;
+    }): any;
+    suffix?(_: {
+        item: MenuItemProps;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/lib/components/menu/MenuItem.vue.js

@@ -3,7 +3,7 @@ import o from "./MenuItem.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const e = {
   $style: o
-}, c = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-95a80ef5"]]);
+}, c = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-47a57bf7"]]);
 export {
   c as default
 };