@indielayer/ui 1.3.0 → 1.5.0

package/lib/components/tag/Tag.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as f, openBlock as s, createBlock as g, resolveDynamicComponent as v, normalizeClass as y, unref as r, normalizeStyle as x, withCtx as z, createElementBlock as k, renderSlot as l, createVNode as b } from "vue";
+import { defineComponent as p, computed as f, openBlock as s, createBlock as g, resolveDynamicComponent as v, normalizeClass as k, unref as r, normalizeStyle as b, withCtx as x, createElementBlock as y, renderSlot as a, createVNode as z } from "vue";
 import { useColors as C } from "../../composables/useColors.js";
-import { useCommon as a } from "../../composables/useCommon.js";
+import { useCommon as l } from "../../composables/useCommon.js";
 import { useTheme as B } from "../../composables/useTheme.js";
 import { closeIcon as S } from "../../common/icons.js";
 import _ from "../icon/Icon.vue.js";
@@ -8,7 +8,7 @@ const $ = {
   key: 0,
   class: "max-w-full truncate"
 }, h = {
-  ...a.props(),
+  ...l.props(),
   ...C.props("gray"),
   tag: {
     type: String,
@@ -20,36 +20,36 @@ const $ = {
 }, w = {
   name: "XTag",
   validators: {
-    ...a.validators()
+    ...l.validators()
   }
 }, V = /* @__PURE__ */ p({
   ...w,
   props: h,
   emits: ["remove"],
   setup(n) {
-    const o = n, i = f(() => o.size === "xs" ? "xs" : o.size === "sm" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : "sm"), { styles: m, classes: u, className: d } = B("Tag", {}, o);
+    const o = n, i = f(() => o.size === "xs" ? "xs" : o.size === "sm" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : "sm"), { styles: m, classes: d, className: c } = B("Tag", {}, o);
     return (e, t) => (s(), g(v(e.tag), {
-      class: y([
-        "text-[color:var(--x-tag-text)] dark:text-[color:var(--x-tag-dark-text)] border-[color:var(--x-tag-border)",
+      class: k([
+        "text-[color:var(--x-tag-text)] dark:text-[color:var(--x-tag-dark-text)] border-[color:var(--x-tag-border)] dark:border-[color:var(--x-tag-dark-border)]",
         [
-          r(d),
-          r(u).wrapper,
-          e.outlined ? "border" : "bg-[color:var(--x-tag-bg)]",
+          r(c),
+          r(d).wrapper,
+          e.outlined ? "border" : "bg-[color:var(--x-tag-bg)] dark:bg-[color:var(--x-tag-dark-bg)]",
           e.rounded ? "rounded-full" : "rounded"
         ]
       ]),
-      style: x(r(m))
+      style: b(r(m))
     }, {
-      default: z(() => [
-        e.removable ? (s(), k("span", $, [
-          l(e.$slots, "default"),
-          b(_, {
+      default: x(() => [
+        e.removable ? (s(), y("span", $, [
+          a(e.$slots, "default"),
+          z(_, {
             size: i.value,
             icon: r(S),
-            class: "ml-1 cursor-pointer hover:text-gray-700 transition-colors duration-150",
-            onClick: t[0] || (t[0] = (c) => e.$emit("remove", c))
+            class: "ml-1.5 cursor-pointer hover:text-secondary-700 transition-colors duration-150",
+            onClick: t[0] || (t[0] = (u) => e.$emit("remove", u))
           }, null, 8, ["size", "icon"])
-        ])) : l(e.$slots, "default", { key: 1 })
+        ])) : a(e.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 8, ["style", "class"]));

package/lib/components/tag/theme/Tag.base.theme.js

@@ -1,23 +1,24 @@
-const i = {
+const x = {
   classes: {
-    wrapper: ({ props: t }) => {
+    wrapper: ({ props: l }) => {
       let e = "inline-flex items-center leading-none max-w-full";
-      return t.size === "xs" ? e += " px-2 py-1 text-xs" : t.size === "sm" ? e += " px-2 py-1 text-sm" : t.size === "lg" ? e += " px-4 py-3 text-lg" : t.size === "xl" ? e += " px-6 py-6 text-xl" : e += " px-3 py-2", e;
-    },
-    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-50"
+      return l.size === "xs" ? e += " px-2 py-1 text-xs" : l.size === "sm" ? e += " px-2 py-1 text-sm" : l.size === "lg" ? e += " px-4 py-3 text-lg" : l.size === "xl" ? e += " px-6 py-6 text-xl" : e += " px-3 py-2", e;
+    }
   },
-  styles: ({ colors: t, props: e, css: s }) => {
-    const l = t.getPalette(e.color);
+  styles: ({ colors: l, props: e, css: s }) => {
+    const t = l.getPalette(e.color);
     return s.variables({
-      bg: l[100],
-      text: l[800],
-      border: l[800],
+      bg: t[200],
+      text: t[800],
+      border: t[800],
       dark: {
-        text: e.outlined ? l[200] : l[800]
+        bg: t[800],
+        border: t[400],
+        text: e.outlined ? t[200] : t[100]
       }
     });
   }
-}, x = i;
+}, i = x;
 export {
-  x as default
+  i as default
 };

package/lib/components/tag/theme/Tag.carbon.theme.js

@@ -1,24 +1,24 @@
-const i = {
+const x = {
   classes: {
-    wrapper: ({ props: t }) => {
+    wrapper: ({ props: l }) => {
       let e = "inline-flex items-center leading-none max-w-full ";
-      return t.size === "xs" || t.size === "sm" ? e += " px-2 py-1 text-xs" : t.size === "lg" ? e += " px-4 py-3" : t.size === "xl" ? e += " px-5 py-5 text-lg" : e += " px-3 py-2 text-sm", e;
-    },
-    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-50"
+      return l.size === "xs" || l.size === "sm" ? e += " px-2 py-0.5 text-xs" : l.size === "lg" ? e += " px-4 py-3" : l.size === "xl" ? e += " px-5 py-5 text-lg" : e += " px-3 py-1 text-sm", e;
+    }
   },
-  styles: ({ colors: t, props: e, css: s }) => {
-    const l = t.getPalette(e.color);
+  styles: ({ colors: l, props: e, css: s }) => {
+    const t = l.getPalette(e.color);
     return s.variables({
-      bg: l[200],
-      text: l[800],
-      border: l[800],
+      bg: t[200],
+      text: t[800],
+      border: t[800],
       dark: {
-        bg: l[700],
-        text: e.outlined ? l[200] : l[800]
+        bg: t[800],
+        border: t[400],
+        text: e.outlined ? t[200] : t[100]
       }
     });
   }
-}, r = i;
+}, i = x;
 export {
-  r as default
+  i as default
 };

package/lib/components/textarea/Textarea.vue.d.ts

@@ -1,8 +1,6 @@
 import { type ExtractPublicPropTypes, type Ref } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const textareaProps: {
-    helper: StringConstructor;
-    label: StringConstructor;
     dir: {
         type: StringConstructor;
         default: string;
@@ -19,7 +17,9 @@ declare const textareaProps: {
     adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
+    resizable: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -27,12 +27,15 @@ declare const textareaProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    label: StringConstructor;
+    helper: StringConstructor;
     error: StringConstructor;
     hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -54,8 +57,6 @@ type InternalExtraData = {
 export interface TextareaTheme extends ThemeComponent<TextareaProps, InternalClasses, InternalExtraData> {
 }
 declare const _default: import("vue").DefineComponent<{
-    helper: StringConstructor;
-    label: StringConstructor;
     dir: {
         type: StringConstructor;
         default: string;
@@ -72,7 +73,9 @@ declare const _default: import("vue").DefineComponent<{
     adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
+    resizable: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -80,12 +83,15 @@ 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[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -105,8 +111,6 @@ declare const _default: import("vue").DefineComponent<{
     validate: (val?: any) => boolean;
     setError: (val: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    helper: StringConstructor;
-    label: StringConstructor;
     dir: {
         type: StringConstructor;
         default: string;
@@ -123,7 +127,9 @@ declare const _default: import("vue").DefineComponent<{
     adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
+    resizable: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -131,12 +137,15 @@ 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[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -152,13 +161,13 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
     size: import("../../composables/useCommon").Size;
-    required: boolean;
     block: boolean;
-    disabled: boolean;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     readonly: boolean;
+    required: boolean;
     validateOnInput: boolean;
     hideFooter: boolean;
     rules: unknown[];
@@ -166,5 +175,6 @@ declare const _default: import("vue").DefineComponent<{
     rows: string | number;
     adjustToText: boolean;
     preventEnter: boolean;
+    resizable: boolean;
 }, {}>;
 export default _default;

package/lib/components/textarea/Textarea.vue.js

@@ -1,19 +1,17 @@
-import { defineComponent as I, ref as V, watch as P, openBlock as m, createBlock as d, normalizeStyle as q, unref as r, normalizeClass as K, withCtx as R, createElementVNode as j, mergeProps as F, toHandlers as H, withKeys as L, createCommentVNode as $ } from "vue";
-import { useResizeObserver as D, useEventListener as O } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
-import { useCSS as X } from "../../composables/useCSS.js";
-import { useTheme as A } from "../../composables/useTheme.js";
+import { defineComponent as x, ref as P, watch as q, openBlock as m, createBlock as d, normalizeStyle as K, unref as r, normalizeClass as R, withCtx as j, createElementVNode as F, mergeProps as H, toHandlers as L, withKeys as $, createCommentVNode as D } from "vue";
+import { useResizeObserver as O, useEventListener as X } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useCSS as A } from "../../composables/useCSS.js";
+import { useTheme as G } from "../../composables/useTheme.js";
 import { useCommon as u } from "../../composables/useCommon.js";
-import { useColors as G } from "../../composables/useColors.js";
+import { useColors as J } from "../../composables/useColors.js";
 import { useInputtable as s } from "../../composables/useInputtable.js";
 import { useInteractive as p } from "../../composables/useInteractive.js";
-import J from "../label/Label.vue.js";
-import M from "../inputFooter/InputFooter.vue.js";
-const Q = ["disabled", "max", "maxlength", "min", "dir", "rows", "minlength", "name", "placeholder", "readonly", "value", "onKeydown"], U = {
+import M from "../label/Label.vue.js";
+import Q from "../inputFooter/InputFooter.vue.js";
+const U = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minlength", "name", "placeholder", "readonly", "value", "onKeydown"], W = {
   ...u.props(),
   ...p.props(),
   ...s.props(),
-  helper: String,
-  label: String,
   dir: {
     type: String,
     default: "ltr"
@@ -29,58 +27,62 @@ const Q = ["disabled", "max", "maxlength", "min", "dir", "rows", "minlength", "n
   placeholder: String,
   adjustToText: Boolean,
   preventEnter: Boolean,
-  block: Boolean
-}, W = {
+  block: Boolean,
+  resizable: Boolean
+}, Y = {
   name: "XTextarea",
   validators: {
     ...u.validators()
   }
-}, me = /* @__PURE__ */ I({
-  ...W,
-  props: U,
+}, de = /* @__PURE__ */ x({
+  ...Y,
+  props: W,
   emits: s.emits(),
   setup(f, { expose: c, emit: h }) {
-    const t = f, b = h, o = V(null);
-    D(o, n), typeof window < "u" && O(window, "resize", n), P([() => t.modelValue, () => t.size], () => {
-      setTimeout(n);
+    const t = f, b = h, o = P(null);
+    O(o, l), typeof window < "u" && X(window, "resize", l), q([() => t.modelValue, () => t.size], () => {
+      setTimeout(l);
     });
-    const g = X("textarea"), y = G().getPalette("primary"), v = g.get("border", y[400]);
+    const g = A("textarea"), y = J().getPalette("primary"), v = g.get("border", y[400]);
     function w() {
-      n();
+      l();
     }
     function S(e) {
       t.preventEnter && e.preventDefault(), e.stopPropagation();
     }
-    function n() {
+    function l() {
       t.adjustToText && o.value && (o.value.style.height = "1px", o.value.style.height = 2 + o.value.scrollHeight + "px");
     }
     const { focus: a, blur: k } = p(o), {
-      errorInternal: l,
-      isInsideForm: N,
-      inputListeners: T,
+      errorInternal: n,
+      hideFooterInternal: N,
+      isInsideForm: T,
+      inputListeners: z,
       reset: C,
-      validate: z,
+      validate: B,
       setError: E
-    } = s(t, { focus: a, emit: b }), { styles: x, classes: i, className: B } = A("Textarea", {}, t, { errorInternal: l });
-    return c({ focus: a, blur: k, reset: C, validate: z, setError: E }), (e, Z) => (m(), d(J, {
-      style: q(r(x)),
+    } = s(t, { focus: a, emit: b }), { styles: I, classes: i, className: V } = G("Textarea", {}, t, { errorInternal: n });
+    return c({ focus: a, blur: k, reset: C, validate: B, setError: E }), (e, _) => (m(), d(M, {
+      style: K(r(I)),
       block: e.block,
       disabled: e.disabled,
       required: e.required,
-      "is-inside-form": r(N),
+      "is-inside-form": r(T),
       label: e.label,
-      class: K([
-        r(B),
+      class: R([
+        r(V),
         r(i).wrapper
-      ])
+      ]),
+      tooltip: e.tooltip
     }, {
-      default: R(() => [
-        j("textarea", F({
+      default: j(() => [
+        F("textarea", H({
+          id: e.id,
           ref_key: "elRef",
           ref: o,
           class: ["", [
             r(i).input,
-            r(l) ? "border-red-500 dark:border-red-400 focus:outline-red-500" : "focus:outline-[color:var(--x-textarea-border)]"
+            r(n) ? "border-error-500 dark:border-error-400 focus:outline-error-500" : "focus:outline-[color:var(--x-textarea-border)]"
           ]],
           style: r(v),
           disabled: e.disabled,
@@ -94,20 +96,20 @@ const Q = ["disabled", "max", "maxlength", "min", "dir", "rows", "minlength", "n
           placeholder: e.placeholder,
           readonly: e.readonly,
           value: e.modelValue ? String(e.modelValue) : ""
-        }, H(r(T), !0), {
-          onKeydown: L(S, ["enter"]),
+        }, L(r(z), !0), {
+          onKeydown: $(S, ["enter"]),
           onInput: w
-        }), null, 16, Q),
-        e.hideFooter ? $("", !0) : (m(), d(M, {
+        }), null, 16, U),
+        r(N) ? D("", !0) : (m(), d(Q, {
           key: 0,
-          error: r(l),
+          error: r(n),
           helper: e.helper
         }, null, 8, ["error", "helper"]))
       ]),
       _: 1
-    }, 8, ["style", "block", "disabled", "required", "is-inside-form", "label", "class"]));
+    }, 8, ["style", "block", "disabled", "required", "is-inside-form", "label", "class", "tooltip"]));
   }
 });
 export {
-  me as default
+  de as default
 };

package/lib/components/textarea/theme/Textarea.base.theme.js

@@ -1,12 +1,12 @@
-const t = {
+const a = {
   classes: {
     wrapper: "",
-    input: ({ props: r, data: a }) => {
-      const e = ["resize-none appearance-none block w-full placeholder-gray-400 dark:placeholder-gray-500 outline-transparent outline outline-2 outline-offset-[-1px] transition duration-150 ease-in-out border-gray-300 dark:border-gray-700 border shadow-sm rounded-md"];
-      return !a.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;
+    input: ({ props: s, data: r }) => {
+      const e = ["appearance-none block w-full placeholder-secondary-400 dark:placeholder-secondary-500 outline-transparent outline outline-2 outline-offset-[-1px] transition duration-150 ease-in-out border-secondary-300 dark:border-secondary-700 border shadow-sm rounded-md"];
+      return s.resizable || e.push("resize-none"), !r.errorInternal && !s.disabled && e.push("hover:border-secondary-400 dark:hover:border-secondary-500"), s.size === "xs" ? e.push("px-2 py-1 text-xs") : s.size === "sm" ? e.push("px-2 py-2 text-sm") : s.size === "lg" ? e.push("px-4 py-3 text-lg") : s.size === "xl" ? e.push("px-5 py-4 text-xl") : e.push("px-3 py-2"), e.push(s.disabled ? "bg-secondary-100 dark:bg-secondary-700 text-secondary-400 dark:text-secondary-600 cursor-not-allowed" : "bg-white dark:bg-secondary-800 text-secondary-700 dark:text-secondary-200"), e;
     }
   }
-}, s = t;
+}, t = a;
 export {
-  s as default
+  t as default
 };

package/lib/components/textarea/theme/Textarea.carbon.theme.js

@@ -1,12 +1,12 @@
-const t = {
+const a = {
   classes: {
     wrapper: "",
-    input: ({ props: r, data: a }) => {
-      const e = ["resize-none appearance-none block w-full placeholder-gray-400 dark:placeholder-gray-500 outline-transparent outline outline-2 outline-offset-[-1px] transition 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-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200"), e;
+    input: ({ props: r, data: s }) => {
+      const e = ["resize-none appearance-none block w-full placeholder-secondary-400 dark:placeholder-secondary-500 outline-transparent outline outline-2 outline-offset-[-1px] transition duration-150 ease-in-out border-secondary-300 dark:border-secondary-700 border-b text-sm px-4"];
+      return !s.errorInternal && !r.disabled && e.push("hover:border-secondary-400 dark:hover:border-secondary-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-secondary-100 dark:bg-secondary-900 text-secondary-300 cursor-not-allowed") : r.readonly ? e.push("bg-white dark:bg-secondary-900 text-secondary-700") : e.push("bg-secondary-50 dark:bg-secondary-800 text-secondary-700 dark:text-secondary-200"), e;
     }
   }
-}, s = t;
+}, n = a;
 export {
-  s as default
+  n as default
 };

package/lib/components/toggle/Toggle.vue.d.ts

@@ -1,11 +1,9 @@
 import { type ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const toggleProps: {
-    id: StringConstructor;
-    label: StringConstructor;
-    helper: StringConstructor;
     glow: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -13,12 +11,15 @@ declare const toggleProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    label: StringConstructor;
+    helper: StringConstructor;
     error: StringConstructor;
     hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -41,11 +42,9 @@ type InternalClasses = 'wrapper' | 'label' | 'buttonWrapper' | 'button';
 export interface ToggleTheme extends ThemeComponent<ToggleProps, InternalClasses> {
 }
 declare const _default: import("vue").DefineComponent<{
-    id: StringConstructor;
-    label: StringConstructor;
-    helper: StringConstructor;
     glow: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -53,12 +52,15 @@ 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[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -82,11 +84,9 @@ declare const _default: import("vue").DefineComponent<{
     validate: (val?: any) => boolean;
     setError: (val: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    id: StringConstructor;
-    label: StringConstructor;
-    helper: StringConstructor;
     glow: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -94,12 +94,15 @@ 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[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -119,14 +122,14 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    size: import("../../composables/useCommon").Size;
-    required: boolean;
+    disabled: boolean;
     glow: boolean;
     color: string;
-    disabled: boolean;
+    size: import("../../composables/useCommon").Size;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     readonly: boolean;
+    required: boolean;
     validateOnInput: boolean;
     hideFooter: boolean;
     rules: unknown[];