@soybeanjs/ui 0.2.8 → 0.3.0

package/dist/components/form/use-form.d.ts

@@ -1,6 +1,6 @@
 import { FormFieldArrayComponent, FormFieldComponent } from "./types.js";
-import * as vue180 from "vue";
-import * as _soybeanjs_headless112 from "@soybeanjs/headless";
+import * as vue181 from "vue";
+import * as _soybeanjs_headless114 from "@soybeanjs/headless";
 import { FormValues, InferStandardSchemaInput, Path, StandardSchemaV1, UseFormOptions } from "@soybeanjs/headless";
 
 //#region src/components/form/use-form.d.ts
@@ -9,36 +9,36 @@ declare function useForm$1<S extends StandardSchemaV1<FormValues, FormValues>>(o
   SFormFieldArray: FormFieldArrayComponent<InferStandardSchemaInput<S>>;
   handleSubmit: (event?: Event) => void;
   handleReset: (event?: Event) => void;
-  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless112.FormRegisterOptions<_soybeanjs_headless112.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue180.Ref<_soybeanjs_headless112.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless112.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
-  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless112.FormRegisterOptions<_soybeanjs_headless112.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue180.Ref<_soybeanjs_headless112.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless112.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  dirty: vue180.ComputedRef<boolean>;
+  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless114.FormRegisterOptions<_soybeanjs_headless114.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue181.Ref<_soybeanjs_headless114.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless114.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
+  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless114.FormRegisterOptions<_soybeanjs_headless114.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue181.Ref<_soybeanjs_headless114.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless114.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  dirty: vue181.ComputedRef<boolean>;
   setSubmitting: (isSubmitting: boolean) => void;
-  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless112.FormRegisterOptions<_soybeanjs_headless112.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue180.Ref<_soybeanjs_headless112.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless112.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless112.FormRegisterOptions<_soybeanjs_headless112.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue180.Ref<_soybeanjs_headless112.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless112.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless114.FormRegisterOptions<_soybeanjs_headless114.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue181.Ref<_soybeanjs_headless114.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless114.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless114.FormRegisterOptions<_soybeanjs_headless114.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue181.Ref<_soybeanjs_headless114.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless114.FormFieldState<InferStandardSchemaInput<S>, Name>>;
   validateField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => Promise<string | undefined | void>;
-  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue180.WritableComputedRef<_soybeanjs_headless112.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless112.PathValue<InferStandardSchemaInput<S>, Name>>;
-  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue180.Ref<_soybeanjs_headless112.FormFieldMeta>;
+  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue181.WritableComputedRef<_soybeanjs_headless114.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless114.PathValue<InferStandardSchemaInput<S>, Name>>;
+  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue181.Ref<_soybeanjs_headless114.FormFieldMeta>;
   getFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => string | undefined;
   getFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean | undefined;
   getFieldDirty: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean;
-  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue180.Ref<_soybeanjs_headless112.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless112.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless112.FormErrors<InferStandardSchemaInput<S>>>;
-  setErrors: (errors: _soybeanjs_headless112.FormErrors<InferStandardSchemaInput<S>>) => void;
-  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless112.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless112.FormErrors<InferStandardSchemaInput<S>>>;
+  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue181.Ref<_soybeanjs_headless114.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless114.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless114.FormErrors<InferStandardSchemaInput<S>>>;
+  setErrors: (errors: _soybeanjs_headless114.FormErrors<InferStandardSchemaInput<S>>) => void;
+  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless114.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless114.FormErrors<InferStandardSchemaInput<S>>>;
   setFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, touched: boolean) => void;
   setFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, error: string | undefined) => void;
-  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _soybeanjs_headless112.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
+  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _soybeanjs_headless114.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
     argA: Parameters<Method>[1];
     argB: Parameters<Method>[2];
-  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless112.FormErrors<InferStandardSchemaInput<S>>>;
-  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless112.FormErrors<InferStandardSchemaInput<S>>>;
-  resetForm: (nextState?: _soybeanjs_headless112.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
+  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless114.FormErrors<InferStandardSchemaInput<S>>>;
+  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless114.FormErrors<InferStandardSchemaInput<S>>>;
+  resetForm: (nextState?: _soybeanjs_headless114.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
   values: InferStandardSchemaInput<S>;
-  touched: vue180.Ref<_soybeanjs_headless112.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless112.FormTouched<InferStandardSchemaInput<S>>>;
-  errors: vue180.Ref<_soybeanjs_headless112.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless112.FormErrors<InferStandardSchemaInput<S>>>;
-  submitCount: vue180.ShallowRef<number>;
-  isSubmitting: vue180.ShallowRef<boolean>;
-  isValidating: vue180.ShallowRef<boolean>;
+  touched: vue181.Ref<_soybeanjs_headless114.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless114.FormTouched<InferStandardSchemaInput<S>>>;
+  errors: vue181.Ref<_soybeanjs_headless114.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless114.FormErrors<InferStandardSchemaInput<S>>>;
+  submitCount: vue181.ShallowRef<number>;
+  isSubmitting: vue181.ShallowRef<boolean>;
+  isValidating: vue181.ShallowRef<boolean>;
 };
 //#endregion
 export { useForm$1 as useForm };

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

@@ -1,8 +1,8 @@
 import { IconProps } from "./types.js";
-import * as vue100 from "vue";
+import * as vue4 from "vue";
 
 //#region src/components/icon/icon.vue.d.ts
-declare const __VLS_export: vue100.DefineComponent<IconProps, {}, {}, {}, {}, vue100.ComponentOptionsMixin, vue100.ComponentOptionsMixin, {}, string, vue100.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue100.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: vue4.DefineComponent<IconProps, {}, {}, {}, {}, vue4.ComponentOptionsMixin, vue4.ComponentOptionsMixin, {}, string, vue4.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue4.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,5 +1,5 @@
 import { InputProps } from "./types.js";
-import * as vue193 from "vue";
+import * as vue204 from "vue";
 
 //#region src/components/input/input.vue.d.ts
 declare var __VLS_10: {}, __VLS_24: {};
@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_24) => any;
 };
-declare const __VLS_base: vue193.DefineComponent<InputProps, {}, {}, {}, {}, vue193.ComponentOptionsMixin, vue193.ComponentOptionsMixin, {
+declare const __VLS_base: vue204.DefineComponent<InputProps, {}, {}, {}, {}, vue204.ComponentOptionsMixin, vue204.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue193.PublicProps, Readonly<InputProps> & Readonly<{
+}, string, vue204.PublicProps, Readonly<InputProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue193.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue204.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/kbd/kbd.vue.d.ts

@@ -1,10 +1,10 @@
 import { KbdProps } from "./types.js";
-import * as vue198 from "vue";
+import * as vue9 from "vue";
 
 //#region src/components/kbd/kbd.vue.d.ts
-declare const __VLS_export: vue198.DefineComponent<KbdProps, {}, {}, {}, {}, vue198.ComponentOptionsMixin, vue198.ComponentOptionsMixin, {}, string, vue198.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+declare const __VLS_export: vue9.DefineComponent<KbdProps, {}, {}, {}, {}, vue9.ComponentOptionsMixin, vue9.ComponentOptionsMixin, {}, string, vue9.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
   symbolize: boolean;
-}, {}, {}, {}, string, vue198.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue9.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,12 +1,12 @@
 import { LabelProps } from "./types.js";
-import * as vue105 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: vue105.DefineComponent<LabelProps, {}, {}, {}, {}, vue105.ComponentOptionsMixin, vue105.ComponentOptionsMixin, {}, string, vue105.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue105.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 vue208 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: vue208.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue208.ComponentOptionsMixin, vue208.ComponentOptionsMixin, {}, string, vue208.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue208.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 vue203 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: vue203.DefineComponent<LayoutProps, {}, {}, {}, {}, vue203.ComponentOptionsMixin, vue203.ComponentOptionsMixin, {
+declare const __VLS_base: vue135.DefineComponent<LayoutProps, {}, {}, {}, {}, vue135.ComponentOptionsMixin, vue135.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue203.PublicProps, Readonly<LayoutProps> & Readonly<{
+}, string, vue135.PublicProps, Readonly<LayoutProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   size: ThemeSize;
   open: boolean;
-}, {}, {}, {}, string, vue203.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 vue213 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: vue213.DefineComponent<LinkProps, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, vue213.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: vue213.DefineComponent<LinkProps, {}, {}, {}, {}, vue2
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue213.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 vue223 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: vue223.DefineComponent<ListItemProps, {}, {}, {}, {}, vue223.ComponentOptionsMixin, vue223.ComponentOptionsMixin, {}, string, vue223.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue223.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 vue218 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: vue218.DefineComponent<ListProps, {}, {}, {}, {}, vue218.ComponentOptionsMixin, vue218.ComponentOptionsMixin, {}, string, vue218.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue218.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-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,6 +1,6 @@
 import { MenuOptionData, MenuOptionProps } from "./types.js";
 import * as vue228 from "vue";
-import * as _soybeanjs_headless145 from "@soybeanjs/headless";
+import * as _soybeanjs_headless147 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-option.vue.d.ts
@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: vue228.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless145.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless145.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless145.PointerDownOutsideEvent | _soybeanjs_headless145.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;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -38,7 +38,7 @@ 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: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless145.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless145.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless145.PointerDownOutsideEvent | _soybeanjs_headless145.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  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>;
 };

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,6 +1,6 @@
 import { MenuOptionData, MenuOptionsProps } from "./types.js";
 import * as vue230 from "vue";
-import * as _soybeanjs_headless153 from "@soybeanjs/headless";
+import * as _soybeanjs_headless155 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-options.vue.d.ts
@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
   props: vue230.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<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_headless153.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless153.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless153.PointerDownOutsideEvent | _soybeanjs_headless153.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;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -38,7 +38,7 @@ 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: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless153.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless153.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless153.PointerDownOutsideEvent | _soybeanjs_headless153.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  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>;
 };

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/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 vue236 from "vue";
-import * as _soybeanjs_headless161 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: vue236.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue236.ComponentOptionsMixin, vue236.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_headless161.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless161.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless161.PointerDownOutsideEvent | _soybeanjs_headless161.FocusOutsideEvent) => any;
-}, string, vue236.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_headless161.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless161.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless161.PointerDownOutsideEvent | _soybeanjs_headless161.FocusOutsideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue236.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 vue241 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: vue241.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue241.ComponentOptionsMixin, vue241.ComponentOptionsMixin, {
+declare const __VLS_base: vue244.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue244.ComponentOptionsMixin, vue244.ComponentOptionsMixin, {
   "update:modelValue": (val: number) => any;
-}, string, vue241.PublicProps, Readonly<NumberInputProps> & Readonly<{
+}, string, vue244.PublicProps, Readonly<NumberInputProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue241.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 vue110 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: vue110.DefineComponent<PaginationProps, {}, {}, {}, {}, vue110.ComponentOptionsMixin, vue110.ComponentOptionsMixin, {
+declare const __VLS_base: vue253.DefineComponent<PaginationProps, {}, {}, {}, {}, vue253.ComponentOptionsMixin, vue253.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
-}, string, vue110.PublicProps, Readonly<PaginationProps> & Readonly<{
+}, string, vue253.PublicProps, Readonly<PaginationProps> & Readonly<{
   "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
   showFirstOrLast: boolean;
-}, {}, {}, {}, string, vue110.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 vue246 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: vue246.DefineComponent<PasswordProps, {}, {}, {}, {}, vue246.ComponentOptionsMixin, vue246.ComponentOptionsMixin, {
+declare const __VLS_base: vue263.DefineComponent<PasswordProps, {}, {}, {}, {}, vue263.ComponentOptionsMixin, vue263.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
   "update:visible": (visible: boolean) => any;
-}, string, vue246.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, vue246.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 & {