@indielayer/ui 1.2.0 → 1.4.0

package/lib/components/input/Input.vue.d.ts

@@ -1,13 +1,12 @@
 import { type PropType, type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const inputProps: {
     showPasswordToggle: {
         type: BooleanConstructor;
         default: boolean;
     };
-    helper: StringConstructor;
-    label: StringConstructor;
     dir: {
-        type: PropType<"ltr" | "rtl">;
+        type: PropType<"rtl" | "ltr">;
         default: string;
     };
     icon: StringConstructor;
@@ -24,6 +23,7 @@ declare const inputProps: {
     };
     block: BooleanConstructor;
     modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -31,33 +31,45 @@ declare const inputProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    label: StringConstructor;
+    helper: StringConstructor;
     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";
+    };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type InputProps = ExtractPublicPropTypes<typeof inputProps>;
-declare const _default: import("vue").DefineComponent<{
+type InternalClasses = 'wrapper' | 'input' | 'icon';
+type InternalExtraData = {
+    errorInternal: any;
+};
+export interface InputTheme extends ThemeComponent<InputProps, InternalClasses, InternalExtraData> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     showPasswordToggle: {
         type: BooleanConstructor;
         default: boolean;
     };
-    helper: StringConstructor;
-    label: StringConstructor;
     dir: {
-        type: PropType<"ltr" | "rtl">;
+        type: PropType<"rtl" | "ltr">;
         default: string;
     };
     icon: StringConstructor;
@@ -74,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     block: BooleanConstructor;
     modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -81,19 +94,27 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    label: StringConstructor;
+    helper: StringConstructor;
     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";
+    };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -108,10 +129,8 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    helper: StringConstructor;
-    label: StringConstructor;
     dir: {
-        type: PropType<"ltr" | "rtl">;
+        type: PropType<"rtl" | "ltr">;
         default: string;
     };
     icon: StringConstructor;
@@ -128,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     block: BooleanConstructor;
     modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -135,19 +155,27 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    label: StringConstructor;
+    helper: StringConstructor;
     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";
+    };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -156,15 +184,25 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     type: string;
-    dir: "ltr" | "rtl";
     color: string;
-    size: import("../../composables/common").Size;
+    size: import("../../composables/useCommon").Size;
     block: boolean;
-    required: boolean;
     loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     readonly: boolean;
+    required: boolean;
     validateOnInput: boolean;
+    hideFooter: boolean;
     rules: unknown[];
     showPasswordToggle: boolean;
-}, {}>;
+    dir: "rtl" | "ltr";
+}, {}>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/input/Input.vue.js

@@ -1,24 +1,22 @@
-import { defineComponent as $, ref as h, watch as X, openBlock as l, createElementBlock as y, normalizeStyle as D, unref as r, normalizeClass as s, toDisplayString as F, createCommentVNode as p, createElementVNode as b, createBlock as u, mergeProps as H, toHandlers as j, createVNode as q } from "vue";
-import { useTheme as A } from "../../composables/theme.js";
-import { useColors as G } from "../../composables/colors.js";
-import { useCommon as v } from "../../composables/common.js";
-import { useInputtable as c } from "../../composables/inputtable.js";
-import { useInteractive as S } from "../../composables/interactive.js";
-import { eyeIcon as J, eyeVisibleIcon as K } from "../../common/icons.js";
+import { defineComponent as F, ref as y, watch as H, openBlock as t, createBlock as l, normalizeStyle as X, unref as r, normalizeClass as a, withCtx as j, createElementVNode as h, renderSlot as b, createCommentVNode as u, mergeProps as A, toHandlers as D } from "vue";
+import { useTheme as G } from "../../composables/useTheme.js";
+import { useColors as J } from "../../composables/useColors.js";
+import { useCommon as v } from "../../composables/useCommon.js";
+import { useInputtable as f } from "../../composables/useInputtable.js";
+import { useInteractive as S } from "../../composables/useInteractive.js";
+import { eyeIcon as K, eyeVisibleIcon as M } from "../../common/icons.js";
+import O from "../label/Label.vue.js";
 import d from "../icon/Icon.vue.js";
-import M from "../helpers/InputError.js";
-import O from "./Input.theme.js";
-const Q = ["textContent"], U = { class: "relative" }, W = ["disabled", "min", "max", "minlength", "maxlength", "dir", "name", "placeholder", "readonly", "type", "value"], Y = {
+import Q from "../inputFooter/InputFooter.vue.js";
+const U = { class: "relative" }, W = ["id", "disabled", "min", "max", "minlength", "maxlength", "dir", "name", "placeholder", "readonly", "type", "value"], Y = {
   ...v.props(),
-  ...G.props("primary"),
+  ...J.props("primary"),
   ...S.props(),
-  ...c.props(),
+  ...f.props(),
   showPasswordToggle: {
     type: Boolean,
     default: !0
   },
-  helper: String,
-  label: String,
   dir: {
     type: String,
     default: "ltr"
@@ -41,98 +39,107 @@ const Q = ["textContent"], U = { class: "relative" }, W = ["disabled", "min", "m
   validators: {
     ...v.validators()
   }
-}, ae = /* @__PURE__ */ $({
+}, ae = /* @__PURE__ */ F({
   ...Z,
   props: Y,
-  emits: c.emits(),
-  setup(w, { expose: k, emit: z }) {
-    const o = w, f = h(null), i = h(o.type);
-    X(() => o.type, (e) => {
-      i.value = e;
+  emits: f.emits(),
+  setup(k, { expose: w, emit: z }) {
+    const o = k, N = z, c = y(null), n = y(o.type);
+    H(() => o.type, (e) => {
+      n.value = e;
     });
-    function N(e) {
+    function I(e) {
       if (!e.target)
         return;
-      const t = e.target;
+      const i = e.target;
       if (o.type === "number") {
-        const m = Number(t.value);
-        typeof o.min < "u" && m < Number(o.min) && (t.value = o.min.toString()), typeof o.max < "u" && m > Number(o.max) && (t.value = o.max.toString());
+        const p = Number(i.value);
+        typeof o.min < "u" && p < Number(o.min) && (i.value = o.min.toString()), typeof o.max < "u" && p > Number(o.max) && (i.value = o.max.toString());
       }
     }
     function C() {
-      i.value = i.value === "password" ? "text" : "password";
+      n.value = n.value === "password" ? "text" : "password";
     }
-    const { focus: g, blur: I } = S(f), {
-      errorInternal: a,
-      isInsideForm: R,
-      inputListeners: V,
-      reset: B,
-      validate: L,
-      setError: P
-    } = c(o, { focus: g, emit: z }), { styles: E, classes: n, className: T } = A("input", O, o, { errorInternal: a });
-    return k({ focus: g, blur: I, reset: B, validate: L, setError: P }), (e, t) => (l(), y("label", {
-      style: D(r(E)),
-      class: s(["relative", [
-        r(T),
-        r(n).wrapper,
-        { "mb-3": r(R), "w-full": e.block }
-      ]])
-    }, [
-      e.label ? (l(), y("p", {
-        key: 0,
-        class: s(r(n).label),
-        textContent: F(e.label)
-      }, null, 10, Q)) : p("", !0),
-      b("div", U, [
-        e.iconLeft ? (l(), u(d, {
+    const { focus: g, blur: $ } = S(c), {
+      errorInternal: m,
+      hideFooterInternal: R,
+      isInsideForm: L,
+      inputListeners: P,
+      reset: V,
+      validate: B,
+      setError: T
+    } = f(o, { focus: g, emit: N }), { styles: q, classes: s, className: E } = G("Input", {}, o, { errorInternal: m });
+    return w({ focus: g, blur: $, reset: V, validate: B, setError: T }), (e, i) => (t(), l(O, {
+      style: X(r(q)),
+      block: e.block,
+      disabled: e.disabled,
+      required: e.required,
+      "is-inside-form": r(L),
+      label: e.label,
+      class: a([
+        r(E),
+        r(s).wrapper
+      ])
+    }, {
+      default: j(() => [
+        h("div", U, [
+          b(e.$slots, "prefix", {}, () => [
+            e.iconLeft ? (t(), l(d, {
+              key: 0,
+              size: e.size,
+              icon: e.iconLeft,
+              class: a(["ml-2 left-1", r(s).icon])
+            }, null, 8, ["size", "icon", "class"])) : u("", !0)
+          ]),
+          h("input", A({
+            id: e.id,
+            ref_key: "elRef",
+            ref: c,
+            class: [
+              r(s).input,
+              e.type === "password" ? "pr-10" : "",
+              // error
+              r(m) ? "border-red-500 dark:border-red-400 focus:outline-red-500" : "focus:outline-[color:var(--x-input-border)]",
+              {
+                "!pl-10": e.iconLeft,
+                "!pr-10": e.iconRight
+              }
+            ],
+            disabled: e.disabled,
+            min: e.min,
+            max: e.max,
+            minlength: e.minlength,
+            maxlength: e.maxlength,
+            dir: e.dir,
+            name: e.name,
+            placeholder: e.placeholder,
+            readonly: e.readonly,
+            type: n.value,
+            value: e.modelValue || ""
+          }, e.$attrs, D(r(P), !0), { onChange: I }), null, 16, W),
+          b(e.$slots, "suffix", {}, () => [
+            e.iconRight ? (t(), l(d, {
+              key: 0,
+              size: e.size,
+              icon: e.iconRight,
+              class: a(["mr-2 right-1", r(s).icon])
+            }, null, 8, ["size", "icon", "class"])) : e.type === "password" && e.showPasswordToggle ? (t(), l(d, {
+              key: 1,
+              size: e.size,
+              icon: n.value === "password" ? r(K) : r(M),
+              class: a(["mr-2 right-1 cursor-pointer", r(s).icon]),
+              onClick: i[0] || (i[0] = (p) => C())
+            }, null, 8, ["size", "icon", "class"])) : u("", !0)
+          ])
+        ]),
+        r(R) ? u("", !0) : (t(), l(Q, {
           key: 0,
-          size: e.size,
-          icon: e.iconLeft,
-          class: s(["ml-2 left-1", r(n).icon])
-        }, null, 8, ["size", "icon", "class"])) : p("", !0),
-        b("input", H({
-          ref_key: "elRef",
-          ref: f,
-          class: [
-            r(n).input,
-            e.type === "password" ? "pr-10" : "",
-            // error
-            r(a) ? "border-red-500 dark:border-red-400 focus:outline-red-500" : "focus:outline-[color:var(--x-input-border)]",
-            {
-              "!pl-10": e.iconLeft,
-              "!pr-10": e.iconRight
-            }
-          ],
-          disabled: e.disabled,
-          min: e.min,
-          max: e.max,
-          minlength: e.minlength,
-          maxlength: e.maxlength,
-          dir: e.dir,
-          name: e.name,
-          placeholder: e.placeholder,
-          readonly: e.readonly,
-          type: i.value,
-          value: e.modelValue || ""
-        }, e.$attrs, j(r(V), !0), { onChange: N }), null, 16, W),
-        e.iconRight ? (l(), u(d, {
-          key: 1,
-          size: e.size,
-          icon: e.iconRight,
-          class: s(["mr-2 right-1", r(n).icon])
-        }, null, 8, ["size", "icon", "class"])) : e.type === "password" && e.showPasswordToggle ? (l(), u(d, {
-          key: 2,
-          size: e.size,
-          icon: i.value === "password" ? r(J) : r(K),
-          class: s(["mr-2 right-1 cursor-pointer", r(n).icon]),
-          onClick: t[0] || (t[0] = (m) => C())
-        }, null, 8, ["size", "icon", "class"])) : p("", !0)
+          error: r(m),
+          helper: e.helper
+        }, null, 8, ["error", "helper"]))
       ]),
-      q(r(M), {
-        error: r(a),
-        helper: e.helper
-      }, null, 8, ["error", "helper"])
-    ], 6));
+      _: 3
+    }, 8, ["style", "block", "disabled", "required", "is-inside-form", "label", "class"]));
   }
 });
 export {

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

@@ -1,3 +1,2 @@
 export { default as XInput } from './Input.vue';
-export type { InputProps } from './Input.vue';
-export type { InputTheme } from './Input.theme';
+export type { InputProps, InputTheme } from './Input.vue';

package/lib/components/input/theme/Input.base.theme.d.ts

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

package/lib/components/input/theme/Input.base.theme.js

@@ -0,0 +1,17 @@
+const s = {
+  classes: {
+    wrapper: "",
+    input: ({ props: r, data: t }) => {
+      const e = ["appearance-none block w-full placeholder-gray-400 dark:placeholder-gray-500 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out border-gray-300 dark:border-gray-700 border shadow-sm rounded-md"];
+      return !t.errorInternal && !r.disabled && e.push("hover:border-gray-400 dark:hover:border-gray-500"), r.size === "xs" ? e.push("px-2 py-1 text-xs") : r.size === "sm" ? e.push("px-2 py-2 text-sm") : r.size === "lg" ? e.push("px-4 py-3 text-lg") : r.size === "xl" ? e.push("px-5 py-4 text-xl") : e.push("px-3 py-2"), e.push(r.disabled ? "bg-gray-100 dark:bg-gray-900 text-gray-500 cursor-not-allowed" : "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200"), e;
+    },
+    icon: "text-gray-600 dark:text-gray-300 absolute my-auto inset-y-0"
+  },
+  styles: ({ colors: r, props: t, css: e }) => {
+    const a = r.getPalette(t.color);
+    return e.get("border", a[400]);
+  }
+}, l = s;
+export {
+  l as default
+};

package/lib/components/input/theme/Input.carbon.theme.d.ts

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

package/lib/components/input/theme/Input.carbon.theme.js

@@ -0,0 +1,17 @@
+const s = {
+  classes: {
+    wrapper: "",
+    input: ({ props: r, data: a }) => {
+      const e = ["appearance-none block w-full placeholder-gray-400 dark:placeholder-gray-500 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out border-gray-300 dark:border-gray-700 border-b text-sm px-4"];
+      return !a.errorInternal && !r.disabled && e.push("hover:border-gray-400 dark:hover:border-gray-500"), r.size === "xs" || r.size === "sm" ? e.push("py-1.5") : r.size === "lg" || r.size === "xl" ? e.push("py-3.5") : e.push("py-2.5"), r.disabled ? e.push("bg-gray-100 dark:bg-gray-900 text-gray-300 cursor-not-allowed") : r.readonly ? e.push("bg-white dark:bg-gray-900 text-gray-700") : e.push("bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-200"), e;
+    },
+    icon: "text-gray-600 dark:text-gray-300 absolute my-auto inset-y-0"
+  },
+  styles: ({ colors: r, props: a, css: e }) => {
+    const t = r.getPalette(a.color);
+    return e.get("border", t[400]);
+  }
+}, l = s;
+export {
+  l as default
+};

package/lib/components/inputFooter/InputFooter.vue.d.ts

@@ -0,0 +1,18 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const inputFooterProps: {
+    helper: StringConstructor;
+    error: StringConstructor;
+};
+export type InputFooterProps = ExtractPublicPropTypes<typeof inputFooterProps>;
+type InternalClasses = 'wrapper' | 'helperText' | 'errorText';
+export interface InputFooterTheme extends ThemeComponent<InputFooterProps, InternalClasses> {
+}
+declare const _default: import("vue").DefineComponent<{
+    helper: StringConstructor;
+    error: StringConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    helper: StringConstructor;
+    error: StringConstructor;
+}>>, {}, {}>;
+export default _default;

package/lib/components/inputFooter/InputFooter.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as i, openBlock as t, createElementBlock as s, normalizeClass as n, unref as e, normalizeStyle as u, toDisplayString as p, createCommentVNode as f } from "vue";
+import { useTheme as h } from "../../composables/useTheme.js";
+const y = {
+  helper: String,
+  error: String
+}, d = { name: "XInputFooter" }, g = /* @__PURE__ */ i({
+  ...d,
+  props: y,
+  setup(l) {
+    const a = l, { styles: c, classes: o, className: m } = h("InputFooter", {}, a);
+    return (r, k) => (t(), s("div", {
+      class: n([e(m), e(o).wrapper]),
+      style: u(e(c))
+    }, [
+      r.error ? (t(), s("p", {
+        key: 0,
+        class: n(e(o).errorText)
+      }, p(r.error), 3)) : r.helper ? (t(), s("p", {
+        key: 1,
+        class: n(e(o).helperText)
+      }, p(r.helper), 3)) : f("", !0)
+    ], 6));
+  }
+});
+export {
+  g as default
+};

package/lib/components/inputFooter/InputFooter.vue2.js

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

package/lib/components/inputFooter/__tests__/InputFooter.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default as XInputFooter } from './InputFooter.vue';
+export type { InputFooterProps, InputFooterTheme } from './InputFooter.vue';

package/lib/components/inputFooter/theme/InputFooter.base.theme.d.ts

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

package/lib/components/inputFooter/theme/InputFooter.base.theme.js

@@ -0,0 +1,10 @@
+const e = {
+  classes: {
+    wrapper: "min-h-[1.3rem] text-sm mt-1",
+    helperText: "text-gray-500 dark:text-gray-400",
+    errorText: "text-red-500 dark:text-red-400"
+  }
+}, t = e;
+export {
+  t as default
+};

package/lib/components/inputFooter/theme/InputFooter.carbon.theme.d.ts

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

package/lib/components/inputFooter/theme/InputFooter.carbon.theme.js

@@ -0,0 +1,10 @@
+const e = {
+  classes: {
+    wrapper: "text-xs mt-1",
+    helperText: "text-gray-500 dark:text-gray-400",
+    errorText: "text-red-500 dark:text-red-400"
+  }
+}, t = e;
+export {
+  t as default
+};

package/lib/components/label/Label.vue.d.ts

@@ -0,0 +1,68 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const labelProps: {
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    required: BooleanConstructor;
+    block: BooleanConstructor;
+    isInsideForm: BooleanConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type LabelProps = ExtractPublicPropTypes<typeof labelProps>;
+type InternalClasses = 'wrapper' | 'label';
+export interface LabelTheme extends ThemeComponent<LabelProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    required: BooleanConstructor;
+    block: BooleanConstructor;
+    isInsideForm: BooleanConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    required: BooleanConstructor;
+    block: BooleanConstructor;
+    isInsideForm: BooleanConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>>, {
+    disabled: boolean;
+    tag: string;
+    size: import("../../composables/useCommon").Size;
+    block: boolean;
+    required: boolean;
+    isInsideForm: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};