@soybeanjs/ui 0.2.7 → 0.3.0

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

@@ -1,12 +1,12 @@
 import { LabelProps } from "./types.js";
-import * as vue136 from "vue";
+import * as vue223 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: vue136.DefineComponent<LabelProps, {}, {}, {}, {}, vue136.ComponentOptionsMixin, vue136.ComponentOptionsMixin, {}, string, vue136.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue136.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue223.DefineComponent<LabelProps, {}, {}, {}, {}, vue223.ComponentOptionsMixin, vue223.ComponentOptionsMixin, {}, string, vue223.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue223.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 vue254 from "vue";
+import * as vue140 from "vue";
 import { LayoutTriggerProps } from "@soybeanjs/headless";
 
 //#region src/components/layout/layout-trigger.vue.d.ts
@@ -8,7 +8,7 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue254.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue254.ComponentOptionsMixin, vue254.ComponentOptionsMixin, {}, string, vue254.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue254.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue140.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue140.ComponentOptionsMixin, vue140.ComponentOptionsMixin, {}, string, vue140.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue140.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,7 +1,7 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { LayoutProps } from "./types.js";
-import * as vue249 from "vue";
+import * as vue135 from "vue";
 
 //#region src/components/layout/layout.vue.d.ts
 declare var __VLS_16: {
@@ -19,14 +19,14 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_53) => any;
 };
-declare const __VLS_base: vue249.DefineComponent<LayoutProps, {}, {}, {}, {}, vue249.ComponentOptionsMixin, vue249.ComponentOptionsMixin, {
+declare const __VLS_base: vue135.DefineComponent<LayoutProps, {}, {}, {}, {}, vue135.ComponentOptionsMixin, vue135.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue249.PublicProps, Readonly<LayoutProps> & Readonly<{
+}, string, vue135.PublicProps, Readonly<LayoutProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   size: ThemeSize;
   open: boolean;
-}, {}, {}, {}, string, vue249.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue135.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 vue259 from "vue";
+import * as vue171 from "vue";
 
 //#region src/components/link/link.vue.d.ts
 declare var __VLS_8: {
@@ -10,7 +10,7 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue259.DefineComponent<LinkProps, {}, {}, {}, {}, vue259.ComponentOptionsMixin, vue259.ComponentOptionsMixin, {}, string, vue259.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_base: vue171.DefineComponent<LinkProps, {}, {}, {}, {}, vue171.ComponentOptionsMixin, vue171.ComponentOptionsMixin, {}, string, vue171.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
   replace: boolean;
   viewTransition: boolean;
@@ -18,7 +18,7 @@ declare const __VLS_base: vue259.DefineComponent<LinkProps, {}, {}, {}, {}, vue2
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue259.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue171.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 vue146 from "vue";
+import * as vue199 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: vue146.DefineComponent<ListItemProps, {}, {}, {}, {}, vue146.ComponentOptionsMixin, vue146.ComponentOptionsMixin, {}, string, vue146.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue146.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue199.DefineComponent<ListItemProps, {}, {}, {}, {}, vue199.ComponentOptionsMixin, vue199.ComponentOptionsMixin, {}, string, vue199.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue199.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 vue141 from "vue";
+import * as vue194 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: vue141.DefineComponent<ListProps, {}, {}, {}, {}, vue141.ComponentOptionsMixin, vue141.ComponentOptionsMixin, {}, string, vue141.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue141.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue194.DefineComponent<ListProps, {}, {}, {}, {}, vue194.ComponentOptionsMixin, vue194.ComponentOptionsMixin, {}, string, vue194.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue194.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/menu/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`MenuExtraUi`);export{t as provideMenuExtraUi,n as useMenuExtraUi};
+import{useContext as e,useUiContext as t}from"@soybeanjs/headless/composables";const[n,r]=e(`MenuOptionsContext`,e=>e),[i,a]=t(`MenuExtraUi`);export{i as provideMenuExtraUi,n as provideMenuOptionsContext,a as useMenuExtraUi,r as useMenuOptionsContext};

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

@@ -1,4 +1,4 @@
-import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuShortcutProps } from "./types.js";
+import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsContextParams, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuShortcutProps } from "./types.js";
 import { _default } from "./menu-option.vue.js";
 import { _default as _default$1 } from "./menu-options.vue.js";
 import { _default as _default$2 } from "./menu-checkbox-options.vue.js";

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

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"../kbd/kbd.js";import n from"./menu-item-slot.js";import{useCommonSlotKeys as r}from"./shared.js";import{useMenuExtraUi as i}from"./context.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuCheckboxGroup as b,MenuCheckboxItem as x,MenuGroupLabel as S,MenuItemIndicator as C,MenuSeparator as w}from"@soybeanjs/headless";var T=d({name:`SMenuCheckboxOptions`,__name:`menu-checkbox-options`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=r(_()),k=y(E,[`items`,`checkboxItemProps`,`groupLabelProps`,`indicatorProps`]),A=i(`shortcut`);return(r,i)=>(p(),o(g(b),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(S),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(n,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(r.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(x),f({key:1,ref_for:!0},d.checkboxItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(n,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(C),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(r.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`lucide:check`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A)}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(r.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};
+import e from"../icon/icon.js";import t from"../kbd/kbd.js";import{useMenuExtraUi as n}from"./context.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuCheckboxGroup as b,MenuCheckboxItem as x,MenuGroupLabel as S,MenuItemIndicator as C,MenuSeparator as w}from"@soybeanjs/headless";var T=d({name:`SMenuCheckboxOptions`,__name:`menu-checkbox-options`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=i(_()),k=y(E,[`items`,`checkboxItemProps`,`groupLabelProps`,`indicatorProps`]),A=n(`shortcut`);return(n,i)=>(p(),o(g(b),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(S),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(x),f({key:1,ref_for:!0},d.checkboxItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(C),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(n.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`lucide:check`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A)}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

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

@@ -1,10 +1,10 @@
 import { MenuCheckboxOptionData, MenuCheckboxOptionsProps } from "./types.js";
-import * as vue268 from "vue";
+import * as vue232 from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-checkbox-options.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: vue268.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
+  props: vue232.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-indicator-icon': (props: S) => any;
   };
   emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void);
-}>) => vue268.VNode & {
+}>) => vue232.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"../link/link.js";import n from"../kbd/kbd.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{useMenuExtraUi as a}from"./context.js";import{Fragment as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,resolveComponent as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,useOmitProps as E}from"@soybeanjs/headless/composables";import{MenuGroup as D,MenuGroupLabel as O,MenuItem as k,MenuPortal as A,MenuSeparator as j,MenuSub as M,MenuSubContent as N,MenuSubTrigger as P}from"@soybeanjs/headless";var F=f({name:`SMenuOption`,inheritAttrs:!1,__name:`menu-option`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(f,{emit:F}){let I=f,L=F,R=C(),z=E(I,[`item`]),B=T(L),V=i(R),H=a();return(i,a)=>{let C=b(`SMenuOption`);return _(),l(o,null,[f.item.isGroupLabel?(_(),s(S(O),g(m({key:0},f.groupLabelProps)),{default:w(()=>[d(r,{icon:f.item.icon,label:f.item.label},u({_:2},[v(S(V),e=>({name:e,fn:w(()=>[y(i.$slots,e,{item:f.item})])}))]),1032,[`icon`,`label`])]),_:3},16)):f.item.to||f.item.href?(_(),s(S(k),m({key:1},f.itemProps,{"as-child":``,disabled:f.item.disabled,"text-value":f.item.textValue,onSelect:a[0]||=e=>L(`select`,f.item,e)}),{default:w(()=>[d(t,m(f.linkProps,{disabled:f.item.disabled,to:f.item.to,href:f.item.href,target:f.item.target,external:f.item.external}),{default:w(({isHref:t})=>[d(r,{icon:f.item.icon,label:f.item.label},u({_:2},[v(S(V),e=>({name:e,fn:w(()=>[y(i.$slots,e,{item:f.item})])})),t?{name:`link-icon`,fn:w(()=>[y(i.$slots,`item-link-icon`,{item:f.item},()=>[d(e,{icon:`lucide:arrow-up-right`,class:h(S(H).itemLinkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`to`,`href`,`target`,`external`])]),_:3},16,[`disabled`,`text-value`])):f.item.children?.length?(_(),s(S(M),m({key:3},f.subProps,{"onUpdate:open":a[2]||=e=>L(`update:open`,e)}),{default:w(()=>[d(S(P),m(f.subTriggerProps,{disabled:f.item.disabled,"text-value":f.item.textValue}),{default:w(()=>[d(r,{icon:f.item.icon,label:f.item.label},u({"trigger-icon":w(()=>[y(i.$slots,`item-trigger-icon`,{item:f.item},()=>[d(e,{icon:`lucide:chevron-right`,class:h(S(H).subTriggerIcon)},null,8,[`class`])])]),_:2},[v(S(V),e=>({name:e,fn:w(()=>[y(i.$slots,e,{item:f.item,isTrigger:!0})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`]),f.item.separator?(_(),s(S(j),g(m({key:0},f.separatorProps)),null,16)):c(`v-if`,!0),d(S(A),g(p(f.portalProps)),{default:w(()=>[d(S(N),m(f.subContentProps,x(S(B))),{default:w(()=>[d(S(D),g(p(f.groupProps)),{default:w(()=>[(_(!0),l(o,null,v(f.item.children,e=>(_(),s(C,m({key:e.value},{ref_for:!0},S(z),{item:e},x(S(B))),null,16,[`item`]))),128))]),_:1},16)]),_:1},16)]),_:1},16)]),_:3},16)):(_(),s(S(k),m({key:2},f.itemProps,{disabled:f.item.disabled,"text-value":f.item.textValue,onSelect:a[1]||=e=>L(`select`,f.item,e)}),{default:w(()=>[d(r,{icon:f.item.icon,label:f.item.label},u({shortcut:w(()=>[f.item.shortcut?(_(),s(n,m({key:0},f.shortcutProps,{value:f.item.shortcut,class:S(H).shortcut}),null,16,[`value`,`class`])):c(`v-if`,!0)]),_:2},[v(S(V),e=>({name:e,fn:w(()=>[y(i.$slots,e,{item:f.item})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`])),f.item.separator&&!f.item.children?(_(),s(S(j),g(m({key:4},f.separatorProps)),null,16)):c(`v-if`,!0)],64)}}});export{F as default};
+import e from"../icon/icon.js";import t from"../link/link.js";import n from"../kbd/kbd.js";import{useMenuExtraUi as r,useMenuOptionsContext as i}from"./context.js";import a from"./menu-item-slot.js";import{useCommonSlotKeys as o}from"./shared.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,resolveComponent as S,toHandlers as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useForwardListeners as D,useOmitProps as O}from"@soybeanjs/headless/composables";import{MenuGroup as k,MenuGroupLabel as A,MenuItem as j,MenuPortal as M,MenuSeparator as N,MenuSub as P,MenuSubContent as F,MenuSubTrigger as I}from"@soybeanjs/headless";var L=m({name:`SMenuOption`,inheritAttrs:!1,__name:`menu-option`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(m,{emit:L}){let R=m,z=L,B=T(),V=O(R,[`item`]),H=D(z),U=o(B),W=r(),{activeValue:G,activePaths:K}=i(`MenuOption`),q=c(()=>G.value===R.item.value),J=c(()=>K.value.includes(R.item.value));return(r,i)=>{let o=S(`SMenuOption`);return y(),d(s,null,[m.item.isGroupLabel?(y(),l(w(A),v(g({key:0},m.groupLabelProps)),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])}))]),1032,[`icon`,`label`])]),_:3},16)):m.item.to||m.item.href?(y(),l(w(j),g({key:1},m.itemProps,{"as-child":``,disabled:m.item.disabled,"text-value":m.item.textValue,"data-active":q.value,onSelect:i[0]||=e=>z(`select`,m.item,e)}),{default:E(()=>[p(t,g(m.linkProps,{disabled:m.item.disabled,to:m.item.to,href:m.item.href,target:m.item.target,external:m.item.external}),{default:E(({isHref:t})=>[p(a,{icon:m.item.icon,label:m.item.label},f({_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])})),t?{name:`link-icon`,fn:E(()=>[x(r.$slots,`item-link-icon`,{item:m.item},()=>[p(e,{icon:`lucide:arrow-up-right`,class:_(w(W).itemLinkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`to`,`href`,`target`,`external`])]),_:3},16,[`disabled`,`text-value`,`data-active`])):m.item.children?.length?(y(),l(w(P),g({key:3},m.subProps,{"onUpdate:open":i[2]||=e=>z(`update:open`,e)}),{default:E(()=>[p(w(I),g(m.subTriggerProps,{disabled:m.item.disabled,"text-value":m.item.textValue,"data-child-active":J.value?``:void 0}),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({"trigger-icon":E(()=>[x(r.$slots,`item-trigger-icon`,{item:m.item},()=>[p(e,{icon:`lucide:chevron-right`,class:_(w(W).subTriggerIcon)},null,8,[`class`])])]),_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item,isTrigger:!0})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-child-active`]),m.item.separator?(y(),l(w(N),v(g({key:0},m.separatorProps)),null,16)):u(`v-if`,!0),p(w(M),v(h(m.portalProps)),{default:E(()=>[p(w(F),g(m.subContentProps,C(w(H))),{default:E(()=>[p(w(k),v(h(m.groupProps)),{default:E(()=>[(y(!0),d(s,null,b(m.item.children,e=>(y(),l(o,g({key:e.value},{ref_for:!0},w(V),{item:e},C(w(H))),null,16,[`item`]))),128))]),_:1},16)]),_:1},16)]),_:1},16)]),_:3},16)):(y(),l(w(j),g({key:2},m.itemProps,{disabled:m.item.disabled,"text-value":m.item.textValue,"data-active":q.value,onSelect:i[1]||=e=>z(`select`,m.item,e)}),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({shortcut:E(()=>[m.item.shortcut?(y(),l(n,g({key:0},m.shortcutProps,{value:m.item.shortcut,class:w(W).shortcut}),null,16,[`value`,`class`])):u(`v-if`,!0)]),_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-active`])),m.item.separator&&!m.item.children?(y(),l(w(N),v(g({key:4},m.separatorProps)),null,16)):u(`v-if`,!0)],64)}}});export{L as default};

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

@@ -1,17 +1,17 @@
 import { MenuOptionData, MenuOptionProps } from "./types.js";
-import * as vue264 from "vue";
-import * as _soybeanjs_headless155 from "@soybeanjs/headless";
+import * as vue228 from "vue";
+import * as _soybeanjs_headless147 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-option.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__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: vue264.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
+  props: vue228.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless155.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless155.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless155.PointerDownOutsideEvent | _soybeanjs_headless155.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless147.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless147.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless147.PointerDownOutsideEvent | _soybeanjs_headless147.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -38,8 +38,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
       item: MenuOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless155.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless155.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless155.PointerDownOutsideEvent | _soybeanjs_headless155.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue264.VNode & {
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless147.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless147.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless147.PointerDownOutsideEvent | _soybeanjs_headless147.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue228.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import e from"./menu-option.js";import{Fragment as t,computed as n,createBlock as r,createElementBlock as i,createSlots 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}from"@soybeanjs/headless/composables";import{MenuGroup as y}from"@soybeanjs/headless";var b=o({name:`SMenuOptions`,inheritAttrs:!1,__name:`menu-options`,props:{items:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},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=n(()=>Object.keys(C)),T=v(x,[`items`]),E=_(S);return(n,h)=>(u(),r(m(y),l(s(o.groupProps)),{default:g(()=>[(u(!0),i(t,null,d(o.items,t=>(u(),r(e,c({key:t.value},{ref_for:!0},m(T),{item:t},p(m(E))),a({_:2},[d(w.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,c({ref_for:!0},t))])}))]),1040,[`item`]))),128))]),_:3},16))}});export{b as default};
+import{provideMenuOptionsContext as e}from"./context.js";import t from"./menu-option.js";import{Fragment as n,computed as r,createBlock as i,createElementBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroup as b}from"@soybeanjs/headless";import{getTreePaths as x,transformPropsToContext as S}from"@soybeanjs/headless/shared";var C=s({name:`SMenuOptions`,inheritAttrs:!1,__name:`menu-options`,props:{items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=r(()=>Object.keys(E)),O=y(w,[`items`]),k=v(T),A=r(()=>w.activeValue===void 0?[]:x(w.activeValue,w.items));return e({...S(w,[`activeValue`]),activePaths:A}),(e,r)=>(d(),i(h(b),u(c(s.groupProps)),{default:_(()=>[(d(!0),a(n,null,f(s.items,n=>(d(),i(t,l({key:n.value},{ref_for:!0},h(O),{item:n},m(h(k))),o({_:2},[f(D.value,t=>({name:t,fn:_(n=>[p(e.$slots,t,l({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16))}});export{C as default};

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

@@ -1,17 +1,17 @@
 import { MenuOptionData, MenuOptionsProps } from "./types.js";
-import * as vue266 from "vue";
-import * as _soybeanjs_headless163 from "@soybeanjs/headless";
+import * as vue230 from "vue";
+import * as _soybeanjs_headless155 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-options.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: vue266.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
+  props: vue230.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless163.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless163.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless163.PointerDownOutsideEvent | _soybeanjs_headless163.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless155.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless155.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless155.PointerDownOutsideEvent | _soybeanjs_headless155.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -38,8 +38,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
       item: MenuOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless163.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless163.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless163.PointerDownOutsideEvent | _soybeanjs_headless163.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue266.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless155.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless155.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless155.PointerDownOutsideEvent | _soybeanjs_headless155.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue230.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"../kbd/kbd.js";import n from"./menu-item-slot.js";import{useCommonSlotKeys as r}from"./shared.js";import{useMenuExtraUi as i}from"./context.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroupLabel as b,MenuItemIndicator as x,MenuRadioGroup as S,MenuRadioItem as C,MenuSeparator as w}from"@soybeanjs/headless";var T=d({name:`SMenuRadio`,__name:`menu-radio-options`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=r(_()),k=y(E,[`items`,`radioItemProps`,`groupLabelProps`,`indicatorProps`]),A=i();return(r,i)=>(p(),o(g(S),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(b),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(n,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(r.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(C),f({key:1,ref_for:!0},d.radioItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(n,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(x),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(r.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A).shortcut}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(r.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};
+import e from"../icon/icon.js";import t from"../kbd/kbd.js";import{useMenuExtraUi as n}from"./context.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroupLabel as b,MenuItemIndicator as x,MenuRadioGroup as S,MenuRadioItem as C,MenuSeparator as w}from"@soybeanjs/headless";var T=d({name:`SMenuRadio`,__name:`menu-radio-options`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=i(_()),k=y(E,[`items`,`radioItemProps`,`groupLabelProps`,`indicatorProps`]),A=n();return(n,i)=>(p(),o(g(S),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(b),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(C),f({key:1,ref_for:!0},d.radioItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(x),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(n.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A).shortcut}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

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

@@ -1,10 +1,10 @@
 import { MenuRadioOptionData, MenuRadioOptionsProps } from "./types.js";
-import * as vue270 from "vue";
+import * as vue234 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-radio-options.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: vue270.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
+  props: vue234.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-indicator-icon': (props: S) => any;
   };
   emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void);
-}>) => vue270.VNode & {
+}>) => vue234.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,7 @@
 import { IconValue } from "../icon/types.js";
 import { LinkProps as LinkProps$1 } from "../link/types.js";
 import { KbdProps as KbdProps$1 } from "../kbd/types.js";
+import { ComputedRef } from "vue";
 import { AcceptableBooleanValue, DefinedValue, KbdValue, LinkBaseProps, MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemIndicatorProps, MenuItemProps, MenuPortalProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemProps, MenuSeparatorProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuUi, UiClass } from "@soybeanjs/headless";
 
 //#region src/components/menu/types.d.ts
@@ -51,6 +52,10 @@ type MenuOptionSelectEmits<T extends MenuOptionData = MenuOptionData> = {
 type MenuOptionEmits<T extends MenuOptionData = MenuOptionData> = MenuSubEmits & MenuSubContentEmits & MenuOptionSelectEmits<T>;
 interface MenuOptionsProps<T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>> extends Omit<MenuOptionProps<T>, 'item'> {
   items: S[];
+  /**
+   * The active value of the menu.
+   */
+  activeValue?: DefinedValue;
 }
 type MenuOptionsEmits<T extends MenuOptionData = MenuOptionData> = MenuOptionEmits<T>;
 interface MenuCheckboxOptionData<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionData<T>, 'linkProps' | 'children'> {}
@@ -79,5 +84,9 @@ type MenuRadioSelectEmits<T extends MenuRadioOptionData = MenuRadioOptionData> =
   select: [item: T, event: Event];
 };
 type MenuRadioOptionsEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> = MenuRadioGroupEmits<T> & MenuRadioSelectEmits<S>;
+interface MenuOptionsContextParams {
+  activeValue: ComputedRef<DefinedValue | undefined>;
+  activePaths: ComputedRef<DefinedValue[]>;
+}
 //#endregion
-export { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuShortcutProps };
+export { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsContextParams, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuShortcutProps };

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

@@ -1,6 +1,6 @@
 import { NavigationMenuOptionData, NavigationMenuProps } from "./types.js";
-import * as vue272 from "vue";
-import * as _soybeanjs_headless171 from "@soybeanjs/headless";
+import * as vue145 from "vue";
+import * as _soybeanjs_headless66 from "@soybeanjs/headless";
 
 //#region src/components/navigation-menu/navigation-menu.vue.d.ts
 type Slots = {
@@ -25,25 +25,25 @@ type Slots = {
   }) => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue272.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue272.ComponentOptionsMixin, vue272.ComponentOptionsMixin, {
+declare const __VLS_base: vue145.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue145.ComponentOptionsMixin, vue145.ComponentOptionsMixin, {
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
   "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless171.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless171.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless171.PointerDownOutsideEvent | _soybeanjs_headless171.FocusOutsideEvent) => any;
-}, string, vue272.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless66.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless66.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless66.PointerDownOutsideEvent | _soybeanjs_headless66.FocusOutsideEvent) => any;
+}, string, vue145.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
   onSelect?: ((payload: CustomEvent<{
     originalEvent: Event;
   }>) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless171.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless171.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless171.PointerDownOutsideEvent | _soybeanjs_headless171.FocusOutsideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue272.ComponentProvideOptions, false, {}, any>;
+  onPointerDownOutside?: ((event: _soybeanjs_headless66.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless66.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless66.PointerDownOutsideEvent | _soybeanjs_headless66.FocusOutsideEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue145.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/number-input/number-input.vue.d.ts

@@ -1,5 +1,5 @@
 import { NumberInputProps } from "./types.js";
-import * as vue277 from "vue";
+import * as vue244 from "vue";
 
 //#region src/components/number-input/number-input.vue.d.ts
 declare var __VLS_10: {}, __VLS_24: {}, __VLS_32: {}, __VLS_45: {};
@@ -12,11 +12,11 @@ type __VLS_Slots = {} & {
 } & {
   increment?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: vue277.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue277.ComponentOptionsMixin, vue277.ComponentOptionsMixin, {
+declare const __VLS_base: vue244.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue244.ComponentOptionsMixin, vue244.ComponentOptionsMixin, {
   "update:modelValue": (val: number) => any;
-}, string, vue277.PublicProps, Readonly<NumberInputProps> & Readonly<{
+}, string, vue244.PublicProps, Readonly<NumberInputProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue277.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue244.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/pagination/pagination.vue.d.ts

@@ -1,5 +1,5 @@
 import { PaginationProps } from "./types.js";
-import * as vue282 from "vue";
+import * as vue253 from "vue";
 
 //#region src/components/pagination/pagination.vue.d.ts
 declare var __VLS_22: {}, __VLS_35: {}, __VLS_53: {}, __VLS_66: {}, __VLS_79: {};
@@ -14,13 +14,13 @@ type __VLS_Slots = {} & {
 } & {
   last?: (props: typeof __VLS_79) => any;
 };
-declare const __VLS_base: vue282.DefineComponent<PaginationProps, {}, {}, {}, {}, vue282.ComponentOptionsMixin, vue282.ComponentOptionsMixin, {
+declare const __VLS_base: vue253.DefineComponent<PaginationProps, {}, {}, {}, {}, vue253.ComponentOptionsMixin, vue253.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
-}, string, vue282.PublicProps, Readonly<PaginationProps> & Readonly<{
+}, string, vue253.PublicProps, Readonly<PaginationProps> & Readonly<{
   "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
   showFirstOrLast: boolean;
-}, {}, {}, {}, string, vue282.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue253.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/password/password.vue.d.ts

@@ -1,5 +1,5 @@
 import { PasswordProps } from "./types.js";
-import * as vue156 from "vue";
+import * as vue263 from "vue";
 
 //#region src/components/password/password.vue.d.ts
 declare var __VLS_10: {}, __VLS_24: {}, __VLS_26: {
@@ -13,15 +13,15 @@ type __VLS_Slots = {} & {
 } & {
   visible?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: vue156.DefineComponent<PasswordProps, {}, {}, {}, {}, vue156.ComponentOptionsMixin, vue156.ComponentOptionsMixin, {
+declare const __VLS_base: vue263.DefineComponent<PasswordProps, {}, {}, {}, {}, vue263.ComponentOptionsMixin, vue263.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
   "update:visible": (visible: boolean) => any;
-}, string, vue156.PublicProps, Readonly<PasswordProps> & Readonly<{
+}, string, vue263.PublicProps, Readonly<PasswordProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
   visible: boolean;
-}, {}, {}, {}, string, vue156.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue263.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/popover/popover.vue.d.ts

@@ -1,6 +1,6 @@
 import { PopoverProps } from "./types.js";
-import * as vue182 from "vue";
-import * as _soybeanjs_headless44 from "@soybeanjs/headless";
+import * as vue287 from "vue";
+import * as _soybeanjs_headless180 from "@soybeanjs/headless";
 
 //#region src/components/popover/popover.vue.d.ts
 declare var __VLS_16: {}, __VLS_36: {}, __VLS_49: {};
@@ -11,27 +11,27 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_49) => any;
 };
-declare const __VLS_base: vue182.DefineComponent<PopoverProps, {}, {}, {}, {}, vue182.ComponentOptionsMixin, vue182.ComponentOptionsMixin, {
+declare const __VLS_base: vue287.DefineComponent<PopoverProps, {}, {}, {}, {}, vue287.ComponentOptionsMixin, vue287.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless44.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless44.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless44.PointerDownOutsideEvent | _soybeanjs_headless44.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless180.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless180.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless180.PointerDownOutsideEvent | _soybeanjs_headless180.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue182.PublicProps, Readonly<PopoverProps> & Readonly<{
+}, string, vue287.PublicProps, Readonly<PopoverProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless44.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless44.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless44.PointerDownOutsideEvent | _soybeanjs_headless44.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless180.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless180.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless180.PointerDownOutsideEvent | _soybeanjs_headless180.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue182.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue287.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/radio-group/radio-card-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
-import * as vue199 from "vue";
+import * as vue221 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-card-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<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: vue199.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
+  props: vue221.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
-}>) => vue199.VNode & {
+}>) => vue221.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/radio-group/radio-card.vue.d.ts

@@ -1,5 +1,5 @@
 import { RadioCardProps } from "./types.js";
-import * as vue194 from "vue";
+import * as vue216 from "vue";
 
 //#region src/components/radio-group/radio-card.vue.d.ts
 declare var __VLS_19: {
@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue194.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue194.ComponentOptionsMixin, vue194.ComponentOptionsMixin, {}, string, vue194.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue194.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue216.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue216.ComponentOptionsMixin, vue216.ComponentOptionsMixin, {}, string, vue216.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue216.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/radio-group/radio-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
-import * as vue187 from "vue";
+import * as vue209 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<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: vue187.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
+  props: vue209.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue187.VNode & {
+}>) => vue209.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;