@soybeanjs/headless 0.16.0 → 0.17.0

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

@@ -3,6 +3,9 @@ import { HTMLAttributes } from "vue";
 import { RouteLocationRaw } from "vue-router";
 
 //#region src/components/link/types.d.ts
+/**
+ * Props for the link component.
+ */
 interface LinkProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /**
    * Route Location the link should navigate to when clicked on.
@@ -85,8 +88,17 @@ interface LinkProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
    */
   trailingSlash?: 'append' | 'remove';
 }
+/**
+ * Type information for the link base props key component.
+ */
 type LinkBasePropsKey = Extract<keyof LinkProps, 'to' | 'href' | 'external' | 'target'>;
+/**
+ * Props for the link base component.
+ */
 interface LinkBaseProps extends Pick<LinkProps, LinkBasePropsKey> {}
+/**
+ * Props for the link extra component.
+ */
 interface LinkExtraProps extends Omit<LinkProps, LinkBasePropsKey> {}
 //#endregion
 export { LinkBaseProps, LinkExtraProps, LinkProps };

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

@@ -2,12 +2,33 @@ import { UiClass } from "../../types/common.js";
 import { HTMLAttributes } from "vue";
 
 //#region src/components/list/types.d.ts
+/**
+ * Props for the list root component.
+ */
 interface ListRootProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the list item component.
+ */
 interface ListItemProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the list content component.
+ */
 interface ListContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the list title component.
+ */
 interface ListTitleProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the list description component.
+ */
 interface ListDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Available UI slots for the list component.
+ */
 type ListUiSlot = 'root' | 'item' | 'content' | 'title' | 'description';
+/**
+ * UI class overrides for the list component.
+ */
 type ListUi = UiClass<ListUiSlot>;
 //#endregion
 export { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListTitleProps, ListUi, ListUiSlot };

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

@@ -8,6 +8,9 @@ import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 import { VirtualItem, Virtualizer } from "@tanstack/vue-virtual";
 
 //#region src/components/listbox/types.d.ts
+/**
+ * Props for the listbox root component.
+ */
 interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The orientation of the listbox. <br>Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
   orientation?: DataOrientation;
@@ -21,26 +24,56 @@ interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>,
   /** When `true`, hover over item will trigger highlight */
   highlightOnHover?: boolean;
 }
+/**
+ * Value associated with the current item.
+ */
+/**
+ * Type information for the listbox collection item data component.
+ */
+/**
+ * Value associated with the current item.
+ */
 type ListboxCollectionItemData = {
   value: string;
 };
+/**
+ * Emits for the listbox root component.
+ */
 type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
   /** Event handler when highlighted element changes. */highlight: [payload?: CollectionItemData<ListboxCollectionItemData>]; /** Event handler called when container is being focused. Can be prevented. */
   entryFocus: [event: CustomEvent]; /** Event handler called when the mouse leave the container */
   leave: [event: Event];
 };
+/**
+ * Props for the listbox item component.
+ */
 interface ListboxItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
   /** The value given as data when submitted with a `name`. */
   value: string;
   /** When `true`, prevents the user from interacting with the item. */
   disabled?: boolean;
 }
+/**
+ * Emits for the listbox item component.
+ */
 type ListboxItemEmits = {
   /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */select: [event: SelectEvent<string>];
 };
+/**
+ * Props for the listbox item indicator component.
+ */
 interface ListboxItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the listbox group component.
+ */
 interface ListboxGroupProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the listbox group label component.
+ */
 interface ListboxGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the listbox filter component.
+ */
 interface ListboxFilterProps extends InputRootProps {
   /**
    * The function to set the input element.
@@ -53,8 +86,17 @@ interface ListboxFilterProps extends InputRootProps {
    */
   controlProps?: InputControlProps;
 }
+/**
+ * Emits for the listbox filter component.
+ */
 type ListboxFilterEmits = InputRootEmits;
+/**
+ * Props for the listbox content component.
+ */
 interface ListboxContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the listbox virtualizer component.
+ */
 interface ListboxVirtualizerProps {
   /** List of items */
   options: string[];
@@ -65,15 +107,39 @@ interface ListboxVirtualizerProps {
   /** Text content for each item to achieve type-ahead feature */
   textContent?: (option: string) => string;
 }
+/**
+ * Props for the listbox virtualizer slots component.
+ */
 type ListboxVirtualizerSlotsProps = {
+  /**
+   * Option.
+   */
   option: string;
+  /**
+   * Virtualizer.
+   */
   virtualizer: Virtualizer<HTMLElement, Element>;
+  /**
+   * Virtual item.
+   */
   virtualItem: VirtualItem;
 };
+/**
+ * Slots for the listbox virtualizer component.
+ */
 type ListboxVirtualizerSlots = {
+  /**
+   * Custom content for the default slot.
+   */
   default: (props: ListboxVirtualizerSlotsProps) => any;
 };
+/**
+ * Available UI slots for the listbox component.
+ */
 type ListboxUiSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item' | 'itemIndicator' | 'group' | 'groupLabel' | 'virtualizer';
+/**
+ * UI class overrides for the listbox component.
+ */
 type ListboxUi = UiClass<ListboxUiSlot>;
 //#endregion
 export { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUi, ListboxUiSlot, ListboxVirtualizerProps, ListboxVirtualizerSlots };

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../link/link.js";import o from"../kbd/kbd.js";import s from"../separator/separator-root.js";import{useMenuOptionsCompactContext as c,useMenuUi as l}from"./context.js";import u from"./menu-group.js";import d from"./menu-group-label.js";import f from"./menu-item.js";import p from"./menu-sub.js";import m from"./menu-sub-trigger.js";import h from"./menu-sub-content.js";import{useCommonSlotNames as g}from"./hooks.js";import _ from"./menu-item-slot-compact.js";import{Fragment as v,computed as y,createBlock as b,createCommentVNode as x,createElementBlock as S,createSlots as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,resolveComponent as N,toHandlers as P,unref as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`MenuOptionCompact`,inheritAttrs:!1,__name:`menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(T,{emit:R}){let z=T,B=R,V=e(B),H=I(),U=n(z,[`item`]),W=y(()=>t(H)),G=g(H),K=l(),{activeValue:q,activePaths:J}=c(`MenuOptionCompact`),Y=y(()=>q.value===z.item.value),X=y(()=>J.value.includes(z.item.value));return(e,t)=>{let n=N(`MenuOptionCompact`,!0);return A(),S(v,null,[T.item.isGroupLabel?(A(),b(d,k(D({key:0},T.groupLabelProps)),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16)):T.item.to||T.item.href?(A(),b(f,D({key:1},T.itemProps,{"as-child":``,disabled:T.item.disabled,"text-value":T.item.textValue,"data-active":Y.value,onSelect:t[0]||(t[0]=e=>B(`select`,T.item,e))}),{default:L(()=>[w(a,D(T.linkProps,{disabled:T.item.disabled,to:T.item.to,href:T.item.href,target:T.item.target,external:T.item.external}),{default:L(({isHref:t})=>[w(_,{icon:T.item.icon,label:T.item.label},C({default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:2},[t?{name:`link-icon`,fn:L(()=>[M(e.$slots,`item-link-icon`,{item:T.item},()=>[w(r,{icon:`lucide:arrow-up-right`,class:O(F(K).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`])):T.item.children?.length?(A(),b(p,D({key:3},T.subProps,{"onUpdate:open":t[2]||(t[2]=e=>B(`update:open`,e))}),{default:L(()=>[w(m,D(T.subTriggerProps,{disabled:T.item.disabled,"text-value":T.item.textValue,"data-child-active":X.value?``:void 0}),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{"trigger-icon":L(()=>[M(e.$slots,`item-trigger-icon`,{item:T.item},()=>[w(r,{icon:`lucide:chevron-right`,class:O(F(K).subTriggerIcon)},null,8,[`class`])])]),default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-child-active`]),T.item.separator?(A(),b(s,k(D({key:0},T.separatorProps)),null,16)):x(`v-if`,!0),w(i,k(E(T.portalProps)),{default:L(()=>[w(h,D(T.subContentProps,P(F(V))),{default:L(()=>[w(u,k(E(T.groupProps)),{default:L(()=>[(A(!0),S(v,null,j(T.item.children,t=>(A(),b(n,D({key:t.value},{ref_for:!0},F(U),{item:t},P(F(V))),C({_:2},[j(W.value,t=>({name:t,fn:L(n=>[M(e.$slots,t,D({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16)):(A(),b(f,D({key:2},T.itemProps,{disabled:T.item.disabled,"text-value":T.item.textValue,"data-active":Y.value,onSelect:t[1]||(t[1]=e=>B(`select`,T.item,e))}),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{shortcut:L(()=>[T.item.shortcut?(A(),b(o,D({key:0},T.shortcutProps,{value:T.item.shortcut,class:F(K).shortcut}),null,16,[`value`,`class`])):x(`v-if`,!0)]),default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-active`])),T.item.separator&&!T.item.children?.length?(A(),b(s,k(D({key:4},T.separatorProps)),null,16)):x(`v-if`,!0)],64)}}});export{R as default};
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../link/link.js";import o from"../kbd/kbd.js";import s from"../separator/separator-root.js";import{useMenuOptionsCompactContext as c,useMenuUi as l}from"./context.js";import u from"./menu-group.js";import d from"./menu-group-label.js";import f from"./menu-item.js";import p from"./menu-sub.js";import m from"./menu-sub-trigger.js";import h from"./menu-sub-content.js";import{useCommonSlotNames as g}from"./hooks.js";import _ from"./menu-item-slot-compact.js";import{Fragment as v,computed as y,createBlock as b,createCommentVNode as x,createElementBlock as S,createSlots as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,resolveComponent as N,toHandlers as P,unref as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`MenuOptionCompact`,inheritAttrs:!1,__name:`menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(T,{emit:R}){let z=T,B=R,V=t(B),H=I(),U=n(z,[`item`]),W=y(()=>e(H)),G=g(H),K=l(),{activeValue:q,activePaths:J}=c(`MenuOptionCompact`),Y=y(()=>q.value===z.item.value),X=y(()=>J.value.includes(z.item.value));return(e,t)=>{let n=N(`MenuOptionCompact`,!0);return A(),S(v,null,[T.item.isGroupLabel?(A(),b(d,k(D({key:0},T.groupLabelProps)),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16)):T.item.to||T.item.href?(A(),b(f,D({key:1},T.itemProps,{"as-child":``,disabled:T.item.disabled,"text-value":T.item.textValue,"data-active":Y.value,onSelect:t[0]||(t[0]=e=>B(`select`,T.item,e))}),{default:L(()=>[w(a,D(T.linkProps,{disabled:T.item.disabled,to:T.item.to,href:T.item.href,target:T.item.target,external:T.item.external}),{default:L(({isHref:t})=>[w(_,{icon:T.item.icon,label:T.item.label},C({default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:2},[t?{name:`link-icon`,fn:L(()=>[M(e.$slots,`item-link-icon`,{item:T.item},()=>[w(r,{icon:`lucide:arrow-up-right`,class:O(F(K).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`])):T.item.children?.length?(A(),b(p,D({key:3},T.subProps,{"onUpdate:open":t[2]||(t[2]=e=>B(`update:open`,e))}),{default:L(()=>[w(m,D(T.subTriggerProps,{disabled:T.item.disabled,"text-value":T.item.textValue,"data-child-active":X.value?``:void 0}),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{"trigger-icon":L(()=>[M(e.$slots,`item-trigger-icon`,{item:T.item},()=>[w(r,{icon:`lucide:chevron-right`,class:O(F(K).subTriggerIcon)},null,8,[`class`])])]),default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-child-active`]),T.item.separator?(A(),b(s,k(D({key:0},T.separatorProps)),null,16)):x(`v-if`,!0),w(i,k(E(T.portalProps)),{default:L(()=>[w(h,D(T.subContentProps,P(F(V))),{default:L(()=>[w(u,k(E(T.groupProps)),{default:L(()=>[(A(!0),S(v,null,j(T.item.children,t=>(A(),b(n,D({key:t.value},{ref_for:!0},F(U),{item:t},P(F(V))),C({_:2},[j(W.value,t=>({name:t,fn:L(n=>[M(e.$slots,t,D({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16)):(A(),b(f,D({key:2},T.itemProps,{disabled:T.item.disabled,"text-value":T.item.textValue,"data-active":Y.value,onSelect:t[1]||(t[1]=e=>B(`select`,T.item,e))}),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{shortcut:L(()=>[T.item.shortcut?(A(),b(o,D({key:0},T.shortcutProps,{value:T.item.shortcut,class:F(K).shortcut}),null,16,[`value`,`class`])):x(`v-if`,!0)]),default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-active`])),T.item.separator&&!T.item.children?.length?(A(),b(s,k(D({key:4},T.separatorProps)),null,16)):x(`v-if`,!0)],64)}}});export{R as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{getTreePaths as t}from"../../shared/tree.js";import"../../shared/index.js";import{useForwardListeners as n}from"../../composables/use-forward-listeners.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as i}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuOptionsCompactContext as a}from"./context.js";import o from"./menu-group.js";import s from"./menu-option-compact.js";import{Fragment as c,computed as l,createBlock as u,createElementBlock as d,createSlots as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=p({name:`MenuOptionsCompact`,inheritAttrs:!1,__name:`menu-options-compact`,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(p,{emit:w}){let T=p,E=w,D=S(),O=i(T,[`items`]),k=n(E),A=l(()=>r(D)),j=l(()=>T.activeValue===void 0?[]:t(T.activeValue,T.items));return a({...e(T,[`activeValue`]),activePaths:j}),(e,t)=>(_(),u(o,g(m(p.groupProps)),{default:C(()=>[(_(!0),d(c,null,v(p.items,t=>(_(),u(s,h({key:t.value},{ref_for:!0},x(O),{item:t},b(x(k))),f({_:2},[v(A.value,t=>({name:t,fn:C(n=>[y(e.$slots,t,h({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16))}});export{w as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{getTreePaths as t}from"../../shared/tree.js";import"../../shared/index.js";import{e as n}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as r}from"../../composables/use-forward-listeners.js";import{useOmitProps as i}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuOptionsCompactContext as a}from"./context.js";import o from"./menu-group.js";import s from"./menu-option-compact.js";import{Fragment as c,computed as l,createBlock as u,createElementBlock as d,createSlots as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=p({name:`MenuOptionsCompact`,inheritAttrs:!1,__name:`menu-options-compact`,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(p,{emit:w}){let T=p,E=w,D=S(),O=i(T,[`items`]),k=r(E),A=l(()=>n(D)),j=l(()=>T.activeValue===void 0?[]:t(T.activeValue,T.items));return a({...e(T,[`activeValue`]),activePaths:j}),(e,t)=>(_(),u(o,g(m(p.groupProps)),{default:C(()=>[(_(!0),d(c,null,v(p.items,t=>(_(),u(s,h({key:t.value},{ref_for:!0},x(O),{item:t},b(x(k))),f({_:2},[v(A.value,t=>({name:t,fn:C(n=>[y(e.$slots,t,h({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16))}});export{w as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as n}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import i from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as a,provideMenuRootContext as o}from"./context.js";import{createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=c({name:`MenuRoot`,inheritAttrs:!1,__name:`menu-root`,props:{dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`],setup(c,{emit:p}){let m=c,h=p,g=t(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=r(()=>m.dir),v=n(),y=()=>{g.value=!1};return a({open:g,isRoot:!0}),o({...e(m,[`modal`]),dir:_,onClose:y,isUsingKeyboard:v}),(e,t)=>(l(),s(d(i),null,{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3}))}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as n}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import i from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as a,provideMenuRootContext as o}from"./context.js";import{createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=c({name:`MenuRoot`,inheritAttrs:!1,__name:`menu-root`,props:{dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(c,{emit:p}){let m=c,h=p,g=t(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=r(()=>m.dir),v=n(),y=()=>{g.value=!1};return a({open:g,isRoot:!0}),o({...e(m,[`modal`]),dir:_,onClose:y,isUsingKeyboard:v}),(e,t)=>(l(),s(d(i),null,{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3}))}});export{p as default};

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

@@ -5,14 +5,17 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { LinkBaseProps, LinkProps } from "../link/types.js";
 import { PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { DialogRootEmits, DialogRootProps } from "../dialog/types.js";
+import { DialogBaseProps, DialogRootEmits } from "../dialog/types.js";
 import { RovingFocusGroupEmits, RovingFocusGroupProps } from "../roving-focus/types.js";
 import { KbdProps, KbdValue } from "../kbd/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/menu/types.d.ts
-interface MenuRootProps extends DialogRootProps {
+/**
+ * Props for the menu root component.
+ */
+interface MenuRootProps extends DialogBaseProps {
   /**
    * The reading direction of the combobox when applicable.
    *
@@ -20,23 +23,65 @@ interface MenuRootProps extends DialogRootProps {
    */
   dir?: Direction;
 }
+/**
+ * Emits for the menu root component.
+ */
 type MenuRootEmits = DialogRootEmits;
+/**
+ * Props for the menu popup component.
+ */
 interface MenuPopupProps extends PopperPopupProps {}
+/**
+ * Emits for the menu content impl component.
+ */
 type MenuContentImplEmits = DismissableLayerEmits & FocusScopeEmits & Pick<RovingFocusGroupEmits, 'entryFocus'>;
+/**
+ * Props for the menu content component.
+ */
 interface MenuContentProps extends PopperPositionerProps, ForceMountProps, Pick<RovingFocusGroupProps, 'loop'> {
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: MenuPopupProps;
 }
+/**
+ * Emits for the menu content component.
+ */
 type MenuContentEmits = MenuContentImplEmits;
+/**
+ * Props for the menu trigger component.
+ */
 interface MenuTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
   /** When `true`, the menu would not open when triggered. */
   disabled?: boolean;
 }
+/**
+ * Props for the menu sub component.
+ */
 interface MenuSubProps extends Pick<MenuRootProps, 'open' | 'defaultOpen'> {}
+/**
+ * Emits for the menu sub component.
+ */
 type MenuSubEmits = MenuRootEmits;
+/**
+ * Props for the menu sub content component.
+ */
 interface MenuSubContentProps extends Omit<MenuContentProps, 'side' | 'align'> {}
+/**
+ * Emits for the menu sub content component.
+ */
 type MenuSubContentEmits = MenuContentEmits;
+/**
+ * Props for the menu group component.
+ */
 interface MenuGroupProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'dir' | 'onSelect'> {}
+/**
+ * Props for the menu group label component.
+ */
 interface MenuGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the menu item impl component.
+ */
 interface MenuItemImplProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** When `true`, prevents the user from interacting with the item. */
   disabled?: boolean;
@@ -46,7 +91,13 @@ interface MenuItemImplProps extends PrimitiveProps, /** @vue-ignore */HTMLAttrib
    */
   textValue?: string;
 }
+/**
+ * Props for the menu item component.
+ */
 interface MenuItemProps extends MenuItemImplProps {}
+/**
+ * Emits for the menu item component.
+ */
 type MenuItemEmits = {
   /**
    * Event handler called when the user selects an item (via mouse or keyboard). <br> Calling `event.preventDefault` in
@@ -54,6 +105,9 @@ type MenuItemEmits = {
    */
   select: [event: Event];
 };
+/**
+ * Props for the menu checkbox item component.
+ */
 interface MenuCheckboxItemProps extends MenuItemImplProps {
   /** The controlled checked state of the item. Can be used as `v-model`. */
   modelValue?: CheckedState;
@@ -64,9 +118,15 @@ interface MenuCheckboxItemProps extends MenuItemImplProps {
    */
   value?: DefinedValue;
 }
+/**
+ * Emits for the menu checkbox item component.
+ */
 type MenuCheckboxItemEmits = MenuItemEmits & {
   /** Event handler called when the checked state of the item changes. */'update:modelValue': [value: CheckedState];
 };
+/**
+ * Props for the menu checkbox group component.
+ */
 interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends MenuGroupProps {
   /** The controlled value of the checkbox. Can be bound with v-model. */
   modelValue?: T[];
@@ -79,14 +139,26 @@ interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends
    */
   disabled?: boolean;
 }
+/**
+ * Emits for the menu checkbox group component.
+ */
 type MenuCheckboxGroupEmits<T extends DefinedValue = DefinedValue> = {
   /** Event handler called when the value of the checkbox group changes. */'update:modelValue': [value: T[]];
 };
+/**
+ * Props for the menu radio item component.
+ */
 interface MenuRadioItemProps extends MenuItemImplProps {
   /** The value given as data when submitted with a `name`. */
   value: NonNullable<AcceptableBooleanValue>;
 }
+/**
+ * Emits for the menu radio item component.
+ */
 type MenuRadioItemEmits = MenuItemEmits;
+/**
+ * Props for the menu radio group component.
+ */
 interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps {
   /** The controlled value of the radio item to check. Can be bound as `v-model`. */
   modelValue?: T;
@@ -98,11 +170,23 @@ interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps
   /** When `true`, prevents the user from interacting with radio items. */
   disabled?: boolean;
 }
+/**
+ * Emits for the menu radio group component.
+ */
 type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
   /** Event handler called when the radio group value changes */'update:modelValue': [payload: NonNullable<T>];
 };
+/**
+ * Props for the menu sub trigger component.
+ */
 interface MenuSubTriggerProps extends MenuItemImplProps {}
+/**
+ * Props for the menu item indicator component.
+ */
 interface MenuItemIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Option data for the menu component.
+ */
 interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
   /** The label to display in the menu. */
   label: string;
@@ -119,68 +203,197 @@ interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<Men
   /** The children of the option. */
   children?: MenuOptionData<T>[];
 }
+/**
+ * Props for the menu shortcut component.
+ */
 interface MenuShortcutProps extends Omit<KbdProps, 'value'> {}
+/**
+ * Props for the menu option compact component.
+ */
 interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
+  /**
+   * Current item data.
+   */
   item: MenuOptionData<T>;
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: MenuItemProps;
+  /**
+   * Props forwarded to the link element.
+   */
   linkProps?: LinkProps;
+  /**
+   * Props forwarded to the group element.
+   */
   groupProps?: MenuGroupProps;
+  /**
+   * Props forwarded to the group label element.
+   */
   groupLabelProps?: MenuGroupLabelProps;
+  /**
+   * Props forwarded to the sub element.
+   */
   subProps?: MenuSubProps;
+  /**
+   * Props forwarded to the sub trigger element.
+   */
   subTriggerProps?: MenuSubTriggerProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Props forwarded to the sub content element.
+   */
   subContentProps?: MenuSubContentProps;
+  /**
+   * Props forwarded to the separator element.
+   */
   separatorProps?: SeparatorRootProps;
+  /**
+   * Props forwarded to the shortcut element.
+   */
   shortcutProps?: MenuShortcutProps;
 }
+/**
+ * Emits for the menu option compact select component.
+ */
 type MenuOptionCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Emitted when select occurs.
+   */
   select: [item: MenuOptionData<T>, event: Event];
 };
+/**
+ * Emits for the menu option compact component.
+ */
 type MenuOptionCompactEmits<T extends DefinedValue = DefinedValue> = MenuSubEmits & MenuSubContentEmits & MenuOptionCompactSelectEmits<T>;
+/**
+ * Slots for the menu option compact component.
+ */
 type MenuOptionCompactSlots<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Custom content for the item slot.
+   */
   item?: (props: {
     item: MenuOptionData<T>;
     isTrigger?: boolean;
   }) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: {
     item: MenuOptionData<T>;
   }) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: {
     item: MenuOptionData<T>;
   }) => any;
+  /**
+   * Custom content for the item trigger icon slot.
+   */
   'item-trigger-icon'?: (props: {
     item: MenuOptionData<T>;
   }) => any;
+  /**
+   * Custom content for the item link icon slot.
+   */
   'item-link-icon'?: (props: {
     item: MenuOptionData<T>;
   }) => any;
 };
+/**
+ * Props for the menu options compact component.
+ */
 interface MenuOptionsCompactProps<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionCompactProps<T>, 'item'> {
+  /**
+   * Items rendered by the component.
+   */
   items: MenuOptionData<T>[];
   /** The active value of the menu. */
   activeValue?: T;
 }
+/**
+ * Emits for the menu options compact component.
+ */
 type MenuOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuOptionCompactEmits<T>;
+/**
+ * Slots for the menu options compact component.
+ */
 type MenuOptionsCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionCompactSlots<T>;
+/**
+ * Option data for the menu checkbox component.
+ */
 interface MenuCheckboxOptionData<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionData<T>, 'children'> {}
+/**
+ * Props for the menu checkbox options compact component.
+ */
 interface MenuCheckboxOptionsCompactProps<T extends DefinedValue = DefinedValue> extends MenuCheckboxGroupProps<T> {
+  /**
+   * Items rendered by the component.
+   */
   items: MenuCheckboxOptionData<T>[];
+  /**
+   * Props forwarded to the group label element.
+   */
   groupLabelProps?: MenuGroupLabelProps;
+  /**
+   * Props forwarded to the checkbox item element.
+   */
   checkboxItemProps?: MenuCheckboxItemProps;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: MenuItemIndicatorProps;
+  /**
+   * Props forwarded to the shortcut element.
+   */
   shortcutProps?: MenuShortcutProps;
+  /**
+   * Props forwarded to the separator element.
+   */
   separatorProps?: SeparatorRootProps;
 }
+/**
+ * Emits for the menu checkbox options compact select component.
+ */
 type MenuCheckboxOptionsCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Emitted when select occurs.
+   */
   select: [item: MenuCheckboxOptionData<T>, event: Event];
 };
+/**
+ * Emits for the menu checkbox options compact component.
+ */
 type MenuCheckboxOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuCheckboxGroupEmits<T> & MenuCheckboxOptionsCompactSelectEmits<T>;
+/**
+ * Slots for the menu checkbox options compact component.
+ */
 type MenuCheckboxOptionsCompactSlots<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Custom content for the item slot.
+   */
   item?: (props: MenuCheckboxOptionData<T>) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: MenuCheckboxOptionData<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: MenuCheckboxOptionData<T>) => any;
+  /**
+   * Custom content for the item indicator icon slot.
+   */
   'item-indicator-icon'?: (props: MenuCheckboxOptionData<T>) => any;
 };
+/**
+ * Option data for the menu radio component.
+ */
 interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
   /** The label to display in the menu. */
   label: string;
@@ -195,25 +408,76 @@ interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBoole
   /** The shortcut rendered at the end of the option. */
   shortcut?: KbdValue | KbdValue[];
 }
+/**
+ * Props for the menu radio options compact component.
+ */
 interface MenuRadioOptionsCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends MenuRadioGroupProps<T> {
+  /**
+   * Items rendered by the component.
+   */
   items: MenuRadioOptionData<T>[];
+  /**
+   * Props forwarded to the group label element.
+   */
   groupLabelProps?: MenuGroupLabelProps;
+  /**
+   * Props forwarded to the radio item element.
+   */
   radioItemProps?: MenuRadioItemProps;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: MenuItemIndicatorProps;
+  /**
+   * Props forwarded to the shortcut element.
+   */
   shortcutProps?: MenuShortcutProps;
+  /**
+   * Props forwarded to the separator element.
+   */
   separatorProps?: SeparatorRootProps;
 }
+/**
+ * Emits for the menu radio options compact select component.
+ */
 type MenuRadioOptionsCompactSelectEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+  /**
+   * Emitted when select occurs.
+   */
   select: [item: MenuRadioOptionData<T>, event: Event];
 };
+/**
+ * Emits for the menu radio options compact component.
+ */
 type MenuRadioOptionsCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioGroupEmits<T> & MenuRadioOptionsCompactSelectEmits<T>;
+/**
+ * Slots for the menu radio options compact component.
+ */
 type MenuRadioOptionsCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+  /**
+   * Custom content for the item slot.
+   */
   item?: (props: MenuRadioOptionData<T>) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: MenuRadioOptionData<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: MenuRadioOptionData<T>) => any;
+  /**
+   * Custom content for the item indicator icon slot.
+   */
   'item-indicator-icon'?: (props: MenuRadioOptionData<T>) => any;
 };
+/**
+ * Available UI slots for the menu component.
+ */
 type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'group' | 'groupLabel' | 'item' | 'itemIcon' | 'itemLink' | 'itemLinkIcon' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'subTriggerIcon' | 'shortcut' | 'separator';
+/**
+ * UI class overrides for the menu component.
+ */
 type MenuUi = UiClass<MenuUiSlot>;
 //#endregion
 export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSelectEmits, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuOptionCompactEmits, MenuOptionCompactProps, MenuOptionCompactSelectEmits, MenuOptionCompactSlots, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSelectEmits, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot };