vueless 0.0.472 → 0.0.473

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.472",
+  "version": "0.0.473",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.form-input-number/UInputNumber.vue

@@ -1,5 +1,14 @@
 <template>
-  <div :data-test="dataTest" v-bind="wrapperAttrs">
+  <ULabel
+    :label="label"
+    :description="description"
+    :disabled="disabled"
+    :error="error"
+    :size="size"
+    :align="labelAlign"
+    :data-test="dataTest"
+    v-bind="labelAttrs"
+  >
     <UButton
       variant="thirdary"
       size="sm"
@@ -22,7 +31,6 @@
 
     <div v-bind="numberAttrs">
       <div v-bind="valueAttrs" v-text="count" />
-      <div v-bind="labelAttrs" v-text="label" />
     </div>
 
     <UButton
@@ -44,7 +52,7 @@
         v-bind="addIconAttrs"
       />
     </UButton>
-  </div>
+  </ULabel>
 </template>
 
 <script setup>
@@ -52,6 +60,7 @@ import { computed } from "vue";
 
 import UIcon from "../ui.image-icon/UIcon.vue";
 import UButton from "../ui.button/UButton.vue";
+import ULabel from "../ui.form-label/ULabel.vue";
 import { getDefault } from "../utils/utilUI.js";
 
 import defaultConfig from "./config.js";
@@ -74,7 +83,7 @@ const props = defineProps({
    */
   step: {
     type: Number,
-    default: 1,
+    default: getDefault(defaultConfig, UInputNumber).step,
   },
 
   /**
@@ -82,7 +91,7 @@ const props = defineProps({
    */
   min: {
     type: Number,
-    default: 1,
+    default: getDefault(defaultConfig, UInputNumber).min,
   },
 
   /**
@@ -90,7 +99,7 @@ const props = defineProps({
    */
   max: {
     type: Number,
-    default: 999,
+    default: getDefault(defaultConfig, UInputNumber).max,
   },
 
   /**
@@ -176,7 +185,6 @@ const {
   removeIconAttrs,
   addButtonAttrs,
   addIconAttrs,
-  wrapperAttrs,
   numberAttrs,
 } = useAttrs(props);
 

package/ui.form-input-number/config.js

@@ -1,6 +1,9 @@
 export default /*tw*/ {
-  wrapper: "flex items-center space-x-6",
-  number: "flex items-center flex-col",
+  label: {
+    component: "{ULabel}",
+    content: "gap-6 items-center",
+  },
+  number: "",
   removeButton: "{UButton}",
   removeIcon: "{UIcon}",
   addButton: "{UButton}",
@@ -13,20 +16,18 @@ export default /*tw*/ {
         md: "text-base",
         lg: "text-lg",
       },
-    },
-  },
-  label: {
-    base: "pt-1 !leading-none text-gray-500",
-    variants: {
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base",
+      disabled: {
+        true: "focus-within:ring-0 focus-within:ring-offset-0 pointer-events-none",
       },
     },
   },
   defaults: {
     size: "md",
+    labelAlign: "topWithDesc",
+    disabled: false,
+    step: 1,
+    min: 1,
+    max: 999,
     /* icons */
     removeIcon: "remove",
     addIcon: "add",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.472",
+  "version": "0.0.473",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -5351,7 +5351,7 @@
                 "kind": "expression",
                 "type": "'top' | 'topWithDesc' | 'left' | 'right'"
               },
-              "default": "getDefault(defaultConfig, UInputNumber).labelAlign"
+              "default": "topWithDesc"
             },
             {
               "name": "description",
@@ -5387,7 +5387,7 @@
                 "kind": "expression",
                 "type": "boolean"
               },
-              "default": "getDefault(defaultConfig, UInputNumber).disabled"
+              "default": "false"
             },
             {
               "name": "config",