@soybeanjs/ui 0.0.6 → 0.0.8

package/dist/components/drawer/drawer.vue.d.ts

@@ -1,57 +1,57 @@
 import { DrawerProps } from "./types.js";
-import * as vue129 from "vue";
-import * as _soybeanjs_headless66 from "@soybeanjs/headless";
+import * as vue165 from "vue";
+import * as _soybeanjs_headless100 from "@soybeanjs/headless";
 
 //#region src/components/drawer/drawer.vue.d.ts
-declare var __VLS_16: {}, __VLS_48: {
+declare var __VLS_16: {}, __VLS_47: {
     open: boolean | undefined;
     close: () => void;
-  }, __VLS_56: {
+  }, __VLS_55: {
     open: boolean | undefined;
     close: () => void;
-  }, __VLS_64: {}, __VLS_71: {
+  }, __VLS_63: {}, __VLS_70: {
     open: boolean | undefined;
     close: () => void;
-  }, __VLS_79: {
+  }, __VLS_78: {
     open: boolean | undefined;
     close: () => void;
   };
 type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_16) => any;
 } & {
-  title?: (props: typeof __VLS_48) => any;
+  title?: (props: typeof __VLS_47) => any;
 } & {
-  description?: (props: typeof __VLS_56) => any;
+  description?: (props: typeof __VLS_55) => any;
 } & {
-  close?: (props: typeof __VLS_64) => any;
+  close?: (props: typeof __VLS_63) => any;
 } & {
-  default?: (props: typeof __VLS_71) => any;
+  default?: (props: typeof __VLS_70) => any;
 } & {
-  footer?: (props: typeof __VLS_79) => any;
+  footer?: (props: typeof __VLS_78) => any;
 };
-declare const __VLS_base: vue129.DefineComponent<DrawerProps, {}, {}, {}, {}, vue129.ComponentOptionsMixin, vue129.ComponentOptionsMixin, {
+declare const __VLS_base: vue165.DefineComponent<DrawerProps, {}, {}, {}, {}, vue165.ComponentOptionsMixin, vue165.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless66.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless66.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless66.PointerDownOutsideEvent | _soybeanjs_headless66.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless100.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless100.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless100.PointerDownOutsideEvent | _soybeanjs_headless100.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue129.PublicProps, Readonly<DrawerProps> & Readonly<{
+}, string, vue165.PublicProps, Readonly<DrawerProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless66.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless66.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless66.PointerDownOutsideEvent | _soybeanjs_headless66.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless100.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless100.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless100.PointerDownOutsideEvent | _soybeanjs_headless100.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+  closable: boolean;
   open: boolean;
+  scrollable: boolean;
   defaultOpen: boolean;
-  closable: boolean;
   modal: boolean;
-  scrollable: boolean;
-}, {}, {}, {}, string, vue129.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue165.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/dropdown-menu/dropdown-menu-checkbox.js

@@ -1 +1 @@
-import e from"../menu/menu-checkbox-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenuCheckbox`,__name:`dropdown-menu-checkbox`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};
+import e from"../menu/menu-checkbox-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenuCheckbox`,__name:`dropdown-menu-checkbox`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

package/dist/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts

@@ -1,23 +1,23 @@
 import { MenuCheckboxOptionData } from "../menu/types.js";
 import { DropdownMenuCheckboxProps } from "./types.js";
-import * as vue148 from "vue";
-import * as _soybeanjs_headless98 from "@soybeanjs/headless";
+import * as vue151 from "vue";
+import * as _soybeanjs_headless76 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__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: __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T, S> & {
+  props: vue151.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless98.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless98.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless98.PointerDownOutsideEvent | _soybeanjs_headless98.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless76.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless76.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless76.PointerDownOutsideEvent | _soybeanjs_headless76.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  }> & vue148.PublicProps & (typeof globalThis extends {
+    onEntryFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -29,8 +29,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless98.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless98.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless98.PointerDownOutsideEvent | _soybeanjs_headless98.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue148.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless76.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless76.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless76.PointerDownOutsideEvent | _soybeanjs_headless76.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue151.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/dropdown-menu-radio.js

@@ -1 +1 @@
-import e from"../menu/menu-radio-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenuRadio`,__name:`dropdown-menu-radio`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};
+import e from"../menu/menu-radio-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenuRadio`,__name:`dropdown-menu-radio`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

package/dist/components/dropdown-menu/dropdown-menu-radio.vue.d.ts

@@ -1,23 +1,23 @@
 import { MenuRadioOptionData } from "../menu/types.js";
 import { DropdownMenuRadioProps } from "./types.js";
-import * as vue141 from "vue";
-import * as _soybeanjs_headless82 from "@soybeanjs/headless";
+import * as vue153 from "vue";
+import * as _soybeanjs_headless84 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-radio.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>>(__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: __VLS_PrettifyLocal<DropdownMenuRadioProps<T, S> & {
+  props: vue153.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless82.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless82.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless82.PointerDownOutsideEvent | _soybeanjs_headless82.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless84.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless84.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless84.PointerDownOutsideEvent | _soybeanjs_headless84.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  }> & vue141.PublicProps & (typeof globalThis extends {
+    onEntryFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -29,8 +29,8 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless82.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless82.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless82.PointerDownOutsideEvent | _soybeanjs_headless82.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue141.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless84.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless84.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless84.PointerDownOutsideEvent | _soybeanjs_headless84.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue153.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/dropdown-menu-wrapper.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideMenuExtraThemeContext as t}from"../menu/context.js";import{menuVariants as n}from"../../variants/menu.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{DropdownMenuArrow as v,DropdownMenuContent as y,DropdownMenuPortal as b,DropdownMenuRoot as x,DropdownMenuTrigger as S,provideMenuThemeContext as C}from"@soybeanjs/headless";var w=s({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:w}){let T=s,E=w,D=_(T,[`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`]),O=g(E),k=r(()=>e(n({size:T.size}),T.ui));return C({ui:k}),t({ui:k}),(e,t)=>(d(),i(m(x),l(m(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[f(e.$slots,`trigger`)]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(s.contentProps,p(m(O))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{w as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideMenuExtraThemeContext as t}from"../menu/context.js";import{menuVariants as n}from"../../variants/menu.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{DropdownMenuArrow as v,DropdownMenuContent as y,DropdownMenuPortal as b,DropdownMenuRoot as x,DropdownMenuTrigger as S,provideMenuThemeContext as C}from"@soybeanjs/headless";var w=s({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:w}){let T=s,E=w,D=_(T,[`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),O=g(E),k=r(()=>({...T.contentProps,popupProps:T.popupProps??T.contentProps?.popupProps,sideOffset:T.contentProps?.sideOffset??(T.showArrow?0:8)})),A=r(()=>e(n({size:T.size}),T.ui));return C({ui:A}),t({ui:A}),(e,t)=>(d(),i(m(x),l(m(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[f(e.$slots,`trigger`)]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(k.value,{"popup-props":s.popupProps},p(m(O))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16,[`popup-props`])]),_:3},16)]),_:3},16))}});export{w as default};

package/dist/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts

@@ -1,6 +1,6 @@
 import { DropdownMenuWrapperProps } from "./types.js";
-import * as vue143 from "vue";
-import * as _soybeanjs_headless90 from "@soybeanjs/headless";
+import * as vue155 from "vue";
+import * as _soybeanjs_headless92 from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts
 declare var __VLS_16: {}, __VLS_30: {};
@@ -9,28 +9,28 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_30) => any;
 };
-declare const __VLS_base: vue143.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue143.ComponentOptionsMixin, vue143.ComponentOptionsMixin, {
+declare const __VLS_base: vue155.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue155.ComponentOptionsMixin, vue155.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless90.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless90.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless90.PointerDownOutsideEvent | _soybeanjs_headless90.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless92.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless92.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless92.PointerDownOutsideEvent | _soybeanjs_headless92.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue143.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
+  entryFocus: (event: Event) => any;
+}, string, vue155.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless90.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless90.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless90.PointerDownOutsideEvent | _soybeanjs_headless90.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless92.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless92.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless92.PointerDownOutsideEvent | _soybeanjs_headless92.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue143.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue155.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -1 +1 @@
-import e from"../menu/menu-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenu`,__name:`dropdown-menu`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},itemProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};
+import e from"../menu/menu-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenu`,__name:`dropdown-menu`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},itemProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

package/dist/components/dropdown-menu/dropdown-menu.vue.d.ts

@@ -1,22 +1,22 @@
 import { MenuOptionData } from "../menu/types.js";
 import { DropdownMenuProps } from "./types.js";
-import * as vue139 from "vue";
-import * as _soybeanjs_headless74 from "@soybeanjs/headless";
+import * as vue149 from "vue";
+import * as _soybeanjs_headless68 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>>(__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: __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
+  props: vue149.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless74.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless74.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless74.PointerDownOutsideEvent | _soybeanjs_headless74.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless68.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless68.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless68.PointerDownOutsideEvent | _soybeanjs_headless68.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  }> & vue139.PublicProps & (typeof globalThis extends {
+    onEntryFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -29,8 +29,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trigger': (props: MenuOptionData<T>) => any;
     'item-trigger-icon': (props: MenuOptionData<T>) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless74.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless74.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless74.PointerDownOutsideEvent | _soybeanjs_headless74.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue139.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless68.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless68.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless68.PointerDownOutsideEvent | _soybeanjs_headless68.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue149.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/index.d.ts

@@ -3,5 +3,5 @@ import { _default } from "./dropdown-menu.vue.js";
 import { _default as _default$1 } from "./dropdown-menu-checkbox.vue.js";
 import { _default as _default$2 } from "./dropdown-menu-radio.vue.js";
 import { _default as _default$3 } from "./dropdown-menu-wrapper.vue.js";
-import { DropdownMenuAnchorProps, DropdownMenuArrowProps, DropdownMenuCheckboxGroupEmits, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuGroupLabelProps, DropdownMenuGroupProps, DropdownMenuItemEmits, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuPortalProps, DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps, DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentEmits, DropdownMenuSubContentProps, DropdownMenuSubEmits, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, DropdownMenuTriggerType } from "@soybeanjs/headless/dropdown-menu";
-export { type DropdownMenuAnchorProps, type DropdownMenuArrowProps, type DropdownMenuCheckboxGroupEmits, type DropdownMenuCheckboxGroupProps, type DropdownMenuCheckboxItemEmits, type DropdownMenuCheckboxItemProps, type DropdownMenuContentEmits, type DropdownMenuContentProps, type DropdownMenuGroupLabelProps, type DropdownMenuGroupProps, type DropdownMenuItemEmits, type DropdownMenuItemIndicatorProps, type DropdownMenuItemProps, type DropdownMenuPortalProps, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemEmits, type DropdownMenuRadioItemProps, type DropdownMenuRootEmits, type DropdownMenuRootProps, type DropdownMenuSeparatorProps, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps, type DropdownMenuSubEmits, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerProps, type DropdownMenuTriggerType };
+import { DropdownMenuAnchorProps, DropdownMenuArrowProps, DropdownMenuCheckboxGroupEmits, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuGroupLabelProps, DropdownMenuGroupProps, DropdownMenuItemEmits, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps, DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentEmits, DropdownMenuSubContentProps, DropdownMenuSubEmits, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, DropdownMenuTriggerType } from "@soybeanjs/headless/dropdown-menu";
+export { type DropdownMenuAnchorProps, type DropdownMenuArrowProps, type DropdownMenuCheckboxGroupEmits, type DropdownMenuCheckboxGroupProps, type DropdownMenuCheckboxItemEmits, type DropdownMenuCheckboxItemProps, type DropdownMenuContentEmits, type DropdownMenuContentProps, type DropdownMenuGroupLabelProps, type DropdownMenuGroupProps, type DropdownMenuItemEmits, type DropdownMenuItemIndicatorProps, type DropdownMenuItemProps, type DropdownMenuPopupProps, type DropdownMenuPortalProps, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemEmits, type DropdownMenuRadioItemProps, type DropdownMenuRootEmits, type DropdownMenuRootProps, type DropdownMenuSeparatorProps, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps, type DropdownMenuSubEmits, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerProps, type DropdownMenuTriggerType };

package/dist/components/dropdown-menu/types.d.ts

@@ -1,7 +1,7 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuExtendedUi, MenuOptionData, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps } from "../menu/types.js";
-import { AcceptableBooleanValue, DefinedValue, DropdownMenuArrowProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuPortalProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps } from "@soybeanjs/headless";
+import { AcceptableBooleanValue, DefinedValue, DropdownMenuArrowProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/types.d.ts
 interface DropdownMenuWrapperProps extends DropdownMenuRootProps {
@@ -12,6 +12,7 @@ interface DropdownMenuWrapperProps extends DropdownMenuRootProps {
   triggerProps?: DropdownMenuTriggerProps;
   portalProps?: DropdownMenuPortalProps;
   contentProps?: DropdownMenuContentProps;
+  popupProps?: DropdownMenuPopupProps;
   arrowProps?: DropdownMenuArrowProps;
 }
 type DropdownMenuWrapperEmits = DropdownMenuRootEmits & DropdownMenuContentEmits;

package/dist/components/form/form-field-array.vue.d.ts

@@ -1,5 +1,5 @@
 import { FormFieldArrayProps } from "./types.js";
-import * as vue160 from "vue";
+import * as vue65 from "vue";
 import * as _soybeanjs_headless_forms0 from "@soybeanjs/headless/forms";
 
 //#region src/components/form/form-field-array.vue.d.ts
@@ -59,7 +59,7 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_24) => any;
 };
-declare const __VLS_base: vue160.DefineComponent<FormFieldArrayProps, {}, {}, {}, {}, vue160.ComponentOptionsMixin, vue160.ComponentOptionsMixin, {}, string, vue160.PublicProps, Readonly<FormFieldArrayProps> & Readonly<{}>, {}, {}, {}, {}, string, vue160.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue65.DefineComponent<FormFieldArrayProps, {}, {}, {}, {}, vue65.ComponentOptionsMixin, vue65.ComponentOptionsMixin, {}, string, vue65.PublicProps, Readonly<FormFieldArrayProps> & Readonly<{}>, {}, {}, {}, {}, string, vue65.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/form/form-field.vue.d.ts

@@ -1,5 +1,5 @@
 import { FormFieldProps } from "./types.js";
-import * as vue150 from "vue";
+import * as vue60 from "vue";
 import * as _soybeanjs_headless_forms0 from "@soybeanjs/headless/forms";
 
 //#region src/components/form/form-field.vue.d.ts
@@ -15,7 +15,7 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_35) => any;
 };
-declare const __VLS_base: vue150.DefineComponent<FormFieldProps, {}, {}, {}, {}, vue150.ComponentOptionsMixin, vue150.ComponentOptionsMixin, {}, string, vue150.PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, vue150.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue60.DefineComponent<FormFieldProps, {}, {}, {}, {}, vue60.ComponentOptionsMixin, vue60.ComponentOptionsMixin, {}, string, vue60.PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, vue60.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/form/form.vue.d.ts

@@ -1,12 +1,12 @@
 import { FormProps } from "./types.js";
-import * as vue155 from "vue";
+import * as vue55 from "vue";
 
 //#region src/components/form/form.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue155.DefineComponent<FormProps, {}, {}, {}, {}, vue155.ComponentOptionsMixin, vue155.ComponentOptionsMixin, {}, string, vue155.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, vue155.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue55.DefineComponent<FormProps, {}, {}, {}, {}, vue55.ComponentOptionsMixin, vue55.ComponentOptionsMixin, {}, string, vue55.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, vue55.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/icon/icon.vue.d.ts

@@ -1,12 +1,12 @@
 import { IconProps as IconProps$1 } from "./types.js";
-import * as vue165 from "vue";
+import * as vue160 from "vue";
 import * as _iconify_vue0 from "@iconify/vue";
 
 //#region src/components/icon/icon.vue.d.ts
-declare const __VLS_export: vue165.DefineComponent<IconProps$1, {}, {}, {}, {}, vue165.ComponentOptionsMixin, vue165.ComponentOptionsMixin, {}, string, vue165.PublicProps, Readonly<IconProps$1> & Readonly<{}>, {
-  height: _iconify_vue0.IconifyIconSize;
+declare const __VLS_export: vue160.DefineComponent<IconProps$1, {}, {}, {}, {}, vue160.ComponentOptionsMixin, vue160.ComponentOptionsMixin, {}, string, vue160.PublicProps, Readonly<IconProps$1> & Readonly<{}>, {
   width: _iconify_vue0.IconifyIconSize;
-}, {}, {}, {}, string, vue165.ComponentProvideOptions, false, {}, any>;
+  height: _iconify_vue0.IconifyIconSize;
+}, {}, {}, {}, string, vue160.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

package/dist/components/input/input.vue.d.ts

@@ -1,18 +1,18 @@
 import { InputProps } from "./types.js";
-import * as vue170 from "vue";
+import * as vue50 from "vue";
 
 //#region src/components/input/input.vue.d.ts
-declare var __VLS_10: {}, __VLS_25: {};
+declare var __VLS_10: {}, __VLS_24: {};
 type __VLS_Slots = {} & {
   leading?: (props: typeof __VLS_10) => any;
 } & {
-  trailing?: (props: typeof __VLS_25) => any;
+  trailing?: (props: typeof __VLS_24) => any;
 };
-declare const __VLS_base: vue170.DefineComponent<InputProps, {}, {}, {}, {}, vue170.ComponentOptionsMixin, vue170.ComponentOptionsMixin, {
+declare const __VLS_base: vue50.DefineComponent<InputProps, {}, {}, {}, {}, vue50.ComponentOptionsMixin, vue50.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue170.PublicProps, Readonly<InputProps> & Readonly<{
+}, string, vue50.PublicProps, Readonly<InputProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue170.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue50.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/label/label.vue.d.ts

@@ -1,12 +1,12 @@
 import { LabelProps } from "./types.js";
-import * as vue180 from "vue";
+import * as vue190 from "vue";
 
 //#region src/components/label/label.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue180.DefineComponent<LabelProps, {}, {}, {}, {}, vue180.ComponentOptionsMixin, vue180.ComponentOptionsMixin, {}, string, vue180.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue180.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue190.DefineComponent<LabelProps, {}, {}, {}, {}, vue190.ComponentOptionsMixin, vue190.ComponentOptionsMixin, {}, string, vue190.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue190.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/layout/layout-trigger.vue.d.ts

@@ -1,4 +1,4 @@
-import * as vue190 from "vue";
+import * as vue200 from "vue";
 import { LayoutTriggerProps } from "@soybeanjs/headless";
 
 //#region src/components/layout/layout-trigger.vue.d.ts
@@ -6,7 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue190.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue190.ComponentOptionsMixin, vue190.ComponentOptionsMixin, {}, string, vue190.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue190.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue200.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue200.ComponentOptionsMixin, vue200.ComponentOptionsMixin, {}, string, vue200.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue200.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/layout/layout.vue.d.ts

@@ -1,29 +1,29 @@
 import { LayoutProps } from "./types.js";
-import * as vue185 from "vue";
+import * as vue195 from "vue";
 
 //#region src/components/layout/layout.vue.d.ts
 declare var __VLS_16: {
     open: boolean | undefined;
     collapsedSidebarWidth: number;
-  }, __VLS_36: {}, __VLS_44: {}, __VLS_46: {}, __VLS_54: {};
+  }, __VLS_35: {}, __VLS_43: {}, __VLS_45: {}, __VLS_53: {};
 type __VLS_Slots = {} & {
   sidebar?: (props: typeof __VLS_16) => any;
 } & {
-  header?: (props: typeof __VLS_36) => any;
+  header?: (props: typeof __VLS_35) => any;
 } & {
-  tab?: (props: typeof __VLS_44) => any;
+  tab?: (props: typeof __VLS_43) => any;
 } & {
-  default?: (props: typeof __VLS_46) => any;
+  default?: (props: typeof __VLS_45) => any;
 } & {
-  footer?: (props: typeof __VLS_54) => any;
+  footer?: (props: typeof __VLS_53) => any;
 };
-declare const __VLS_base: vue185.DefineComponent<LayoutProps, {}, {}, {}, {}, vue185.ComponentOptionsMixin, vue185.ComponentOptionsMixin, {
+declare const __VLS_base: vue195.DefineComponent<LayoutProps, {}, {}, {}, {}, vue195.ComponentOptionsMixin, vue195.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue185.PublicProps, Readonly<LayoutProps> & Readonly<{
+}, string, vue195.PublicProps, Readonly<LayoutProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue185.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue195.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/link/link.vue.d.ts

@@ -1,5 +1,5 @@
 import { LinkProps } from "./types.js";
-import * as vue195 from "vue";
+import * as vue75 from "vue";
 
 //#region src/components/link/link.vue.d.ts
 declare var __VLS_8: {
@@ -8,15 +8,15 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue195.DefineComponent<LinkProps, {}, {}, {}, {}, vue195.ComponentOptionsMixin, vue195.ComponentOptionsMixin, {}, string, vue195.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-  disabled: boolean;
-  replace: boolean;
+declare const __VLS_base: vue75.DefineComponent<LinkProps, {}, {}, {}, {}, vue75.ComponentOptionsMixin, vue75.ComponentOptionsMixin, {}, string, vue75.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   viewTransition: boolean;
+  replace: boolean;
+  disabled: boolean;
   external: boolean;
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue195.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue75.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/list/list-item.vue.d.ts

@@ -1,5 +1,5 @@
 import { ListItemProps } from "./types.js";
-import * as vue205 from "vue";
+import * as vue185 from "vue";
 
 //#region src/components/list/list-item.vue.d.ts
 declare var __VLS_8: {}, __VLS_22: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {};
@@ -14,7 +14,7 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_34) => any;
 };
-declare const __VLS_base: vue205.DefineComponent<ListItemProps, {}, {}, {}, {}, vue205.ComponentOptionsMixin, vue205.ComponentOptionsMixin, {}, string, vue205.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue205.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue185.DefineComponent<ListItemProps, {}, {}, {}, {}, vue185.ComponentOptionsMixin, vue185.ComponentOptionsMixin, {}, string, vue185.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue185.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/list/list.vue.d.ts

@@ -1,12 +1,12 @@
 import { ListProps } from "./types.js";
-import * as vue200 from "vue";
+import * as vue180 from "vue";
 
 //#region src/components/list/list.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue200.DefineComponent<ListProps, {}, {}, {}, {}, vue200.ComponentOptionsMixin, vue200.ComponentOptionsMixin, {}, string, vue200.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue200.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue180.DefineComponent<ListProps, {}, {}, {}, {}, vue180.ComponentOptionsMixin, vue180.ComponentOptionsMixin, {}, string, vue180.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue180.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {