vueless 0.0.586 → 0.0.588

package/package.json

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

package/ui.form-color-picker/UColorPicker.vue

@@ -12,11 +12,14 @@ import { UColorPicker } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, IconSize, Config } from "./types.ts";
+import type { BrandColors } from "../types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
   ...getDefaults<Props, Config>(defaultConfig, UColorPicker),
+  colorOptions: () =>
+    getDefaults<Props, Config>(defaultConfig, UColorPicker).colorOptions as BrandColors[],
   modelValue: "",
   label: "",
 });

package/ui.form-color-picker/types.ts

@@ -40,7 +40,7 @@ export interface Props {
   /**
    * Color picker color list.
    */
-  colorOptions?: BrandColors;
+  colorOptions?: BrandColors[];
 
   /**
    * Set color picker disabled.

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

@@ -257,10 +257,10 @@ const mutatedProps = computed(() => ({
 
 const {
   config,
+  wrapperAttrs,
   datepickerInputAttrs,
   datepickerInputActiveAttrs,
   datepickerCalendarAttrs,
-  wrapperAttrs,
 } = useUI<Config>(defaultConfig, mutatedProps);
 
 /* Merging DatePicker's i18n translations into Calendar's i18n translations. */

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

@@ -12,7 +12,7 @@ export default /*tw*/ {
       },
     },
   },
-  datepickerCalendarCalendar: {
+  datepickerCalendar: {
     base: "{UCalendar} absolute mb-3 z-40",
     variants: {
       openDirectionX: {

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

@@ -65,7 +65,7 @@ import type {
   Config,
 } from "./types.ts";
 import type { RangeDate, Config as UCalendarConfig } from "../ui.form-calendar/types.ts";
-import type { ComponentExposed } from "../types.ts";
+import type { ComponentExposed, KeyAttrsWithConfig } from "../types.ts";
 
 defineOptions({ inheritAttrs: false });
 
@@ -722,8 +722,8 @@ watchEffect(() => {
           v-model="calendarValue"
           :min-date="minDate"
           :max-date="maxDate"
-          v-bind="datepickerCalendarAttrs"
           :date-format="dateFormat"
+          v-bind="datepickerCalendarAttrs as KeyAttrsWithConfig<UCalendarConfig>"
           range
           @mouseenter="onMouseoverCalendar"
           @input="onInputCalendar"

package/ui.form-input/UInput.vue

@@ -127,7 +127,7 @@ onMounted(() => {
   setLabelPosition();
 });
 
-function onInput(inputEvent: InputEvent) {
+function onInput(inputEvent: Event) {
   const target = inputEvent.target as HTMLInputElement | null;
 
   if (!target) return;
@@ -149,7 +149,7 @@ function onInput(inputEvent: InputEvent) {
   emit("input", value);
 }
 
-function onChange(event: CustomEvent) {
+function onChange(event: Event) {
   emit("change", event);
 }
 

package/ui.navigation-tabs/types.ts

@@ -8,7 +8,7 @@ export type SetUTabsSelectedItem = (
   value: string | number | boolean | UnknownArray | UnknownObject,
 ) => void;
 
-interface UTabsOption {
+export interface UTabsOption {
   value: string | number;
   label: string;
   disabled?: boolean;

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.586",
+  "version": "0.0.588",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2517,9 +2517,12 @@
               "name": "colorOptions",
               "required": false,
               "description": "Color picker color list.",
+              "enum": [
+                "BrandColors"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "BrandColors"
+                "type": "Array"
               },
               "default": "red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose"
             },