straw-ui-vue 0.1.0

package/dist/components/st-input/index.d.ts

@@ -0,0 +1,315 @@
+export declare const StInput: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").InputProps & {
+            modelValue?: string | number;
+        }> & Readonly<{
+            onBlur?: (event: FocusEvent) => any;
+            onChange?: (event: Event) => any;
+            onFocus?: (event: FocusEvent) => any;
+            onInput?: (event: Event) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        }>, {
+            focus: () => void;
+            blur: () => void;
+            select: () => void;
+            inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            blur: (event: FocusEvent) => any;
+            change: (event: Event) => any;
+            focus: (event: FocusEvent) => any;
+            input: (event: Event) => any;
+            clear: () => any;
+            "update:modelValue": (...args: unknown[]) => any;
+        }, import("vue").PublicProps, {
+            type: import("./types.d.ts").InputType;
+            disabled: boolean;
+            placeholder: string;
+            clearable: boolean;
+            readonly: boolean;
+            showPassword: boolean;
+            showWordLimit: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").InputProps & {
+            modelValue?: string | number;
+        }> & Readonly<{
+            onBlur?: (event: FocusEvent) => any;
+            onChange?: (event: Event) => any;
+            onFocus?: (event: FocusEvent) => any;
+            onInput?: (event: Event) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        }>, {
+            focus: () => void;
+            blur: () => void;
+            select: () => void;
+            inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+        }, {}, {}, {}, {
+            type: import("./types.d.ts").InputType;
+            disabled: boolean;
+            placeholder: string;
+            clearable: boolean;
+            readonly: boolean;
+            showPassword: boolean;
+            showWordLimit: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").InputProps & {
+        modelValue?: string | number;
+    }> & Readonly<{
+        onBlur?: (event: FocusEvent) => any;
+        onChange?: (event: Event) => any;
+        onFocus?: (event: FocusEvent) => any;
+        onInput?: (event: Event) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    }>, {
+        focus: () => void;
+        blur: () => void;
+        select: () => void;
+        inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        blur: (event: FocusEvent) => any;
+        change: (event: Event) => any;
+        focus: (event: FocusEvent) => any;
+        input: (event: Event) => any;
+        clear: () => any;
+        "update:modelValue": (...args: unknown[]) => any;
+    }, string, {
+        type: import("./types.d.ts").InputType;
+        disabled: boolean;
+        placeholder: string;
+        clearable: boolean;
+        readonly: boolean;
+        showPassword: boolean;
+        showWordLimit: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        [x: string]: any;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").InputProps & {
+            modelValue?: string | number;
+        }> & Readonly<{
+            onBlur?: (event: FocusEvent) => any;
+            onChange?: (event: Event) => any;
+            onFocus?: (event: FocusEvent) => any;
+            onInput?: (event: Event) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        }>, {
+            focus: () => void;
+            blur: () => void;
+            select: () => void;
+            inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            blur: (event: FocusEvent) => any;
+            change: (event: Event) => any;
+            focus: (event: FocusEvent) => any;
+            input: (event: Event) => any;
+            clear: () => any;
+            "update:modelValue": (...args: unknown[]) => any;
+        }, import("vue").PublicProps, {
+            type: import("./types.d.ts").InputType;
+            disabled: boolean;
+            placeholder: string;
+            clearable: boolean;
+            readonly: boolean;
+            showPassword: boolean;
+            showWordLimit: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").InputProps & {
+            modelValue?: string | number;
+        }> & Readonly<{
+            onBlur?: (event: FocusEvent) => any;
+            onChange?: (event: Event) => any;
+            onFocus?: (event: FocusEvent) => any;
+            onInput?: (event: Event) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        }>, {
+            focus: () => void;
+            blur: () => void;
+            select: () => void;
+            inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+        }, {}, {}, {}, {
+            type: import("./types.d.ts").InputType;
+            disabled: boolean;
+            placeholder: string;
+            clearable: boolean;
+            readonly: boolean;
+            showPassword: boolean;
+            showWordLimit: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").InputProps & {
+        modelValue?: string | number;
+    }> & Readonly<{
+        onBlur?: (event: FocusEvent) => any;
+        onChange?: (event: Event) => any;
+        onFocus?: (event: FocusEvent) => any;
+        onInput?: (event: Event) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    }>, {
+        focus: () => void;
+        blur: () => void;
+        select: () => void;
+        inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        blur: (event: FocusEvent) => any;
+        change: (event: Event) => any;
+        focus: (event: FocusEvent) => any;
+        input: (event: Event) => any;
+        clear: () => any;
+        "update:modelValue": (...args: unknown[]) => any;
+    }, string, {
+        type: import("./types.d.ts").InputType;
+        disabled: boolean;
+        placeholder: string;
+        clearable: boolean;
+        readonly: boolean;
+        showPassword: boolean;
+        showWordLimit: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").InputProps & {
+        modelValue?: string | number;
+    }> & Readonly<{
+        onBlur?: (event: FocusEvent) => any;
+        onChange?: (event: Event) => any;
+        onFocus?: (event: FocusEvent) => any;
+        onInput?: (event: Event) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    }>, {
+        focus: () => void;
+        blur: () => void;
+        select: () => void;
+        inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        blur: (event: FocusEvent) => any;
+        change: (event: Event) => any;
+        focus: (event: FocusEvent) => any;
+        input: (event: Event) => any;
+        clear: () => any;
+        "update:modelValue": (...args: unknown[]) => any;
+    }, import("vue").PublicProps, {
+        type: import("./types.d.ts").InputType;
+        disabled: boolean;
+        placeholder: string;
+        clearable: boolean;
+        readonly: boolean;
+        showPassword: boolean;
+        showWordLimit: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").InputProps & {
+        modelValue?: string | number;
+    }> & Readonly<{
+        onBlur?: (event: FocusEvent) => any;
+        onChange?: (event: Event) => any;
+        onFocus?: (event: FocusEvent) => any;
+        onInput?: (event: Event) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    }>, {
+        focus: () => void;
+        blur: () => void;
+        select: () => void;
+        inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+    }, {}, {}, {}, {
+        type: import("./types.d.ts").InputType;
+        disabled: boolean;
+        placeholder: string;
+        clearable: boolean;
+        readonly: boolean;
+        showPassword: boolean;
+        showWordLimit: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").InputProps & {
+    modelValue?: string | number;
+}> & Readonly<{
+    onBlur?: (event: FocusEvent) => any;
+    onChange?: (event: Event) => any;
+    onFocus?: (event: FocusEvent) => any;
+    onInput?: (event: Event) => any;
+    onClear?: () => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => any;
+}>, {
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+    inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    change: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    input: (event: Event) => any;
+    clear: () => any;
+    "update:modelValue": (...args: unknown[]) => any;
+}, string, {
+    type: import("./types.d.ts").InputType;
+    disabled: boolean;
+    placeholder: string;
+    clearable: boolean;
+    readonly: boolean;
+    showPassword: boolean;
+    showWordLimit: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?: (props: {}) => any;
+    } & {
+        suffix?: (props: {}) => any;
+    };
+})>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    [x: string]: any;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin)));
+export default StInput;
+export type * from './types.d.ts';

package/dist/components/st-input/st-input.vue.cjs

@@ -0,0 +1 @@
+const e=require("./st-input.vue_vue_type_script_setup_true_lang.cjs");;/* empty css                                                                */var t=require("../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[[`__scopeId`,`data-v-19943572`]]);exports.default=t;

package/dist/components/st-input/st-input.vue.d.ts

@@ -0,0 +1,48 @@
+import type { InputProps } from './types.d.ts';
+type __VLS_Props = InputProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_1) => any;
+} & {
+    suffix?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+    inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    change: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    input: (event: Event) => any;
+    clear: () => any;
+    "update:modelValue": (...args: unknown[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: (event: FocusEvent) => any;
+    onChange?: (event: Event) => any;
+    onFocus?: (event: FocusEvent) => any;
+    onInput?: (event: Event) => any;
+    onClear?: () => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => any;
+}>, {
+    type: import("./types.d.ts").InputType;
+    disabled: boolean;
+    placeholder: string;
+    clearable: boolean;
+    readonly: boolean;
+    showPassword: boolean;
+    showWordLimit: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/st-input/st-input.vue.js

@@ -0,0 +1,7 @@
+import e from "./st-input.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                              */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+//#region src/components/st-input/st-input.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-19943572"]]);
+//#endregion
+export { n as default };

package/dist/components/st-input/st-input.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs");let t=require("vue");var n={key:0,class:`st-input__prefix inline-flex items-center text-foreground`},r=[`autocomplete`,`disabled`,`maxlength`,`minlength`,`placeholder`,`readonly`,`type`],i={key:3,class:`st-input__word-limit select-none text-xs text-muted-foreground`},a={key:4,class:`st-input__suffix inline-flex items-center text-foreground`},o=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-input`,props:(0,t.mergeModels)({modelValue:{},type:{default:`text`},placeholder:{default:``},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},maxlength:{},minlength:{},showWordLimit:{type:Boolean,default:!1},prefixIcon:{},suffixIcon:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,t.mergeModels)([`update:modelValue`,`input`,`change`,`focus`,`blur`,`clear`],[`update:modelValue`]),setup(o,{expose:s,emit:c}){let l=(0,t.useAttrs)(),u=o,d=c;(0,t.useSlots)();let f=(0,t.useModel)(o,`modelValue`),p=(0,t.ref)(null),m=(0,t.ref)(!1),h=(0,t.ref)(!1),g=(0,t.ref)(!1),_=(0,t.computed)(()=>{let e=f.value;return typeof e==`string`?e.length:String(e).length}),v=(0,t.computed)(()=>u.type===`password`?m.value?`text`:`password`:u.type),y=(0,t.computed)(()=>{if(u.type===`password`)return`new-password`}),b=(0,t.computed)(()=>u.clearable&&!u.disabled&&f.value&&h.value),x=(0,t.computed)(()=>u.type===`password`&&u.showPassword&&!u.disabled),S=(0,t.computed)(()=>e.cn(`st-input`,`relative inline-flex items-center gap-2.5 px-2.5 rounded-radius border border-input bg-background transition-colors transition-shadow`,`focus-within:border-ring focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-0 focus-within:ring-offset-background`,`h-10 text-sm`,{"st-input--disabled cursor-not-allowed opacity-50":u.disabled},l.class)),C=(0,t.computed)(()=>e.cn(`st-input__inner`,`h-full w-full flex-1 min-w-0 min-h-0 bg-transparent outline-none text-foreground`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`)),w=()=>{h.value=!0},T=()=>{h.value=!1},E=e=>{d(`input`,e)},D=e=>{d(`change`,e)},O=e=>{g.value=!0,d(`focus`,e)},k=e=>{g.value=!1,d(`blur`,e)},A=()=>{f.value=``,d(`clear`),p.value?.focus()},j=()=>{m.value=!m.value};return s({focus:()=>{p.value?.focus()},blur:()=>{p.value?.blur()},select:()=>{p.value?.select()},inputRef:p}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(S.value),style:(0,t.normalizeStyle)((0,t.unref)(l).style),onMouseenter:w,onMouseleave:T},[e.$slots.prefix||u.prefixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,n,[(0,t.renderSlot)(e.$slots,`prefix`,{},()=>[u.prefixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)([u.prefixIcon,`st-input__prefix-icon text-foreground`])},null,2)):(0,t.createCommentVNode)(``,!0)],!0)])):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{ref_key:`inputRef`,ref:p,"onUpdate:modelValue":o[0]||=e=>f.value=e,autocomplete:y.value,class:(0,t.normalizeClass)(C.value),disabled:u.disabled,maxlength:u.maxlength,minlength:u.minlength,placeholder:u.placeholder,readonly:u.readonly,type:v.value,onBlur:k,onChange:D,onFocus:O,onInput:E},null,42,r),[[t.vModelDynamic,f.value]]),b.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,class:`st-input__clear text-foreground cursor-pointer active:opacity-80`,onClick:A},[...o[1]||=[(0,t.createElementVNode)(`i`,{class:`i-ri-close-fill`},null,-1)]])):(0,t.createCommentVNode)(``,!0),x.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:2,class:`st-input__password-toggle text-foreground cursor-pointer active:opacity-80`,onClick:j},[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)(m.value?`i-ri-eye-off-line`:`i-ri-eye-line`)},null,2)])):(0,t.createCommentVNode)(``,!0),u.showWordLimit&&u.maxlength?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,(0,t.toDisplayString)(_.value)+`/`+(0,t.toDisplayString)(u.maxlength),1)):(0,t.createCommentVNode)(``,!0),e.$slots.suffix||u.suffixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,[(0,t.renderSlot)(e.$slots,`suffix`,{},()=>[u.suffixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)([u.suffixIcon,`st-input__suffix-icon text-foreground`])},null,2)):(0,t.createCommentVNode)(``,!0)],!0)])):(0,t.createCommentVNode)(``,!0)],38))}});exports.default=o;

package/dist/components/st-input/st-input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,146 @@
+import { cn as e } from "../../utils/cn.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, normalizeStyle as c, openBlock as l, ref as u, renderSlot as d, toDisplayString as f, unref as p, useAttrs as m, useModel as h, useSlots as g, vModelDynamic as _, withDirectives as v } from "vue";
+//#region src/components/st-input/st-input.vue?vue&type=script&setup=true&lang.ts
+var y = {
+	key: 0,
+	class: "st-input__prefix inline-flex items-center text-foreground"
+}, b = [
+	"autocomplete",
+	"disabled",
+	"maxlength",
+	"minlength",
+	"placeholder",
+	"readonly",
+	"type"
+], x = {
+	key: 3,
+	class: "st-input__word-limit select-none text-xs text-muted-foreground"
+}, S = {
+	key: 4,
+	class: "st-input__suffix inline-flex items-center text-foreground"
+}, C = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "st-input",
+	props: /*@__PURE__*/ o({
+		modelValue: {},
+		type: { default: "text" },
+		placeholder: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		showPassword: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: {},
+		minlength: {},
+		showWordLimit: {
+			type: Boolean,
+			default: !1
+		},
+		prefixIcon: {},
+		suffixIcon: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ o([
+		"update:modelValue",
+		"input",
+		"change",
+		"focus",
+		"blur",
+		"clear"
+	], ["update:modelValue"]),
+	setup(a, { expose: o, emit: C }) {
+		let w = m(), T = a, E = C;
+		g();
+		let D = h(a, "modelValue"), O = u(null), k = u(!1), A = u(!1), j = u(!1), M = t(() => {
+			let e = D.value;
+			return typeof e == "string" ? e.length : String(e).length;
+		}), N = t(() => T.type === "password" ? k.value ? "text" : "password" : T.type), P = t(() => {
+			if (T.type === "password") return "new-password";
+		}), F = t(() => T.clearable && !T.disabled && D.value && A.value), I = t(() => T.type === "password" && T.showPassword && !T.disabled), L = t(() => e("st-input", "relative inline-flex items-center gap-2.5 px-2.5 rounded-radius border border-input bg-background transition-colors transition-shadow", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-0 focus-within:ring-offset-background", "h-10 text-sm", { "st-input--disabled cursor-not-allowed opacity-50": T.disabled }, w.class)), R = t(() => e("st-input__inner", "h-full w-full flex-1 min-w-0 min-h-0 bg-transparent outline-none text-foreground", "placeholder:text-muted-foreground", "disabled:cursor-not-allowed disabled:opacity-50")), z = () => {
+			A.value = !0;
+		}, B = () => {
+			A.value = !1;
+		}, V = (e) => {
+			E("input", e);
+		}, H = (e) => {
+			E("change", e);
+		}, U = (e) => {
+			j.value = !0, E("focus", e);
+		}, W = (e) => {
+			j.value = !1, E("blur", e);
+		}, G = () => {
+			D.value = "", E("clear"), O.value?.focus();
+		}, K = () => {
+			k.value = !k.value;
+		};
+		return o({
+			focus: () => {
+				O.value?.focus();
+			},
+			blur: () => {
+				O.value?.blur();
+			},
+			select: () => {
+				O.value?.select();
+			},
+			inputRef: O
+		}), (e, t) => (l(), r("div", {
+			class: s(L.value),
+			style: c(p(w).style),
+			onMouseenter: z,
+			onMouseleave: B
+		}, [
+			e.$slots.prefix || T.prefixIcon ? (l(), r("span", y, [d(e.$slots, "prefix", {}, () => [T.prefixIcon ? (l(), r("i", {
+				key: 0,
+				class: s([T.prefixIcon, "st-input__prefix-icon text-foreground"])
+			}, null, 2)) : n("", !0)], !0)])) : n("", !0),
+			v(i("input", {
+				ref_key: "inputRef",
+				ref: O,
+				"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
+				autocomplete: P.value,
+				class: s(R.value),
+				disabled: T.disabled,
+				maxlength: T.maxlength,
+				minlength: T.minlength,
+				placeholder: T.placeholder,
+				readonly: T.readonly,
+				type: N.value,
+				onBlur: W,
+				onChange: H,
+				onFocus: U,
+				onInput: V
+			}, null, 42, b), [[_, D.value]]),
+			F.value ? (l(), r("span", {
+				key: 1,
+				class: "st-input__clear text-foreground cursor-pointer active:opacity-80",
+				onClick: G
+			}, [...t[1] ||= [i("i", { class: "i-ri-close-fill" }, null, -1)]])) : n("", !0),
+			I.value ? (l(), r("span", {
+				key: 2,
+				class: "st-input__password-toggle text-foreground cursor-pointer active:opacity-80",
+				onClick: K
+			}, [i("i", { class: s(k.value ? "i-ri-eye-off-line" : "i-ri-eye-line") }, null, 2)])) : n("", !0),
+			T.showWordLimit && T.maxlength ? (l(), r("span", x, f(M.value) + "/" + f(T.maxlength), 1)) : n("", !0),
+			e.$slots.suffix || T.suffixIcon ? (l(), r("span", S, [d(e.$slots, "suffix", {}, () => [T.suffixIcon ? (l(), r("i", {
+				key: 0,
+				class: s([T.suffixIcon, "st-input__suffix-icon text-foreground"])
+			}, null, 2)) : n("", !0)], !0)])) : n("", !0)
+		], 38));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/st-input/types.d.ts

@@ -0,0 +1,68 @@
+/**
+ * 输入框类型
+ */
+export type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+
+/**
+ * 输入框组件属性接口
+ */
+export interface InputProps {
+	/** 输入框绑定值 */
+	modelValue?: string | number;
+	/** 输入框类型 */
+	type?: InputType;
+	/** 占位符文本 */
+	placeholder?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否可清空 */
+	clearable?: boolean;
+	/** 是否只读 */
+	readonly?: boolean;
+	/** 是否显示密码切换按钮 */
+	showPassword?: boolean;
+	/** 最大输入长度 */
+	maxlength?: number;
+	/** 最小输入长度 */
+	minlength?: number;
+	/** 是否显示字数统计 */
+	showWordLimit?: boolean;
+	/** 前缀图标名称 */
+	prefixIcon?: string;
+	/** 后缀图标名称 */
+	suffixIcon?: string;
+}
+
+/**
+ * 输入框组件事件接口
+ */
+export interface InputEmits {
+	/** 更新绑定值事件 */
+	'update:modelValue': [value: string | number];
+	/** 输入事件 */
+	input: [event: Event];
+	/** 值改变事件 */
+	change: [event: Event];
+	/** 获得焦点事件 */
+	focus: [event: FocusEvent];
+	/** 失去焦点事件 */
+	blur: [event: FocusEvent];
+	/** 清空事件 */
+	clear: [];
+}
+
+/**
+ * 输入框组件插槽接口
+ */
+export interface InputSlots {
+	/** 前缀内容插槽 */
+	prefix?: () => unknown;
+	/** 后缀内容插槽 */
+	suffix?: () => unknown;
+	/** 前缀图标插槽 */
+	'prefix-icon'?: () => unknown;
+	/** 后缀图标插槽 */
+	'suffix-icon'?: () => unknown;
+}
+
+export {};

package/dist/components/st-input.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-input/st-input.vue.cjs");var n=e.withInstall(t.default);exports.StInput=n,exports.default=n;

package/dist/components/st-input.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-input/st-input.vue.js";
+//#region src/components/st-input/index.ts
+var n = e(t);
+//#endregion
+export { n as StInput, n as default };