@soybeanjs/ui 0.14.0 → 0.15.0-beta.1

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

@@ -1,14 +1,12 @@
-import { MenuOptionData } from "../menu/types.js";
-import { ContextMenuProps } from "./types.js";
+import { ContextMenuProps, ContextMenuSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
+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: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T> & {
+    onSelect?: ((item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -16,20 +14,14 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.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 : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: MenuOptionData<T>) => any;
-    'item-leading': (props: MenuOptionData<T>) => any;
-    'item-trailing': (props: MenuOptionData<T>) => any;
-    'item-trigger': (props: MenuOptionData<T>) => any;
-    'item-trigger-icon': (props: MenuOptionData<T>) => any;
-  };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  slots: ContextMenuSlots<T>;
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,7 +1,5 @@
-import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuWrapperEmits, ContextMenuWrapperProps } from "./types.js";
-import { _default } from "./context-menu.vue.js";
-import { _default as _default$1 } from "./context-menu-checkbox.vue.js";
-import { _default as _default$2 } from "./context-menu-radio.vue.js";
-import { _default as _default$3 } from "./context-menu-wrapper.vue.js";
-import { ContextMenuAnchorProps, ContextMenuArrowProps, ContextMenuCheckboxGroupEmits, ContextMenuCheckboxGroupProps, ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItemEmits, ContextMenuItemIndicatorProps, ContextMenuItemProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps, ContextMenuRadioItemEmits, ContextMenuRadioItemProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubContentEmits, ContextMenuSubContentProps, ContextMenuSubEmits, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps } from "@soybeanjs/headless/context-menu";
-export { type ContextMenuAnchorProps, type ContextMenuArrowProps, type ContextMenuCheckboxGroupEmits, type ContextMenuCheckboxGroupProps, type ContextMenuCheckboxItemEmits, type ContextMenuCheckboxItemProps, type ContextMenuContentEmits, type ContextMenuContentProps, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, type ContextMenuItemEmits, type ContextMenuItemIndicatorProps, type ContextMenuItemProps, type ContextMenuPopupProps, type ContextMenuPortalProps, type ContextMenuRadioGroupEmits, type ContextMenuRadioGroupProps, type ContextMenuRadioItemEmits, type ContextMenuRadioItemProps, type ContextMenuRootEmits, type ContextMenuRootProps, type ContextMenuSeparatorProps, type ContextMenuSubContentEmits, type ContextMenuSubContentProps, type ContextMenuSubEmits, type ContextMenuSubProps, type ContextMenuSubTriggerProps, type ContextMenuTriggerProps };
+import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckboxSlots, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuRadioSlots, ContextMenuSlots, ContextMenuWrapperEmits, ContextMenuWrapperProps } from "./types.js";
+import { _default } from "./context-menu-wrapper.vue.js";
+import { _default as _default$1 } from "./context-menu.vue.js";
+import { _default as _default$2 } from "./context-menu-checkbox.vue.js";
+import { _default as _default$3 } from "./context-menu-radio.vue.js";

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

@@ -1,45 +1,17 @@
-import { ThemeSize } from "../../theme/types.js";
-import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuExtendedUi, MenuOptionData, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps } from "../menu/types.js";
-import { AcceptableBooleanValue, ClassValue, ContextMenuArrowProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuTriggerProps, DefinedValue } from "@soybeanjs/headless";
+import { MenuUiBaseProps } from "../menu/types.js";
+import { AcceptableBooleanValue, ContextMenuCheckboxCompactEmits, ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots, ContextMenuCompactEmits, ContextMenuCompactProps, ContextMenuCompactSlots, ContextMenuRadioCompactEmits, ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots, ContextMenuWrapperCompactEmits, ContextMenuWrapperCompactProps, DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/types.d.ts
-interface ContextMenuWrapperProps extends ContextMenuRootProps {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-  size?: ThemeSize;
-  ui?: Partial<MenuExtendedUi>;
-  disabled?: boolean;
-  indicatorPosition?: 'start' | 'end';
-  showArrow?: boolean;
-  triggerProps?: ContextMenuTriggerProps;
-  portalProps?: ContextMenuPortalProps;
-  contentProps?: ContextMenuContentProps;
-  popupProps?: ContextMenuPopupProps;
-  arrowProps?: ContextMenuArrowProps;
-}
-type ContextMenuWrapperEmits = ContextMenuRootEmits & ContextMenuContentEmits;
-interface ContextMenuProps<T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>> extends Omit<ContextMenuWrapperProps, 'indicatorPosition'>, MenuOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type ContextMenuEmits<T extends MenuOptionData = MenuOptionData> = ContextMenuWrapperEmits & MenuOptionsEmits<T>;
-interface ContextMenuCheckboxProps<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> extends ContextMenuWrapperProps, MenuCheckboxOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type ContextMenuCheckboxEmits<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> = ContextMenuWrapperEmits & MenuCheckboxOptionsEmits<T, S>;
-interface ContextMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> extends ContextMenuWrapperProps, MenuRadioOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type ContextMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> = ContextMenuWrapperEmits & MenuRadioOptionsEmits<T, S>;
+interface ContextMenuWrapperProps extends MenuUiBaseProps, ContextMenuWrapperCompactProps {}
+type ContextMenuWrapperEmits = ContextMenuWrapperCompactEmits;
+type ContextMenuProps<T extends DefinedValue = DefinedValue> = Omit<MenuUiBaseProps, 'indicatorPosition'> & ContextMenuCompactProps<T>;
+type ContextMenuEmits<T extends DefinedValue = DefinedValue> = ContextMenuCompactEmits<T>;
+type ContextMenuSlots<T extends DefinedValue = DefinedValue> = ContextMenuCompactSlots<T>;
+type ContextMenuCheckboxProps<T extends DefinedValue = DefinedValue> = MenuUiBaseProps & ContextMenuCheckboxCompactProps<T>;
+type ContextMenuCheckboxEmits<T extends DefinedValue = DefinedValue> = ContextMenuCheckboxCompactEmits<T>;
+type ContextMenuCheckboxSlots<T extends DefinedValue = DefinedValue> = ContextMenuCheckboxCompactSlots<T>;
+type ContextMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuUiBaseProps & ContextMenuRadioCompactProps<T>;
+type ContextMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuRadioCompactEmits<T>;
+type ContextMenuRadioSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuRadioCompactSlots<T>;
 //#endregion
-export { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuWrapperEmits, ContextMenuWrapperProps };
+export { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckboxSlots, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuRadioSlots, ContextMenuSlots, ContextMenuWrapperEmits, ContextMenuWrapperProps };

package/dist/components/dialog/dialog-pure.vue.d.ts

@@ -31,10 +31,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogPureProps, {}, {}, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
+  closable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -46,10 +46,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$v
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
+  closable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -46,10 +46,10 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$v
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
+  closable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

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

@@ -1,15 +1,12 @@
-import { MenuCheckboxOptionData } from "../menu/types.js";
-import { DropdownMenuCheckboxProps } from "./types.js";
+import { DropdownMenuCheckboxProps, DropdownMenuCheckboxSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
+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: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T> & {
+    onSelect?: ((item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -17,19 +14,15 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: S) => any;
-    'item-leading': (props: S) => any;
-    'item-trailing': (props: S) => any;
-    'item-indicator-icon': (props: S) => any;
-  };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  slots: DropdownMenuCheckboxSlots<T>;
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

@@ -1,15 +1,12 @@
-import { MenuRadioOptionData } from "../menu/types.js";
-import { DropdownMenuRadioProps } from "./types.js";
+import { DropdownMenuRadioProps, DropdownMenuRadioSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-radio.vue.d.ts
-declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
+declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__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: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T> & {
+    onSelect?: ((item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -17,19 +14,15 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: S) => any;
-    'item-leading': (props: S) => any;
-    'item-trailing': (props: S) => any;
-    'item-indicator-icon': (props: S) => any;
-  };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  slots: DropdownMenuRadioSlots<T>;
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

@@ -3,14 +3,13 @@ import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts
-declare var __VLS_16: {}, __VLS_30: {};
+declare var __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
+  trigger?: (props: typeof __VLS_9) => any;
 } & {
-  default?: (props: typeof __VLS_30) => any;
+  default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  entryFocus: (event: Event) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
@@ -18,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuWrapperProps, {}, {}
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -27,6 +26,7 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuWrapperProps, {}, {}
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;

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

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

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

@@ -1,14 +1,12 @@
-import { MenuOptionData } from "../menu/types.js";
-import { DropdownMenuProps } from "./types.js";
+import { DropdownMenuProps, DropdownMenuSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
+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: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T> & {
+    onSelect?: ((item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -16,20 +14,14 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.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 : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: MenuOptionData<T>) => any;
-    'item-leading': (props: MenuOptionData<T>) => any;
-    'item-trailing': (props: MenuOptionData<T>) => any;
-    'item-trigger': (props: MenuOptionData<T>) => any;
-    'item-trigger-icon': (props: MenuOptionData<T>) => any;
-  };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  slots: DropdownMenuSlots<T>;
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

@@ -1 +1 @@
-import"./dropdown-menu-wrapper.js";import"./dropdown-menu.js";import"./dropdown-menu-checkbox.js";import"./dropdown-menu-radio.js";
+import"./dropdown-menu.js";import"./dropdown-menu-checkbox.js";import"./dropdown-menu-radio.js";import"./dropdown-menu-wrapper.js";

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

@@ -1,41 +1,17 @@
-import { ThemeSize } from "../../theme/types.js";
-import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuExtendedUi, MenuOptionData, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps } from "../menu/types.js";
-import { AcceptableBooleanValue, ClassValue, DefinedValue, DropdownMenuArrowProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps, Placement } from "@soybeanjs/headless";
+import { MenuUiBaseProps } from "../menu/types.js";
+import { AcceptableBooleanValue, DefinedValue, DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/types.d.ts
-interface DropdownMenuWrapperProps extends DropdownMenuRootProps {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-  size?: ThemeSize;
-  ui?: Partial<MenuExtendedUi>;
-  disabled?: boolean;
-  placement?: Placement;
-  indicatorPosition?: 'start' | 'end';
-  showArrow?: boolean;
-  triggerProps?: DropdownMenuTriggerProps;
-  portalProps?: DropdownMenuPortalProps;
-  contentProps?: DropdownMenuContentProps;
-  popupProps?: DropdownMenuPopupProps;
-  arrowProps?: DropdownMenuArrowProps;
-}
-type DropdownMenuWrapperEmits = DropdownMenuRootEmits & DropdownMenuContentEmits;
-interface DropdownMenuProps<T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>> extends Omit<DropdownMenuWrapperProps, 'indicatorPosition'>, MenuOptionsProps<T, S> {}
-type DropdownMenuEmits<T extends MenuOptionData = MenuOptionData> = DropdownMenuWrapperEmits & MenuOptionsEmits<T>;
-interface DropdownMenuCheckboxProps<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> extends DropdownMenuWrapperProps, MenuCheckboxOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type DropdownMenuCheckboxEmits<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> = DropdownMenuWrapperEmits & MenuCheckboxOptionsEmits<T, S>;
-interface DropdownMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> extends DropdownMenuWrapperProps, MenuRadioOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type DropdownMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> = DropdownMenuWrapperEmits & MenuRadioOptionsEmits<T, S>;
+interface DropdownMenuWrapperProps extends MenuUiBaseProps, DropdownMenuWrapperCompactProps {}
+type DropdownMenuWrapperEmits = DropdownMenuWrapperCompactEmits;
+type DropdownMenuProps<T extends DefinedValue = DefinedValue> = Omit<MenuUiBaseProps, 'indicatorPosition'> & DropdownMenuCompactProps<T>;
+type DropdownMenuEmits<T extends DefinedValue = DefinedValue> = DropdownMenuCompactEmits<T>;
+type DropdownMenuSlots<T extends DefinedValue = DefinedValue> = DropdownMenuCompactSlots<T>;
+type DropdownMenuCheckboxProps<T extends DefinedValue = DefinedValue> = MenuUiBaseProps & DropdownMenuCheckboxCompactProps<T>;
+type DropdownMenuCheckboxEmits<T extends DefinedValue = DefinedValue> = DropdownMenuCheckboxCompactEmits<T>;
+type DropdownMenuCheckboxSlots<T extends DefinedValue = DefinedValue> = DropdownMenuCheckboxCompactSlots<T>;
+type DropdownMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuUiBaseProps & DropdownMenuRadioCompactProps<T>;
+type DropdownMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuRadioCompactEmits<T>;
+type DropdownMenuRadioSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuRadioCompactSlots<T>;
 //#endregion
-export { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuWrapperEmits, DropdownMenuWrapperProps };
+export { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuCheckboxSlots, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuRadioSlots, DropdownMenuSlots, DropdownMenuWrapperEmits, DropdownMenuWrapperProps };

package/dist/components/editable/editable.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{editableVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{EditableArea as y,EditableCancelTrigger as b,EditableEditTrigger as x,EditableInput as S,EditablePreview as C,EditableRoot as w,EditableSubmitTrigger as T,provideEditableUi as E}from"@soybeanjs/headless";const D=s({name:`SEditable`,__name:`editable`,props:{class:{},size:{},ui:{},areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(s,{emit:D}){let O=s,k=D,A=v(O,[`class`,`size`,`ui`,`areaProps`,`previewProps`,`inputProps`,`editTriggerProps`,`submitTriggerProps`,`cancelTriggerProps`]),j=_(k),M=r(()=>e(n({size:O.size}),O.ui,{root:O.class}));return E(M),(e,n)=>(f(),i(h(w),l(h(A),m(h(j))),{default:g(n=>[p(e.$slots,`default`,d(c(n)),()=>[o(h(y),d(c(s.areaProps)),{default:g(()=>[p(e.$slots,`preview`,d(c(n)),()=>[o(h(C),d(c(s.previewProps)),null,16)]),p(e.$slots,`input`,d(c(n)),()=>[o(h(S),d(c(s.inputProps)),null,16)]),a(`div`,{class:u(M.value.controls)},[p(e.$slots,`edit-trigger`,d(c(n)),()=>[o(h(x),d(c(s.editTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:pencil-line`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`submit-trigger`,d(c(n)),()=>[o(h(T),d(c(s.submitTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:check`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`cancel-trigger`,d(c(n)),()=>[o(h(b),d(c(s.cancelTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:x`,"aria-hidden":!0})]),_:1},16)])],2)]),_:2},1040)])]),_:3},16))}});export{D as default};

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

@@ -0,0 +1,85 @@
+import { EditableProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+
+//#region src/components/editable/editable.vue.d.ts
+declare var __VLS_8: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_16: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_23: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_30: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_43: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_56: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  };
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+} & {
+  preview?: (props: typeof __VLS_16) => any;
+} & {
+  input?: (props: typeof __VLS_23) => any;
+} & {
+  'edit-trigger'?: (props: typeof __VLS_30) => any;
+} & {
+  'submit-trigger'?: (props: typeof __VLS_43) => any;
+} & {
+  'cancel-trigger'?: (props: typeof __VLS_56) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<EditableProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  submit: (value: string) => any;
+  "update:modelValue": (value: string) => any;
+  "update:state": (state: _$_soybeanjs_headless0.EditableEventState) => any;
+}, string, _$vue.PublicProps, Readonly<EditableProps> & Readonly<{
+  onSubmit?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:state"?: ((state: _$_soybeanjs_headless0.EditableEventState) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,4 @@
+import { EditableEmits, EditableExtendedUi, EditableExtraUiSlot, EditableProps } from "./types.js";
+import { _default } from "./editable.vue.js";
+import { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState } from "@soybeanjs/headless/editable";
+export { type EditableActivationMode, type EditableAreaProps, type EditableCancelTriggerProps, type EditableEditTriggerProps, type EditableEventState, type EditableInputProps, type EditablePlaceholder, type EditablePreviewProps, type EditableRootEmits, type EditableRootProps, type EditableSubmitMode, type EditableSubmitTriggerProps, type EditableUi, type EditableUiSlot, type EditableViewState };

package/dist/components/editable/index.js

@@ -0,0 +1 @@
+import"./editable.js";

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

@@ -0,0 +1,20 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue, EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableInputProps, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitTriggerProps, EditableUiSlot, UiClass } from "@soybeanjs/headless";
+
+//#region src/components/editable/types.d.ts
+type EditableExtraUiSlot = 'controls';
+type EditableExtendedUi = UiClass<EditableUiSlot | EditableExtraUiSlot>;
+interface EditableProps extends EditableRootProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<EditableExtendedUi>;
+  areaProps?: EditableAreaProps;
+  previewProps?: EditablePreviewProps;
+  inputProps?: EditableInputProps;
+  editTriggerProps?: EditableEditTriggerProps;
+  submitTriggerProps?: EditableSubmitTriggerProps;
+  cancelTriggerProps?: EditableCancelTriggerProps;
+}
+type EditableEmits = EditableRootEmits;
+//#endregion
+export { EditableEmits, EditableExtendedUi, EditableExtraUiSlot, EditableProps };