@soybeanjs/headless 0.16.0 → 0.17.0

package/dist/components/menubar/menubar-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{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=e(N),R=p(()=>t(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};
+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/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/month-picker-root.vue.d.ts

@@ -12,20 +12,20 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: _$vue.DefineComponent<MonthPickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (date: DateValue | undefined) => any;
-  "update:placeholder": (date: DateValue) => any;
   "update:open": (open: boolean) => any;
+  "update:placeholder": (date: DateValue) => any;
 }, string, _$vue.PublicProps, Readonly<MonthPickerRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
 }>, {
   placeholder: DateValue;
   disabled: boolean;
   defaultValue: DateValue;
-  defaultPlaceholder: DateValue;
-  readonly: boolean;
   open: boolean;
   defaultOpen: boolean;
+  readonly: boolean;
+  defaultPlaceholder: DateValue;
   modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -7,55 +7,196 @@ import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 import { DateValue } from "@internationalized/date";
 
 //#region src/components/month-picker/types.d.ts
+/**
+ * Props for the month picker root component.
+ */
 interface MonthPickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
   defaultValue?: DateValue;
+  /**
+   * Default placeholder.
+   */
   defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
   placeholder?: DateValue;
+  /**
+   * Current model value.
+   */
   modelValue?: DateValue;
+  /**
+   * Min value.
+   */
   minValue?: DateValue;
+  /**
+   * Max value.
+   */
   maxValue?: DateValue;
+  /**
+   * Locale.
+   */
   locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
   readonly?: boolean;
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
+  /**
+   * Whether the component is open by default.
+   */
   defaultOpen?: boolean;
+  /**
+   * Whether the component is open.
+   */
   open?: boolean;
+  /**
+   * Whether the popup is modal.
+   */
   modal?: boolean;
 }
+/**
+ * Emits for the month picker root component.
+ */
 type MonthPickerRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [date: DateValue];
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
+/**
+ * Props for the month picker trigger component.
+ */
 interface MonthPickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the month picker popup component.
+ */
 interface MonthPickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Context for the month picker root component.
+ */
 interface MonthPickerRootContext extends PropsToContext<MonthPickerRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
   locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
   dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<DateValue | undefined>;
+  /**
+   * Placeholder used by the component context.
+   */
   placeholder: ShallowRef<DateValue>;
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: ComputedRef<boolean>;
+  /**
+   * Formatter used by the component context.
+   */
   formatter: Formatter;
+  /**
+   * Whether the component is open.
+   */
   open: ShallowRef<boolean | undefined>;
+  /**
+   * Popup id used by the component context.
+   */
   popupId: string;
+  /**
+   * Display value used by the component context.
+   */
   displayValue: ComputedRef<string>;
+  /**
+   * Heading value used by the component context.
+   */
   headingValue: ComputedRef<string>;
+  /**
+   * Focused month used by the component context.
+   */
   focusedMonth: ShallowRef<DateValue>;
+  /**
+   * Min value used by the component context.
+   */
   minValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Max value used by the component context.
+   */
   maxValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Callback invoked when the month changes.
+   */
   onMonthChange: (date: DateValue) => void;
+  /**
+   * Callback invoked when the placeholder changes.
+   */
   onPlaceholderChange: (date: DateValue) => void;
+  /**
+   * Whether the month is disabled.
+   */
   isMonthDisabled: (date: DateValue) => boolean;
+  /**
+   * Whether the month is selected.
+   */
   isMonthSelected: (date: DateValue) => boolean;
+  /**
+   * Set open used by the component context.
+   */
   setOpen: (value: boolean) => void;
+  /**
+   * Set focused month used by the component context.
+   */
   setFocusedMonth: (date: DateValue) => void;
+  /**
+   * Prev page used by the component context.
+   */
   prevPage: () => void;
+  /**
+   * Next page used by the component context.
+   */
   nextPage: () => void;
+  /**
+   * Whether the previous button is disabled.
+   */
   isPrevButtonDisabled: () => boolean;
+  /**
+   * Whether the next button is disabled.
+   */
   isNextButtonDisabled: () => boolean;
 }
+/**
+ * Available UI slots for the month picker component.
+ */
 type MonthPickerUiSlot = 'root' | 'trigger' | 'popup' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'cellTrigger';
+/**
+ * UI class overrides for the month picker component.
+ */
 type MonthPickerUi = UiClass<MonthPickerUiSlot>;
 //#endregion
 export { MonthPickerPopupProps, MonthPickerRootContext, MonthPickerRootEmits, MonthPickerRootProps, MonthPickerTriggerProps, MonthPickerUi, MonthPickerUiSlot };

package/dist/components/month-range-picker/month-range-picker-root.vue.d.ts

@@ -12,24 +12,24 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: _$vue.DefineComponent<MonthRangePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (range: DateRange) => any;
-  "update:placeholder": (date: DateValue) => any;
   "update:open": (open: boolean) => any;
+  "update:placeholder": (date: DateValue) => any;
   "update:startValue": (date: DateValue | undefined) => any;
   "update:endValue": (date: DateValue | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<MonthRangePickerRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((date: DateValue | undefined) => any) | undefined;
 }>, {
   placeholder: DateValue;
   disabled: boolean;
   defaultValue: DateRange;
-  defaultPlaceholder: DateValue;
-  readonly: boolean;
   open: boolean;
   defaultOpen: boolean;
+  readonly: boolean;
+  defaultPlaceholder: DateValue;
   modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/month-range-picker/types.d.ts

@@ -7,63 +7,228 @@ import { Formatter } from "../../date/formatter.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/month-range-picker/types.d.ts
+/**
+ * Props for the month range picker root component.
+ */
 interface MonthRangePickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
   defaultValue?: DateRange;
+  /**
+   * Default placeholder.
+   */
   defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
   placeholder?: DateValue;
+  /**
+   * Current model value.
+   */
   modelValue?: DateRange;
+  /**
+   * Min value.
+   */
   minValue?: DateValue;
+  /**
+   * Max value.
+   */
   maxValue?: DateValue;
+  /**
+   * Locale.
+   */
   locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
   readonly?: boolean;
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
+  /**
+   * Whether the component is open by default.
+   */
   defaultOpen?: boolean;
+  /**
+   * Whether the component is open.
+   */
   open?: boolean;
+  /**
+   * Whether the popup is modal.
+   */
   modal?: boolean;
 }
+/**
+ * Emits for the month range picker root component.
+ */
 type MonthRangePickerRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [range: DateRange];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [date: DateValue];
+  /**
+   * Emitted when the start value changes.
+   */
   'update:startValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the end value changes.
+   */
   'update:endValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
+/**
+ * Props for the month range picker trigger component.
+ */
 interface MonthRangePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the month range picker popup component.
+ */
 interface MonthRangePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Context for the month range picker root component.
+ */
 interface MonthRangePickerRootContext extends PropsToContext<MonthRangePickerRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
   locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
   dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<DateRange>;
+  /**
+   * Placeholder used by the component context.
+   */
   placeholder: ShallowRef<DateValue>;
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: ComputedRef<boolean>;
+  /**
+   * Formatter used by the component context.
+   */
   formatter: Formatter;
+  /**
+   * Whether the component is open.
+   */
   open: ShallowRef<boolean | undefined>;
+  /**
+   * Popup id used by the component context.
+   */
   popupId: string;
+  /**
+   * Display value used by the component context.
+   */
   displayValue: ComputedRef<string>;
+  /**
+   * Heading value used by the component context.
+   */
   headingValue: ComputedRef<string>;
+  /**
+   * Focused month used by the component context.
+   */
   focusedMonth: ShallowRef<DateValue>;
+  /**
+   * Hovered month used by the component context.
+   */
   hoveredMonth: ShallowRef<DateValue | undefined>;
+  /**
+   * Min value used by the component context.
+   */
   minValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Max value used by the component context.
+   */
   maxValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Whether the component has selected range.
+   */
   hasSelectedRange: ComputedRef<boolean>;
+  /**
+   * Callback invoked when the range changes.
+   */
   onRangeChange: (month: DateValue) => void;
+  /**
+   * Callback invoked when the placeholder changes.
+   */
   onPlaceholderChange: (date: DateValue) => void;
+  /**
+   * Whether the month is disabled.
+   */
   isMonthDisabled: (date: DateValue) => boolean;
+  /**
+   * Whether the month is selected.
+   */
   isMonthSelected: (date: DateValue) => boolean;
+  /**
+   * Whether the month is highlighted.
+   */
   isMonthHighlighted: (date: DateValue) => boolean;
+  /**
+   * Whether a range start.
+   */
   isRangeStart: (date: DateValue) => boolean;
+  /**
+   * Whether a range end.
+   */
   isRangeEnd: (date: DateValue) => boolean;
+  /**
+   * Set open used by the component context.
+   */
   setOpen: (value: boolean) => void;
+  /**
+   * Set focused month used by the component context.
+   */
   setFocusedMonth: (date: DateValue) => void;
+  /**
+   * Set hovered month used by the component context.
+   */
   setHoveredMonth: (date: DateValue | undefined) => void;
+  /**
+   * Prev page used by the component context.
+   */
   prevPage: () => void;
+  /**
+   * Next page used by the component context.
+   */
   nextPage: () => void;
+  /**
+   * Whether the previous button is disabled.
+   */
   isPrevButtonDisabled: () => boolean;
+  /**
+   * Whether the next button is disabled.
+   */
   isNextButtonDisabled: () => boolean;
 }
+/**
+ * Available UI slots for the month range picker component.
+ */
 type MonthRangePickerUiSlot = 'root' | 'trigger' | 'popup' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'cellTrigger';
+/**
+ * UI class overrides for the month range picker component.
+ */
 type MonthRangePickerUi = UiClass<MonthRangePickerUiSlot>;
 //#endregion
 export { MonthRangePickerPopupProps, MonthRangePickerRootContext, MonthRangePickerRootEmits, MonthRangePickerRootProps, MonthRangePickerTriggerProps, MonthRangePickerUi, MonthRangePickerUiSlot };