@indielayer/ui 1.2.0 → 1.3.0

package/lib/components/radio/Radio.vue2.js

@@ -1,117 +1,117 @@
-import { defineComponent as z, ref as I, computed as N, openBlock as a, createElementBlock as d, normalizeStyle as E, unref as l, normalizeClass as r, withKeys as R, withModifiers as q, createElementVNode as t, withDirectives as D, vModelRadio as K, createBlock as M, toDisplayString as X, createCommentVNode as v, renderSlot as j, createVNode as A } from "vue";
-import { useCommon as b } from "../../composables/common.js";
-import { useTheme as F } from "../../composables/theme.js";
-import { useColors as L } from "../../composables/colors.js";
-import { useInteractive as y } from "../../composables/interactive.js";
-import { useInputtable as u } from "../../composables/inputtable.js";
-import O from "../spinner/Spinner.vue.js";
-import P from "../helpers/InputError.js";
-import T from "./Radio.theme.js";
-const U = ["aria-selected", "aria-disabled"], G = ["name", "required", "disabled"], H = /* @__PURE__ */ t("circle", {
+import { defineComponent as I, ref as N, computed as q, openBlock as o, createElementBlock as d, normalizeStyle as E, unref as l, normalizeClass as s, withKeys as D, withModifiers as F, createElementVNode as t, withDirectives as K, vModelRadio as M, createBlock as b, toDisplayString as j, createCommentVNode as u, renderSlot as A } from "vue";
+import { useCommon as y } from "../../composables/useCommon.js";
+import { useTheme as L } from "../../composables/useTheme.js";
+import { useColors as O } from "../../composables/useColors.js";
+import { useInteractive as g } from "../../composables/useInteractive.js";
+import { useInputtable as m } from "../../composables/useInputtable.js";
+import P from "../spinner/Spinner.vue.js";
+import T from "../inputFooter/InputFooter.vue.js";
+const U = ["aria-selected", "aria-disabled"], X = ["name", "required", "disabled"], G = /* @__PURE__ */ t("circle", {
   cx: "10",
   cy: "10",
   r: "10"
-}, null, -1), J = [
-  H
-], Q = ["textContent"], W = {
-  ...b.props(),
-  ...L.props("primary"),
+}, null, -1), H = [
+  G
+], J = ["textContent"], Q = {
   ...y.props(),
-  ...u.props(),
+  ...O.props("primary"),
+  ...g.props(),
+  ...m.props(),
   value: [String, Number, Boolean, Function, Object, Array],
   label: String,
   helper: String,
   glow: Boolean
-}, Y = {
+}, W = {
   name: "XRadio",
   validators: {
-    ...b.validators()
+    ...y.validators()
   }
-}, te = /* @__PURE__ */ z({
-  ...Y,
-  props: W,
-  emits: u.emits(!1),
-  setup(g, { expose: h, emit: p }) {
-    const o = g, m = I(null), i = N({
+}, re = /* @__PURE__ */ I({
+  ...W,
+  props: Q,
+  emits: m.emits(!1),
+  setup(h, { expose: w, emit: k }) {
+    const r = h, p = k, c = N(null), i = q({
       get() {
-        return o.value === o.modelValue;
+        return r.value === r.modelValue;
       },
       set() {
-        p("update:modelValue", o.value);
+        p("update:modelValue", r.value);
       }
-    }), { focus: c, blur: w } = y(m), {
-      errorInternal: k,
-      reset: $,
-      validate: C,
+    }), { focus: f, blur: $ } = g(c), {
+      errorInternal: C,
+      reset: B,
+      validate: S,
       setError: V
-    } = u(o, { focus: c, emit: p, withListeners: !1 }), { styles: B, classes: s, className: S } = F("radio", T, o, { selected: i });
-    return h({ focus: c, blur: w, reset: $, validate: C, setError: V }), (e, n) => (a(), d("label", {
+    } = m(r, { focus: f, emit: p, withListeners: !1 }), { styles: z, classes: a, className: R } = L("Radio", {}, r, { selected: i });
+    return w({ focus: f, blur: $, reset: B, validate: S, setError: V }), (e, n) => (o(), d("label", {
       ref_key: "elRef",
-      ref: m,
+      ref: c,
       tabindex: "0",
       "aria-selected": i.value ? "true" : "false",
       "aria-disabled": e.disabled || e.loading ? "true" : void 0,
-      style: E(l(B)),
-      class: r([
-        l(S),
-        l(s).wrapper
+      style: E(l(z)),
+      class: s([
+        l(R),
+        l(a).wrapper
       ]),
-      onKeypress: n[1] || (n[1] = R(q((f) => e.$emit("update:modelValue", e.value), ["prevent", "stop"]), ["space"]))
+      onKeypress: n[1] || (n[1] = D(F((v) => e.$emit("update:modelValue", e.value), ["prevent", "stop"]), ["space"]))
     }, [
       t("div", {
-        class: r(["flex items-center", { "cursor-not-allowed": e.disabled }])
+        class: s(["flex items-center", { "cursor-not-allowed": e.disabled }])
       }, [
-        D(t("input", {
-          "onUpdate:modelValue": n[0] || (n[0] = (f) => i.value = f),
+        K(t("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (v) => i.value = v),
           name: e.name,
           required: e.required,
           disabled: e.disabled || e.loading,
           type: "radio",
           class: "invisible absolute"
-        }, null, 8, G), [
-          [K, i.value]
+        }, null, 8, X), [
+          [M, i.value]
         ]),
         t("div", {
-          class: r([
+          class: s([
             e.$style.radio,
-            l(s).circle,
+            l(a).circle,
             [e.glow && !e.disabled && !e.loading ? e.$style["radio--glow"] : ""]
           ])
         }, [
-          e.loading ? (a(), M(O, {
+          e.loading ? (o(), b(P, {
             key: 0,
             size: e.size,
             class: "absolute"
-          }, null, 8, ["size"])) : (a(), d("svg", {
+          }, null, 8, ["size"])) : (o(), d("svg", {
             key: 1,
             viewBox: "0 0 20 20",
-            class: r(["fill-current w-full", [
-              l(s).circleIcon,
+            class: s(["fill-current w-full", [
+              l(a).circleIcon,
               e.$style.radio_circle
             ]])
-          }, J, 2))
+          }, H, 2))
         ], 2),
         t("div", null, [
-          e.label ? (a(), d("div", {
+          e.label ? (o(), d("div", {
             key: 0,
-            class: r(l(s).label),
-            textContent: X(e.label)
-          }, null, 10, Q)) : v("", !0),
-          e.$slots.default ? (a(), d("div", {
+            class: s(l(a).label),
+            textContent: j(e.label)
+          }, null, 10, J)) : u("", !0),
+          e.$slots.default ? (o(), d("div", {
             key: 1,
-            class: r(l(s).content)
+            class: s(l(a).content)
           }, [
-            j(e.$slots, "default")
-          ], 2)) : v("", !0)
+            A(e.$slots, "default")
+          ], 2)) : u("", !0)
         ])
       ], 2),
-      A(l(P), {
-        error: l(k),
+      e.hideFooter ? u("", !0) : (o(), b(T, {
+        key: 0,
+        error: l(C),
         helper: e.helper
-      }, null, 8, ["error", "helper"])
+      }, null, 8, ["error", "helper"]))
     ], 46, U));
   }
 });
 export {
-  te as default
+  re as default
 };

package/lib/components/radio/index.d.ts

@@ -1,3 +1,2 @@
 export { default as XRadio } from './Radio.vue';
-export type { RadioProps } from './Radio.vue';
-export type { RadioTheme } from './Radio.theme';
+export type { RadioProps, RadioTheme } from './Radio.vue';

package/lib/components/radio/theme/Radio.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { RadioTheme } from '../Radio.vue';
+declare const theme: RadioTheme;
+export default theme;

package/lib/components/radio/{Radio.theme.js → theme/Radio.base.theme.js}

@@ -2,32 +2,32 @@ const n = {
   classes: {
     wrapper: "inline-block relative cursor-pointer focus:outline-none group",
     circle: ({ props: e }) => {
-      let r = "rounded-full flex justify-center items-center shrink-0 border-2 outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline";
-      return (e.size === "xs" || e.size === "sm") && (r += " h-4 w-4"), e.size === "xl" ? r += " h-6 w-6" : r += " h-5 w-5", r;
+      let t = "rounded-full flex justify-center items-center shrink-0 border-2 outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline";
+      return (e.size === "xs" || e.size === "sm") && (t += " h-4 w-4"), e.size === "xl" ? t += " h-6 w-6" : t += " h-5 w-5", t;
     },
-    circleIcon: ({ props: e, data: r }) => {
-      const t = [];
-      return r.selected || t.push("opacity-0"), e.size === "sm" || e.size === "xs" ? t.push("h-2") : e.size === "lg" ? t.push("h-2.5") : e.size === "xl" ? t.push("h-3") : t.push("h-[0.6rem]"), t;
+    circleIcon: ({ props: e, data: t }) => {
+      const r = [];
+      return t.selected || r.push("opacity-0"), e.size === "sm" || e.size === "xs" ? r.push("h-2") : e.size === "lg" ? r.push("h-2.5") : e.size === "xl" ? r.push("h-3") : r.push("h-[0.6rem]"), r;
     },
-    label: ({ props: e, data: r }) => {
+    label: ({ props: e }) => {
       let t = "font-medium text-gray-800 dark:text-gray-200 pl-2";
       return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
     },
     content: ({ props: e }) => {
-      let r = "pl-2";
-      return e.size === "xs" ? r += " text-xs" : e.size === "sm" ? r += " text-sm" : e.size === "lg" ? r += " text-lg" : e.size === "xl" && (r += " text-xl"), r;
+      let t = "pl-2";
+      return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
     }
   },
-  styles: ({ props: e, colors: r, css: t, data: a }) => {
-    const l = r.getPalette("gray"), i = r.getPalette(e.color), s = [];
-    return e.loading ? t.variables({
+  styles: ({ props: e, colors: t, css: r, data: a }) => {
+    const l = t.getPalette("gray"), i = t.getPalette(e.color), s = [];
+    return e.loading ? r.variables({
       bg: "transparent",
       border: "transparent",
       dark: {
         bg: "transparent",
         border: "transparent"
       }
-    }) : (e.disabled ? a.selected ? s.push(t.variables({
+    }) : (e.disabled ? a.selected ? s.push(r.variables({
       bg: "transparent",
       border: l[200],
       circle: l[200],
@@ -36,14 +36,14 @@ const n = {
         border: l[700],
         circle: l[700]
       }
-    })) : s.push(t.variables({
+    })) : s.push(r.variables({
       bg: l[200],
       border: l[200],
       dark: {
         bg: l[700],
         border: l[700]
       }
-    })) : (a.selected ? s.push(t.variables({
+    })) : (a.selected ? s.push(r.variables({
       bg: "transparent",
       border: i[500],
       circle: i[500],
@@ -52,14 +52,14 @@ const n = {
         border: i[500],
         circle: i[500]
       }
-    })) : s.push(t.variables({
+    })) : s.push(r.variables({
       bg: "#fff",
       border: e.glow ? i[300] : l[300],
       dark: {
         bg: l[900],
         border: e.glow ? i[300] : l[300]
       }
-    })), e.glow && s.push(t.get("glow", r.getColorOpacity(i[500], 0.5)))), s);
+    })), e.glow && s.push(r.get("glow", t.getColorOpacity(i[500], 0.5)))), s);
   }
 }, u = n;
 export {

package/lib/components/radio/theme/Radio.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { RadioTheme } from '../Radio.vue';
+declare const theme: RadioTheme;
+export default theme;

package/lib/components/radio/theme/Radio.carbon.theme.js

@@ -0,0 +1,61 @@
+const i = {
+  classes: {
+    wrapper: "inline-block relative cursor-pointer focus:outline-none group",
+    circle: ({ props: e }) => {
+      let l = "rounded-full flex justify-center items-center shrink-0 border outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline";
+      return (e.size === "xs" || e.size === "sm") && (l += " h-4 w-4"), e.size === "xl" ? l += " h-6 w-6" : l += " h-5 w-5", l;
+    },
+    circleIcon: ({ props: e, data: l }) => {
+      const r = [];
+      return l.selected ? e.size === "lg" ? r.push("h-2.5") : e.size === "xl" ? r.push("h-3") : r.push("h-2") : r.push("opacity-0"), r;
+    },
+    label: "text-sm text-gray-800 dark:text-gray-200 pl-2",
+    content: "pl-2"
+  },
+  styles: ({ props: e, colors: l, css: r, data: s }) => {
+    const t = l.getPalette("gray"), a = l.getPalette(e.color), n = [];
+    return e.loading ? r.variables({
+      bg: "transparent",
+      border: "transparent",
+      dark: {
+        bg: "transparent",
+        border: "transparent"
+      }
+    }) : (e.disabled ? s.selected ? n.push(r.variables({
+      bg: "transparent",
+      border: t[200],
+      circle: t[200],
+      dark: {
+        bg: "transparent",
+        border: t[700],
+        circle: t[700]
+      }
+    })) : n.push(r.variables({
+      bg: t[200],
+      border: t[200],
+      dark: {
+        bg: t[700],
+        border: t[700]
+      }
+    })) : (s.selected ? n.push(r.variables({
+      bg: "transparent",
+      border: a[500],
+      circle: a[500],
+      dark: {
+        bg: "transparent",
+        border: a[500],
+        circle: a[500]
+      }
+    })) : n.push(r.variables({
+      bg: "#fff",
+      border: e.glow ? a[300] : t[300],
+      dark: {
+        bg: t[900],
+        border: e.glow ? a[300] : t[300]
+      }
+    })), e.glow && n.push(r.get("glow", l.getColorOpacity(a[500], 0.5)))), n);
+  }
+}, o = i;
+export {
+  o as default
+};

package/lib/components/scroll/Scroll.vue.d.ts

@@ -1,4 +1,5 @@
-import { type ExtractPublicPropTypes } from 'vue';
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const scrollProps: {
     shadow: BooleanConstructor;
     horizontal: BooleanConstructor;
@@ -9,6 +10,9 @@ declare const scrollProps: {
     };
 };
 export type ScrollProps = ExtractPublicPropTypes<typeof scrollProps>;
+type InternalClasses = 'wrapper';
+export interface ScrollTheme extends ThemeComponent<ScrollProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     shadow: BooleanConstructor;
     horizontal: BooleanConstructor;
@@ -17,7 +21,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    scrollEl: Ref<HTMLElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     shadow: BooleanConstructor;
     horizontal: BooleanConstructor;
     mousewheel: BooleanConstructor;

package/lib/components/scroll/Scroll.vue2.js

@@ -1,7 +1,6 @@
-import { defineComponent as p, ref as v, toRefs as w, openBlock as y, createElementBlock as $, normalizeClass as t, unref as o, normalizeStyle as z, createElementVNode as E, renderSlot as S } from "vue";
-import { useScroll as B, useResizeObserver as b, useEventListener as g } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.4/node_modules/@vueuse/core/index.js";
-import { useTheme as k } from "../../composables/theme.js";
-import C from "./Scroll.theme.js";
+import { defineComponent as v, ref as w, toRefs as y, openBlock as $, createElementBlock as z, normalizeClass as r, unref as o, normalizeStyle as E, createElementVNode as S, renderSlot as B } from "vue";
+import { useScroll as b, useResizeObserver as g, useEventListener as k } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useTheme as C } from "../../composables/useTheme.js";
 const L = {
   shadow: Boolean,
   horizontal: Boolean,
@@ -10,55 +9,55 @@ const L = {
     type: Boolean,
     default: !0
   }
-}, N = { name: "XScroll" }, j = /* @__PURE__ */ p({
+}, N = { name: "XScroll" }, O = /* @__PURE__ */ v({
   ...N,
   props: L,
-  setup(s) {
-    const r = s, l = v(null), { x: R, y: W, isScrolling: X, arrivedState: a, directions: D } = B(l), { left: n, right: i, top: u, bottom: c } = w(a);
-    b(l, f), r.horizontal && r.mousewheel && g(l, "wheel", (e) => {
+  setup(s, { expose: a }) {
+    const t = s, l = w(null), { arrivedState: n } = b(l), { left: i, right: u, top: f, bottom: c } = y(n);
+    g(l, d), t.horizontal && t.mousewheel && k(l, "wheel", (e) => {
       !l.value || l.value.scrollWidth <= l.value.clientWidth || (e.preventDefault(), l.value.scrollLeft += e.deltaY + e.deltaX);
     });
-    function f() {
+    function d() {
       var e;
       (e = l.value) == null || e.dispatchEvent(new CustomEvent("scroll"));
     }
-    const { styles: d, classes: h, className: m } = k("scroll", C, r);
-    return (e, O) => (y(), $("div", {
-      class: t(["flex relative overflow-hidden", [
+    const { styles: h, classes: p, className: m } = C("Scroll", {}, t);
+    return a({ scrollEl: l }), (e, R) => ($(), z("div", {
+      class: r(["flex relative overflow-hidden", [
         o(m),
-        o(h).wrapper,
+        o(p).wrapper,
         e.$style.scrollwrap,
         e.horizontal ? [
           e.$style.horizontal,
           {
-            [e.$style["shadow-left"]]: !o(n),
-            [e.$style["shadow-right"]]: !o(i)
+            [e.$style["shadow-left"]]: !o(i),
+            [e.$style["shadow-right"]]: !o(u)
           }
         ] : [
           e.$style.vertical,
           {
-            [e.$style["shadow-top"]]: !o(u),
+            [e.$style["shadow-top"]]: !o(f),
             [e.$style["shadow-bottom"]]: !o(c)
           }
         ]
       ]]),
-      style: z(o(d))
+      style: E(o(h))
     }, [
-      E("div", {
+      S("div", {
         ref_key: "scrollEl",
         ref: l,
-        class: t(["relative overflow-auto w-full", [
+        class: r(["relative overflow-auto w-full", [
           [e.horizontal ? "overflow-x-auto" : "overflow-y-auto"],
           {
             [e.$style.hidescroll]: !e.scrollbar
           }
         ]])
       }, [
-        S(e.$slots, "default")
+        B(e.$slots, "default")
       ], 2)
     ], 6));
   }
 });
 export {
-  j as default
+  O as default
 };

package/lib/components/scroll/index.d.ts

@@ -1,3 +1,2 @@
 export { default as XScroll } from './Scroll.vue';
-export type { ScrollProps } from './Scroll.vue';
-export type { ScrollTheme } from './Scroll.theme';
+export type { ScrollProps, ScrollTheme } from './Scroll.vue';

package/lib/components/scroll/theme/Scroll.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { ScrollTheme } from '../Scroll.vue';
+declare const theme: ScrollTheme;
+export default theme;

package/lib/components/scroll/theme/Scroll.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { ScrollTheme } from '../Scroll.vue';
+declare const theme: ScrollTheme;
+export default theme;

package/lib/components/scroll/theme/Scroll.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Scroll.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/select/Select.vue.d.ts

@@ -1,4 +1,5 @@
-import { type PropType, type ExtractPublicPropTypes } from 'vue';
+import { type PropType, type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const selectProps: {
     placeholder: StringConstructor;
     options: PropType<SelectOption[]>;
@@ -6,6 +7,7 @@ declare const selectProps: {
     label: StringConstructor;
     helper: StringConstructor;
     flat: BooleanConstructor;
+    native: BooleanConstructor;
     modelValue: PropType<string | number | boolean | object | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
@@ -15,14 +17,20 @@ declare const selectProps: {
         readonly default: true;
     };
     error: StringConstructor;
+    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -33,6 +41,12 @@ export type SelectOption = {
     label: string;
 };
 export type SelectProps = ExtractPublicPropTypes<typeof selectProps>;
+type InternalClasses = 'wrapper' | 'box' | 'content' | 'iconWrapper' | 'icon';
+type InternalExtraData = {
+    errorInternal: Ref<boolean>;
+};
+export interface SelectTheme extends ThemeComponent<SelectProps, InternalClasses, InternalExtraData> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     placeholder: StringConstructor;
     options: PropType<SelectOption[]>;
@@ -40,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     helper: StringConstructor;
     flat: BooleanConstructor;
+    native: BooleanConstructor;
     modelValue: PropType<string | number | boolean | object | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
@@ -49,14 +64,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: true;
     };
     error: StringConstructor;
+    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -73,6 +94,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     helper: StringConstructor;
     flat: BooleanConstructor;
+    native: BooleanConstructor;
     modelValue: PropType<string | number | boolean | object | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
@@ -82,29 +104,38 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: true;
     };
     error: StringConstructor;
+    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
+    size: import("../../composables/useCommon").Size;
     flat: boolean;
-    size: import("../../composables/common").Size;
-    multiple: boolean;
     required: boolean;
+    disabled: boolean;
     loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     readonly: boolean;
     validateOnInput: boolean;
+    hideFooter: boolean;
     rules: unknown[];
+    multiple: boolean;
+    native: boolean;
 }, {}>, {
     icon?(_: {}): any;
 }>;