@raxium/vue 0.1.1 → 0.1.3

package/dist/components/accordion/Accordion.js

@@ -0,0 +1,90 @@
+import { computed, createBlock, createPropsRestProxy, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Accordion, useAccordion } from "@ark-ui/vue/accordion";
+import { useForwardExpose, useForwardProps } from "@ark-ui/vue/utils";
+import { clsx } from "@raxium/themes/utils";
+import { useTheme } from "../../composables/useTheme.js";
+import { ThemeProvider } from "../../providers/theme/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "Accordion",
+    props: {
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        collapsible: {
+            type: Boolean
+        },
+        defaultValue: {},
+        disabled: {
+            type: Boolean
+        },
+        id: {},
+        ids: {},
+        modelValue: {},
+        multiple: {
+            type: Boolean
+        },
+        orientation: {},
+        lazyMount: {
+            type: Boolean
+        },
+        unmountOnExit: {
+            type: Boolean
+        },
+        asChild: {
+            type: Boolean
+        },
+        theme: {}
+    },
+    emits: [
+        "focusChange",
+        "valueChange",
+        "update:modelValue"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = createPropsRestProxy(__props, [
+            "class",
+            "theme"
+        ]);
+        const emit = __emit;
+        const forwarded = useForwardProps(props);
+        const accordion = useAccordion(forwarded, emit);
+        const theme = useTheme(()=>__props.theme);
+        const crafts = computed(()=>theme.value.crafts.tvAccordion());
+        __expose({
+            $api: accordion
+        });
+        useForwardExpose();
+        return (_ctx, _cache)=>(openBlock(), createBlock(unref(Accordion).RootProvider, {
+                value: unref(accordion),
+                class: normalizeClass(crafts.value.root({
+                    class: unref(clsx)(__props.class),
+                    ...unref(theme)
+                }))
+            }, {
+                default: withCtx(()=>[
+                        createVNode(unref(ThemeProvider), {
+                            value: unref(theme)
+                        }, {
+                            default: withCtx(()=>[
+                                    renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(accordion))))
+                                ]),
+                            _: 3
+                        }, 8, [
+                            "value"
+                        ])
+                    ]),
+                _: 3
+            }, 8, [
+                "value",
+                "class"
+            ]));
+    }
+});
+const accordion_Accordion = _sfc_main;
+export default accordion_Accordion;

package/dist/components/accordion/AccordionContent.js

@@ -0,0 +1,47 @@
+import { computed, createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useForwardProps } from "@ark-ui/vue";
+import { Accordion } from "@ark-ui/vue/accordion";
+import { clsx } from "@raxium/themes/utils";
+import { useTheme } from "../../composables/useTheme.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "AccordionContent",
+    props: {
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        asChild: {
+            type: Boolean
+        },
+        theme: {}
+    },
+    setup (__props) {
+        const props = createPropsRestProxy(__props, [
+            "class",
+            "theme"
+        ]);
+        const forwarded = useForwardProps(props);
+        const theme = useTheme(()=>__props.theme);
+        const crafts = computed(()=>theme.value.crafts.tvAccordion());
+        return (_ctx, _cache)=>(openBlock(), createBlock(unref(Accordion).ItemContent, mergeProps(unref(forwarded), {
+                class: crafts.value.content({
+                    class: unref(clsx)(__props.class),
+                    ...unref(theme)
+                })
+            }), {
+                default: withCtx(()=>[
+                        renderSlot(_ctx.$slots, "default")
+                    ]),
+                _: 3
+            }, 16, [
+                "class"
+            ]));
+    }
+});
+const AccordionContent = _sfc_main;
+export default AccordionContent;

package/dist/components/accordion/AccordionContent.vue.d.ts

@@ -0,0 +1,14 @@
+import type { AccordionContentProps } from '.';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AccordionContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/AccordionItem.js

@@ -0,0 +1,51 @@
+import { computed, createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useForwardProps } from "@ark-ui/vue";
+import { Accordion } from "@ark-ui/vue/accordion";
+import { clsx } from "@raxium/themes/utils";
+import { useTheme } from "../../composables/useTheme.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "AccordionItem",
+    props: {
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        value: {},
+        disabled: {
+            type: Boolean
+        },
+        asChild: {
+            type: Boolean
+        },
+        theme: {}
+    },
+    setup (__props) {
+        const props = createPropsRestProxy(__props, [
+            "class",
+            "theme"
+        ]);
+        const forwarded = useForwardProps(props);
+        const theme = useTheme(()=>__props.theme);
+        const crafts = computed(()=>theme.value.crafts.tvAccordion());
+        return (_ctx, _cache)=>(openBlock(), createBlock(unref(Accordion).Item, mergeProps(unref(forwarded), {
+                class: crafts.value.item({
+                    class: unref(clsx)(__props.class),
+                    ...unref(theme)
+                })
+            }), {
+                default: withCtx(()=>[
+                        renderSlot(_ctx.$slots, "default")
+                    ]),
+                _: 3
+            }, 16, [
+                "class"
+            ]));
+    }
+});
+const AccordionItem = _sfc_main;
+export default AccordionItem;

package/dist/components/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,14 @@
+import type { AccordionItemProps } from '.';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/AccordionTrigger.js

@@ -0,0 +1,83 @@
+import { computed, createBlock, createCommentVNode, createPropsRestProxy, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useForwardProps } from "@ark-ui/vue";
+import { Accordion, useAccordionItemContext } from "@ark-ui/vue/accordion";
+import { clsx } from "@raxium/themes/utils";
+import { useTheme } from "../../composables/useTheme.js";
+import { ChevronDown } from "lucide-vue-next";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "AccordionTrigger",
+    props: {
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        indicator: {
+            type: Boolean,
+            default: true
+        },
+        ui: {},
+        asChild: {
+            type: Boolean
+        },
+        theme: {}
+    },
+    setup (__props) {
+        const props = createPropsRestProxy(__props, [
+            "class",
+            "theme",
+            "indicator",
+            "ui"
+        ]);
+        const forwarded = useForwardProps(props);
+        const itemContext = useAccordionItemContext();
+        const theme = useTheme(()=>__props.theme);
+        const crafts = computed(()=>theme.value.crafts.tvAccordion());
+        return (_ctx, _cache)=>(openBlock(), createBlock(unref(Accordion).ItemTrigger, mergeProps(unref(forwarded), {
+                class: crafts.value.trigger({
+                    class: unref(clsx)(__props.ui?.root, __props.class),
+                    ...unref(theme)
+                })
+            }), {
+                default: withCtx(()=>[
+                        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+                            open: unref(itemContext).expanded,
+                            visible: unref(itemContext).expanded
+                        }))),
+                        renderSlot(_ctx.$slots, "indicator", normalizeProps(guardReactiveProps({
+                            open: unref(itemContext).expanded,
+                            visible: unref(itemContext).expanded
+                        })), ()=>[
+                                __props.indicator ? (openBlock(), createBlock(unref(Accordion).ItemIndicator, {
+                                    key: 0,
+                                    class: normalizeClass(crafts.value.indicator({
+                                        class: unref(clsx)(__props.ui?.indicator),
+                                        ...unref(theme)
+                                    }))
+                                }, {
+                                    default: withCtx(()=>[
+                                            createVNode(unref(ChevronDown), {
+                                                style: {
+                                                    width: "1lh",
+                                                    height: "1lh"
+                                                }
+                                            })
+                                        ]),
+                                    _: 1
+                                }, 8, [
+                                    "class"
+                                ])) : createCommentVNode("", true)
+                            ])
+                    ]),
+                _: 3
+            }, 16, [
+                "class"
+            ]));
+    }
+});
+const AccordionTrigger = _sfc_main;
+export default AccordionTrigger;

package/dist/components/accordion/AccordionTrigger.vue.d.ts

@@ -0,0 +1,22 @@
+import type { AccordionTriggerProps } from '.';
+declare var __VLS_8: {
+    open: boolean;
+    visible: boolean;
+}, __VLS_10: {
+    open: boolean;
+    visible: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    indicator?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Accordion } from './Accordion.vue';
+export { default as AccordionContent } from './AccordionContent.vue';
+export { default as AccordionItem } from './AccordionItem.vue';
+export { default as AccordionPanel } from './AccordionItem.vue';
+export { default as AccordionTrigger } from './AccordionTrigger.vue';
+export * from './props';

package/dist/components/accordion/index.js

@@ -0,0 +1,5 @@
+export * from "./props.js";
+export { default as Accordion } from "./Accordion.js";
+export { default as AccordionContent } from "./AccordionContent.js";
+export { default as AccordionItem, default as AccordionPanel } from "./AccordionItem.js";
+export { default as AccordionTrigger } from "./AccordionTrigger.js";

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

@@ -0,0 +1,20 @@
+import type { AccordionItemBaseProps, AccordionItemContentBaseProps, AccordionItemTriggerBaseProps, AccordionRootBaseProps } from '@ark-ui/vue/accordion';
+import type { ThemeCrafts, ThemeNoCrafts } from '../../providers';
+import type { HTMLAttributes } from 'vue';
+export interface AccordionProps extends AccordionRootBaseProps, ThemeCrafts<'tvAccordion'> {
+    class?: HTMLAttributes['class'];
+}
+export interface AccordionItemProps extends AccordionItemBaseProps, ThemeNoCrafts {
+    class?: HTMLAttributes['class'];
+}
+export interface AccordionTriggerProps extends AccordionItemTriggerBaseProps, ThemeNoCrafts {
+    class?: HTMLAttributes['class'];
+    indicator?: boolean;
+    ui?: {
+        root?: HTMLAttributes['class'];
+        indicator?: HTMLAttributes['class'];
+    };
+}
+export interface AccordionContentProps extends AccordionItemContentBaseProps, ThemeNoCrafts {
+    class?: HTMLAttributes['class'];
+}

package/dist/components/date-picker/DatePicker.vue.d.ts

@@ -7,19 +7,19 @@ declare const __VLS_base: import("vue").DefineComponent<DatePickerProps, {
     $api: import("@ark-ui/vue").UseDatePickerReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     openChange: (details: import("@zag-js/date-picker").OpenChangeDetails) => any;
+    focusChange: (details: import("@zag-js/date-picker").FocusChangeDetails) => any;
     valueChange: (details: import("@zag-js/date-picker").ValueChangeDetails) => any;
     "update:modelValue": (value: import("@zag-js/date-picker").DateValue[]) => any;
     "update:open": (open: boolean) => any;
-    focusChange: (details: import("@zag-js/date-picker").FocusChangeDetails) => any;
     viewChange: (details: import("@zag-js/date-picker").ViewChangeDetails) => any;
     "update:view": (view: import("@zag-js/date-picker").DateView) => any;
     "update:focusedValue": (focusedValue: import("@zag-js/date-picker").DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
     onOpenChange?: ((details: import("@zag-js/date-picker").OpenChangeDetails) => any) | undefined;
+    onFocusChange?: ((details: import("@zag-js/date-picker").FocusChangeDetails) => any) | undefined;
     onValueChange?: ((details: import("@zag-js/date-picker").ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("@zag-js/date-picker").DateValue[]) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    onFocusChange?: ((details: import("@zag-js/date-picker").FocusChangeDetails) => any) | undefined;
     onViewChange?: ((details: import("@zag-js/date-picker").ViewChangeDetails) => any) | undefined;
     "onUpdate:view"?: ((view: import("@zag-js/date-picker").DateView) => any) | undefined;
     "onUpdate:focusedValue"?: ((focusedValue: import("@zag-js/date-picker").DateValue) => any) | undefined;

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './accordion';
 export * from './badge';
 export * from './button';
 export * from './checkbox';

package/dist/components/index.js

@@ -1,3 +1,4 @@
+export * from "./accordion/index.js";
 export * from "./badge/index.js";
 export * from "./button/index.js";
 export * from "./checkbox/index.js";

package/dist/components/number-input/NumberInput.vue.d.ts

@@ -11,16 +11,16 @@ declare const __VLS_base: import("vue").DefineComponent<NumberInputProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    focusChange: (details: NumberInput.FocusChangeDetails) => any;
     valueChange: (details: NumberInput.ValueChangeDetails) => any;
     "update:modelValue": (value: string) => any;
-    focusChange: (details: NumberInput.FocusChangeDetails) => any;
     valueInvalid: (details: NumberInput.ValueInvalidDetails) => any;
 }, string, import("vue").PublicProps, Readonly<NumberInputProps> & Readonly<{
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onFocusChange?: ((details: NumberInput.FocusChangeDetails) => any) | undefined;
     onValueChange?: ((details: NumberInput.ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onFocusChange?: ((details: NumberInput.FocusChangeDetails) => any) | undefined;
     onValueInvalid?: ((details: NumberInput.ValueInvalidDetails) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -11,14 +11,14 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<SliderProps, {
     $api: import("@ark-ui/vue").UseSliderReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focusChange: (details: Slider.FocusChangeDetails) => any;
     valueChange: (details: Slider.ValueChangeDetails) => any;
     "update:modelValue": (value: number[]) => any;
-    focusChange: (details: Slider.FocusChangeDetails) => any;
     valueChangeEnd: (details: Slider.ValueChangeDetails) => any;
 }, string, import("vue").PublicProps, Readonly<SliderProps> & Readonly<{
+    onFocusChange?: ((details: Slider.FocusChangeDetails) => any) | undefined;
     onValueChange?: ((details: Slider.ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
-    onFocusChange?: ((details: Slider.FocusChangeDetails) => any) | undefined;
     onValueChangeEnd?: ((details: Slider.ValueChangeDetails) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/spin/SpinProvider.d.ts

@@ -1,7 +1,7 @@
 import type { SlotsType, VNode } from 'vue';
 import type { SpinRenderProps } from '.';
 /**
- * TODO: rslib无法解析<script setup lang="tsx">的组件, 会解析为虚拟请求(?vue), 导致解析链断掉
+ * rslib无法解析<script setup lang="tsx">的组件, 会解析为虚拟请求(?vue), 导致解析链断掉
  * 继续使用bundle:false, 需要直接解析tsx文件
  */
 type Slots = {

package/dist/components/spin/SpinProvider.js

@@ -1,6 +1,7 @@
 import { computed, createVNode, defineComponent, isVNode, provide } from "vue";
 import { ark } from "@ark-ui/vue/factory";
 import { clsx } from "@raxium/themes/utils";
+import { isEmptyVNode } from "../../utils/index.js";
 import { LoaderCircle } from "lucide-vue-next";
 function _isSlot(s) {
     return 'function' == typeof s || '[object Object]' === Object.prototype.toString.call(s) && !isVNode(s);
@@ -12,7 +13,7 @@ const SpinProvider = defineComponent({
         function renderIcon(props) {
             const icon = slots?.icon?.(props);
             const crafts = computed(()=>props.theme?.crafts?.tvSpin?.());
-            if (icon) return createVNode(ark.span, {
+            if (!isEmptyVNode(icon)) return createVNode(ark.span, {
                 class: crafts.value?.icon({
                     class: clsx(props.class),
                     ...props.theme

package/dist/components/tabs/Tabs.vue.d.ts

@@ -7,13 +7,13 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<TabsProps, {
     $api: import("@ark-ui/vue").UseTabsReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focusChange: (details: Tabs.FocusChangeDetails) => any;
     valueChange: (details: Tabs.ValueChangeDetails) => any;
     "update:modelValue": (value: string) => any;
-    focusChange: (details: Tabs.FocusChangeDetails) => any;
 }, string, import("vue").PublicProps, Readonly<TabsProps> & Readonly<{
+    onFocusChange?: ((details: Tabs.FocusChangeDetails) => any) | undefined;
     onValueChange?: ((details: Tabs.ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onFocusChange?: ((details: Tabs.FocusChangeDetails) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tree/Tree.vue.d.ts

@@ -2,8 +2,8 @@ import type { TreeNode } from '@ark-ui/vue/tree-view';
 import type { TreeProps } from '.';
 declare const __VLS_export: <T = TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeProps<T> & {
-        onCheckedChange?: ((details: import("@zag-js/tree-view").CheckedChangeDetails) => any) | undefined;
         onFocusChange?: ((details: import("@zag-js/tree-view").FocusChangeDetails<any>) => any) | undefined;
+        onCheckedChange?: ((details: import("@zag-js/tree-view").CheckedChangeDetails) => any) | undefined;
         "onUpdate:focusedValue"?: ((value: import("./props").TreeValueType) => any) | undefined;
         "onUpdate:expandedValue"?: ((value: import("./props").TreeValueType[]) => any) | undefined;
         "onUpdate:selectedValue"?: ((value: import("./props").TreeValueType[]) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_export: <T = TreeNode>(__VLS_props: NonNullable<Awaited<type
     } & {
         suffix?: (props: {}) => any;
     };
-    emit: ((evt: "checkedChange", details: import("@zag-js/tree-view").CheckedChangeDetails) => void) & ((evt: "focusChange", details: import("@zag-js/tree-view").FocusChangeDetails<any>) => void) & ((evt: "update:focusedValue", value: import("./props").TreeValueType) => void) & ((evt: "update:expandedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "update:selectedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "update:checkedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "expandedChange", details: import("@zag-js/tree-view").ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: import("@zag-js/tree-view").SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: import("@zag-js/tree-view").LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: import("@zag-js/tree-view").LoadChildrenErrorDetails<T>) => void) & ((evt: "renameStart", details: import("@zag-js/tree-view").RenameStartDetails<T>) => void) & ((evt: "beforeRename", details: import("@zag-js/tree-view").RenameCompleteDetails) => void) & ((evt: "renameComplete", details: import("@zag-js/tree-view").RenameCompleteDetails) => void);
+    emit: ((evt: "focusChange", details: import("@zag-js/tree-view").FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: import("@zag-js/tree-view").CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: import("./props").TreeValueType) => void) & ((evt: "update:expandedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "update:selectedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "update:checkedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "expandedChange", details: import("@zag-js/tree-view").ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: import("@zag-js/tree-view").SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: import("@zag-js/tree-view").LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: import("@zag-js/tree-view").LoadChildrenErrorDetails<T>) => void) & ((evt: "renameStart", details: import("@zag-js/tree-view").RenameStartDetails<T>) => void) & ((evt: "beforeRename", details: import("@zag-js/tree-view").RenameCompleteDetails) => void) & ((evt: "renameComplete", details: import("@zag-js/tree-view").RenameCompleteDetails) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tree/TreeCheckboxNode.js

@@ -1,7 +1,7 @@
 import { Fragment, cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps, toRefs, unref } from "vue";
 import { TreeView, useTreeViewContext } from "@ark-ui/vue";
-import { useTheme } from "../../composables/useTheme.js";
 import { clsx } from "@raxium/themes/utils";
+import { useTheme } from "../../composables/useTheme.js";
 import { Check, ChevronRight, Minus } from "lucide-vue-next";
 import { TreeCheckboxNode } from "./index.js";
 import { Icon } from "../icon/index.js";

package/dist/components/tree/TreeNode.js

@@ -1,8 +1,8 @@
 import { Fragment, cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps, toRefs, unref } from "vue";
 import { TreeView } from "@ark-ui/vue";
+import { clsx } from "@raxium/themes/utils";
 import { Icon } from "../icon/index.js";
 import { useTheme } from "../../composables/useTheme.js";
-import { clsx } from "@raxium/themes/utils";
 import { ChevronRight } from "lucide-vue-next";
 import { TreeNode } from "./index.js";
 import { injectTreeContext } from "./tree-context.js";

package/dist/utils/__test__/vnode.test.js

@@ -0,0 +1,191 @@
+import { describe, expect, it, vi } from "vitest";
+import { Comment, Fragment, Text, createCommentVNode, createTextVNode, defineComponent, h } from "vue";
+import { checkContextVNodePosition, excludeVNodesByName, excludeVNodesByNames, findVNodeByName, findVNodesByName, hasChildVNodeByName, isEmptyVNode, someVNode } from "../vnode.js";
+function cmp(name) {
+    return defineComponent({
+        name,
+        setup: ()=>()=>null
+    });
+}
+describe('someVNode', ()=>{
+    it('returns false for undefined / empty', ()=>{
+        expect(someVNode(void 0, ()=>true)).toBe(false);
+        expect(someVNode([], ()=>true)).toBe(false);
+    });
+    it('matches direct vnode', ()=>{
+        const n = h('div');
+        expect(someVNode(n, (v)=>'div' === v.type)).toBe(true);
+        expect(someVNode(n, (v)=>'span' === v.type)).toBe(false);
+    });
+    it('recurses into array children (e.g. Fragment)', ()=>{
+        const inner = h('span');
+        const frag = h(Fragment, null, [
+            inner
+        ]);
+        expect(someVNode(frag, (v)=>'span' === v.type)).toBe(true);
+    });
+});
+describe('findVNodeByName', ()=>{
+    it('finds component by name with camelCase normalization', ()=>{
+        const C = cmp('MyWidget');
+        const nodes = [
+            h('div'),
+            h(C)
+        ];
+        expect(findVNodeByName(nodes, 'my-widget')).toBeDefined();
+        expect(findVNodeByName(nodes, 'MyWidget')).toBeDefined();
+        expect(findVNodeByName(nodes, 'my-widget').type.name).toBe('MyWidget');
+    });
+    it('returns undefined when missing or nodes empty', ()=>{
+        expect(findVNodeByName(void 0, 'x')).toBeUndefined();
+        expect(findVNodeByName([], 'x')).toBeUndefined();
+        expect(findVNodeByName([
+            h('div')
+        ], 'Missing')).toBeUndefined();
+    });
+    it('walks Fragment children', ()=>{
+        const Inner = cmp('InnerNode');
+        const frag = h(Fragment, null, [
+            h(Inner)
+        ]);
+        expect(findVNodeByName([
+            frag
+        ], 'InnerNode')).toBeDefined();
+    });
+});
+describe('findVNodesByName', ()=>{
+    it('collects all matches', ()=>{
+        const A = cmp('Dup');
+        const nodes = [
+            h(A),
+            h('p'),
+            h(A)
+        ];
+        const found = findVNodesByName(nodes, 'Dup');
+        expect(found).toHaveLength(2);
+    });
+});
+describe('excludeVNodesByName / excludeVNodesByNames', ()=>{
+    it('excludes one name', ()=>{
+        const A = cmp('Keep');
+        const B = cmp('Drop');
+        const out = excludeVNodesByName([
+            h(A),
+            h(B),
+            h('i')
+        ], 'Drop');
+        expect(out).toHaveLength(2);
+        expect(out.some((v)=>v.type?.name === 'Drop')).toBe(false);
+    });
+    it('excludes multiple names', ()=>{
+        const A = cmp('A1');
+        const B = cmp('A2');
+        const out = excludeVNodesByNames([
+            h(A),
+            h(B),
+            h('span')
+        ], [
+            'A1',
+            'A2'
+        ]);
+        expect(out).toHaveLength(1);
+        expect(out[0].type).toBe('span');
+    });
+    it('returns [] for empty input', ()=>{
+        expect(excludeVNodesByName(void 0, 'x')).toEqual([]);
+    });
+});
+describe('hasChildVNodeByName', ()=>{
+    it('matches root component name', ()=>{
+        const C = cmp('RootX');
+        expect(hasChildVNodeByName(h(C), 'root-x')).toBe(true);
+    });
+    it('matches nested component in children array', ()=>{
+        const Inner = cmp('Nested');
+        const root = h('div', [
+            h(Inner)
+        ]);
+        expect(hasChildVNodeByName(root, 'Nested')).toBe(true);
+    });
+    it('returns false when absent', ()=>{
+        expect(hasChildVNodeByName(void 0, 'x')).toBe(false);
+        expect(hasChildVNodeByName(h('div'), 'None')).toBe(false);
+    });
+    it('handles vnode array at root', ()=>{
+        const Inner = cmp('InArray');
+        expect(hasChildVNodeByName([
+            h('div'),
+            h(Inner)
+        ], 'InArray')).toBe(true);
+    });
+});
+describe('checkContextVNodePosition', ()=>{
+    it('warns when single child name equals context', ()=>{
+        const warn = vi.spyOn(console, 'warn').mockImplementation(()=>{});
+        const C = cmp('ContextHost');
+        checkContextVNodePosition([
+            h(C)
+        ], 'ContextHost', 'Parent');
+        expect(warn).toHaveBeenCalledTimes(1);
+        warn.mockRestore();
+    });
+    it('does not warn when multiple nodes', ()=>{
+        const warn = vi.spyOn(console, 'warn').mockImplementation(()=>{});
+        const C = cmp('ContextHost');
+        checkContextVNodePosition([
+            h(C),
+            h('div')
+        ], 'ContextHost', 'Parent');
+        expect(warn).not.toHaveBeenCalled();
+        warn.mockRestore();
+    });
+});
+describe('isEmptyVNode', ()=>{
+    it('treats null / undefined as empty', ()=>{
+        expect(isEmptyVNode(null)).toBe(true);
+        expect(isEmptyVNode(void 0)).toBe(true);
+    });
+    it('treats Comment as empty', ()=>{
+        const v = createCommentVNode('x');
+        expect(v.type).toBe(Comment);
+        expect(isEmptyVNode(v)).toBe(true);
+    });
+    it('treats blank Text as empty', ()=>{
+        expect(isEmptyVNode(createTextVNode(''))).toBe(true);
+        expect(isEmptyVNode(createTextVNode('   '))).toBe(true);
+    });
+    it('treats non-blank Text as non-empty', ()=>{
+        expect(isEmptyVNode(createTextVNode('a'))).toBe(false);
+    });
+    it('treats empty Fragment as empty', ()=>{
+        expect(isEmptyVNode(h(Fragment, null, []))).toBe(true);
+        expect(isEmptyVNode(h(Fragment, null, null))).toBe(true);
+    });
+    it('treats Fragment with only empty children as empty', ()=>{
+        expect(isEmptyVNode(h(Fragment, null, [
+            createCommentVNode(),
+            createTextVNode('')
+        ]))).toBe(true);
+    });
+    it('treats element / component as non-empty', ()=>{
+        expect(isEmptyVNode(h('div'))).toBe(false);
+        expect(isEmptyVNode(h(cmp('X')))).toBe(false);
+    });
+    it('requires every item in array to be empty', ()=>{
+        expect(isEmptyVNode([
+            createCommentVNode(),
+            createTextVNode('')
+        ])).toBe(true);
+        expect(isEmptyVNode([
+            createCommentVNode(),
+            h('span')
+        ])).toBe(false);
+    });
+    it('treats non-VNode object as empty (compat)', ()=>{
+        expect(isEmptyVNode({})).toBe(true);
+    });
+    it('compares Text type symbol', ()=>{
+        const tv = createTextVNode('hi');
+        expect(tv.type).toBe(Text);
+    });
+});

package/dist/utils/vnode.d.ts

@@ -6,3 +6,4 @@ export declare function excludeVNodesByName(node: VNode | VNode[] | undefined, n
 export declare function excludeVNodesByNames(nodes: VNode[] | undefined, name: string[]): VNode[];
 export declare function hasChildVNodeByName(node: VNode | VNode[] | undefined, name: string): boolean;
 export declare function checkContextVNodePosition(nodes: VNode[] | undefined, contextName: string, componentName?: string): void;
+export declare function isEmptyVNode(node: VNode | VNode[] | null | undefined): boolean;

package/dist/utils/vnode.js

@@ -1,5 +1,5 @@
 import { camelCase, isEmpty } from "es-toolkit/compat";
-import { isVNode } from "vue";
+import { Comment, Fragment, Text, isVNode } from "vue";
 function someVNode(children, pred) {
     const arr = Array.isArray(children) ? children : null != children ? [
         children
@@ -83,4 +83,23 @@ function checkContextVNodePosition(nodes, contextName, componentName) {
         _srcName === _targetName && console.warn(`\<${contextName}\> can not be a direct child of \<${componentName}\>, it may cause unexpected style behavior, consider lift it up or use it closer to where you want to use it `);
     }
 }
-export { checkContextVNodePosition, excludeVNodesByName, excludeVNodesByNames, findVNodeByName, findVNodesByName, hasChildVNodeByName, someVNode };
+function isEmptyVNode(node) {
+    if (!node) return true;
+    const nodes = Array.isArray(node) ? node : [
+        node
+    ];
+    if (0 === nodes.length) return true;
+    return nodes.every((n)=>{
+        if (!n) return true;
+        if (!isVNode(n)) return true;
+        if (n.type === Comment) return true;
+        if (n.type === Text) return '' === String(n.children ?? '').trim();
+        if (n.type === Fragment) {
+            const ch = n.children;
+            if (null == ch || '' === ch) return true;
+            if (Array.isArray(ch)) return ch.every((c)=>isEmptyVNode(c));
+        }
+        return false;
+    });
+}
+export { checkContextVNodePosition, excludeVNodesByName, excludeVNodesByNames, findVNodeByName, findVNodesByName, hasChildVNodeByName, isEmptyVNode, someVNode };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@raxium/vue",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Vue core components for Raxium, based on Ark UI",
   "author": {
     "name": "Hwacc",
@@ -67,8 +67,8 @@
     "es-toolkit": "^1.44.0",
     "lucide-vue-next": "^0.577.0",
     "vue-component-type-helpers": "^3.2.1",
-    "@raxium/shared": "0.1.1",
-    "@raxium/themes": "0.1.1"
+    "@raxium/themes": "0.1.3",
+    "@raxium/shared": "0.1.1"
   },
   "devDependencies": {
     "@ark-ui/vue": "^5.34.1",
@@ -86,8 +86,9 @@
     "rsbuild-plugin-unplugin-vue": "^0.2.0",
     "tailwind-merge": "^3.5.0",
     "tsc-alias": "^1.8.16",
+    "vitest": "^4.1.1",
     "vue-tsc": "^3.2.4",
-    "@raxium/themes": "0.1.1",
+    "@raxium/themes": "0.1.3",
     "@raxium/shared": "0.1.1"
   },
   "publishConfig": {
@@ -95,6 +96,6 @@
   },
   "scripts": {
     "build": "rslib build --tsconfig ./tsconfig.build.json && vue-tsc --project tsconfig.build.json && tsc-alias --project tsconfig.build.json",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "vitest run"
   }
 }