vueless 0.0.547 → 0.0.548

package/package.json

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

package/ui.form-date-picker/UDatePicker.vue

@@ -86,10 +86,11 @@ const currentLocale = computed(() => merge(defaultConfig.i18n, i18nGlobal, props
 
 const elementId = props.id || useId();
 
-const { config, inputAttrs, activeInputAttrs, calendarAttrs, wrapperAttrs } = useAttrs(props, {
-  isTop,
-  isRight,
-});
+const { config, datepickerInputAttrs, datepickerInputActiveAttrs, calendarAttrs, wrapperAttrs } =
+  useAttrs(props, {
+    isTop,
+    isRight,
+  });
 
 function activate() {
   isShownCalendar.value = true;
@@ -195,7 +196,7 @@ defineExpose({
       :size="size"
       :left-icon="leftIcon"
       :right-icon="rightIcon"
-      v-bind="isShownCalendar ? activeInputAttrs : inputAttrs"
+      v-bind="isShownCalendar ? datepickerInputActiveAttrs : datepickerInputAttrs"
       @focus="activate"
     >
       <template #left>

package/ui.form-date-picker/config.ts

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   wrapper: "relative",
-  input: "{UInput}",
-  activeInput: {
+  datepickerInput: "{UInput}",
+  datepickerInputActive: {
     component: "{UInput}",
     wrapper: "ring-dynamic rounded-dynamic ring-offset-dynamic ring-brand-700/15 border-brand-500 hover:border-brand-500",
   },

package/ui.form-date-picker-range/UDatePickerRange.vue

@@ -134,14 +134,14 @@ const {
   config,
   wrapperAttrs,
   calendarAttrs,
-  inputAttrs,
+  datepickerInputAttrs,
   menuAttrs,
   buttonWrapperAttrs,
   buttonAttrs,
   shiftRangeButtonAttrs,
   rangeInputWrapperAttrs,
   rangeInputErrorAttrs,
-  activeInputAttrs,
+  datepickerActiveInputAttrs,
   rangeInputFirstAttrs,
   rangeInputLastAttrs,
   periodRowAttrs,
@@ -570,7 +570,7 @@ function onInputCalendar(value: RangeDate) {
       readonly
       :left-icon="leftIcon"
       :right-icon="rightIcon"
-      v-bind="isShownMenu ? activeInputAttrs : inputAttrs"
+      v-bind="isShownMenu ? datepickerActiveInputAttrs : datepickerInputAttrs"
       @focus="activate"
     >
       <template #left>

package/ui.form-date-picker-range/config.ts

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   wrapper: "relative",
-  input: "{UInput}",
-  activeInput: {
+  datepickerInput: "{UInput}",
+  datepickerInputActive: {
     component: "{UInput}",
     wrapper: {
       base: "ring-dynamic rounded-dynamic ring-offset-dynamic ring-brand-700/15 border-brand-500 hover:border-brand-500",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.547",
+  "version": "0.0.548",
   "contributions": {
     "html": {
       "description-markup": "markdown",