@soybeanjs/headless 0.15.5 → 0.17.0

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 { SeparatorRootProps } from "../separator/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 };

package/dist/components/menubar/index.js

@@ -1 +1 @@
-import e from"../popper/popper-arrow.js";import t from"../portal/portal.js";import n from"../separator/separator-root.js";import r from"../menu/menu-group.js";import i from"../menu/menu-group-label.js";import a from"../menu/menu-item.js";import o from"../menu/menu-item-indicator.js";import s from"../menu/menu-checkbox-item.js";import c from"../menu/menu-radio-item.js";import l from"../menu/menu-sub.js";import u from"../menu/menu-checkbox-group.js";import d from"../menu/menu-radio-group.js";import"../menu/index.js";import{provideMenubarUi as f}from"./context.js";import p from"./menubar-root.js";import m from"./menubar-menu.js";import h from"./menubar-trigger.js";import g from"./menubar-content.js";import _ from"./menubar-sub-trigger.js";import v from"./menubar-sub-content.js";import y from"./menubar-compact.js";export{e as MenubarArrow,u as MenubarCheckboxGroup,s as MenubarCheckboxItem,y as MenubarCompact,g as MenubarContent,r as MenubarGroup,i as MenubarGroupLabel,a as MenubarItem,o as MenubarItemIndicator,m as MenubarMenu,t as MenubarPortal,d as MenubarRadioGroup,c as MenubarRadioItem,p as MenubarRoot,n as MenubarSeparator,l as MenubarSub,v as MenubarSubContent,_ as MenubarSubTrigger,h as MenubarTrigger,f as provideMenubarUi};
+import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import n from"../separator/separator-root.js";import r from"../menu/menu-group.js";import i from"../menu/menu-group-label.js";import a from"../menu/menu-item.js";import o from"../menu/menu-item-indicator.js";import s from"../menu/menu-checkbox-item.js";import c from"../menu/menu-radio-item.js";import l from"../menu/menu-sub.js";import u from"../menu/menu-checkbox-group.js";import d from"../menu/menu-radio-group.js";import"../menu/index.js";import{provideMenubarUi as f}from"./context.js";import p from"./menubar-root.js";import m from"./menubar-menu.js";import h from"./menubar-trigger.js";import g from"./menubar-content.js";import _ from"./menubar-sub-trigger.js";import v from"./menubar-sub-content.js";import y from"./menubar-compact.js";export{t as MenubarArrow,u as MenubarCheckboxGroup,s as MenubarCheckboxItem,y as MenubarCompact,g as MenubarContent,r as MenubarGroup,i as MenubarGroupLabel,a as MenubarItem,o as MenubarItemIndicator,m as MenubarMenu,e as MenubarPortal,d as MenubarRadioGroup,c as MenubarRadioItem,p as MenubarRoot,n as MenubarSeparator,l as MenubarSub,v as MenubarSubContent,_ as MenubarSubTrigger,h as MenubarTrigger,f as provideMenubarUi};

package/dist/components/menubar/menubar-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../link/link.js";import{useMenuUi as a}from"../menu/context.js";import{e as o}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import s from"../menu/menu-options-compact.js";import"../menu/index.js";import c from"./menubar-root.js";import l from"./menubar-menu.js";import u from"./menubar-trigger.js";import d from"./menubar-content.js";import{Fragment as f,computed as p,createBlock as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createSlots as v,createVNode as y,defineComponent as b,mergeProps as x,normalizeClass as S,openBlock as C,renderList as w,renderSlot as T,toDisplayString as E,toHandlers as D,unref as O,useSlots as k,withCtx as A}from"vue";const j=b({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(b,{emit:j}){let M=b,N=j,P=k(),F=t(M,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`]),I=t(M,[`items`,`activeValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),L=e(N),R=p(()=>o(P).filter(e=>e!==`trigger`)),z=a(),B=p(()=>({...M.triggerProps,disabled:M.disabled??M.triggerProps?.disabled})),V=p(()=>({...M.contentProps,popupProps:M.popupProps??M.contentProps?.popupProps,placement:M.placement??M.contentProps?.placement,sideOffset:M.contentProps?.sideOffset??(M.showArrow?0:8)}));return(e,t)=>(C(),m(c,x(O(F),D(O(L))),{default:A(()=>[(C(!0),g(f,null,w(b.items,t=>(C(),m(l,{key:t.value,value:t.value},{default:A(()=>[t.to||t.href?(C(),m(u,x({key:0,ref_for:!0},B.value,{"as-child":``}),{default:A(()=>[y(i,x({ref_for:!0},b.linkProps,{disabled:t.disabled,to:t.to,href:t.href,target:t.target,external:t.external}),{default:A(({isHref:r})=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(n,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),r?T(e.$slots,`item-link-icon`,{key:0,item:t},()=>[y(n,{icon:`lucide:arrow-up-right`,class:S(O(z).itemLinkIcon)},null,8,[`class`])]):h(`v-if`,!0),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(C(),g(f,{key:1},[y(u,x({ref_for:!0},B.value),{default:A(()=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(n,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040),y(O(r),x({ref_for:!0},b.portalProps),{default:A(()=>[y(d,x({ref_for:!0},V.value),{default:A(()=>[y(O(s),x({ref_for:!0},O(I),{items:t.children??[]}),v({_:2},[w(R.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128))]),_:3},16))}});export{j 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{usePickProps 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{useMenuUi as o}from"../menu/context.js";import s from"../menu/menu-options-compact.js";import"../menu/index.js";import c from"./menubar-root.js";import l from"./menubar-menu.js";import u from"./menubar-trigger.js";import d from"./menubar-content.js";import{Fragment as f,computed as p,createBlock as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createSlots as v,createVNode as y,defineComponent as b,mergeProps as x,normalizeClass as S,openBlock as C,renderList as w,renderSlot as T,toDisplayString as E,toHandlers as D,unref as O,useSlots as k,withCtx as A}from"vue";const j=b({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(b,{emit:j}){let M=b,N=j,P=k(),F=n(M,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`]),I=n(M,[`items`,`activeValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),L=t(N),R=p(()=>e(P).filter(e=>e!==`trigger`)),z=o(),B=p(()=>({...M.triggerProps,disabled:M.disabled??M.triggerProps?.disabled})),V=p(()=>({...M.contentProps,popupProps:M.popupProps??M.contentProps?.popupProps,placement:M.placement??M.contentProps?.placement,sideOffset:M.contentProps?.sideOffset??(M.showArrow?0:8)}));return(e,t)=>(C(),m(c,x(O(F),D(O(L))),{default:A(()=>[(C(!0),g(f,null,w(b.items,t=>(C(),m(l,{key:t.value,value:t.value},{default:A(()=>[t.to||t.href?(C(),m(u,x({key:0,ref_for:!0},B.value,{"as-child":``}),{default:A(()=>[y(a,x({ref_for:!0},b.linkProps,{disabled:t.disabled,to:t.to,href:t.href,target:t.target,external:t.external}),{default:A(({isHref:n})=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(r,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),n?T(e.$slots,`item-link-icon`,{key:0,item:t},()=>[y(r,{icon:`lucide:arrow-up-right`,class:S(O(z).itemLinkIcon)},null,8,[`class`])]):h(`v-if`,!0),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(C(),g(f,{key:1},[y(u,x({ref_for:!0},B.value),{default:A(()=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(r,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040),y(O(i),x({ref_for:!0},b.portalProps),{default:A(()=>[y(d,x({ref_for:!0},V.value),{default:A(()=>[y(O(s),x({ref_for:!0},O(I),{items:t.children??[]}),v({_:2},[w(R.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128))]),_:3},16))}});export{j as default};

package/dist/components/menubar/menubar-compact.vue.d.ts

@@ -9,8 +9,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenubarCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, 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: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -6,6 +6,9 @@ import { MenuContentEmits, MenuContentProps, MenuOptionData, MenuOptionsCompactE
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/menubar/types.d.ts
+/**
+ * Props for the menubar root component.
+ */
 interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
   /** The controlled value of the menu to open. Can be used as `v-model`. */
   modelValue?: T;
@@ -16,39 +19,108 @@ interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Primit
   /** When `true`, keyboard navigation loops from last trigger to first and vice versa. */
   loop?: boolean;
 }
+/**
+ * Emits for the menubar root component.
+ */
 type MenubarRootEmits<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [value: T];
 };
+/**
+ * Props for the menubar menu component.
+ */
 interface MenubarMenuProps {
   /** A unique value that associates the trigger with the active root value when controlled. */
   value?: DefinedValue;
 }
+/**
+ * Props for the menubar trigger component.
+ */
 interface MenubarTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
   /** When `true`, prevents the user from interacting with the trigger. */
   disabled?: boolean;
 }
+/**
+ * Emits for the menubar content component.
+ */
 type MenubarContentEmits = MenuContentEmits;
+/**
+ * Props for the menubar content component.
+ */
 interface MenubarContentProps extends MenuContentProps {}
+/**
+ * Props for the menubar sub trigger component.
+ */
 interface MenubarSubTriggerProps extends MenuSubTriggerProps {}
+/**
+ * Props for the menubar sub content component.
+ */
 interface MenubarSubContentProps extends MenuSubContentProps {}
+/**
+ * Emits for the menubar sub content component.
+ */
 type MenubarSubContentEmits = MenuSubContentEmits;
+/**
+ * Props for the menubar compact component.
+ */
 interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends MenubarRootProps<T>, MenuOptionsCompactProps<T> {
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Placement.
+   */
   placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: MenubarTriggerProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: MenubarContentProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: MenuPopupProps;
+  /**
+   * Props forwarded to the arrow element.
+   */
   arrowProps?: PopperArrowProps;
 }
+/**
+ * Emits for the menubar compact component.
+ */
 type MenubarCompactEmits<T extends DefinedValue = DefinedValue> = MenubarRootEmits<T> & MenuContentEmits & MenuOptionsCompactEmits<T>;
+/**
+ * Slots for the menubar compact component.
+ */
 type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger: (data: {
     item: MenuOptionData<T>;
   }) => any;
 };
+/**
+ * Available UI slots for the menubar component.
+ */
 type MenubarUiSlot = 'root' | 'trigger' | MenuUiSlot;
+/**
+ * UI class overrides for the menubar component.
+ */
 type MenubarUi = UiClass<MenubarUiSlot>;
 //#endregion
 export { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarUi, MenubarUiSlot };

package/dist/components/month-picker/context.d.ts

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { MonthPickerUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/month-picker/context.d.ts
+declare const provideMonthPickerUi: (ui: _$vue.ComputedRef<Partial<UiClass<MonthPickerUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<MonthPickerUiSlot>>>, useMonthPickerUi: UseUiConsumer<MonthPickerUiSlot>;
+//#endregion
+export { provideMonthPickerUi };

package/dist/components/month-picker/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`MonthPickerRoot`),[i,a]=t(`MonthPickerUi`);export{n as provideMonthPickerRootContext,i as provideMonthPickerUi,r as useMonthPickerRootContext,a as useMonthPickerUi};

package/dist/components/month-picker/index.d.ts

@@ -0,0 +1,6 @@
+import { MonthPickerPopupProps, MonthPickerRootContext, MonthPickerRootEmits, MonthPickerRootProps, MonthPickerTriggerProps, MonthPickerUi, MonthPickerUiSlot } from "./types.js";
+import { _default } from "./month-picker-popup.vue.js";
+import { _default as _default$1 } from "./month-picker-root.vue.js";
+import { _default as _default$2 } from "./month-picker-trigger.vue.js";
+import { provideMonthPickerUi } from "./context.js";
+export { _default as MonthPickerPopup, type MonthPickerPopupProps, _default$1 as MonthPickerRoot, type MonthPickerRootContext, type MonthPickerRootEmits, type MonthPickerRootProps, _default$2 as MonthPickerTrigger, type MonthPickerTriggerProps, type MonthPickerUi, type MonthPickerUiSlot, provideMonthPickerUi };

package/dist/components/month-picker/index.js

@@ -0,0 +1 @@
+import{provideMonthPickerUi as e}from"./context.js";import t from"./month-picker-popup.js";import n from"./month-picker-root.js";import r from"./month-picker-trigger.js";export{t as MonthPickerPopup,n as MonthPickerRoot,r as MonthPickerTrigger,e as provideMonthPickerUi};

package/dist/components/month-picker/month-picker-popup.js

@@ -0,0 +1 @@
+import{compareYearMonth as e,toDate as t}from"../../date/comparators.js";import"../../date/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useMonthPickerRootContext as i,useMonthPickerUi as a}from"./context.js";import{Fragment as ee,computed as te,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,defineComponent as d,nextTick as f,normalizeClass as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useId as ne,watch as y,withCtx as b}from"vue";const re=[`data-disabled`,`disabled`],x=[`id`],S=[`data-disabled`,`disabled`],C=[`aria-label`,`aria-pressed`,`data-disabled`,`data-focused`,`data-month-value`,`data-selected`,`disabled`,`tabindex`,`onClick`,`onFocus`,`onKeydown`],w=d({name:`MonthPickerPopup`,__name:`month-picker-popup`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(d){let w=a(`popup`),T=a(`header`),E=a(`heading`),D=a(`prev`),O=a(`next`),k=a(`grid`),ie=a(`cellTrigger`),{placeholder:ae,isMonthDisabled:A,setFocusedMonth:j,isNextButtonDisabled:M,nextPage:N,isPrevButtonDisabled:P,prevPage:F,focusedMonth:I,onMonthChange:L,dir:R,open:z,popupId:B,headingValue:V,formatter:H,isMonthSelected:U}=i(`MonthPickerPopup`),[W,G]=n(),K=ne(),q=te(()=>Array.from({length:12},(e,t)=>ae.value.set({month:t+1,day:1}))),J=e=>{(W.value?.querySelector(`[data-month-value='${e.toString()}']`))?.focus()},Y=(e,t)=>{let n=e;for(;n>=0&&n<q.value.length;){let e=q.value[n];if(!A(e)){j(e),f(()=>{J(e)});return}n+=t}},X=(e,t)=>{if(t>0){if(M())return;N()}else{if(P())return;F()}f(()=>{Y(e,t)})},Z=(e,t)=>{let n=e+t,r=t>=0?1:-1;if(n>=0&&n<q.value.length){Y(n,r);return}X(n<0?q.value.length+n:n-q.value.length,r)},Q=()=>{P()||(F(),f(()=>{J(I.value)}))},$=()=>{M()||(N(),f(()=>{J(I.value)}))},oe=e=>{j(e)},se=e=>{A(e)||L(e)},ce=(e,t,n)=>{if(A(e))return;let r=R.value===`rtl`?-1:1;switch(n.key){case`ArrowRight`:n.preventDefault(),Z(t,r);break;case`ArrowLeft`:n.preventDefault(),Z(t,-r);break;case`ArrowDown`:n.preventDefault(),Z(t,3);break;case`ArrowUp`:n.preventDefault(),Z(t,-3);break;case`Home`:n.preventDefault(),Y(t-t%3,1);break;case`End`:n.preventDefault(),Y(t+(2-t%3),-1);break;case`PageUp`:n.preventDefault(),Q();break;case`PageDown`:n.preventDefault(),$();break;case`Enter`:case` `:n.preventDefault(),L(e);break;default:break}};return y(()=>z.value,e=>{e&&f(()=>{J(I.value)})}),(n,i)=>v(z)?(m(),o(v(r),{key:0,id:v(B),ref:v(G),as:d.as,"as-child":d.asChild,"aria-labelledby":v(K),class:p(v(w)),"data-slot":`popup`,role:`dialog`},{default:b(()=>[l(`div`,{class:p(v(T)),"data-slot":`header`},[l(`button`,{"aria-label":`Previous year`,class:p(v(D)),"data-disabled":v(P)()?``:void 0,"data-slot":`prev`,disabled:v(P)(),type:`button`,onClick:Q},[g(n.$slots,`prev`,{disabled:v(P)()},()=>[i[0]||(i[0]=u(`Prev`,-1))])],10,re),l(`div`,{id:v(K),class:p(v(E)),"data-slot":`heading`},[g(n.$slots,`heading`,{headingValue:v(V)},()=>[u(_(v(V)),1)])],10,x),l(`button`,{"aria-label":`Next year`,class:p(v(O)),"data-disabled":v(M)()?``:void 0,"data-slot":`next`,disabled:v(M)(),type:`button`,onClick:$},[g(n.$slots,`next`,{disabled:v(M)()},()=>[i[1]||(i[1]=u(`Next`,-1))])],10,S)],2),l(`div`,{class:p(v(k)),"data-slot":`grid`},[(m(!0),c(ee,null,h(q.value,(r,i)=>(m(),c(`button`,{key:r.toString(),"aria-label":v(H).fullMonthAndYear(v(t)(r)),"aria-pressed":v(U)(r)?!0:void 0,class:p(v(ie)),"data-disabled":v(A)(r)?``:void 0,"data-focused":v(e)(r,v(I))===0?``:void 0,"data-month-value":r.toString(),"data-selected":v(U)(r)?``:void 0,"data-slot":`cell-trigger`,disabled:v(A)(r),tabindex:v(e)(r,v(I))===0&&!v(A)(r)?0:-1,type:`button`,onClick:e=>se(r),onFocus:e=>oe(r),onKeydown:e=>ce(r,i,e)},[g(n.$slots,`month`,{date:r,disabled:v(A)(r),focused:v(e)(r,v(I))===0,label:v(H).custom(v(t)(r),{month:`short`}),selected:v(U)(r)},()=>[u(_(v(H).custom(v(t)(r),{month:`short`})),1)])],42,C))),128))],2)]),_:3},8,[`id`,`as`,`as-child`,`aria-labelledby`,`class`])):s(`v-if`,!0)}});export{w as default};