@indielayer/ui 1.0.10 → 1.2.0

package/lib/components/progress/Progress.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as d, openBlock as s, createElementBlock as n, normalizeStyle as t, unref as o, normalizeClass as a, createElementVNode as g, createCommentVNode as u } from "vue";
+import { useColors as c } from "../../composables/colors.js";
+import { useTheme as f } from "../../composables/theme.js";
+import h from "./Progress.theme.js";
+const y = {
+  ...c.props("primary"),
+  percentage: {
+    type: Number,
+    default: 0,
+    validator: (r) => r >= 0 && r <= 100
+  },
+  gradient: Boolean,
+  animate: {
+    type: Boolean,
+    default: !0
+  },
+  thick: Boolean
+}, b = { name: "XProgress" }, N = /* @__PURE__ */ d({
+  ...b,
+  props: y,
+  setup(r) {
+    const l = r, { styles: i, classes: p, className: m } = f("progress", h, l);
+    return (e, k) => (s(), n("div", {
+      style: t(o(i)),
+      class: a([
+        o(m),
+        o(p).wrapper
+      ])
+    }, [
+      g("div", {
+        class: a(["h-full", [
+          e.gradient ? "bg-gradient-to-r" : "bg-[color:var(--x-progress-bg)]",
+          {
+            "duration-150 transition-[width]": e.animate
+          }
+        ]]),
+        style: t([e.gradient ? "" : { width: `${e.percentage}%` }])
+      }, null, 6),
+      e.gradient ? (s(), n("div", {
+        key: 0,
+        class: a(["absolute h-full bg-gray-100 dark:bg-gray-700 right-0 top-0", { "duration-150 transition-[width]": e.animate }]),
+        style: t({
+          width: `${100 - e.percentage}%`
+        })
+      }, null, 6)) : u("", !0)
+    ], 6));
+  }
+});
+export {
+  N as default
+};

package/lib/components/progress/Progress.vue2.js

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

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

@@ -0,0 +1,3 @@
+export { default as XProgress } from './Progress.vue';
+export type { ProgressProps } from './Progress.vue';
+export type { ProgressTheme } from './Progress.theme';

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

@@ -1,12 +1,14 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper: string;
-        circle: ({ props }: ThemeParams) => string;
-        circleIcon: ({ props, data }: ThemeParams) => string[];
-        label: ({ props, data }: ThemeParams) => string;
-        content: ({ props }: ThemeParams) => string;
-    };
-    styles: ({ props, colors, css, data }: ThemeParams) => Record<string, string> | (string | Record<string, string>)[];
+import type { Ref } from 'vue';
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { RadioProps } from './Radio.vue';
+type InternalClasses = 'wrapper' | 'circle' | 'circleIcon' | 'label' | 'content';
+type InternalExtraData = {
+    selected: Ref<boolean>;
 };
-export default _default;
+interface InternalTheme extends ThemeComponent<RadioProps, InternalClasses, InternalExtraData> {
+}
+export interface RadioTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<RadioProps, InternalClasses, InternalExtraData>>;
+}
+declare const theme: InternalTheme;
+export default theme;

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

@@ -0,0 +1,67 @@
+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;
+    },
+    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;
+    },
+    label: ({ props: e, data: r }) => {
+      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;
+    }
+  },
+  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({
+      bg: "transparent",
+      border: "transparent",
+      dark: {
+        bg: "transparent",
+        border: "transparent"
+      }
+    }) : (e.disabled ? a.selected ? s.push(t.variables({
+      bg: "transparent",
+      border: l[200],
+      circle: l[200],
+      dark: {
+        bg: "transparent",
+        border: l[700],
+        circle: l[700]
+      }
+    })) : s.push(t.variables({
+      bg: l[200],
+      border: l[200],
+      dark: {
+        bg: l[700],
+        border: l[700]
+      }
+    })) : (a.selected ? s.push(t.variables({
+      bg: "transparent",
+      border: i[500],
+      circle: i[500],
+      dark: {
+        bg: "transparent",
+        border: i[500],
+        circle: i[500]
+      }
+    })) : s.push(t.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);
+  }
+}, u = n;
+export {
+  u as default
+};

package/lib/components/radio/Radio.vue.d.ts

@@ -1,5 +1,37 @@
+import { type ExtractPublicPropTypes } from 'vue';
+declare const radioProps: {
+    value: (ArrayConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    label: StringConstructor;
+    helper: StringConstructor;
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    error: StringConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    value: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor | FunctionConstructor | BooleanConstructor)[];
+    value: (ArrayConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     label: StringConstructor;
     helper: StringConstructor;
     glow: BooleanConstructor;
@@ -31,10 +63,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     focus: () => void | undefined;
     blur: () => void | undefined;
     reset: () => void;
-    validate: (val: any) => boolean;
+    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<{
-    value: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor | FunctionConstructor | BooleanConstructor)[];
+    value: (ArrayConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
     label: StringConstructor;
     helper: StringConstructor;
     glow: BooleanConstructor;
@@ -65,12 +97,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
+    color: string;
     size: import("../../composables/common").Size;
     required: boolean;
-    color: string;
-    glow: boolean;
-    disabled: boolean;
     loading: boolean;
+    glow: boolean;
     readonly: boolean;
     validateOnInput: boolean;
     rules: unknown[];

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

@@ -0,0 +1,9 @@
+import o from "./Radio.vue2.js";
+import s from "./Radio.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};

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

@@ -0,0 +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", {
+  cx: "10",
+  cy: "10",
+  r: "10"
+}, null, -1), J = [
+  H
+], Q = ["textContent"], W = {
+  ...b.props(),
+  ...L.props("primary"),
+  ...y.props(),
+  ...u.props(),
+  value: [String, Number, Boolean, Function, Object, Array],
+  label: String,
+  helper: String,
+  glow: Boolean
+}, Y = {
+  name: "XRadio",
+  validators: {
+    ...b.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({
+      get() {
+        return o.value === o.modelValue;
+      },
+      set() {
+        p("update:modelValue", o.value);
+      }
+    }), { focus: c, blur: w } = y(m), {
+      errorInternal: k,
+      reset: $,
+      validate: C,
+      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", {
+      ref_key: "elRef",
+      ref: m,
+      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
+      ]),
+      onKeypress: n[1] || (n[1] = R(q((f) => e.$emit("update:modelValue", e.value), ["prevent", "stop"]), ["space"]))
+    }, [
+      t("div", {
+        class: r(["flex items-center", { "cursor-not-allowed": e.disabled }])
+      }, [
+        D(t("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (f) => i.value = f),
+          name: e.name,
+          required: e.required,
+          disabled: e.disabled || e.loading,
+          type: "radio",
+          class: "invisible absolute"
+        }, null, 8, G), [
+          [K, i.value]
+        ]),
+        t("div", {
+          class: r([
+            e.$style.radio,
+            l(s).circle,
+            [e.glow && !e.disabled && !e.loading ? e.$style["radio--glow"] : ""]
+          ])
+        }, [
+          e.loading ? (a(), M(O, {
+            key: 0,
+            size: e.size,
+            class: "absolute"
+          }, null, 8, ["size"])) : (a(), d("svg", {
+            key: 1,
+            viewBox: "0 0 20 20",
+            class: r(["fill-current w-full", [
+              l(s).circleIcon,
+              e.$style.radio_circle
+            ]])
+          }, J, 2))
+        ], 2),
+        t("div", null, [
+          e.label ? (a(), d("div", {
+            key: 0,
+            class: r(l(s).label),
+            textContent: X(e.label)
+          }, null, 10, Q)) : v("", !0),
+          e.$slots.default ? (a(), d("div", {
+            key: 1,
+            class: r(l(s).content)
+          }, [
+            j(e.$slots, "default")
+          ], 2)) : v("", !0)
+        ])
+      ], 2),
+      A(l(P), {
+        error: l(k),
+        helper: e.helper
+      }, null, 8, ["error", "helper"])
+    ], 46, U));
+  }
+});
+export {
+  te as default
+};

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

@@ -0,0 +1,10 @@
+const o = "_radio_67qot_2", r = "_radio_circle_67qot_1", _ = {
+  radio: o,
+  radio_circle: r,
+  "radio--glow": "_radio--glow_67qot_1"
+};
+export {
+  _ as default,
+  o as radio,
+  r as radio_circle
+};

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

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

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

@@ -1,6 +1,10 @@
-declare const _default: {
-    classes: {
-        wrapper: string;
-    };
-};
-export default _default;
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { ScrollProps } from './Scroll.vue';
+type InternalClasses = 'wrapper';
+interface InternalTheme extends ThemeComponent<ScrollProps, InternalClasses> {
+}
+export interface ScrollTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<ScrollProps, InternalClasses>>;
+}
+declare const theme: InternalTheme;
+export default theme;

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

@@ -0,0 +1,8 @@
+const e = {
+  classes: {
+    wrapper: ""
+  }
+}, s = e;
+export {
+  s as default
+};

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

@@ -1,3 +1,14 @@
+import { type ExtractPublicPropTypes } from 'vue';
+declare const scrollProps: {
+    shadow: BooleanConstructor;
+    horizontal: BooleanConstructor;
+    mousewheel: BooleanConstructor;
+    scrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ScrollProps = ExtractPublicPropTypes<typeof scrollProps>;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     shadow: BooleanConstructor;
     horizontal: BooleanConstructor;
@@ -17,8 +28,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     shadow: boolean;
     horizontal: boolean;
-    scrollbar: boolean;
     mousewheel: boolean;
+    scrollbar: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -0,0 +1,9 @@
+import o from "./Scroll.vue2.js";
+import s from "./Scroll.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, m = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  m as default
+};

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

@@ -0,0 +1,64 @@
+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";
+const L = {
+  shadow: Boolean,
+  horizontal: Boolean,
+  mousewheel: Boolean,
+  scrollbar: {
+    type: Boolean,
+    default: !0
+  }
+}, N = { name: "XScroll" }, j = /* @__PURE__ */ p({
+  ...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) => {
+      !l.value || l.value.scrollWidth <= l.value.clientWidth || (e.preventDefault(), l.value.scrollLeft += e.deltaY + e.deltaX);
+    });
+    function f() {
+      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", [
+        o(m),
+        o(h).wrapper,
+        e.$style.scrollwrap,
+        e.horizontal ? [
+          e.$style.horizontal,
+          {
+            [e.$style["shadow-left"]]: !o(n),
+            [e.$style["shadow-right"]]: !o(i)
+          }
+        ] : [
+          e.$style.vertical,
+          {
+            [e.$style["shadow-top"]]: !o(u),
+            [e.$style["shadow-bottom"]]: !o(c)
+          }
+        ]
+      ]]),
+      style: z(o(d))
+    }, [
+      E("div", {
+        ref_key: "scrollEl",
+        ref: l,
+        class: t(["relative overflow-auto w-full", [
+          [e.horizontal ? "overflow-x-auto" : "overflow-y-auto"],
+          {
+            [e.$style.hidescroll]: !e.scrollbar
+          }
+        ]])
+      }, [
+        S(e.$slots, "default")
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  j as default
+};

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

@@ -0,0 +1,17 @@
+const o = "_scrollwrap_12093_2", t = "_horizontal_12093_12", _ = "_vertical_12093_19", l = "_hidescroll_12093_59", s = {
+  scrollwrap: o,
+  horizontal: t,
+  vertical: _,
+  "shadow-left": "_shadow-left_12093_42",
+  "shadow-right": "_shadow-right_12093_46",
+  "shadow-top": "_shadow-top_12093_50",
+  "shadow-bottom": "_shadow-bottom_12093_54",
+  hidescroll: l
+};
+export {
+  s as default,
+  l as hidescroll,
+  t as horizontal,
+  o as scrollwrap,
+  _ as vertical
+};

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

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

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

@@ -1,13 +1,14 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper: string;
-        label: ({ props }: ThemeParams) => string;
-        box: ({ props, data }: ThemeParams) => string;
-        content: string;
-        iconWrapper: string;
-        icon: ({ props }: ThemeParams) => "h-6 w-6" | "h-5 w-5" | "h-3 w-3" | "h-7 w-7";
-    };
-    styles: ({ props, colors, css }: ThemeParams) => string;
+import type { Ref } from 'vue';
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { SelectProps } from './Select.vue';
+type InternalClasses = 'wrapper' | 'label' | 'box' | 'content' | 'iconWrapper' | 'icon';
+type InternalExtraData = {
+    errorInternal: Ref<boolean>;
 };
-export default _default;
+interface InternalTheme extends ThemeComponent<SelectProps, InternalClasses, InternalExtraData> {
+}
+export interface SelectTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<SelectProps, InternalClasses, InternalExtraData>>;
+}
+declare const theme: InternalTheme;
+export default theme;

package/lib/components/select/Select.theme.js

@@ -0,0 +1,23 @@
+const i = {
+  classes: {
+    wrapper: "inline-block align-bottom text-left focus:outline-none",
+    label: ({ props: e }) => {
+      let r = "font-medium text-gray-800 dark:text-gray-200 mb-1";
+      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;
+    },
+    box: ({ props: e, data: r }) => {
+      let t = "w-full border border-gray-300 dark:border-gray-700 pr-8 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out rounded-md shadow-sm";
+      return !r.errorInternal && !e.disabled && (t += " hover:border-gray-400 dark:hover:border-gray-500"), e.size === "xs" ? t += " px-2 py-1 text-xs" : e.size === "sm" ? t += " px-2 py-2 text-sm" : e.size === "lg" ? t += " px-4 py-3 text-lg" : e.size === "xl" ? t += " px-5 py-4 text-xl" : t += " px-3 py-2", t += e.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", t;
+    },
+    content: "py-1 max-h-72 overflow-scroll",
+    iconWrapper: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2",
+    icon: ({ props: e }) => e.size === "sm" || e.size === "xs" ? "h-3 w-3" : e.size === "lg" ? "h-6 w-6" : e.size === "xl" ? "h-7 w-7" : "h-5 w-5"
+  },
+  styles: ({ props: e, colors: r, css: t }) => {
+    const l = r.getPalette("primary");
+    return t.get("border", l[500]);
+  }
+}, s = i;
+export {
+  s as default
+};

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

@@ -1,9 +1,38 @@
-import { type PropType } from 'vue';
+import { type PropType, type ExtractPublicPropTypes } from 'vue';
+declare const selectProps: {
+    placeholder: StringConstructor;
+    options: PropType<SelectOption[]>;
+    multiple: BooleanConstructor;
+    label: StringConstructor;
+    helper: StringConstructor;
+    flat: BooleanConstructor;
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    error: StringConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    size: {
+        readonly type: PropType<import("../../composables/common").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
 export type SelectOption = {
     value: number | string;
     disabled: boolean;
     label: string;
 };
+export type SelectProps = ExtractPublicPropTypes<typeof selectProps>;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     placeholder: StringConstructor;
     options: PropType<SelectOption[]>;
@@ -35,7 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     focus: () => void | undefined;
     blur: () => void | undefined;
     reset: () => void;
-    validate: (val: any) => boolean;
+    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<{
     placeholder: StringConstructor;
@@ -67,15 +96,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
     flat: boolean;
     size: import("../../composables/common").Size;
+    multiple: boolean;
     required: boolean;
-    disabled: boolean;
     loading: boolean;
     readonly: boolean;
     validateOnInput: boolean;
     rules: unknown[];
-    multiple: boolean;
 }, {}>, {
     icon?(_: {}): any;
 }>;