@raxium/vue 0.2.6 → 0.2.8

package/dist/components/checkbox/Checkbox.js

@@ -148,9 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "class",
                             "as-child"
                         ])) : createCommentVNode("", true),
-                        createVNode(unref(Checkbox).HiddenInput, {
-                            class: "hidden"
-                        })
+                        createVNode(unref(Checkbox).HiddenInput)
                     ]),
                 _: 3
             }, 8, [

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

@@ -110,7 +110,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 unmountOnExit: __props.unmountOnExit,
                 lazyMount: __props.lazyMount
             }));
-        const theme = useTheme(()=>__props.theme);
+        const theme = useTheme(()=>({
+                ...datePickerOptions.value?.theme,
+                ...__props.theme
+            }));
         __expose({
             $api: datePicker
         });

package/dist/components/dialog/Dialog.js

@@ -145,7 +145,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
             immediate: true
         });
-        const theme = useTheme(()=>__props.theme);
+        const theme = useTheme(()=>({
+                ...dialogConfig.value?.theme,
+                ...__props.theme
+            }));
         __expose({
             $api: dialog
         });

package/dist/components/hover-card/HoverCard.js

@@ -55,7 +55,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 openDelay: hoverCardConfig.value?.openDelay,
                 closeDelay: hoverCardConfig.value?.closeDelay
             }, forwarded.value)), emit);
-        const theme = useTheme(()=>__props.theme);
+        const theme = useTheme(()=>({
+                ...hoverCardConfig.value?.theme,
+                ...__props.theme
+            }));
         __expose({
             $api: hoverCard
         });

package/dist/components/input/Input.js

@@ -66,6 +66,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const emits = __emit;
         const inputId = useId();
         const innerValue = ref(__props.modelValue ?? __props.defaultValue ?? "");
+        watch(()=>__props.modelValue, (newVal)=>{
+            innerValue.value = newVal ?? "";
+        });
         watch(innerValue, (newVal)=>{
             emits("update:modelValue", newVal);
         }, {

package/dist/components/menu/Menu.js

@@ -83,7 +83,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 unmountOnExit: __props.unmountOnExit
             }));
         const menu = useMenu(useForwardProps(props), emits);
-        const theme = useTheme(()=>__props.theme);
+        const theme = useTheme(()=>({
+                ...menuConfig.value?.theme,
+                ...__props.theme
+            }));
         __expose({
             $api: menu
         });

package/dist/components/menu/MenuCheckboxItem.js

@@ -1,9 +1,13 @@
-import { computed, createBlock, createPropsRestProxy, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { Menu } from "@ark-ui/vue/menu";
+import { computed, createBlock, createElementVNode, createPropsRestProxy, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Menu, MenuItemIndicator } from "@ark-ui/vue/menu";
 import { useForwardPropsEmits } from "@ark-ui/vue/utils";
 import { clsx } from "@raxium/themes/utils";
-import { Checkbox } from "../checkbox/index.js";
 import { useTheme } from "../../composables/useTheme.js";
+import { Check } from "lucide-vue-next";
+const _hoisted_1 = [
+    "data-state",
+    "data-disabled"
+];
 const _sfc_main = /* @__PURE__ */ defineComponent({
     __name: "MenuCheckboxItem",
     props: {
@@ -46,6 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const forwarded = useForwardPropsEmits(props, emit);
         const theme = useTheme(()=>__props.theme);
         const crafts = computed(()=>theme.value.crafts.tvMenu());
+        const checkboxCrafts = computed(()=>theme.value.crafts.tvCheckbox());
         return (_ctx, _cache)=>(openBlock(), createBlock(unref(Menu).CheckboxItem, mergeProps(unref(forwarded), {
                 class: crafts.value.item({
                     class: unref(clsx)(__props.ui?.root, __props.class),
@@ -53,22 +58,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
             }), {
                 default: withCtx(()=>[
-                        renderSlot(_ctx.$slots, "indicator", normalizeProps(guardReactiveProps({
-                            checked: unref(forwarded).checked
-                        })), ()=>[
-                                createVNode(unref(Checkbox), {
-                                    class: normalizeClass(unref(clsx)(__props.ui?.checkbox)),
-                                    checked: unref(forwarded).checked,
-                                    theme: unref(theme)
-                                }, null, 8, [
-                                    "class",
-                                    "checked",
-                                    "theme"
-                                ])
-                            ]),
-                        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-                            checked: unref(forwarded).checked
-                        })))
+                        createVNode(unref(Menu).ItemContext, null, {
+                            default: withCtx((context)=>[
+                                    renderSlot(_ctx.$slots, "indicator", normalizeProps(guardReactiveProps(context)), ()=>[
+                                            createElementVNode("span", {
+                                                class: normalizeClass(checkboxCrafts.value.control({
+                                                    class: unref(clsx)(__props.ui?.checkbox),
+                                                    ...unref(theme)
+                                                })),
+                                                "data-state": context.checked ? "checked" : "unchecked",
+                                                "data-disabled": context.disabled ? "" : void 0,
+                                                "aria-hidden": "true"
+                                            }, [
+                                                createVNode(unref(MenuItemIndicator), {
+                                                    class: normalizeClass(checkboxCrafts.value.indicator({
+                                                        ...unref(theme)
+                                                    }))
+                                                }, {
+                                                    default: withCtx(()=>[
+                                                            createVNode(unref(Check), {
+                                                                class: normalizeClass(checkboxCrafts.value.indicatorChecked({
+                                                                    ...unref(theme)
+                                                                }))
+                                                            }, null, 8, [
+                                                                "class"
+                                                            ])
+                                                        ]),
+                                                    _: 1
+                                                }, 8, [
+                                                    "class"
+                                                ])
+                                            ], 10, _hoisted_1)
+                                        ]),
+                                    renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(context)))
+                                ]),
+                            _: 3
+                        })
                     ]),
                 _: 3
             }, 16, [

package/dist/components/menu/MenuCheckboxItem.vue.d.ts

@@ -1,11 +1,9 @@
+import type { UseMenuItemContext } from '@ark-ui/vue/menu';
+import type { UnwrapRef } from 'vue';
 import type { MenuCheckboxItemProps } from '.';
 type __VLS_Slots = {
-    default: (props: {
-        checked: boolean;
-    }) => any;
-    indicator: (props: {
-        checked: boolean;
-    }) => any;
+    default: (props: UnwrapRef<UseMenuItemContext>) => any;
+    indicator: (props: UnwrapRef<UseMenuItemContext>) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (value: boolean) => any;

package/dist/components/popover/Popover.js

@@ -68,7 +68,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 lazyMount: __props.lazyMount
             }));
         const popover = usePopover(useForwardProps(props), emit);
-        const theme = useTheme(()=>__props.theme);
+        const theme = useTheme(()=>({
+                ...popoverConfig.value?.theme,
+                ...__props.theme
+            }));
         __expose({
             $api: popover
         });

package/dist/components/radio-group/RadioGroupItem.js

@@ -118,9 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                                 "class"
                                             ])) : createCommentVNode("", true)
                                         ]),
-                                    createVNode(unref(RadioGroup).ItemHiddenInput, {
-                                        class: "hidden"
-                                    })
+                                    createVNode(unref(RadioGroup).ItemHiddenInput)
                                 ]),
                             _: 3
                         })

package/dist/components/select/Select.js

@@ -103,7 +103,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 unmountOnExit: __props.unmountOnExit
             }));
         const selectRoot = useSelect(useForwardProps(props), emits);
-        const theme = useTheme(()=>__props.theme);
+        const theme = useTheme(()=>({
+                ...selectConfig.value?.theme,
+                ...__props.theme
+            }));
         const crafts = computed(()=>theme.value.crafts.tvSelect());
         __expose({
             $api: selectRoot

package/dist/components/slider/SliderMarker.js

@@ -38,7 +38,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
             }), {
                 default: withCtx(()=>[
-                        renderSlot(_ctx.$slots, "default", {}, ()=>[
+                        renderSlot(_ctx.$slots, "default", {
+                            value: unref(forwarded).value
+                        }, ()=>[
                                 createElementVNode("div", mergeProps({
                                     class: crafts.value.markerDot({
                                         ...unref(theme)
@@ -48,9 +50,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, unref(pick)(unref(context).getMarkerProps(unref(forwarded)), [
                                     "data-state"
                                 ])), null, 16),
-                                createElementVNode("span", normalizeProps(guardReactiveProps(unref(pick)(unref(context).getMarkerProps(unref(forwarded)), [
-                                    "data-state"
-                                ]))), toDisplayString(unref(forwarded).value), 17)
+                                renderSlot(_ctx.$slots, "value", {
+                                    value: unref(forwarded).value
+                                }, ()=>[
+                                        createElementVNode("span", normalizeProps(guardReactiveProps(unref(pick)(unref(context).getMarkerProps(unref(forwarded)), [
+                                            "data-state"
+                                        ]))), toDisplayString(unref(forwarded).value), 17)
+                                    ])
                             ])
                     ]),
                 _: 3

package/dist/components/slider/SliderMarker.vue.d.ts

@@ -1,7 +1,13 @@
 import type { SliderMarkerProps } from '.';
-declare var __VLS_8: {};
+declare var __VLS_8: {
+    value: number;
+}, __VLS_10: {
+    value: number;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
+} & {
+    value?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SliderMarkerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SliderMarkerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/slider/SliderThumb.js

@@ -38,9 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "data-theme-size": unref(theme).size
             }), {
                 default: withCtx(()=>[
-                        createVNode(unref(Slider).HiddenInput, {
-                            class: "hidden"
-                        })
+                        createVNode(unref(Slider).HiddenInput)
                     ]),
                 _: 1
             }, 16, [

package/dist/components/slider/SliderTooltipMarker.js

@@ -84,6 +84,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }
             }, configs.value, tooltipForwarded.value)));
         const theme = useTheme(()=>__props.theme);
+        const tooltipTheme = useTheme(()=>({
+                ...configs.value?.theme,
+                ...__props.theme
+            }));
         const crafts = computed(()=>theme.value.crafts.tvSlider());
         return (_ctx, _cache)=>(openBlock(), createBlock(unref(ThemeProvider), {
                 value: unref(theme)
@@ -122,17 +126,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                             ]),
                                         _: 3
                                     }),
-                                    createVNode(unref(TooltipContent), null, {
+                                    createVNode(unref(ThemeProvider), {
+                                        value: unref(tooltipTheme)
+                                    }, {
                                         default: withCtx(()=>[
-                                                renderSlot(_ctx.$slots, "arrow", {}, ()=>[
-                                                        createVNode(unref(TooltipArrow))
-                                                    ]),
-                                                renderSlot(_ctx.$slots, "content", {}, ()=>[
-                                                        createTextVNode(toDisplayString(__props.value), 1)
-                                                    ])
+                                                createVNode(unref(TooltipContent), null, {
+                                                    default: withCtx(()=>[
+                                                            renderSlot(_ctx.$slots, "arrow", {}, ()=>[
+                                                                    createVNode(unref(TooltipArrow))
+                                                                ]),
+                                                            renderSlot(_ctx.$slots, "content", {}, ()=>[
+                                                                    createTextVNode(toDisplayString(__props.value), 1)
+                                                                ])
+                                                        ]),
+                                                    _: 3
+                                                })
                                             ]),
                                         _: 3
-                                    })
+                                    }, 8, [
+                                        "value"
+                                    ])
                                 ]),
                             _: 3
                         }, 8, [

package/dist/components/slider/SliderTooltipMarker.vue.d.ts

@@ -1,11 +1,11 @@
 import type { SliderTooltipMarkerProps } from '.';
-declare var __VLS_26: {}, __VLS_34: {}, __VLS_41: {};
+declare var __VLS_26: {}, __VLS_40: {}, __VLS_47: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_26) => any;
 } & {
-    arrow?: (props: typeof __VLS_34) => any;
+    arrow?: (props: typeof __VLS_40) => any;
 } & {
-    content?: (props: typeof __VLS_41) => any;
+    content?: (props: typeof __VLS_47) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SliderTooltipMarkerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SliderTooltipMarkerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/slider/SliderTooltipThumb.js

@@ -92,6 +92,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             tooltip.value.reposition();
         });
         const theme = useTheme(()=>__props.theme);
+        const tooltipTheme = useTheme(()=>({
+                ...configs.value?.theme,
+                ...__props.theme
+            }));
         const crafts = computed(()=>theme.value.crafts.tvSlider());
         const { forwardRef } = useForwardExpose();
         return (_ctx, _cache)=>(openBlock(), createBlock(unref(ThemeProvider), {
@@ -117,9 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                                     name: __props.name
                                                 }, {
                                                     default: withCtx(()=>[
-                                                            createVNode(unref(Slider).HiddenInput, {
-                                                                class: "hidden"
-                                                            })
+                                                            createVNode(unref(Slider).HiddenInput)
                                                         ]),
                                                     _: 1
                                                 }, 8, [
@@ -131,34 +133,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                             ]),
                                         _: 1
                                     }),
-                                    unref(tooltipForwarded).positioning?.strategy === "fixed" ? (openBlock(), createBlock(Teleport, {
-                                        key: 0,
-                                        to: "body"
-                                    }, [
-                                        createVNode(unref(TooltipContent), normalizeProps(guardReactiveProps(__props.widget?.tooltipContent)), {
-                                            default: withCtx(()=>[
-                                                    renderSlot(_ctx.$slots, "arrow", {}, ()=>[
-                                                            createVNode(unref(TooltipArrow), normalizeProps(guardReactiveProps(__props.widget?.tooltipArrow)), null, 16)
-                                                        ]),
-                                                    renderSlot(_ctx.$slots, "default", {}, ()=>[
-                                                            createVNode(unref(Slider).ValueText)
-                                                        ])
-                                                ]),
-                                            _: 3
-                                        }, 16)
-                                    ])) : (openBlock(), createBlock(unref(TooltipContent), normalizeProps(mergeProps({
-                                        key: 1
-                                    }, __props.widget?.tooltipContent)), {
+                                    createVNode(unref(ThemeProvider), {
+                                        value: unref(tooltipTheme)
+                                    }, {
                                         default: withCtx(()=>[
-                                                renderSlot(_ctx.$slots, "arrow", {}, ()=>[
-                                                        createVNode(unref(TooltipArrow), normalizeProps(guardReactiveProps(__props.widget?.tooltipArrow)), null, 16)
-                                                    ]),
-                                                renderSlot(_ctx.$slots, "default", {}, ()=>[
-                                                        createVNode(unref(Slider).ValueText)
-                                                    ])
+                                                unref(tooltipForwarded).positioning?.strategy === "fixed" ? (openBlock(), createBlock(Teleport, {
+                                                    key: 0,
+                                                    to: "body"
+                                                }, [
+                                                    createVNode(unref(TooltipContent), normalizeProps(guardReactiveProps(__props.widget?.tooltipContent)), {
+                                                        default: withCtx(()=>[
+                                                                renderSlot(_ctx.$slots, "arrow", {}, ()=>[
+                                                                        createVNode(unref(TooltipArrow), normalizeProps(guardReactiveProps(__props.widget?.tooltipArrow)), null, 16)
+                                                                    ]),
+                                                                renderSlot(_ctx.$slots, "default", {}, ()=>[
+                                                                        createVNode(unref(Slider).ValueText)
+                                                                    ])
+                                                            ]),
+                                                        _: 3
+                                                    }, 16)
+                                                ])) : (openBlock(), createBlock(unref(TooltipContent), normalizeProps(mergeProps({
+                                                    key: 1
+                                                }, __props.widget?.tooltipContent)), {
+                                                    default: withCtx(()=>[
+                                                            renderSlot(_ctx.$slots, "arrow", {}, ()=>[
+                                                                    createVNode(unref(TooltipArrow), normalizeProps(guardReactiveProps(__props.widget?.tooltipArrow)), null, 16)
+                                                                ]),
+                                                            renderSlot(_ctx.$slots, "default", {}, ()=>[
+                                                                    createVNode(unref(Slider).ValueText)
+                                                                ])
+                                                        ]),
+                                                    _: 3
+                                                }, 16))
                                             ]),
                                         _: 3
-                                    }, 16))
+                                    }, 8, [
+                                        "value"
+                                    ])
                                 ]),
                             _: 3
                         }, 8, [

package/dist/components/slider/SliderTooltipThumb.vue.d.ts

@@ -1,13 +1,13 @@
 import type { SliderTooltipThumbProps } from '.';
-declare var __VLS_43: {}, __VLS_50: {}, __VLS_63: {}, __VLS_70: {};
+declare var __VLS_49: {}, __VLS_56: {}, __VLS_69: {}, __VLS_76: {};
 type __VLS_Slots = {} & {
-    arrow?: (props: typeof __VLS_43) => any;
+    arrow?: (props: typeof __VLS_49) => any;
 } & {
-    default?: (props: typeof __VLS_50) => any;
+    default?: (props: typeof __VLS_56) => any;
 } & {
-    arrow?: (props: typeof __VLS_63) => any;
+    arrow?: (props: typeof __VLS_69) => any;
 } & {
-    default?: (props: typeof __VLS_70) => any;
+    default?: (props: typeof __VLS_76) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SliderTooltipThumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SliderTooltipThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/switch/Switch.js

@@ -95,9 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     }, 8, [
                                         "class"
                                     ]),
-                                    createVNode(unref(Switch).HiddenInput, {
-                                        class: "hidden"
-                                    }),
+                                    createVNode(unref(Switch).HiddenInput),
                                     renderSlot(_ctx.$slots, "default")
                                 ]),
                             _: 3

package/dist/components/tags-input/TagsInput.js

@@ -190,9 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 8, [
                             "value"
                         ]),
-                        createVNode(unref(TagsInput).HiddenInput, {
-                            class: "hidden"
-                        })
+                        createVNode(unref(TagsInput).HiddenInput)
                     ]),
                 _: 3
             }, 8, [

package/dist/components/tooltip/Tooltip.js

@@ -68,7 +68,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 openDelay: tooltipConfig.value?.openDelay,
                 closeDelay: tooltipConfig.value?.closeDelay
             }, forwarded.value)), emit);
-        const theme = useTheme(()=>__props.theme);
+        const theme = useTheme(()=>({
+                ...tooltipConfig.value?.theme,
+                ...__props.theme
+            }));
         __expose({
             $api: tooltip
         });

package/dist/components/tree/TreeCheckboxNode.js

@@ -9,6 +9,15 @@ import { injectTreeContext } from "./tree-context.js";
 function _isSlot(s) {
     return 'function' == typeof s || '[object Object]' === Object.prototype.toString.call(s) && !isVNode(s);
 }
+function onCheckableTreeRowSpaceKeydown(e, opts) {
+    if (' ' !== e.key) return;
+    if (e.defaultPrevented) return;
+    if (e.shiftKey || e.ctrlKey || e.metaKey || e.altKey) return;
+    if (opts.disabled) return;
+    e.preventDefault();
+    e.stopPropagation();
+    opts.toggle();
+}
 const tree_TreeCheckboxNode = defineComponent({
     name: 'TreeCheckboxNode',
     props: {
@@ -186,7 +195,11 @@ const tree_TreeCheckboxNode = defineComponent({
                                     }), {
                                         default: ()=>[
                                                 createVNode(TreeView.BranchControl, {
-                                                    class: branchClx.value.control
+                                                    class: branchClx.value.control,
+                                                    onKeydown: (e)=>onCheckableTreeRowSpaceKeydown(e, {
+                                                            disabled: !!nodeState.disabled,
+                                                            toggle: ()=>treeViewContext.value.toggleChecked(uNode[uKeyMap.id], true)
+                                                        })
                                                 }, {
                                                     default: ()=>[
                                                             slots.branch ? slots.branch({
@@ -274,7 +287,11 @@ const tree_TreeCheckboxNode = defineComponent({
                                         class: itemClx.value.root,
                                         onClick: ()=>{
                                             treeViewContext.value.toggleChecked(uNode[uKeyMap.id], false);
-                                        }
+                                        },
+                                        onKeydown: (e)=>onCheckableTreeRowSpaceKeydown(e, {
+                                                disabled: !!nodeState.disabled,
+                                                toggle: ()=>treeViewContext.value.toggleChecked(uNode[uKeyMap.id], false)
+                                            })
                                     }), {
                                         default: ()=>[
                                                 slots.item ? slots.item({

package/dist/providers/config/RUIConfigProvider.js

@@ -24,13 +24,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     openDelay: 0,
                     closeDelay: 0,
                     lazyMount: false,
-                    unmountOnExit: false
+                    unmountOnExit: false,
+                    theme: void 0
                 })
         },
         dialog: {
             default: ()=>({
                     lazyMount: true,
-                    unmountOnExit: true
+                    unmountOnExit: true,
+                    theme: void 0
                 })
         },
         hoverCard: {
@@ -38,19 +40,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     openDelay: 0,
                     closeDelay: 300,
                     lazyMount: true,
-                    unmountOnExit: true
+                    unmountOnExit: true,
+                    theme: void 0
                 })
         },
         popover: {
             default: ()=>({
                     lazyMount: true,
-                    unmountOnExit: true
+                    unmountOnExit: true,
+                    theme: void 0
                 })
         },
         menu: {
             default: ()=>({
                     lazyMount: true,
-                    unmountOnExit: true
+                    unmountOnExit: true,
+                    theme: void 0
                 })
         },
         iconify: {
@@ -117,7 +122,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             overlap: ""
                         }, props.messager), {
                             default: withCtx(({ message })=>[
-                                    renderSlot(_ctx.$slots, "message", {}, ()=>[
+                                    renderSlot(_ctx.$slots, "message", {
+                                        message
+                                    }, ()=>[
                                             createVNode(unref(Message), {
                                                 options: message
                                             }, null, 8, [

package/dist/providers/config/RUIConfigProvider.vue.d.ts

@@ -19,10 +19,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<RUICon
     dialog: {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: import("..").ThemeCrafts<"tvDialog">["theme"];
     };
     menu: {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: import("..").ThemeCrafts<"tvMenu">["theme"];
     };
     messager: MessagerProps;
     tooltip: {
@@ -30,10 +32,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<RUICon
         openDelay?: number;
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: import("..").ThemeCrafts<"tvTooltip">["theme"];
     };
     popover: {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: import("..").ThemeCrafts<"tvPopover">["theme"];
     };
     iconify: {
         addIcons?: Array<[string, import("@iconify/vue").IconifyIcon | null]>;
@@ -45,6 +49,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<RUICon
         openDelay?: number;
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: import("..").ThemeCrafts<"tvHoverCard">["theme"];
     };
     toasterManager: ToasterManagerProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -54,7 +59,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<RUICon
 } & {
     toaster?: (props: {}) => any;
 } & {
-    message?: (props: {}) => any;
+    message?: (props: {
+        message: import("../../components/message").MessageOptions<any>;
+    }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -2,7 +2,7 @@ import type { IconifyIcon, IconifyJSON, PartialIconifyAPIConfig } from '@iconify
 import type { MessagerExpose } from '../../components/message';
 import type { ToasterManagerExpose } from '../../components/toast';
 import type { ComputedRef } from 'vue';
-import type { ThemeProps } from '../theme/theme-props';
+import type { ThemeCrafts, ThemeProps } from '../theme/theme-props';
 export interface RUIConfigContext {
     'theme'?: ThemeProps;
     'tooltip'?: {
@@ -10,32 +10,39 @@ export interface RUIConfigContext {
         openDelay?: number;
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: ThemeCrafts<'tvTooltip'>['theme'];
     };
     'date-picker'?: {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: ThemeCrafts<'tvDatePicker'>['theme'];
     };
     'hover-card'?: {
         closeDelay?: number;
         openDelay?: number;
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: ThemeCrafts<'tvHoverCard'>['theme'];
     };
     'dialog'?: {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: ThemeCrafts<'tvDialog'>['theme'];
     };
     'popover'?: {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: ThemeCrafts<'tvPopover'>['theme'];
     };
     'menu'?: {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: ThemeCrafts<'tvMenu'>['theme'];
     };
     'select'?: {
         lazyMount?: boolean;
         unmountOnExit?: boolean;
+        theme?: ThemeCrafts<'tvSelect'>['theme'];
     };
     'iconify'?: {
         addIcons?: Array<[string, IconifyIcon | null]>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@raxium/vue",
   "type": "module",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "Vue core components for Raxium, based on Ark UI",
   "author": {
     "name": "Hwacc",
@@ -68,7 +68,7 @@
     "lucide-vue-next": "^1.0.0",
     "vue-component-type-helpers": "^3.2.1",
     "@raxium/shared": "0.1.1",
-    "@raxium/themes": "0.1.7"
+    "@raxium/themes": "0.1.9"
   },
   "devDependencies": {
     "@ark-ui/vue": "5.35.0",
@@ -89,7 +89,7 @@
     "vitest": "^4.1.1",
     "vue-tsc": "^3.2.4",
     "@raxium/shared": "0.1.1",
-    "@raxium/themes": "0.1.7"
+    "@raxium/themes": "0.1.9"
   },
   "publishConfig": {
     "access": "public"