straw-ui-vue 0.1.0

package/README.md

@@ -0,0 +1,42 @@
+# straw-ui
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Recommended Browser Setup
+
+- Chromium-based browsers (Chrome, Edge, Brave, etc.):
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) 
+  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
+- Firefox:
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+bun install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+bun dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+bun run build
+```

package/dist/_virtual/_plugin-vue_export-helper.cjs

@@ -0,0 +1 @@
+var e=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};exports.default=e;

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,162 @@
+export declare const StButton: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
+            onClick?: (event: MouseEvent) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, import("vue").PublicProps, {
+            variant: import("./types.d.ts").ButtonVariant;
+            type: import("./types.d.ts").ButtonType;
+            disabled: boolean;
+            loading: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
+            onClick?: (event: MouseEvent) => any;
+        }>, {}, {}, {}, {}, {
+            variant: import("./types.d.ts").ButtonVariant;
+            type: import("./types.d.ts").ButtonType;
+            disabled: boolean;
+            loading: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
+        onClick?: (event: MouseEvent) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (event: MouseEvent) => any;
+    }, string, {
+        variant: import("./types.d.ts").ButtonVariant;
+        type: import("./types.d.ts").ButtonType;
+        disabled: boolean;
+        loading: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        } & {
+            prefixIcon?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            suffixIcon?: (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").ButtonProps> & Readonly<{
+            onClick?: (event: MouseEvent) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, import("vue").PublicProps, {
+            variant: import("./types.d.ts").ButtonVariant;
+            type: import("./types.d.ts").ButtonType;
+            disabled: boolean;
+            loading: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
+            onClick?: (event: MouseEvent) => any;
+        }>, {}, {}, {}, {}, {
+            variant: import("./types.d.ts").ButtonVariant;
+            type: import("./types.d.ts").ButtonType;
+            disabled: boolean;
+            loading: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
+        onClick?: (event: MouseEvent) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (event: MouseEvent) => any;
+    }, string, {
+        variant: import("./types.d.ts").ButtonVariant;
+        type: import("./types.d.ts").ButtonType;
+        disabled: boolean;
+        loading: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        } & {
+            prefixIcon?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            suffixIcon?: (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").ButtonProps> & Readonly<{
+        onClick?: (event: MouseEvent) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (event: MouseEvent) => any;
+    }, import("vue").PublicProps, {
+        variant: import("./types.d.ts").ButtonVariant;
+        type: import("./types.d.ts").ButtonType;
+        disabled: boolean;
+        loading: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
+        onClick?: (event: MouseEvent) => any;
+    }>, {}, {}, {}, {}, {
+        variant: import("./types.d.ts").ButtonVariant;
+        type: import("./types.d.ts").ButtonType;
+        disabled: boolean;
+        loading: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, {
+    variant: import("./types.d.ts").ButtonVariant;
+    type: import("./types.d.ts").ButtonType;
+    disabled: boolean;
+    loading: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    } & {
+        prefixIcon?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        suffixIcon?: (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 StButton;
+export type * from './types.d.ts';

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

@@ -0,0 +1 @@
+var e=require("./st-button.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

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

@@ -0,0 +1,29 @@
+import type { ButtonProps, ButtonType, ButtonVariant } from './types.d.ts';
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    prefixIcon?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    suffixIcon?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {
+    variant: ButtonVariant;
+    type: ButtonType;
+    disabled: boolean;
+    loading: 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-button/st-button.vue.js

@@ -0,0 +1,5 @@
+import e from "./st-button.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/st-button/st-button.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`disabled`],i={key:0,class:`i-ri-loader-4-line animate-spin`},a=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-button`,props:{variant:{default:`default`},type:{default:`default`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},prefixIcon:{},suffixIcon:{}},emits:[`click`],setup(a,{emit:o}){let s={default:`h-9 px-4 text-3.5 gap-1.5`,icon:`w-9 h-9`},c={primary:`bg-primary text-primary-foreground`,default:`bg-secondary text-secondary-foreground`,ghost:`bg-transparent text-foreground`},l={primary:`hover:bg-primary/90`,default:`hover:bg-secondary/80`,ghost:`hover:bg-secondary/80`},u=a,d=(0,n.useAttrs)(),f=o,p=(0,n.useSlots)(),m=t.cva({base:`inline-flex items-center justify-center rounded-radius font-default transition-all duration-150 ease-in-out border-none outline-none select-none`,variants:{variant:{primary:c.primary,default:c.default,ghost:c.ghost},type:{default:s.default,icon:s.icon},disabled:{true:`opacity-50 cursor-not-allowed`},loading:{true:`cursor-not-allowed`}},defaultVariants:{variant:`default`,type:`default`}}),h=(0,n.computed)(()=>e.cn(m({variant:u.variant,type:u.type,disabled:u.disabled,loading:u.loading}),!u.disabled&&!u.loading?l[u.variant]:``,d.class)),g=(0,n.computed)(()=>u.type===`icon`),_=(0,n.computed)(()=>u.disabled||u.loading),v=(0,n.computed)(()=>u.prefixIcon||p.prefixIcon),y=(0,n.computed)(()=>u.suffixIcon||p.suffixIcon),b=e=>`i-ri-${e}`,x=e=>{_.value||f(`click`,e)};return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)(h.value),style:(0,n.normalizeStyle)((0,n.unref)(d).style),disabled:_.value,onClick:x},[u.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`i`,i)):(0,n.createCommentVNode)(``,!0),g.value?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[u.prefixIcon?((0,n.openBlock)(),(0,n.createElementBlock)(`i`,{key:0,class:(0,n.normalizeClass)(b(u.prefixIcon))},null,2)):(0,n.renderSlot)(e.$slots,`default`,{key:1})],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[v.value?(0,n.renderSlot)(e.$slots,`prefixIcon`,{key:0},()=>[(0,n.createElementVNode)(`i`,{class:(0,n.normalizeClass)(b(u.prefixIcon))},null,2)]):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(e.$slots,`default`),y.value?(0,n.renderSlot)(e.$slots,`suffixIcon`,{key:1},()=>[(0,n.createElementVNode)(`i`,{class:(0,n.normalizeClass)(b(u.suffixIcon))},null,2)]):(0,n.createCommentVNode)(``,!0)],64))],14,r))}});exports.default=a;

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

@@ -0,0 +1,81 @@
+import { cn as e } from "../../utils/cn.js";
+import { cva as t } from "../../utils/cva/index.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, unref as f, useAttrs as p, useSlots as m } from "vue";
+//#region src/components/st-button/st-button.vue?vue&type=script&setup=true&lang.ts
+var h = ["disabled"], g = {
+	key: 0,
+	class: "i-ri-loader-4-line animate-spin"
+}, _ = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "st-button",
+	props: {
+		variant: { default: "default" },
+		type: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		prefixIcon: {},
+		suffixIcon: {}
+	},
+	emits: ["click"],
+	setup(s, { emit: _ }) {
+		let v = {
+			default: "h-9 px-4 text-3.5 gap-1.5",
+			icon: "w-9 h-9"
+		}, y = {
+			primary: "bg-primary text-primary-foreground",
+			default: "bg-secondary text-secondary-foreground",
+			ghost: "bg-transparent text-foreground"
+		}, b = {
+			primary: "hover:bg-primary/90",
+			default: "hover:bg-secondary/80",
+			ghost: "hover:bg-secondary/80"
+		}, x = s, S = p(), C = _, w = m(), T = t({
+			base: "inline-flex items-center justify-center rounded-radius font-default transition-all duration-150 ease-in-out border-none outline-none select-none",
+			variants: {
+				variant: {
+					primary: y.primary,
+					default: y.default,
+					ghost: y.ghost
+				},
+				type: {
+					default: v.default,
+					icon: v.icon
+				},
+				disabled: { true: "opacity-50 cursor-not-allowed" },
+				loading: { true: "cursor-not-allowed" }
+			},
+			defaultVariants: {
+				variant: "default",
+				type: "default"
+			}
+		}), E = r(() => e(T({
+			variant: x.variant,
+			type: x.type,
+			disabled: x.disabled,
+			loading: x.loading
+		}), !x.disabled && !x.loading ? b[x.variant] : "", S.class)), D = r(() => x.type === "icon"), O = r(() => x.disabled || x.loading), k = r(() => x.prefixIcon || w.prefixIcon), A = r(() => x.suffixIcon || w.suffixIcon), j = (e) => `i-ri-${e}`, M = (e) => {
+			O.value || C("click", e);
+		};
+		return (e, t) => (u(), a("button", {
+			class: c(E.value),
+			style: l(f(S).style),
+			disabled: O.value,
+			onClick: M
+		}, [x.loading ? (u(), a("i", g)) : i("", !0), D.value ? (u(), a(n, { key: 1 }, [x.prefixIcon ? (u(), a("i", {
+			key: 0,
+			class: c(j(x.prefixIcon))
+		}, null, 2)) : d(e.$slots, "default", { key: 1 })], 64)) : (u(), a(n, { key: 2 }, [
+			k.value ? d(e.$slots, "prefixIcon", { key: 0 }, () => [o("i", { class: c(j(x.prefixIcon)) }, null, 2)]) : i("", !0),
+			d(e.$slots, "default"),
+			A.value ? d(e.$slots, "suffixIcon", { key: 1 }, () => [o("i", { class: c(j(x.suffixIcon)) }, null, 2)]) : i("", !0)
+		], 64))], 14, h));
+	}
+});
+//#endregion
+export { _ as default };

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

@@ -0,0 +1,49 @@
+/**
+ * 按钮变体类型
+ */
+export type ButtonVariant = 'primary' | 'default' | 'ghost';
+
+/**
+ * 按钮类型
+ */
+export type ButtonType = 'default' | 'icon';
+
+/**
+ * 按钮组件属性
+ */
+export interface ButtonProps {
+	/** 按钮变体类型 */
+	variant?: ButtonVariant;
+	/** 按钮类型 */
+	type?: ButtonType;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否显示加载状态 */
+	loading?: boolean;
+	/** 前缀图标名称（Remix Icon，不含 i-ri- 前缀） */
+	prefixIcon?: string;
+	/** 后缀图标名称（Remix Icon，不含 i-ri- 前缀） */
+	suffixIcon?: string;
+}
+
+/**
+ * 按钮组件插槽类型
+ */
+export interface ButtonSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+	/** 前缀图标插槽 */
+	prefixIcon?: () => unknown;
+	/** 后缀图标插槽 */
+	suffixIcon?: () => unknown;
+}
+
+/**
+ * 按钮组件事件类型
+ */
+export interface ButtonEmits {
+	/** 点击事件 */
+	click: [event: MouseEvent];
+}
+
+export {};

package/dist/components/st-button.cjs

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

package/dist/components/st-button.js

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

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

@@ -0,0 +1,153 @@
+export declare const StCheckbox: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").CheckboxProps & {
+            modelValue?: boolean | string | number;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: string | number | boolean) => any;
+        }, import("vue").PublicProps, {
+            disabled: boolean;
+            trueValue: boolean | string | number;
+            falseValue: boolean | string | number;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").CheckboxProps & {
+            modelValue?: boolean | string | number;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            trueValue: boolean | string | number;
+            falseValue: boolean | string | number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CheckboxProps & {
+        modelValue?: boolean | string | number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | number | boolean) => any;
+    }, string, {
+        disabled: boolean;
+        trueValue: boolean | string | number;
+        falseValue: boolean | string | number;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (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").CheckboxProps & {
+            modelValue?: boolean | string | number;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: string | number | boolean) => any;
+        }, import("vue").PublicProps, {
+            disabled: boolean;
+            trueValue: boolean | string | number;
+            falseValue: boolean | string | number;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").CheckboxProps & {
+            modelValue?: boolean | string | number;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            trueValue: boolean | string | number;
+            falseValue: boolean | string | number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CheckboxProps & {
+        modelValue?: boolean | string | number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | number | boolean) => any;
+    }, string, {
+        disabled: boolean;
+        trueValue: boolean | string | number;
+        falseValue: boolean | string | number;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (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").CheckboxProps & {
+        modelValue?: boolean | string | number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | number | boolean) => any;
+    }, import("vue").PublicProps, {
+        disabled: boolean;
+        trueValue: boolean | string | number;
+        falseValue: boolean | string | number;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").CheckboxProps & {
+        modelValue?: boolean | string | number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        trueValue: boolean | string | number;
+        falseValue: boolean | string | number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CheckboxProps & {
+    modelValue?: boolean | string | number;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean) => any;
+}, string, {
+    disabled: boolean;
+    trueValue: boolean | string | number;
+    falseValue: boolean | string | number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (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 StCheckbox;
+export type * from './types.d.ts';

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

@@ -0,0 +1 @@
+var e=require("./st-checkbox.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

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

@@ -0,0 +1,27 @@
+import type { CheckboxProps } from './types.d.ts';
+type __VLS_Props = CheckboxProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean | string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+}>, {
+    disabled: boolean;
+    trueValue: boolean | string | number;
+    falseValue: boolean | string | number;
+}, {}, {}, {}, 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-checkbox/st-checkbox.vue.js

@@ -0,0 +1,5 @@
+import e from "./st-checkbox.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/st-checkbox/st-checkbox.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`checked`,`disabled`],i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-checkbox`,props:(0,n.mergeModels)({disabled:{type:Boolean,default:!1},trueValue:{type:[Boolean,String,Number],default:!0},falseValue:{type:[Boolean,String,Number],default:!1}},{modelValue:{type:[Boolean,String,Number],default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let a=i,o=(0,n.useModel)(i,`modelValue`),s=(0,n.useSlots)(),c=(0,n.useAttrs)(),l=(0,n.inject)(`checkboxGroup`,null),u=(0,n.computed)(()=>!!s.default),d=(0,n.computed)(()=>l&&l.disabled.value||a.disabled),f=(0,n.computed)(()=>l?l.modelValue.value.includes(a.trueValue):o.value===a.trueValue),p=t.cva({base:`inline-flex items-center cursor-pointer select-none gap-2`,variants:{disabled:{true:`cursor-not-allowed opacity-50`,false:``}}}),m=(0,n.computed)(()=>e.cn(p({disabled:d.value}),c.class)),h=(0,n.computed)(()=>e.cn(`sr-only`)),g=t.cva({base:`flex items-center justify-center border-2 rounded-radius transition-all duration-200 w-5 h-5`,variants:{checked:{true:`bg-primary border-primary`,false:`bg-background border-input hover:border-ring`},disabled:{true:`cursor-not-allowed`,false:`cursor-pointer`}}}),_=(0,n.computed)(()=>g({checked:f.value,disabled:d.value})),v=(0,n.computed)(()=>e.cn(`text-primary-foreground w-2.5 h-2.5`)),y=(0,n.computed)(()=>e.cn(`w-full h-full`)),b=t.cva({base:`text-foreground text-sm`,variants:{disabled:{true:`text-muted-foreground`,false:``}}}),x=(0,n.computed)(()=>b({disabled:d.value})),S=e=>{d.value&&e.preventDefault()},C=()=>{d.value||(l?l.updateValue(a.trueValue,!f.value):o.value=f.value?a.falseValue:a.trueValue)};return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`label`,{class:(0,n.normalizeClass)(m.value),style:(0,n.normalizeStyle)((0,n.unref)(c).style),onClick:S},[(0,n.createElementVNode)(`input`,{checked:f.value,class:(0,n.normalizeClass)(h.value),disabled:d.value,type:`checkbox`,onChange:C},null,42,r),(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)(_.value)},[f.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:(0,n.normalizeClass)(v.value)},[((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,{class:(0,n.normalizeClass)(y.value),fill:`none`,viewBox:`0 0 12 12`,xmlns:`http://www.w3.org/2000/svg`},[...t[0]||=[(0,n.createElementVNode)(`path`,{d:`M2 6L5 9L10 3`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`},null,-1)]],2))],2)):(0,n.createCommentVNode)(``,!0)],2),u.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:(0,n.normalizeClass)(x.value)},[(0,n.renderSlot)(e.$slots,`default`)],2)):(0,n.createCommentVNode)(``,!0)],6))}});exports.default=i;