@indielayer/ui 1.9.2 → 1.10.0

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
 };