@tb-dev/vue 0.3.20 → 0.3.22

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,5 +1,7 @@
 import { InputHTMLAttributes } from 'vue';
 export interface InputTextProps {
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    autofocus?: InputHTMLAttributes['autofocus'];
     class?: string;
     disabled?: InputHTMLAttributes['disabled'];
     label?: string;
@@ -8,6 +10,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/label/index.d.ts

@@ -1,3 +1 @@
-import { default as Label } from './Label.vue';
-export type * from './types';
-export { Label };
+export { Label } from '../__base/label';

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

@@ -1,5 +1,8 @@
 import { Option } from '@tb-dev/utils';
+import { SelectHTMLAttributes } from 'vue';
 export interface SelectProps {
+    autocomplete?: SelectHTMLAttributes['autocomplete'];
+    autofocus?: SelectHTMLAttributes['autofocus'];
     class?: string;
     contentClass?: string;
     disabled?: boolean;
@@ -7,4 +10,6 @@ export interface SelectProps {
     labelClass?: string;
     modelValue: Option<string>;
     placeholder?: string;
+    required?: boolean;
+    triggerClass?: 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.js

@@ -90,7 +90,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-const _sfc_main$2S = /* @__PURE__ */ defineComponent({
+const _sfc_main$2R = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     asChild: { type: Boolean },
@@ -135,7 +135,7 @@ const badgeVariants = cva(
   }
 );
 
-const _sfc_main$2R = /* @__PURE__ */ defineComponent({
+const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: {},
@@ -190,7 +190,7 @@ const buttonVariants = cva(
 
 const _hoisted_1$i = { key: 0 };
 const _hoisted_2$2 = { key: 0 };
-const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$2P = /* @__PURE__ */ defineComponent({
   __name: "ButtonLink",
   props: {
     buttonClass: {},
@@ -206,17 +206,17 @@ const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$2R), {
+            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
         }),
@@ -236,7 +236,7 @@ const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2P = /* @__PURE__ */ defineComponent({
+const _sfc_main$2O = /* @__PURE__ */ defineComponent({
   __name: "ButtonIcon",
   props: {
     buttonClass: {},
@@ -249,7 +249,7 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return _ctx.to ? (openBlock(), createBlock(unref(_sfc_main$2Q), {
+      return _ctx.to ? (openBlock(), createBlock(unref(_sfc_main$2P), {
         key: 0,
         to: _ctx.to,
         variant: "ghost",
@@ -264,7 +264,7 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class", "size"]))
         ]),
         _: 1
-      }, 8, ["to", "class", "button-class"])) : (openBlock(), createBlock(unref(_sfc_main$2R), {
+      }, 8, ["to", "class", "button-class"])) : (openBlock(), createBlock(unref(_sfc_main$2Q), {
         key: 1,
         variant: "ghost",
         size: "icon",
@@ -282,7 +282,7 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2O = /* @__PURE__ */ defineComponent({
+const _sfc_main$2N = /* @__PURE__ */ defineComponent({
   __name: "ScrollBar",
   props: {
     orientation: { default: "vertical" },
@@ -318,7 +318,7 @@ const _sfc_main$2O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2N = /* @__PURE__ */ defineComponent({
+const _sfc_main$2M = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     type: {},
@@ -348,7 +348,7 @@ const _sfc_main$2N = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(_sfc_main$2O),
+          createVNode(_sfc_main$2N),
           createVNode(unref(ScrollAreaCorner))
         ]),
         _: 3
@@ -357,7 +357,7 @@ const _sfc_main$2N = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2M = /* @__PURE__ */ defineComponent({
+const _sfc_main$2L = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     class: {}
@@ -380,7 +380,7 @@ const _sfc_main$2M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2L = /* @__PURE__ */ defineComponent({
+const _sfc_main$2K = /* @__PURE__ */ defineComponent({
   __name: "CardContent",
   props: {
     class: {}
@@ -398,7 +398,7 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2K = /* @__PURE__ */ defineComponent({
+const _sfc_main$2J = /* @__PURE__ */ defineComponent({
   __name: "CardDescription",
   props: {
     class: {}
@@ -416,7 +416,7 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2J = /* @__PURE__ */ defineComponent({
+const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   __name: "CardFooter",
   props: {
     class: {}
@@ -434,7 +434,7 @@ const _sfc_main$2J = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2I = /* @__PURE__ */ defineComponent({
+const _sfc_main$2H = /* @__PURE__ */ defineComponent({
   __name: "CardHeader",
   props: {
     class: {}
@@ -457,7 +457,7 @@ const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2H = /* @__PURE__ */ defineComponent({
+const _sfc_main$2G = /* @__PURE__ */ defineComponent({
   __name: "CardTitle",
   props: {
     class: {}
@@ -475,7 +475,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2G = /* @__PURE__ */ defineComponent({
+const _sfc_main$2F = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     contentClass: {},
@@ -488,14 +488,14 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2M), null, {
+      return openBlock(), createBlock(unref(_sfc_main$2L), null, {
         default: withCtx(() => [
-          _ctx.$slots.title ? (openBlock(), createBlock(unref(_sfc_main$2I), {
+          _ctx.$slots.title ? (openBlock(), createBlock(unref(_sfc_main$2H), {
             key: 0,
             class: normalizeClass(_ctx.headerClass)
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$2H), {
+              createVNode(unref(_sfc_main$2G), {
                 class: normalizeClass(_ctx.titleClass)
               }, {
                 default: withCtx(() => [
@@ -503,7 +503,7 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["class"]),
-              _ctx.$slots.description ? (openBlock(), createBlock(unref(_sfc_main$2K), {
+              _ctx.$slots.description ? (openBlock(), createBlock(unref(_sfc_main$2J), {
                 key: 0,
                 class: normalizeClass(_ctx.descriptionClass)
               }, {
@@ -515,12 +515,12 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["class"])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createBlock(unref(_sfc_main$2L), {
+          _ctx.$slots.default ? (openBlock(), createBlock(unref(_sfc_main$2K), {
             key: 1,
             class: normalizeClass(unref(cn)("p-0", _ctx.contentClass))
           }, {
             default: withCtx(() => [
-              _ctx.scrollAreaHeight && _ctx.scrollAreaHeight !== "auto" ? (openBlock(), createBlock(unref(_sfc_main$2N), {
+              _ctx.scrollAreaHeight && _ctx.scrollAreaHeight !== "auto" ? (openBlock(), createBlock(unref(_sfc_main$2M), {
                 key: 0,
                 class: normalizeClass(_ctx.scrollAreaClass),
                 style: normalizeStyle({ height: unref(toPixel)(_ctx.scrollAreaHeight) })
@@ -533,7 +533,7 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["class"])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$2J), {
+          _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$2I), {
             key: 2,
             class: normalizeClass(_ctx.footerClass)
           }, {
@@ -549,7 +549,7 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2F = /* @__PURE__ */ defineComponent({
+const _sfc_main$2E = /* @__PURE__ */ defineComponent({
   __name: "Label",
   props: {
     for: {},
@@ -579,26 +579,6 @@ const _sfc_main$2F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2E = /* @__PURE__ */ defineComponent({
-  __name: "Label",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2F), {
-        class: normalizeClass(unref(cn)("flex w-full flex-col gap-2 font-normal", props.class))
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-});
-
 const _sfc_main$2D = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
@@ -673,14 +653,14 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
       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"])
+              class: props.class
+            }), null, 16, ["modelValue", "default-value", "disabled", "required", "class"])
           ]),
           _: 1
         }),
@@ -2237,6 +2217,8 @@ const _hoisted_1$b = { class: "w-full" };
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
+    autocomplete: {},
+    autofocus: {},
     class: {},
     disabled: {},
     label: {},
@@ -2246,6 +2228,8 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     modelValue: {},
     onBlur: {},
     placeholder: {},
+    readonly: {},
+    required: {},
     size: {},
     spellcheck: { default: "false" },
     type: { default: "text" }
@@ -2264,25 +2248,29 @@ 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),
               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
         }),
         _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$2E), {
           key: 0,
-          class: normalizeClass(_ctx.labelClass)
+          class: normalizeClass(unref(cn)("flex w-full flex-col gap-2 font-normal", _ctx.labelClass))
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_1$b, toDisplayString(_ctx.label), 1),
@@ -2453,12 +2441,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 }) {
@@ -2474,34 +2467,41 @@ 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
         }),
         _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$2E), {
           key: 0,
-          class: normalizeClass(_ctx.labelClass)
+          class: normalizeClass(unref(cn)("flex w-full flex-col gap-2 font-normal", _ctx.labelClass))
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_1$a, toDisplayString(_ctx.label), 1),
@@ -2517,6 +2517,8 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "InputText",
   props: /* @__PURE__ */ mergeModels({
+    autocomplete: {},
+    autofocus: {},
     class: {},
     disabled: {},
     label: {},
@@ -2525,6 +2527,8 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     min: {},
     onBlur: {},
     placeholder: {},
+    readonly: {},
+    required: {},
     size: {},
     spellcheck: { default: "false" }
   }, {
@@ -2536,11 +2540,13 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     const props = __props;
     const value = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1Q), {
+      return openBlock(), createBlock(unref(_sfc_main$1Q), mergeProps(_ctx.$attrs, {
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         type: "text",
-        class: normalizeClass(props.class),
+        class: props.class,
+        autocomplete: _ctx.autocomplete,
+        autofocus: _ctx.autofocus,
         disabled: _ctx.disabled,
         label: _ctx.label,
         "label-class": _ctx.labelClass,
@@ -2548,9 +2554,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, 16, ["modelValue", "class", "autocomplete", "autofocus", "disabled", "label", "label-class", "max", "min", "on-blur", "placeholder", "readonly", "required", "size", "spellcheck"]);
     };
   }
 });
@@ -3907,13 +3915,17 @@ const _hoisted_2$1 = { class: "w-full" };
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
+    autocomplete: {},
+    autofocus: {},
     class: {},
     contentClass: {},
     disabled: { type: Boolean },
     label: {},
     labelClass: {},
     modelValue: {},
-    placeholder: {}
+    placeholder: {},
+    required: { type: Boolean },
+    triggerClass: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -3930,20 +3942,24 @@ 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(unref(cn)("w-full", props.class))
-              }, {
+                required: _ctx.required,
+                class: props.class
+              }), {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$14), null, {
+                  createVNode(unref(_sfc_main$14), {
+                    class: normalizeClass(unref(cn)("w-full", _ctx.triggerClass))
+                  }, {
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$13), { placeholder: _ctx.placeholder }, null, 8, ["placeholder"])
                     ]),
                     _: 1
-                  }),
+                  }, 8, ["class"]),
                   createVNode(unref(_sfc_main$1c), {
                     class: normalizeClass(_ctx.contentClass)
                   }, {
@@ -3954,7 +3970,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                   }, 8, ["class"])
                 ]),
                 _: 3
-              }, 8, ["modelValue", "disabled", "class"]),
+              }, 16, ["modelValue", "autocomplete", "autofocus", "disabled", "required", "class"]),
               renderSlot(_ctx.$slots, "action")
             ])
           ]),
@@ -3962,7 +3978,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
         }),
         _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$2E), {
           key: 0,
-          class: normalizeClass(unref(cn)("flex flex-col gap-2", _ctx.labelClass))
+          class: normalizeClass(unref(cn)("flex w-full flex-col gap-2 font-normal", _ctx.labelClass))
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_2$1, toDisplayString(_ctx.label), 1),
@@ -5116,7 +5132,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { toggleSidebar } = useSidebar();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2R), {
+      return openBlock(), createBlock(unref(_sfc_main$2Q), {
         "data-sidebar": "trigger",
         "data-slot": "sidebar-trigger",
         variant: "ghost",
@@ -5330,12 +5346,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       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 }, [
+              class: props.class
+            }), createSlots({ _: 2 }, [
               _ctx.$slots.thumb ? {
                 name: "thumb",
                 fn: withCtx(() => [
@@ -5343,7 +5359,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["modelValue", "disabled", "class"])
+            ]), 1040, ["modelValue", "disabled", "class"])
           ]),
           _: 3
         }),
@@ -5987,7 +6003,7 @@ 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),
               autocapitalize: _ctx.autocapitalize,
@@ -6003,20 +6019,18 @@ 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
         }),
         _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$2E), {
           key: 0,
-          class: normalizeClass(unref(cn)("flex flex-col gap-1", _ctx.labelClass))
+          class: normalizeClass(unref(cn)("flex w-full flex-col gap-1 font-normal", _ctx.labelClass))
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_1, toDisplayString(_ctx.label), 1),
@@ -6245,4 +6259,4 @@ function localRef(key, initial, options) {
   });
 }
 
-export { _sfc_main$2S as Badge, _sfc_main$2R as Button, _sfc_main$2P as ButtonIcon, _sfc_main$2Q as ButtonLink, _sfc_main$2G as Card, _sfc_main$2C as Checkbox, _sfc_main$2B as Combobox, _sfc_main$2A as ComboboxAnchor, _sfc_main$2z as ComboboxEmpty, _sfc_main$2y as ComboboxGroup, _sfc_main$2x as ComboboxInput, _sfc_main$2w as ComboboxItem, _sfc_main$2v as ComboboxItemIndicator, _sfc_main$2u as ComboboxList, _sfc_main$2t as ComboboxSeparator, _sfc_main$2s as ComboboxViewport, _sfc_main$2r as ContextMenu, _sfc_main$2q as ContextMenuCheckboxItem, _sfc_main$2p as ContextMenuContent, _sfc_main$2o as ContextMenuGroup, _sfc_main$2n as ContextMenuItem, _sfc_main$2m as ContextMenuLabel, _sfc_main$2l as ContextMenuRadioGroup, _sfc_main$2k as ContextMenuRadioItem, _sfc_main$2j as ContextMenuSeparator, _sfc_main$2i as ContextMenuShortcut, _sfc_main$2h as ContextMenuSub, _sfc_main$2g as ContextMenuSubContent, _sfc_main$2f as ContextMenuSubTrigger, _sfc_main$2e as ContextMenuTrigger, _sfc_main$2d as Dialog, _sfc_main$2c as DialogClose, _sfc_main$2a as DialogContent, _sfc_main$29 as DialogDescription, _sfc_main$28 as DialogFooter, _sfc_main$27 as DialogHeader, _sfc_main$2b as DialogOverlay, _sfc_main$26 as DialogScrollContent, _sfc_main$25 as DialogTitle, _sfc_main$24 as DialogTrigger, _sfc_main$23 as DropdownMenu, _sfc_main$22 as DropdownMenuCheckboxItem, _sfc_main$21 as DropdownMenuContent, _sfc_main$20 as DropdownMenuGroup, _sfc_main$1$ as DropdownMenuItem, _sfc_main$1_ as DropdownMenuLabel, _sfc_main$1Z as DropdownMenuRadioGroup, _sfc_main$1Y as DropdownMenuRadioItem, _sfc_main$1X as DropdownMenuSeparator, _sfc_main$1W as DropdownMenuShortcut, _sfc_main$1V as DropdownMenuSub, _sfc_main$1U as DropdownMenuSubContent, _sfc_main$1T as DropdownMenuSubTrigger, _sfc_main$1S as DropdownMenuTrigger, _sfc_main$1Q as Input, _sfc_main$1K as InputNumber, _sfc_main$1J as InputText, _sfc_main$2E as Label, _sfc_main$1I as Link, _sfc_main$1H as Menubar, _sfc_main$1G as MenubarCheckboxItem, _sfc_main$1F as MenubarContent, _sfc_main$1E as MenubarGroup, _sfc_main$1D as MenubarItem, _sfc_main$1C as MenubarLabel, _sfc_main$1B as MenubarMenu, _sfc_main$1A as MenubarRadioGroup, _sfc_main$1z as MenubarRadioItem, _sfc_main$1y as MenubarSeparator, _sfc_main$1x as MenubarShortcut, _sfc_main$1w as MenubarSub, _sfc_main$1v as MenubarSubContent, _sfc_main$1u as MenubarSubTrigger, _sfc_main$1t as MenubarTrigger, _sfc_main$1s as Pagination, _sfc_main$1r as PaginationContent, _sfc_main$1q as PaginationEllipsis, _sfc_main$1p as PaginationFirst, _sfc_main$1o as PaginationItem, _sfc_main$1n as PaginationLast, _sfc_main$1m as PaginationNext, _sfc_main$1l as PaginationPrevious, _sfc_main$1h as Popover, _sfc_main$1g as Progress, _sfc_main$1f as RadioGroup, _sfc_main$1e as RadioGroupItem, _sfc_main$2N as ScrollArea, _sfc_main$12 as Select, _sfc_main$1b as SelectGroup, _sfc_main$1a as SelectItem, _sfc_main$19 as SelectItemText, _sfc_main$18 as SelectLabel, _sfc_main$17 as SelectScrollDownButton, _sfc_main$16 as SelectScrollUpButton, _sfc_main$15 as SelectSeparator, _sfc_main$11 as Separator, _sfc_main$10 as Sheet, _sfc_main$$ as SheetClose, _sfc_main$Z as SheetContent, _sfc_main$Y as SheetDescription, _sfc_main$X as SheetFooter, _sfc_main$W as SheetHeader, _sfc_main$V as SheetTitle, _sfc_main$U as SheetTrigger, _sfc_main$r as Sidebar, _sfc_main$Q as SidebarGroup, _sfc_main$P as SidebarGroupAction, _sfc_main$O as SidebarGroupContent, _sfc_main$N as SidebarGroupLabel, _sfc_main$K as SidebarMenu, _sfc_main$J as SidebarMenuAction, _sfc_main$I as SidebarMenuBadge, _sfc_main$C as SidebarMenuButton, _sfc_main$B as SidebarMenuItem, _sfc_main$z as SidebarMenuSkeleton, _sfc_main$y as SidebarMenuSub, _sfc_main$x as SidebarMenuSubButton, _sfc_main$w as SidebarMenuSubItem, _sfc_main$u as SidebarRail, _sfc_main$t as SidebarSeparator, _sfc_main$s as SidebarTrigger, _sfc_main$A as Skeleton, _sfc_main$q as Sonner, _sfc_main$o as Switch, _sfc_main$e as Table, _sfc_main$k as TableCell, _sfc_main$i as TableEmpty, _sfc_main$g as TableHead, _sfc_main$d as TableLink, _sfc_main$j as TableRow, _sfc_main$c as Tabs, _sfc_main$b as TabsContent, _sfc_main$a as TabsList, _sfc_main$9 as TabsTrigger, _sfc_main$8 as TagsInput, _sfc_main$7 as TagsInputInput, _sfc_main$6 as TagsInputItem, _sfc_main$5 as TagsInputItemDelete, _sfc_main$4 as TagsInputItemText, _sfc_main$2 as Textarea, _sfc_main$1 as Toggle, _sfc_main as Tooltip, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };
+export { _sfc_main$2R as Badge, _sfc_main$2Q as Button, _sfc_main$2O as ButtonIcon, _sfc_main$2P as ButtonLink, _sfc_main$2F as Card, _sfc_main$2C as Checkbox, _sfc_main$2B as Combobox, _sfc_main$2A as ComboboxAnchor, _sfc_main$2z as ComboboxEmpty, _sfc_main$2y as ComboboxGroup, _sfc_main$2x as ComboboxInput, _sfc_main$2w as ComboboxItem, _sfc_main$2v as ComboboxItemIndicator, _sfc_main$2u as ComboboxList, _sfc_main$2t as ComboboxSeparator, _sfc_main$2s as ComboboxViewport, _sfc_main$2r as ContextMenu, _sfc_main$2q as ContextMenuCheckboxItem, _sfc_main$2p as ContextMenuContent, _sfc_main$2o as ContextMenuGroup, _sfc_main$2n as ContextMenuItem, _sfc_main$2m as ContextMenuLabel, _sfc_main$2l as ContextMenuRadioGroup, _sfc_main$2k as ContextMenuRadioItem, _sfc_main$2j as ContextMenuSeparator, _sfc_main$2i as ContextMenuShortcut, _sfc_main$2h as ContextMenuSub, _sfc_main$2g as ContextMenuSubContent, _sfc_main$2f as ContextMenuSubTrigger, _sfc_main$2e as ContextMenuTrigger, _sfc_main$2d as Dialog, _sfc_main$2c as DialogClose, _sfc_main$2a as DialogContent, _sfc_main$29 as DialogDescription, _sfc_main$28 as DialogFooter, _sfc_main$27 as DialogHeader, _sfc_main$2b as DialogOverlay, _sfc_main$26 as DialogScrollContent, _sfc_main$25 as DialogTitle, _sfc_main$24 as DialogTrigger, _sfc_main$23 as DropdownMenu, _sfc_main$22 as DropdownMenuCheckboxItem, _sfc_main$21 as DropdownMenuContent, _sfc_main$20 as DropdownMenuGroup, _sfc_main$1$ as DropdownMenuItem, _sfc_main$1_ as DropdownMenuLabel, _sfc_main$1Z as DropdownMenuRadioGroup, _sfc_main$1Y as DropdownMenuRadioItem, _sfc_main$1X as DropdownMenuSeparator, _sfc_main$1W as DropdownMenuShortcut, _sfc_main$1V as DropdownMenuSub, _sfc_main$1U as DropdownMenuSubContent, _sfc_main$1T as DropdownMenuSubTrigger, _sfc_main$1S as DropdownMenuTrigger, _sfc_main$1Q as Input, _sfc_main$1K as InputNumber, _sfc_main$1J as InputText, _sfc_main$2E as Label, _sfc_main$1I as Link, _sfc_main$1H as Menubar, _sfc_main$1G as MenubarCheckboxItem, _sfc_main$1F as MenubarContent, _sfc_main$1E as MenubarGroup, _sfc_main$1D as MenubarItem, _sfc_main$1C as MenubarLabel, _sfc_main$1B as MenubarMenu, _sfc_main$1A as MenubarRadioGroup, _sfc_main$1z as MenubarRadioItem, _sfc_main$1y as MenubarSeparator, _sfc_main$1x as MenubarShortcut, _sfc_main$1w as MenubarSub, _sfc_main$1v as MenubarSubContent, _sfc_main$1u as MenubarSubTrigger, _sfc_main$1t as MenubarTrigger, _sfc_main$1s as Pagination, _sfc_main$1r as PaginationContent, _sfc_main$1q as PaginationEllipsis, _sfc_main$1p as PaginationFirst, _sfc_main$1o as PaginationItem, _sfc_main$1n as PaginationLast, _sfc_main$1m as PaginationNext, _sfc_main$1l as PaginationPrevious, _sfc_main$1h as Popover, _sfc_main$1g as Progress, _sfc_main$1f as RadioGroup, _sfc_main$1e as RadioGroupItem, _sfc_main$2M as ScrollArea, _sfc_main$12 as Select, _sfc_main$1b as SelectGroup, _sfc_main$1a as SelectItem, _sfc_main$19 as SelectItemText, _sfc_main$18 as SelectLabel, _sfc_main$17 as SelectScrollDownButton, _sfc_main$16 as SelectScrollUpButton, _sfc_main$15 as SelectSeparator, _sfc_main$11 as Separator, _sfc_main$10 as Sheet, _sfc_main$$ as SheetClose, _sfc_main$Z as SheetContent, _sfc_main$Y as SheetDescription, _sfc_main$X as SheetFooter, _sfc_main$W as SheetHeader, _sfc_main$V as SheetTitle, _sfc_main$U as SheetTrigger, _sfc_main$r as Sidebar, _sfc_main$Q as SidebarGroup, _sfc_main$P as SidebarGroupAction, _sfc_main$O as SidebarGroupContent, _sfc_main$N as SidebarGroupLabel, _sfc_main$K as SidebarMenu, _sfc_main$J as SidebarMenuAction, _sfc_main$I as SidebarMenuBadge, _sfc_main$C as SidebarMenuButton, _sfc_main$B as SidebarMenuItem, _sfc_main$z as SidebarMenuSkeleton, _sfc_main$y as SidebarMenuSub, _sfc_main$x as SidebarMenuSubButton, _sfc_main$w as SidebarMenuSubItem, _sfc_main$u as SidebarRail, _sfc_main$t as SidebarSeparator, _sfc_main$s as SidebarTrigger, _sfc_main$A as Skeleton, _sfc_main$q as Sonner, _sfc_main$o as Switch, _sfc_main$e as Table, _sfc_main$k as TableCell, _sfc_main$i as TableEmpty, _sfc_main$g as TableHead, _sfc_main$d as TableLink, _sfc_main$j as TableRow, _sfc_main$c as Tabs, _sfc_main$b as TabsContent, _sfc_main$a as TabsList, _sfc_main$9 as TabsTrigger, _sfc_main$8 as TagsInput, _sfc_main$7 as TagsInputInput, _sfc_main$6 as TagsInputItem, _sfc_main$5 as TagsInputItemDelete, _sfc_main$4 as TagsInputItemText, _sfc_main$2 as Textarea, _sfc_main$1 as Toggle, _sfc_main as Tooltip, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",

package/dist/components/label/Label.vue.d.ts

@@ -1,21 +0,0 @@
-import { VNode } from 'vue';
-import { LabelProps } from './types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default: () => VNode;
-    }> & {
-        default: () => VNode;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,3 +0,0 @@
-export interface LabelProps {
-    class?: string;
-}