@tb-dev/vue 0.3.21 → 0.3.23

package/dist/components/checkbox/Checkbox.vue.d.ts

@@ -1,7 +1,12 @@
 import { CheckboxProps } from './types';
-declare const _default: import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+import { CheckboxRootProps } from 'reka-ui';
+type __VLS_Props = CheckboxProps;
+type __VLS_PublicProps = {
+    modelValue?: CheckboxRootProps['modelValue'];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | "indeterminate" | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate" | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/checkbox/types.d.ts

@@ -1,10 +1,7 @@
-import { Option } from '@tb-dev/utils';
+import { CheckboxRootProps } from 'reka-ui';
 export interface CheckboxProps {
-    class?: string;
-    defaultValue?: boolean;
-    disabled?: boolean;
+    defaultValue?: CheckboxRootProps['defaultValue'];
+    disabled?: CheckboxRootProps['disabled'];
     label?: string;
     labelClass?: string;
-    modelValue?: Option<boolean>;
-    required?: boolean;
 }

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

@@ -1,6 +1,8 @@
 import { Option } from '@tb-dev/utils';
 import { InputHTMLAttributes } from 'vue';
 export interface InputProps {
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    autofocus?: InputHTMLAttributes['autofocus'];
     class?: string;
     disabled?: InputHTMLAttributes['disabled'];
     label?: string;
@@ -10,6 +12,8 @@ export interface InputProps {
     modelValue: Option<string>;
     onBlur?: () => void;
     placeholder?: InputHTMLAttributes['placeholder'];
+    readonly?: InputHTMLAttributes['readonly'];
+    required?: InputHTMLAttributes['required'];
     size?: InputHTMLAttributes['size'];
     spellcheck?: InputHTMLAttributes['spellcheck'];
     type?: InputHTMLAttributes['type'];

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

@@ -1,12 +1,18 @@
 import { Option } from '@tb-dev/utils';
+import { NumberFieldRootProps } from 'reka-ui';
 export interface InputNumberProps {
     class?: string;
     defaultValue?: number;
     disabled?: boolean;
-    formatOptions?: Intl.NumberFormatOptions;
+    disableDecrement?: boolean;
+    disableIncrement?: boolean;
+    disableWheelChange?: NumberFieldRootProps['disableWheelChange'];
+    formatOptions?: NumberFieldRootProps['formatOptions'];
     label?: string;
     labelClass?: string;
-    max?: number;
-    min?: number;
+    max?: NumberFieldRootProps['max'];
+    min?: NumberFieldRootProps['min'];
     modelValue: Option<number>;
+    step?: NumberFieldRootProps['step'];
+    stepSnapping?: NumberFieldRootProps['stepSnapping'];
 }

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

@@ -1,6 +1,7 @@
 import { InputHTMLAttributes } from 'vue';
 export interface InputTextProps {
-    class?: string;
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    autofocus?: InputHTMLAttributes['autofocus'];
     disabled?: InputHTMLAttributes['disabled'];
     label?: string;
     labelClass?: string;
@@ -8,6 +9,8 @@ export interface InputTextProps {
     min?: InputHTMLAttributes['minlength'];
     onBlur?: () => void;
     placeholder?: InputHTMLAttributes['placeholder'];
+    readonly?: InputHTMLAttributes['readonly'];
+    required?: InputHTMLAttributes['required'];
     size?: InputHTMLAttributes['size'];
     spellcheck?: InputHTMLAttributes['spellcheck'];
 }

package/dist/components/select/types.d.ts

@@ -1,11 +1,14 @@
 import { Option } from '@tb-dev/utils';
+import { SelectHTMLAttributes } from 'vue';
 export interface SelectProps {
-    class?: string;
+    autocomplete?: SelectHTMLAttributes['autocomplete'];
+    autofocus?: SelectHTMLAttributes['autofocus'];
     contentClass?: string;
     disabled?: boolean;
     label?: string;
     labelClass?: string;
     modelValue: Option<string>;
     placeholder?: string;
+    required?: boolean;
     triggerClass?: string;
 }

package/dist/components/switch/types.d.ts

@@ -1,5 +1,4 @@
 export interface SwitchProps {
-    class?: string;
     disabled?: boolean;
     label?: string;
     labelClass?: string;

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

@@ -4,8 +4,8 @@ declare const _default: import('vue').DefineComponent<TextareaProps, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    spellcheck: boolean | "true" | "false";
     autocomplete: string;
+    spellcheck: boolean | "true" | "false";
     autocorrect: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
 :root {
   --background: oklch(1 0 0);
   --foreground: oklch(.141 .005 285.823);

package/dist/index.js

@@ -1,5 +1,5 @@
 import { cva } from 'class-variance-authority';
-import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, createElementVNode, createTextVNode, withDirectives, isRef, vModelText, mergeModels, useModel, normalizeProps, guardReactiveProps, useTemplateRef, ref, createSlots, toRef, effectScope } from 'vue';
+import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, mergeModels, useModel, createElementVNode, createTextVNode, withDirectives, isRef, vModelText, normalizeProps, guardReactiveProps, useTemplateRef, ref, createSlots, toRef, effectScope } from 'vue';
 import { twMerge } from 'tailwind-merge';
 import { clsx } from 'clsx';
 import { unwrap, isNil, toPixel } from '@tb-dev/utils';
@@ -206,17 +206,17 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$2Q), {
+            createVNode(unref(_sfc_main$2Q), mergeProps(_ctx.$attrs, {
               variant: _ctx.variant,
               size: _ctx.size,
               disabled: _ctx.disabled,
-              class: normalizeClass(unref(cn)("size-full", _ctx.buttonClass))
-            }, {
+              class: unref(cn)("size-full", _ctx.buttonClass)
+            }), {
               default: withCtx(() => [
                 _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$i, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
               ]),
               _: 3
-            }, 8, ["variant", "size", "disabled", "class"])
+            }, 16, ["variant", "size", "disabled", "class"])
           ]),
           _: 3
         }),
@@ -631,36 +631,29 @@ const _sfc_main$2D = /* @__PURE__ */ defineComponent({
 const _hoisted_1$h = { class: "w-full" };
 const _sfc_main$2C = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
-  props: {
-    class: {},
-    defaultValue: { type: Boolean },
+  props: /* @__PURE__ */ mergeModels({
+    defaultValue: { type: [Boolean, String] },
     disabled: { type: Boolean },
     label: {},
-    labelClass: {},
-    modelValue: {},
-    required: { type: Boolean }
-  },
+    labelClass: {}
+  }, {
+    "modelValue": { type: [Boolean, String, null], ...{ required: false } },
+    "modelModifiers": {}
+  }),
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const value = computed({
-      get: () => props.modelValue ?? false,
-      set: (it) => emit("update:modelValue", it)
-    });
+  setup(__props) {
+    const value = useModel(__props, "modelValue");
     const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$2D), {
+            createVNode(unref(_sfc_main$2D), mergeProps(_ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               "default-value": _ctx.defaultValue,
-              disabled: _ctx.disabled,
-              required: _ctx.required,
-              class: normalizeClass(props.class)
-            }, null, 8, ["modelValue", "default-value", "disabled", "required", "class"])
+              disabled: _ctx.disabled
+            }), null, 16, ["modelValue", "default-value", "disabled"])
           ]),
           _: 1
         }),
@@ -2217,6 +2210,8 @@ const _hoisted_1$b = { class: "w-full" };
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
+    autocomplete: {},
+    autofocus: {},
     class: {},
     disabled: {},
     label: {},
@@ -2226,6 +2221,8 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     modelValue: {},
     onBlur: {},
     placeholder: {},
+    readonly: {},
+    required: {},
     size: {},
     spellcheck: { default: "false" },
     type: { default: "text" }
@@ -2244,19 +2241,24 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$1R), {
+            createVNode(unref(_sfc_main$1R), mergeProps(_ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              modelModifiers: { trim: true },
               type: _ctx.type,
+              autocomplete: _ctx.autocomplete,
+              autofocus: _ctx.autofocus,
               placeholder: _ctx.placeholder,
               disabled: _ctx.disabled,
               maxlength: _ctx.max,
               minlength: _ctx.min,
+              readonly: _ctx.readonly,
+              required: _ctx.required,
               size: _ctx.size,
               spellcheck: _ctx.spellcheck,
-              class: normalizeClass(unref(cn)("focus-visible:ring-0 disabled:cursor-default", props.class)),
+              class: unref(cn)("focus-visible:ring-0 disabled:cursor-default", props.class),
               onBlur: _ctx.onBlur
-            }, null, 8, ["modelValue", "type", "placeholder", "disabled", "maxlength", "minlength", "size", "spellcheck", "class", "onBlur"])
+            }), null, 16, ["modelValue", "type", "autocomplete", "autofocus", "placeholder", "disabled", "maxlength", "minlength", "readonly", "required", "size", "spellcheck", "class", "onBlur"])
           ]),
           _: 1
         }),
@@ -2433,12 +2435,17 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     class: {},
     defaultValue: {},
     disabled: { type: Boolean },
+    disableDecrement: { type: Boolean },
+    disableIncrement: { type: Boolean },
+    disableWheelChange: { type: Boolean },
     formatOptions: { default: () => ({ useGrouping: false }) },
     label: {},
     labelClass: {},
     max: {},
     min: {},
-    modelValue: {}
+    modelValue: {},
+    step: {},
+    stepSnapping: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -2454,28 +2461,35 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$1P), {
+            createVNode(unref(_sfc_main$1P), mergeProps(_ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               "default-value": _ctx.defaultValue,
+              disabled: _ctx.disabled,
+              "disable-wheel-change": _ctx.disableWheelChange,
               "format-options": _ctx.formatOptions,
               min: _ctx.min,
               max: _ctx.max,
-              disabled: _ctx.disabled,
-              class: normalizeClass(unref(cn)("w-full", props.class))
-            }, {
+              step: _ctx.step,
+              "step-snapping": _ctx.stepSnapping,
+              class: unref(cn)("w-full", props.class)
+            }), {
               default: withCtx(() => [
                 createVNode(unref(_sfc_main$1O), null, {
                   default: withCtx(() => [
-                    createVNode(unref(_sfc_main$1N)),
+                    createVNode(unref(_sfc_main$1N), {
+                      disabled: _ctx.disabled || _ctx.disableDecrement
+                    }, null, 8, ["disabled"]),
                     createVNode(unref(_sfc_main$1L)),
-                    createVNode(unref(_sfc_main$1M))
+                    createVNode(unref(_sfc_main$1M), {
+                      disabled: _ctx.disabled || _ctx.disableIncrement
+                    }, null, 8, ["disabled"])
                   ]),
                   _: 1
                 })
               ]),
               _: 1
-            }, 8, ["modelValue", "default-value", "format-options", "min", "max", "disabled", "class"])
+            }, 16, ["modelValue", "default-value", "disabled", "disable-wheel-change", "format-options", "min", "max", "step", "step-snapping", "class"])
           ]),
           _: 1
         }),
@@ -2497,7 +2511,8 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "InputText",
   props: /* @__PURE__ */ mergeModels({
-    class: {},
+    autocomplete: {},
+    autofocus: {},
     disabled: {},
     label: {},
     labelClass: {},
@@ -2505,6 +2520,8 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     min: {},
     onBlur: {},
     placeholder: {},
+    readonly: {},
+    required: {},
     size: {},
     spellcheck: { default: "false" }
   }, {
@@ -2513,14 +2530,14 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
-    const props = __props;
     const value = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1Q), {
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         type: "text",
-        class: normalizeClass(props.class),
+        autocomplete: _ctx.autocomplete,
+        autofocus: _ctx.autofocus,
         disabled: _ctx.disabled,
         label: _ctx.label,
         "label-class": _ctx.labelClass,
@@ -2528,9 +2545,11 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
         min: _ctx.min,
         "on-blur": _ctx.onBlur,
         placeholder: _ctx.placeholder,
+        readonly: _ctx.readonly,
+        required: _ctx.required,
         size: _ctx.size,
         spellcheck: _ctx.spellcheck
-      }, null, 8, ["modelValue", "class", "disabled", "label", "label-class", "max", "min", "on-blur", "placeholder", "size", "spellcheck"]);
+      }, null, 8, ["modelValue", "autocomplete", "autofocus", "disabled", "label", "label-class", "max", "min", "on-blur", "placeholder", "readonly", "required", "size", "spellcheck"]);
     };
   }
 });
@@ -3887,13 +3906,15 @@ const _hoisted_2$1 = { class: "w-full" };
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
-    class: {},
+    autocomplete: {},
+    autofocus: {},
     contentClass: {},
     disabled: { type: Boolean },
     label: {},
     labelClass: {},
     modelValue: {},
     placeholder: {},
+    required: { type: Boolean },
     triggerClass: {}
   },
   emits: ["update:modelValue"],
@@ -3911,13 +3932,14 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_1$5, [
-              createVNode(unref(_sfc_main$1d), {
+              createVNode(unref(_sfc_main$1d), mergeProps(_ctx.$attrs, {
                 modelValue: value.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+                autocomplete: _ctx.autocomplete,
+                autofocus: _ctx.autofocus,
                 disabled: _ctx.disabled,
-                autocomplete: "off",
-                class: normalizeClass(props.class)
-              }, {
+                required: _ctx.required
+              }), {
                 default: withCtx(() => [
                   createVNode(unref(_sfc_main$14), {
                     class: normalizeClass(unref(cn)("w-full", _ctx.triggerClass))
@@ -3937,7 +3959,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                   }, 8, ["class"])
                 ]),
                 _: 3
-              }, 8, ["modelValue", "disabled", "class"]),
+              }, 16, ["modelValue", "autocomplete", "autofocus", "disabled", "required"]),
               renderSlot(_ctx.$slots, "action")
             ])
           ]),
@@ -5295,7 +5317,6 @@ const _hoisted_1$3 = {
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: /* @__PURE__ */ mergeModels({
-    class: {},
     disabled: { type: Boolean },
     label: {},
     labelClass: {},
@@ -5306,19 +5327,17 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
-    const props = __props;
     const toggled = useModel(__props, "modelValue");
     const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$p), {
+            createVNode(unref(_sfc_main$p), mergeProps(_ctx.$attrs, {
               modelValue: toggled.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => toggled.value = $event),
-              disabled: _ctx.disabled,
-              class: normalizeClass(props.class)
-            }, createSlots({ _: 2 }, [
+              disabled: _ctx.disabled
+            }), createSlots({ _: 2 }, [
               _ctx.$slots.thumb ? {
                 name: "thumb",
                 fn: withCtx(() => [
@@ -5326,7 +5345,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["modelValue", "disabled", "class"])
+            ]), 1040, ["modelValue", "disabled"])
           ]),
           _: 3
         }),
@@ -5970,9 +5989,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$3), {
+            createVNode(unref(_sfc_main$3), mergeProps(_ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              modelModifiers: { trim: true },
               autocapitalize: _ctx.autocapitalize,
               autocomplete: _ctx.autocomplete,
               autocorrect: _ctx.autocorrect,
@@ -5986,14 +6006,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               required: _ctx.required,
               rows: _ctx.rows,
               spellcheck: _ctx.spellcheck,
-              class: normalizeClass(
-                unref(cn)(
-                  "size-full resize-none font-normal focus-visible:ring-0 disabled:cursor-default",
-                  props.class
-                )
+              class: unref(cn)(
+                "size-full resize-none font-normal focus-visible:ring-0 disabled:cursor-default",
+                props.class
               ),
               onBlur: _ctx.onBlur
-            }, null, 8, ["modelValue", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "cols", "disabled", "maxlength", "minlength", "placeholder", "readonly", "required", "rows", "spellcheck", "class", "onBlur"])
+            }), null, 16, ["modelValue", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "cols", "disabled", "maxlength", "minlength", "placeholder", "readonly", "required", "rows", "spellcheck", "class", "onBlur"])
           ]),
           _: 1
         }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.3.21",
+  "version": "0.3.23",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",
@@ -39,7 +39,7 @@
     "vue-sonner": "^1.3.2"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.3",
+    "@tailwindcss/vite": "^4.1.4",
     "@tb-dev/eslint-config": "^7.0.0",
     "@types/node": "^22.14.1",
     "@vitejs/plugin-vue": "^5.2.3",
@@ -47,7 +47,7 @@
     "prettier": "^3.5.3",
     "prettier-plugin-css-order": "^2.1.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "tailwindcss": "^4.1.3",
+    "tailwindcss": "^4.1.4",
     "tslib": "^2.8.1",
     "typescript": "~5.8.3",
     "vite": "^6.2.6",