@raxium/vue 0.2.4 → 0.2.6

package/dist/components/button/Button.js

@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __name: "Button",
     props: {
         variant: {
-            default: "default"
+            default: "solid"
         },
         color: {
             default: "primary"
@@ -65,6 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref: unref(forwardRef),
                 class: normalizeClass(crafts.value.root({
                     variant: __props.variant,
+                    color: __props.color,
                     loading: __props.loading,
                     class: unref(clsx)(__props.ui?.root?.class, __props.class),
                     ...unref(theme)

package/dist/components/button/props.d.ts

@@ -2,8 +2,8 @@ import type { ButtonVariants } from '@raxium/themes/default';
 import type { ThemeCrafts } from '../../providers';
 import type { HTMLAttributes } from 'vue';
 export interface ButtonProps extends ThemeCrafts<'tvButton'> {
-    variant?: ButtonVariants['variant'] | string;
-    color?: ButtonVariants['color'] | string;
+    variant?: ButtonVariants['variant'];
+    color?: ButtonVariants['color'];
     class?: HTMLAttributes['class'];
     disabled?: boolean;
     tooltip?: string;

package/dist/components/date-picker/DatePicker.js

@@ -1,5 +1,6 @@
 import { createBlock, createPropsRestProxy, createVNode, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
 import { DatePicker, useDatePicker, useForwardExpose, useForwardProps } from "@ark-ui/vue";
+import { useConfig } from "../../composables/useConfig.js";
 import { useTheme } from "../../composables/useTheme.js";
 import { ThemeProvider } from "../../providers/theme/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -98,17 +99,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ],
     setup (__props, { expose: __expose, emit: __emit }) {
         const props = createPropsRestProxy(__props, [
-            "theme"
+            "theme",
+            "lazyMount",
+            "unmountOnExit"
         ]);
         const emit = __emit;
-        const datePicker = useDatePicker(useForwardProps(props), emit);
+        const forwarded = useForwardProps(props);
+        const datePicker = useDatePicker(forwarded, emit);
+        const datePickerOptions = useConfig("date-picker", ()=>({
+                unmountOnExit: __props.unmountOnExit,
+                lazyMount: __props.lazyMount
+            }));
         const theme = useTheme(()=>__props.theme);
         __expose({
             $api: datePicker
         });
         useForwardExpose();
         return (_ctx, _cache)=>(openBlock(), createBlock(unref(DatePicker).RootProvider, {
-                value: unref(datePicker)
+                value: unref(datePicker),
+                "lazy-mount": unref(datePickerOptions)?.lazyMount,
+                "unmount-on-exit": unref(datePickerOptions)?.unmountOnExit
             }, {
                 default: withCtx(()=>[
                         createVNode(unref(ThemeProvider), {
@@ -124,7 +134,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                 _: 3
             }, 8, [
-                "value"
+                "value",
+                "lazy-mount",
+                "unmount-on-exit"
             ]));
     }
 });

package/dist/components/dialog/DialogFooter.js

@@ -46,7 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, {
                                     default: withCtx(()=>[
                                             createVNode(unref(Button), mergeProps({
-                                                variant: "text"
+                                                variant: "text",
+                                                color: "default"
                                             }, __props.widget?.cancel, {
                                                 class: unref(clsx)(__props.ui?.cancel),
                                                 theme: unref(theme),

package/dist/providers/config/rui-config-context.d.ts

@@ -11,6 +11,10 @@ export interface RUIConfigContext {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
     };
+    'date-picker'?: {
+        lazyMount?: boolean;
+        unmountOnExit?: boolean;
+    };
     'hover-card'?: {
         closeDelay?: number;
         openDelay?: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@raxium/vue",
   "type": "module",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "Vue core components for Raxium, based on Ark UI",
   "author": {
     "name": "Hwacc",
@@ -88,8 +88,8 @@
     "tsc-alias": "^1.8.16",
     "vitest": "^4.1.1",
     "vue-tsc": "^3.2.4",
-    "@raxium/themes": "0.1.7",
-    "@raxium/shared": "0.1.1"
+    "@raxium/shared": "0.1.1",
+    "@raxium/themes": "0.1.7"
   },
   "publishConfig": {
     "access": "public"