@tb-dev/vue 0.3.22 → 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-text/types.d.ts

@@ -2,7 +2,6 @@ import { InputHTMLAttributes } from 'vue';
 export interface InputTextProps {
     autocomplete?: InputHTMLAttributes['autocomplete'];
     autofocus?: InputHTMLAttributes['autofocus'];
-    class?: string;
     disabled?: InputHTMLAttributes['disabled'];
     label?: string;
     labelClass?: string;

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

@@ -3,7 +3,6 @@ import { SelectHTMLAttributes } from 'vue';
 export interface SelectProps {
     autocomplete?: SelectHTMLAttributes['autocomplete'];
     autofocus?: SelectHTMLAttributes['autofocus'];
-    class?: string;
     contentClass?: string;
     disabled?: boolean;
     label?: 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/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';
@@ -631,23 +631,18 @@ 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, [
@@ -657,10 +652,8 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               "default-value": _ctx.defaultValue,
-              disabled: _ctx.disabled,
-              required: _ctx.required,
-              class: props.class
-            }), null, 16, ["modelValue", "default-value", "disabled", "required", "class"])
+              disabled: _ctx.disabled
+            }), null, 16, ["modelValue", "default-value", "disabled"])
           ]),
           _: 1
         }),
@@ -2251,6 +2244,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
             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,
@@ -2519,7 +2513,6 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     autocomplete: {},
     autofocus: {},
-    class: {},
     disabled: {},
     label: {},
     labelClass: {},
@@ -2537,14 +2530,12 @@ 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), mergeProps(_ctx.$attrs, {
+      return openBlock(), createBlock(unref(_sfc_main$1Q), {
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         type: "text",
-        class: props.class,
         autocomplete: _ctx.autocomplete,
         autofocus: _ctx.autofocus,
         disabled: _ctx.disabled,
@@ -2558,7 +2549,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
         required: _ctx.required,
         size: _ctx.size,
         spellcheck: _ctx.spellcheck
-      }), null, 16, ["modelValue", "class", "autocomplete", "autofocus", "disabled", "label", "label-class", "max", "min", "on-blur", "placeholder", "readonly", "required", "size", "spellcheck"]);
+      }, null, 8, ["modelValue", "autocomplete", "autofocus", "disabled", "label", "label-class", "max", "min", "on-blur", "placeholder", "readonly", "required", "size", "spellcheck"]);
     };
   }
 });
@@ -3917,7 +3908,6 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   props: {
     autocomplete: {},
     autofocus: {},
-    class: {},
     contentClass: {},
     disabled: { type: Boolean },
     label: {},
@@ -3948,8 +3938,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                 autocomplete: _ctx.autocomplete,
                 autofocus: _ctx.autofocus,
                 disabled: _ctx.disabled,
-                required: _ctx.required,
-                class: props.class
+                required: _ctx.required
               }), {
                 default: withCtx(() => [
                   createVNode(unref(_sfc_main$14), {
@@ -3970,7 +3959,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                   }, 8, ["class"])
                 ]),
                 _: 3
-              }, 16, ["modelValue", "autocomplete", "autofocus", "disabled", "required", "class"]),
+              }, 16, ["modelValue", "autocomplete", "autofocus", "disabled", "required"]),
               renderSlot(_ctx.$slots, "action")
             ])
           ]),
@@ -5328,7 +5317,6 @@ const _hoisted_1$3 = {
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: /* @__PURE__ */ mergeModels({
-    class: {},
     disabled: { type: Boolean },
     label: {},
     labelClass: {},
@@ -5339,7 +5327,6 @@ 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) => {
@@ -5349,8 +5336,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             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: props.class
+              disabled: _ctx.disabled
             }), createSlots({ _: 2 }, [
               _ctx.$slots.thumb ? {
                 name: "thumb",
@@ -5359,7 +5345,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1040, ["modelValue", "disabled", "class"])
+            ]), 1040, ["modelValue", "disabled"])
           ]),
           _: 3
         }),
@@ -6006,6 +5992,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.3.22",
+  "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",