windly-ui 1.0.6 → 1.0.8

package/dist/runtime/components/useUiClasses.d.ts

@@ -2,15 +2,15 @@ import type { ExtractPropTypes } from "vue";
 import { uiProps } from "./uiProps.js";
 type UiProps = ExtractPropTypes<typeof uiProps>;
 export declare function useUiClasses(props: Partial<UiProps>): {
-    contentClass: import("vue").Ref<string, string>;
-    contentStyle: import("vue").Ref<string, string>;
-    textColor: import("vue").Ref<string, string>;
-    disable: import("vue").Ref<boolean, boolean>;
-    loading: import("vue").Ref<boolean, boolean>;
-    color: import("vue").Ref<string, string>;
-    rounded: import("vue").Ref<string, string>;
-    size: import("vue").Ref<string, string>;
-    iconSize: import("vue").Ref<string, string>;
+    contentClass: any;
+    contentStyle: any;
+    textColor: any;
+    disable: any;
+    loading: any;
+    color: any;
+    rounded: any;
+    size: any;
+    iconSize: any;
     roundedClass: {
         none: string;
         xs: string;
@@ -32,8 +32,8 @@ export declare function useUiClasses(props: Partial<UiProps>): {
         lg: string;
         xl: string;
     };
-    colorClass: import("vue").ComputedRef<string>;
-    computedContentClass: import("vue").ComputedRef<string>;
+    colorClass: import("vue").ComputedRef<any>;
+    computedContentClass: import("vue").ComputedRef<any>;
     isColorDark: (color: string) => boolean;
     isHex: (color: string) => boolean;
     isTailwindColor: (color: string) => boolean;

package/dist/runtime/components/useUiClasses.js

@@ -1,6 +1,6 @@
-import { computed, toRefs } from "vue";
+import { computed, reactive, toRefs } from "vue";
 export function useUiClasses(props) {
-  const safeProps = {
+  const safeProps = reactive({
     contentClass: "",
     contentStyle: "",
     textColor: "",
@@ -11,7 +11,7 @@ export function useUiClasses(props) {
     size: "md",
     iconSize: "md",
     ...props
-  };
+  });
   const {
     contentClass,
     contentStyle,

package/dist/runtime/docs/index.vue

@@ -1403,7 +1403,7 @@
           <DocComponent title="Basic Alert Dialog"
             caption="Displays a simple dialog to present information or messages to the user.">
             <UIButton label="Open Alert" @click="dialogToggle1 = true" />
-            <UIAlert v-model:isOpen="dialogToggle1" title="Welcome" message="This is a basic alert example." />
+            <UIAlert v-model:isOpen="dialogToggle1" class="border-t-4 rounded-lg" title="Welcome" message="This is a basic alert example." />
           </DocComponent>
           <DocComponent title="Alert with Custom Content"
             caption="Use slots to fully customize the alert title, content and confirmation button.">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "windly-ui",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "./dist/module.mjs",
   "exports": {