@raxium/vue 0.1.2 → 0.2.0

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

@@ -1,4 +1,5 @@
 import type { DatePickerProps } from '.';
+import { DatePicker } from '@ark-ui/vue';
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
@@ -6,23 +7,23 @@ type __VLS_Slots = {} & {
 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;
+    openChange: (details: DatePicker.OpenChangeDetails) => any;
+    focusChange: (details: DatePicker.FocusChangeDetails) => any;
+    valueChange: (details: DatePicker.ValueChangeDetails) => any;
+    "update:modelValue": (value: DatePicker.DateValue[]) => any;
     "update:open": (open: boolean) => 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;
+    viewChange: (details: DatePicker.ViewChangeDetails) => any;
+    "update:view": (view: DatePicker.DateView) => any;
+    "update:focusedValue": (focusedValue: DatePicker.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;
+    onOpenChange?: ((details: DatePicker.OpenChangeDetails) => any) | undefined;
+    onFocusChange?: ((details: DatePicker.FocusChangeDetails) => any) | undefined;
+    onValueChange?: ((details: DatePicker.ValueChangeDetails) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DatePicker.DateValue[]) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => 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;
+    onViewChange?: ((details: DatePicker.ViewChangeDetails) => any) | undefined;
+    "onUpdate:view"?: ((view: DatePicker.DateView) => any) | undefined;
+    "onUpdate:focusedValue"?: ((focusedValue: DatePicker.DateValue) => 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/editable/Editable.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_base: import("vue").DefineComponent<EditableProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     valueChange: (details: import("@ark-ui/vue").EditableValueChangeDetails) => any;
     "update:modelValue": (value: string) => any;
-    focusOutside: (event: import("@ark-ui/vue").ColorPickerFocusOutsideEvent) => any;
-    interactOutside: (event: import("@ark-ui/vue").ColorPickerInteractOutsideEvent) => any;
-    pointerDownOutside: (event: import("@ark-ui/vue").ColorPickerPointerDownOutsideEvent) => any;
+    focusOutside: (event: import("@zag-js/date-picker").FocusOutsideEvent) => any;
+    interactOutside: (event: import("@zag-js/date-picker").InteractOutsideEvent) => any;
+    pointerDownOutside: (event: import("@zag-js/date-picker").PointerDownOutsideEvent) => any;
     editChange: (details: import("@ark-ui/vue").EditableEditChangeDetails) => any;
     valueCommit: (details: import("@ark-ui/vue").EditableValueChangeDetails) => any;
     valueRevert: (details: import("@ark-ui/vue").EditableValueChangeDetails) => any;
@@ -24,9 +24,9 @@ declare const __VLS_base: import("vue").DefineComponent<EditableProps, {
 }, string, import("vue").PublicProps, Readonly<EditableProps> & Readonly<{
     onValueChange?: ((details: import("@ark-ui/vue").EditableValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onFocusOutside?: ((event: import("@ark-ui/vue").ColorPickerFocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import("@ark-ui/vue").ColorPickerInteractOutsideEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import("@ark-ui/vue").ColorPickerPointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("@zag-js/date-picker").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("@zag-js/date-picker").InteractOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("@zag-js/date-picker").PointerDownOutsideEvent) => any) | undefined;
     onEditChange?: ((details: import("@ark-ui/vue").EditableEditChangeDetails) => any) | undefined;
     onValueCommit?: ((details: import("@ark-ui/vue").EditableValueChangeDetails) => any) | undefined;
     onValueRevert?: ((details: import("@ark-ui/vue").EditableValueChangeDetails) => any) | undefined;

package/dist/components/floating-panel/FloatingPanel.vue.d.ts

@@ -1,4 +1,5 @@
 import type { FloatingPanelProps } from '.';
+import { FloatingPanel } from '@ark-ui/vue';
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
@@ -11,27 +12,27 @@ declare const __VLS_base: import("vue").DefineComponent<FloatingPanelProps, {
         setOpacity: (o: number) => void;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    openChange: (details: import("@zag-js/floating-panel").OpenChangeDetails) => any;
+    openChange: (details: FloatingPanel.OpenChangeDetails) => any;
     exitComplete: () => any;
     "update:open": (open: boolean) => any;
-    positionChange: (details: import("@zag-js/floating-panel").PositionChangeDetails) => any;
+    positionChange: (details: FloatingPanel.PositionChangeDetails) => any;
     "update:position": (details: import("@zag-js/floating-panel").Point) => any;
-    positionChangeEnd: (details: import("@zag-js/floating-panel").PositionChangeDetails) => any;
-    sizeChange: (details: import("@zag-js/floating-panel").SizeChangeDetails) => any;
+    positionChangeEnd: (details: FloatingPanel.PositionChangeDetails) => any;
+    sizeChange: (details: FloatingPanel.SizeChangeDetails) => any;
     "update:size": (details: import("@zag-js/floating-panel").Size) => any;
-    sizeChangeEnd: (details: import("@zag-js/floating-panel").SizeChangeDetails) => any;
-    stageChange: (details: import("@zag-js/floating-panel").StageChangeDetails) => any;
+    sizeChangeEnd: (details: FloatingPanel.SizeChangeDetails) => any;
+    stageChange: (details: FloatingPanel.StageChangeDetails) => any;
 }, string, import("vue").PublicProps, Readonly<FloatingPanelProps> & Readonly<{
-    onOpenChange?: ((details: import("@zag-js/floating-panel").OpenChangeDetails) => any) | undefined;
+    onOpenChange?: ((details: FloatingPanel.OpenChangeDetails) => any) | undefined;
     onExitComplete?: (() => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    onPositionChange?: ((details: import("@zag-js/floating-panel").PositionChangeDetails) => any) | undefined;
+    onPositionChange?: ((details: FloatingPanel.PositionChangeDetails) => any) | undefined;
     "onUpdate:position"?: ((details: import("@zag-js/floating-panel").Point) => any) | undefined;
-    onPositionChangeEnd?: ((details: import("@zag-js/floating-panel").PositionChangeDetails) => any) | undefined;
-    onSizeChange?: ((details: import("@zag-js/floating-panel").SizeChangeDetails) => any) | undefined;
+    onPositionChangeEnd?: ((details: FloatingPanel.PositionChangeDetails) => any) | undefined;
+    onSizeChange?: ((details: FloatingPanel.SizeChangeDetails) => any) | undefined;
     "onUpdate:size"?: ((details: import("@zag-js/floating-panel").Size) => any) | undefined;
-    onSizeChangeEnd?: ((details: import("@zag-js/floating-panel").SizeChangeDetails) => any) | undefined;
-    onStageChange?: ((details: import("@zag-js/floating-panel").StageChangeDetails) => any) | undefined;
+    onSizeChangeEnd?: ((details: FloatingPanel.SizeChangeDetails) => any) | undefined;
+    onStageChange?: ((details: FloatingPanel.StageChangeDetails) => 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/popover/Popover.js

@@ -35,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             type: Boolean
         },
         positioning: {},
+        translations: {},
         lazyMount: {
             type: Boolean,
             default: ()=>void 0

package/dist/components/select/Select.js

@@ -64,6 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         scrollToIndexFn: {
             type: Function
         },
+        translations: {},
         lazyMount: {
             type: Boolean,
             default: ()=>void 0

package/dist/components/select/Select.vue.d.ts

@@ -1,16 +1,17 @@
 import type { CollectionItem } from '@ark-ui/vue/select';
 import type { SelectProps } from '.';
+import { Select } from '@ark-ui/vue/select';
 declare const __VLS_export: <T extends CollectionItem>(__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<SelectProps<T> & {
         onSelect?: ((details: import("@zag-js/select").SelectionDetails) => any) | undefined;
-        onOpenChange?: ((details: import("@zag-js/select").OpenChangeDetails) => any) | undefined;
-        onValueChange?: ((details: import("@zag-js/select").ValueChangeDetails<T>) => any) | undefined;
+        onOpenChange?: ((details: Select.OpenChangeDetails) => any) | undefined;
+        onValueChange?: ((details: Select.ValueChangeDetails<T>) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import("./props").SelectValueType[]) => any) | undefined;
         "onUpdate:open"?: ((open: boolean) => any) | undefined;
-        onFocusOutside?: ((event: import("@zag-js/date-picker").FocusOutsideEvent) => any) | undefined;
-        onInteractOutside?: ((event: import("@zag-js/date-picker").InteractOutsideEvent) => any) | undefined;
-        onPointerDownOutside?: ((event: import("@zag-js/date-picker").PointerDownOutsideEvent) => any) | undefined;
-        onHighlightChange?: ((details: import("@zag-js/select").HighlightChangeDetails<T>) => any) | undefined;
+        onFocusOutside?: ((event: Select.FocusOutsideEvent) => any) | undefined;
+        onInteractOutside?: ((event: Select.InteractOutsideEvent) => any) | undefined;
+        onPointerDownOutside?: ((event: Select.PointerDownOutsideEvent) => any) | undefined;
+        onHighlightChange?: ((details: Select.HighlightChangeDetails<T>) => any) | undefined;
         "onUpdate:highlightedValue"?: ((value: import("./props").SelectValueType) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -22,7 +23,7 @@ declare const __VLS_export: <T extends CollectionItem>(__VLS_props: NonNullable<
     slots: {
         default?: (props: {}) => any;
     };
-    emit: ((evt: "select", details: import("@zag-js/select").SelectionDetails) => void) & ((evt: "openChange", details: import("@zag-js/select").OpenChangeDetails) => void) & ((evt: "valueChange", details: import("@zag-js/select").ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: import("./props").SelectValueType[]) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: import("@zag-js/date-picker").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@zag-js/date-picker").InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: import("@zag-js/date-picker").PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: import("@zag-js/select").HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: import("./props").SelectValueType) => void);
+    emit: ((evt: "select", details: import("@zag-js/select").SelectionDetails) => void) & ((evt: "openChange", details: Select.OpenChangeDetails) => void) & ((evt: "valueChange", details: Select.ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: import("./props").SelectValueType[]) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: Select.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: Select.InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: Select.PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: Select.HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: import("./props").SelectValueType) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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/tags-input/TagsInput.js

@@ -25,6 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         addOnPaste: {
             type: Boolean
         },
+        allowDuplicates: {
+            type: Boolean
+        },
         allowOverflow: {
             type: Boolean
         },

package/dist/components/tree/Tree.js

@@ -51,6 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         id: {},
         ids: {},
         selectionMode: {},
+        translations: {},
         typeahead: {
             type: Boolean
         },

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

@@ -1,20 +1,21 @@
 import type { TreeNode } from '@ark-ui/vue/tree-view';
 import type { TreeProps } from '.';
+import { TreeView } from '@ark-ui/vue/tree-view';
 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> & {
-        onFocusChange?: ((details: import("@zag-js/tree-view").FocusChangeDetails<any>) => any) | undefined;
-        onCheckedChange?: ((details: import("@zag-js/tree-view").CheckedChangeDetails) => any) | undefined;
+        onFocusChange?: ((details: TreeView.FocusChangeDetails<any>) => any) | undefined;
+        onCheckedChange?: ((details: TreeView.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;
         "onUpdate:checkedValue"?: ((value: import("./props").TreeValueType[]) => any) | undefined;
-        onExpandedChange?: ((details: import("@zag-js/tree-view").ExpandedChangeDetails<any>) => any) | undefined;
-        onSelectionChange?: ((details: import("@zag-js/tree-view").SelectionChangeDetails<any>) => any) | undefined;
-        onLoadChildrenComplete?: ((details: import("@zag-js/tree-view").LoadChildrenCompleteDetails<T>) => any) | undefined;
-        onLoadChildrenError?: ((details: import("@zag-js/tree-view").LoadChildrenErrorDetails<T>) => any) | undefined;
-        onRenameStart?: ((details: import("@zag-js/tree-view").RenameStartDetails<T>) => any) | undefined;
-        onBeforeRename?: ((details: import("@zag-js/tree-view").RenameCompleteDetails) => any) | undefined;
-        onRenameComplete?: ((details: import("@zag-js/tree-view").RenameCompleteDetails) => any) | undefined;
+        onExpandedChange?: ((details: TreeView.ExpandedChangeDetails<any>) => any) | undefined;
+        onSelectionChange?: ((details: TreeView.SelectionChangeDetails<any>) => any) | undefined;
+        onLoadChildrenComplete?: ((details: TreeView.LoadChildrenCompleteDetails<T>) => any) | undefined;
+        onLoadChildrenError?: ((details: TreeView.LoadChildrenErrorDetails<T>) => any) | undefined;
+        onRenameStart?: ((details: TreeView.RenameStartDetails<T>) => any) | undefined;
+        onBeforeRename?: ((details: TreeView.RenameCompleteDetails) => any) | undefined;
+        onRenameComplete?: ((details: TreeView.RenameCompleteDetails) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -27,7 +28,7 @@ declare const __VLS_export: <T = TreeNode>(__VLS_props: NonNullable<Awaited<type
     } & {
         suffix?: (props: {}) => any;
     };
-    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);
+    emit: ((evt: "focusChange", details: TreeView.FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: TreeView.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: TreeView.ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: TreeView.SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: TreeView.LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: TreeView.LoadChildrenErrorDetails<T>) => void) & ((evt: "renameStart", details: TreeView.RenameStartDetails<T>) => void) & ((evt: "beforeRename", details: TreeView.RenameCompleteDetails) => void) & ((evt: "renameComplete", details: TreeView.RenameCompleteDetails) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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.2",
+  "version": "0.2.0",
   "description": "Vue core components for Raxium, based on Ark UI",
   "author": {
     "name": "Hwacc",
@@ -58,7 +58,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@ark-ui/vue": "^5.34.1",
+    "@ark-ui/vue": "^5.35.0",
     "vue": "^3.5.0"
   },
   "dependencies": {
@@ -68,33 +68,34 @@
     "lucide-vue-next": "^0.577.0",
     "vue-component-type-helpers": "^3.2.1",
     "@raxium/shared": "0.1.1",
-    "@raxium/themes": "0.1.2"
+    "@raxium/themes": "0.1.3"
   },
   "devDependencies": {
-    "@ark-ui/vue": "^5.34.1",
+    "@ark-ui/vue": "5.35.0",
     "@iconify/vue": "^5.0.0",
     "@internationalized/date": "^3.10.1",
     "@rsbuild/plugin-babel": "^1.0.6",
     "@rsbuild/plugin-vue-jsx": "^1.1.2",
     "@rslib/core": "0.20.0",
-    "@zag-js/checkbox": "^1.35.3",
-    "@zag-js/date-picker": "^1.35.3",
-    "@zag-js/floating-panel": "^1.35.3",
-    "@zag-js/select": "^1.35.3",
-    "@zag-js/toast": "^1.35.3",
-    "@zag-js/tree-view": "^1.33.1",
+    "@zag-js/checkbox": "1.38.2",
+    "@zag-js/date-picker": "1.38.2",
+    "@zag-js/floating-panel": "1.38.2",
+    "@zag-js/select": "1.38.2",
+    "@zag-js/toast": "1.38.2",
+    "@zag-js/tree-view": "1.38.2",
     "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/shared": "0.1.1",
-    "@raxium/themes": "0.1.2"
+    "@raxium/themes": "0.1.3"
   },
   "publishConfig": {
     "access": "public"
   },
   "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"
   }
 }