@soybeanjs/headless 0.15.4 → 0.16.0

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps 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"../separator/separator-root.js";import a from"../link/link.js";import o from"../kbd/kbd.js";import{useMenuOptionsCompactContext as s,useMenuUi as c}from"./context.js";import l from"./menu-group.js";import u from"./menu-group-label.js";import d from"./menu-item.js";import f from"./menu-sub.js";import p from"./menu-sub-trigger.js";import m from"./menu-sub-content.js";import{e as h}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.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=t(z,[`item`]),W=y(()=>h(H)),G=g(H),K=c(),{activeValue:q,activePaths:J}=s(`MenuOptionCompact`),Y=y(()=>q.value===z.item.value),X=y(()=>J.value.includes(z.item.value));return(e,t)=>{let s=N(`MenuOptionCompact`,!0);return A(),S(v,null,[T.item.isGroupLabel?(A(),b(u,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(d,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(n,{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(f,D({key:3},T.subProps,{"onUpdate:open":t[2]||(t[2]=e=>B(`update:open`,e))}),{default:L(()=>[w(p,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(n,{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(i,k(D({key:0},T.separatorProps)),null,16)):x(`v-if`,!0),w(r,k(E(T.portalProps)),{default:L(()=>[w(m,D(T.subContentProps,P(F(V))),{default:L(()=>[w(l,k(E(T.groupProps)),{default:L(()=>[(A(!0),S(v,null,j(T.item.children,t=>(A(),b(s,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(d,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(i,k(D({key:4},T.separatorProps)),null,16)):x(`v-if`,!0)],64)}}});export{R as default};
+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};

package/dist/components/menu/menu-option-compact.vue.d.ts

@@ -8,10 +8,10 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenuOptionCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenuOptionCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, 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: "entryFocus", event: Event) => 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: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/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{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuOptionsCompactContext as i}from"./context.js";import a from"./menu-group.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-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=r(T,[`items`]),k=n(E),A=l(()=>o(D)),j=l(()=>T.activeValue===void 0?[]:t(T.activeValue,T.items));return i({...e(T,[`activeValue`]),activePaths:j}),(e,t)=>(_(),u(a,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{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};

package/dist/components/menu/menu-options-compact.vue.d.ts

@@ -8,10 +8,10 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenuOptionsCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, 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: "entryFocus", event: Event) => 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: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/menu/menu-radio-options-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../separator/separator-root.js";import r from"../kbd/kbd.js";import{useMenuUi as i}from"./context.js";import a from"./menu-group-label.js";import o from"./menu-item-indicator.js";import s from"./menu-radio-item.js";import c from"./menu-radio-group.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuRadioOptionsCompact`,__name:`menu-radio-options-compact`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`radioItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=i();return(e,i)=>(y(),f(c,v(S(k),{"onUpdate:modelValue":i[0]||(i[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,i=>(y(),m(d,{key:i.value},[i.isGroupLabel?(y(),f(a,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:i.icon,label:i.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(s,v({key:1,ref_for:!0},_.radioItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:w(()=>[g(u,{icon:i.icon,label:i.label},h({indicator:w(()=>[g(o,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},i),()=>[g(t,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},[i.shortcut?{name:`shortcut`,fn:w(()=>[g(r,v({ref_for:!0},_.shortcutProps,{value:i.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(y(),f(n,v({key:2,ref_for:!0},_.separatorProps),null,16)):p(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../kbd/kbd.js";import r from"../separator/separator-root.js";import{useMenuUi as i}from"./context.js";import a from"./menu-group-label.js";import o from"./menu-item-indicator.js";import s from"./menu-radio-item.js";import c from"./menu-radio-group.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuRadioOptionsCompact`,__name:`menu-radio-options-compact`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`radioItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=i();return(e,i)=>(y(),f(c,v(S(k),{"onUpdate:modelValue":i[0]||(i[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,i=>(y(),m(d,{key:i.value},[i.isGroupLabel?(y(),f(a,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:i.icon,label:i.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(s,v({key:1,ref_for:!0},_.radioItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:w(()=>[g(u,{icon:i.icon,label:i.label},h({indicator:w(()=>[g(o,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},i),()=>[g(t,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},[i.shortcut?{name:`shortcut`,fn:w(()=>[g(n,v({ref_for:!0},_.shortcutProps,{value:i.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(y(),f(r,v({key:2,ref_for:!0},_.separatorProps),null,16)):p(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

package/dist/components/menu/menu-sub-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<MenuSubContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<MenuSubContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;

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

@@ -5,10 +5,10 @@ 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 { 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

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{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};

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

@@ -10,10 +10,10 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T) => 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;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => 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: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => 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/menubar-content.vue.d.ts

@@ -9,18 +9,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<MenubarContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<MenubarContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/menubar/menubar-sub-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<MenubarSubContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<MenubarSubContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;

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};

package/dist/components/month-picker/month-picker-popup.vue.d.ts

@@ -0,0 +1,36 @@
+import { AsTag } from "../primitive/types.js";
+import { MonthPickerPopupProps } from "./types.js";
+import * as _$vue from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/month-picker/month-picker-popup.vue.d.ts
+type __VLS_Slots = {
+  heading?: (props: {
+    headingValue: string;
+  }) => any;
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  next?: (props: {
+    disabled: boolean;
+  }) => any;
+  month?: (props: {
+    date: DateValue;
+    label: string;
+    disabled: boolean;
+    focused: boolean;
+    selected: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<MonthPickerPopupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MonthPickerPopupProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{compareYearMonth as e,getDefaultDate as t,toDate as n}from"../../date/comparators.js";import{useDateFormatter as r}from"../../date/formatter.js";import"../../date/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{useDirection as a,useLocale as o}from"../config-provider/context.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{provideMonthPickerRootContext as c,useMonthPickerUi as l}from"./context.js";import{computed as u,createBlock as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,useId as v,watch as y,withCtx as b}from"vue";const x=f({name:`MonthPickerRoot`,__name:`month-picker-root`,props:{defaultValue:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},modelValue:{},minValue:{},maxValue:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{},dir:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},modal:{type:Boolean,default:!1},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(f,{emit:x}){let S=f,C=x,w=l(`root`),T=v(),E=o(()=>S.locale),D=a(()=>S.dir),O=r(E.value),k=i(()=>S.modelValue,e=>C(`update:modelValue`,e),S.defaultValue),A=t({defaultPlaceholder:S.placeholder,defaultValue:k.value,locale:S.locale}).set({day:1}),j=i(()=>S.placeholder,e=>C(`update:placeholder`,e),S.defaultPlaceholder?.set({day:1})??A.copy()),M=i(()=>S.open,e=>C(`update:open`,e??!1),S.defaultOpen),N=g((k.value??j.value).set({day:1})),P=u(()=>S.minValue?.set({day:1})),F=u(()=>S.maxValue?.set({day:1})),I=t=>!!(S.disabled||P.value&&e(t,P.value)<0||F.value&&e(t,F.value)>0),L=t=>k.value?e(t,k.value.set({day:1}))===0:!1,R=u(()=>k.value?I(k.value.set({day:1})):!1),z=u(()=>k.value?O.fullMonthAndYear(n(k.value.set({day:1}))):``),B=u(()=>O.fullYear(n(j.value.set({day:1})))),V=e=>{let t=e.set({day:1});j.value=t.copy(),N.value=t.copy()};return y(E,e=>{O.getLocale()!==e&&O.setLocale(e)}),y(k,t=>{if(!t){N.value=j.value.set({day:1}).copy();return}let n=t.set({day:1});e(j.value,n)!==0&&(j.value=n.copy()),N.value=n.copy()}),c({locale:E,dir:D,modelValue:k,placeholder:j,isInvalid:R,formatter:O,open:M,popupId:T,displayValue:z,headingValue:B,focusedMonth:N,minValue:P,maxValue:F,onMonthChange:e=>{let t=e.set({day:1});S.readonly||I(t)||(k.value=t.copy(),V(t),M.value=!1)},onPlaceholderChange:V,isMonthDisabled:I,isMonthSelected:L,setOpen(e){M.value=e},setFocusedMonth:e=>{N.value=e.set({day:1}).copy()},prevPage:()=>{V(j.value.subtract({years:1}))},nextPage:()=>{V(j.value.add({years:1}))},isPrevButtonDisabled:()=>S.disabled?!0:P.value?e(j.value.subtract({years:1}).set({month:12,day:1}),P.value)<0:!1,isNextButtonDisabled:()=>S.disabled?!0:F.value?e(j.value.add({years:1}).set({month:1,day:1}),F.value)>0:!1,disabled:u(()=>S.disabled),readonly:u(()=>S.readonly)}),(e,t)=>(m(),d(_(s),{as:f.as,"as-child":f.asChild,class:p(_(w)),"data-disabled":f.disabled?``:void 0,"data-invalid":R.value?``:void 0,"data-readonly":f.readonly?``:void 0,dir:_(D),"data-slot":`root`},{default:b(()=>[h(e.$slots,`default`,{displayValue:z.value,modelValue:_(k),open:!!_(M)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{x as default};

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

@@ -0,0 +1,39 @@
+import { MonthPickerRootProps } from "./types.js";
+import * as _$vue from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/month-picker/month-picker-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    modelValue: DateValue | undefined;
+    displayValue: string;
+    open: boolean;
+  }) => any;
+};
+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;
+}, 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;
+}>, {
+  placeholder: DateValue;
+  disabled: boolean;
+  defaultValue: DateValue;
+  defaultPlaceholder: DateValue;
+  readonly: boolean;
+  open: boolean;
+  defaultOpen: boolean;
+  modal: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useMonthPickerRootContext as t,useMonthPickerUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`MonthPickerTrigger`,__name:`month-picker-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(i){let u=n(`trigger`),{disabled:d,readonly:f,open:p,setOpen:m,popupId:h}=t(`MonthPickerTrigger`),g=()=>{d.value||f.value||m(!p.value)};return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"aria-controls":c(h),"aria-disabled":c(d)?!0:void 0,"aria-expanded":!!c(p),class:a(c(u)),"data-disabled":c(d)?``:void 0,"data-state":c(p)?`open`:`closed`,"data-slot":`trigger`,type:`button`,onClick:g},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-controls`,`aria-disabled`,`aria-expanded`,`class`,`data-disabled`,`data-state`]))}});export{u as default};

package/dist/components/{autocomplete/autocomplete-trigger.vue.d.ts → month-picker/month-picker-trigger.vue.d.ts}

@@ -1,13 +1,13 @@
 import { AsTag } from "../primitive/types.js";
-import { AutocompleteTriggerProps } from "./types.js";
+import { MonthPickerTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
-//#region src/components/autocomplete/autocomplete-trigger.vue.d.ts
+//#region src/components/month-picker/month-picker-trigger.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<AutocompleteTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<AutocompleteTriggerProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<MonthPickerTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MonthPickerTriggerProps> & Readonly<{}>, {
   as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,61 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PropsToContext } from "../../types/vue.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/month-picker/types.d.ts
+interface MonthPickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  defaultValue?: DateValue;
+  defaultPlaceholder?: DateValue;
+  placeholder?: DateValue;
+  modelValue?: DateValue;
+  minValue?: DateValue;
+  maxValue?: DateValue;
+  locale?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  id?: string;
+  dir?: Direction;
+  defaultOpen?: boolean;
+  open?: boolean;
+  modal?: boolean;
+}
+type MonthPickerRootEmits = {
+  'update:modelValue': [date: DateValue | undefined];
+  'update:placeholder': [date: DateValue];
+  'update:open': [open: boolean];
+};
+interface MonthPickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface MonthPickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface MonthPickerRootContext extends PropsToContext<MonthPickerRootProps, 'disabled' | 'readonly'> {
+  locale: ComputedRef<string>;
+  dir: ComputedRef<Direction>;
+  modelValue: ShallowRef<DateValue | undefined>;
+  placeholder: ShallowRef<DateValue>;
+  isInvalid: ComputedRef<boolean>;
+  formatter: Formatter;
+  open: ShallowRef<boolean | undefined>;
+  popupId: string;
+  displayValue: ComputedRef<string>;
+  headingValue: ComputedRef<string>;
+  focusedMonth: ShallowRef<DateValue>;
+  minValue: ComputedRef<DateValue | undefined>;
+  maxValue: ComputedRef<DateValue | undefined>;
+  onMonthChange: (date: DateValue) => void;
+  onPlaceholderChange: (date: DateValue) => void;
+  isMonthDisabled: (date: DateValue) => boolean;
+  isMonthSelected: (date: DateValue) => boolean;
+  setOpen: (value: boolean) => void;
+  setFocusedMonth: (date: DateValue) => void;
+  prevPage: () => void;
+  nextPage: () => void;
+  isPrevButtonDisabled: () => boolean;
+  isNextButtonDisabled: () => boolean;
+}
+type MonthPickerUiSlot = 'root' | 'trigger' | 'popup' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'cellTrigger';
+type MonthPickerUi = UiClass<MonthPickerUiSlot>;
+//#endregion
+export { MonthPickerPopupProps, MonthPickerRootContext, MonthPickerRootEmits, MonthPickerRootProps, MonthPickerTriggerProps, MonthPickerUi, MonthPickerUiSlot };

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

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

package/dist/components/month-range-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(`MonthRangePickerRoot`),[i,a]=t(`MonthRangePickerUi`);export{n as provideMonthRangePickerRootContext,i as provideMonthRangePickerUi,r as useMonthRangePickerRootContext,a as useMonthRangePickerUi};

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

@@ -0,0 +1,6 @@
+import { MonthRangePickerPopupProps, MonthRangePickerRootContext, MonthRangePickerRootEmits, MonthRangePickerRootProps, MonthRangePickerTriggerProps, MonthRangePickerUi, MonthRangePickerUiSlot } from "./types.js";
+import { _default } from "./month-range-picker-popup.vue.js";
+import { _default as _default$1 } from "./month-range-picker-root.vue.js";
+import { _default as _default$2 } from "./month-range-picker-trigger.vue.js";
+import { provideMonthRangePickerUi } from "./context.js";
+export { _default as MonthRangePickerPopup, type MonthRangePickerPopupProps, _default$1 as MonthRangePickerRoot, type MonthRangePickerRootContext, type MonthRangePickerRootEmits, type MonthRangePickerRootProps, _default$2 as MonthRangePickerTrigger, type MonthRangePickerTriggerProps, type MonthRangePickerUi, type MonthRangePickerUiSlot, provideMonthRangePickerUi };

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

@@ -0,0 +1 @@
+import{provideMonthRangePickerUi as e}from"./context.js";import t from"./month-range-picker-popup.js";import n from"./month-range-picker-root.js";import r from"./month-range-picker-trigger.js";export{t as MonthRangePickerPopup,n as MonthRangePickerRoot,r as MonthRangePickerTrigger,e as provideMonthRangePickerUi};

package/dist/components/month-range-picker/month-range-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{useMonthRangePickerRootContext as i,useMonthRangePickerUi as a}from"./context.js";import{Fragment as ee,computed as te,createBlock as ne,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,nextTick as d,normalizeClass as f,openBlock as p,renderList as re,renderSlot as m,toDisplayString as h,unref as g,useId as ie,watch as ae,withCtx as oe}from"vue";const se=[`data-disabled`,`disabled`],ce=[`id`],_=[`data-disabled`,`disabled`],v=[`aria-label`,`aria-pressed`,`data-disabled`,`data-focused`,`data-highlighted`,`data-month-value`,`data-range-end`,`data-range-start`,`data-selected`,`disabled`,`tabindex`,`onClick`,`onFocus`,`onKeydown`,`onMouseenter`],y=u({name:`MonthRangePickerPopup`,__name:`month-range-picker-popup`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(u){let y=a(`popup`),b=a(`header`),x=a(`heading`),S=a(`prev`),C=a(`next`),w=a(`grid`),T=a(`cellTrigger`),{dir:E,formatter:D,focusedMonth:O,headingValue:k,isMonthDisabled:A,isMonthHighlighted:j,isMonthSelected:M,isNextButtonDisabled:N,isPrevButtonDisabled:P,isRangeEnd:F,isRangeStart:I,modelValue:L,nextPage:R,onRangeChange:z,open:B,placeholder:V,popupId:H,prevPage:U,setFocusedMonth:W,setHoveredMonth:G}=i(`MonthRangePickerPopup`),[le,ue]=n(),K=ie(),q=te(()=>Array.from({length:12},(e,t)=>V.value.set({month:t+1,day:1}))),J=e=>{(le.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))return W(e),d(()=>{J(e)}),!0;n+=t}return!1},X=t=>{let n=q.value.findIndex(n=>e(n,t)===0),r=n===-1?0:n;Y(r,1)||Y(r,-1)},de=(e,t)=>{if(t>0){if(N())return;R()}else{if(P())return;U()}d(()=>{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}de(n<0?q.value.length+n:n-q.value.length,r)},Q=()=>{P()||(U(),d(()=>{X(O.value)}))},$=()=>{N()||(R(),d(()=>{X(O.value)}))},fe=e=>{W(e)},pe=e=>{L.value.start&&!L.value.end&&!A(e)&&G(e)},me=e=>{A(e)||z(e)},he=(e,t,n)=>{if(A(e))return;let r=E.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(),z(e);break;default:break}};return ae(()=>B.value,e=>{e&&d(()=>{X(O.value)})}),(n,i)=>g(B)?(p(),ne(g(r),{key:0,id:g(H),ref:g(ue),as:u.as,"as-child":u.asChild,"aria-labelledby":g(K),class:f(g(y)),"data-slot":`popup`,role:`dialog`,onMouseleave:i[0]||(i[0]=e=>g(G)(void 0))},{default:oe(()=>[c(`div`,{class:f(g(b)),"data-slot":`header`},[c(`button`,{"aria-label":`Previous year`,class:f(g(S)),"data-disabled":g(P)()?``:void 0,"data-slot":`prev`,disabled:g(P)(),type:`button`,onClick:Q},[m(n.$slots,`prev`,{disabled:g(P)()},()=>[i[1]||(i[1]=l(`Prev`,-1))])],10,se),c(`div`,{id:g(K),class:f(g(x)),"data-slot":`heading`},[m(n.$slots,`heading`,{headingValue:g(k)},()=>[l(h(g(k)),1)])],10,ce),c(`button`,{"aria-label":`Next year`,class:f(g(C)),"data-disabled":g(N)()?``:void 0,"data-slot":`next`,disabled:g(N)(),type:`button`,onClick:$},[m(n.$slots,`next`,{disabled:g(N)()},()=>[i[2]||(i[2]=l(`Next`,-1))])],10,_)],2),c(`div`,{class:f(g(w)),"data-slot":`grid`},[(p(!0),s(ee,null,re(q.value,(r,i)=>(p(),s(`button`,{key:r.toString(),"aria-label":g(D).fullMonthAndYear(g(t)(r)),"aria-pressed":g(M)(r)?!0:void 0,class:f(g(T)),"data-disabled":g(A)(r)?``:void 0,"data-focused":g(e)(r,g(O))===0?``:void 0,"data-highlighted":g(j)(r)?``:void 0,"data-month-value":r.toString(),"data-range-end":g(F)(r)?``:void 0,"data-range-start":g(I)(r)?``:void 0,"data-selected":g(M)(r)?``:void 0,"data-slot":`cell-trigger`,disabled:g(A)(r),tabindex:g(e)(r,g(O))===0&&!g(A)(r)?0:-1,type:`button`,onClick:e=>me(r),onFocus:e=>fe(r),onKeydown:e=>he(r,i,e),onMouseenter:e=>pe(r)},[m(n.$slots,`month`,{date:r,disabled:g(A)(r),focused:g(e)(r,g(O))===0,highlighted:g(j)(r),label:g(D).custom(g(t)(r),{month:`short`}),rangeEnd:g(F)(r),rangeStart:g(I)(r),selected:g(M)(r)},()=>[l(h(g(D).custom(g(t)(r),{month:`short`})),1)])],42,v))),128))],2)]),_:3},8,[`id`,`as`,`as-child`,`aria-labelledby`,`class`])):o(`v-if`,!0)}});export{y as default};

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

@@ -0,0 +1,39 @@
+import { AsTag } from "../primitive/types.js";
+import { MonthRangePickerPopupProps } from "./types.js";
+import * as _$vue from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/month-range-picker/month-range-picker-popup.vue.d.ts
+type __VLS_Slots = {
+  heading?: (props: {
+    headingValue: string;
+  }) => any;
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  next?: (props: {
+    disabled: boolean;
+  }) => any;
+  month?: (props: {
+    date: DateValue;
+    label: string;
+    disabled: boolean;
+    focused: boolean;
+    highlighted: boolean;
+    rangeEnd: boolean;
+    rangeStart: boolean;
+    selected: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<MonthRangePickerPopupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MonthRangePickerPopupProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/month-range-picker/month-range-picker-root.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{compareYearMonth as t,getDefaultDate as n,isMonthBetweenInclusive as r,toDate as i}from"../../date/comparators.js";import{useDateFormatter as a}from"../../date/formatter.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as o}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{useDirection as s,useLocale as c}from"../config-provider/context.js";import{Primitive as l}from"../primitive/primitive.js";import"../primitive/index.js";import{provideMonthRangePickerRootContext as u,useMonthRangePickerUi as d}from"./context.js";import{computed as f,createBlock as p,defineComponent as m,normalizeClass as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useId as b,watch as x,withCtx as S}from"vue";const C=m({name:`MonthRangePickerRoot`,__name:`month-range-picker-root`,props:{defaultValue:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},modelValue:{},minValue:{},maxValue:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{},dir:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},modal:{type:Boolean,default:!1},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`,`update:open`],setup(m,{emit:C}){let w=m,T=C,E=d(`root`),D=b(),O=c(()=>w.locale),k=s(()=>w.dir),A=a(O.value),j=o(()=>w.modelValue,e=>{T(`update:modelValue`,e),T(`update:startValue`,e.start),T(`update:endValue`,e.end)},w.defaultValue??{}),M=n({defaultPlaceholder:w.placeholder,defaultValue:j.value.start,locale:w.locale}).set({day:1}),N=o(()=>w.placeholder,e=>T(`update:placeholder`,e),w.defaultPlaceholder?.set({day:1})??M.copy()),P=o(()=>w.open,e=>T(`update:open`,e??!1),w.defaultOpen),F=v((j.value.end??j.value.start??N.value).set({day:1})),I=v(),L=f(()=>w.minValue?.set({day:1})),R=f(()=>w.maxValue?.set({day:1})),z=(e,n)=>t(e,n)<=0?{start:e.copy(),end:n.copy()}:{start:n.copy(),end:e.copy()},B=e=>!!(w.disabled||L.value&&t(e,L.value)<0||R.value&&t(e,R.value)>0),V=e=>j.value.start?t(e,j.value.start.set({day:1}))===0:!1,H=e=>j.value.end?t(e,j.value.end.set({day:1}))===0:!1,U=e=>{let{start:n,end:i}=j.value;return!n&&!i?!1:n&&!i?t(e,n.set({day:1}))===0:n&&i?r(e,n.set({day:1}),i.set({day:1})):!1},W=e=>{let{start:t,end:n}=j.value;if(!t||n||!I.value)return!1;let i=z(t.set({day:1}),I.value.set({day:1}));return r(e,i.start,i.end)},G=f(()=>{let{start:e,end:n}=j.value;return!!(e&&B(e.set({day:1}))||n&&B(n.set({day:1}))||e&&n&&t(n.set({day:1}),e.set({day:1}))<0)}),K=f(()=>{let{start:e,end:t}=j.value;return e&&t?`${A.fullMonthAndYear(i(e.set({day:1})))} – ${A.fullMonthAndYear(i(t.set({day:1})))}`:e?`${A.fullMonthAndYear(i(e.set({day:1})))} – ...`:``}),q=f(()=>A.fullYear(i(N.value.set({day:1})))),J=f(()=>!e(j.value.start)&&!e(j.value.end)),Y=e=>{let t=e.set({day:1});N.value=t.copy(),F.value=t.copy()};return x(O,e=>{A.getLocale()!==e&&A.setLocale(e)}),x(()=>j.value.start,e=>{if(!e)return;let n=e.set({day:1});t(N.value,n)!==0&&(N.value=n.copy())}),x(j,e=>{F.value=(e.end??e.start??N.value).set({day:1}).copy()},{deep:!0}),u({locale:O,dir:k,modelValue:j,placeholder:N,isInvalid:G,formatter:A,open:P,popupId:D,displayValue:K,headingValue:q,focusedMonth:F,hoveredMonth:I,minValue:L,maxValue:R,hasSelectedRange:J,onRangeChange:e=>{let t=e.set({day:1});if(w.readonly||B(t))return;let{start:n,end:r}=j.value;if(!n||r){j.value={start:t.copy(),end:void 0},F.value=t.copy(),I.value=void 0,Y(t);return}let i=z(n.set({day:1}),t);j.value=i,F.value=t.copy(),I.value=void 0,Y(i.start),P.value=!1},onPlaceholderChange:Y,isMonthDisabled:B,isMonthSelected:U,isMonthHighlighted:W,isRangeStart:V,isRangeEnd:H,setOpen(e){P.value=e},setFocusedMonth:e=>{F.value=e.set({day:1}).copy()},setHoveredMonth:e=>{I.value=e?.set({day:1}).copy()},prevPage:()=>{Y(N.value.subtract({years:1}))},nextPage:()=>{Y(N.value.add({years:1}))},isPrevButtonDisabled:()=>w.disabled?!0:L.value?t(N.value.subtract({years:1}).set({month:12,day:1}),L.value)<0:!1,isNextButtonDisabled:()=>w.disabled?!0:R.value?t(N.value.add({years:1}).set({month:1,day:1}),R.value)>0:!1,disabled:f(()=>w.disabled),readonly:f(()=>w.readonly)}),(e,t)=>(g(),p(y(l),{as:m.as,"as-child":m.asChild,class:h(y(E)),"data-disabled":m.disabled?``:void 0,"data-invalid":G.value?``:void 0,"data-readonly":m.readonly?``:void 0,dir:y(k),"data-slot":`root`},{default:S(()=>[_(e.$slots,`default`,{displayValue:K.value,modelValue:y(j),open:!!y(P)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{C as default};

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

@@ -0,0 +1,43 @@
+import { DateRange, DateValue } from "../../date/types.js";
+import { MonthRangePickerRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/month-range-picker/month-range-picker-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    displayValue: string;
+    modelValue: DateRange;
+    open: boolean;
+  }) => any;
+};
+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: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: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;
+  modal: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/month-range-picker/month-range-picker-trigger.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useMonthRangePickerRootContext as t,useMonthRangePickerUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`MonthRangePickerTrigger`,__name:`month-range-picker-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(i){let u=n(`trigger`),{disabled:d,readonly:f,open:p,setOpen:m,popupId:h}=t(`MonthRangePickerTrigger`),g=()=>{d.value||f.value||m(!p.value)};return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"aria-controls":c(h),"aria-disabled":c(d)?!0:void 0,"aria-expanded":!!c(p),class:a(c(u)),"data-disabled":c(d)?``:void 0,"data-state":c(p)?`open`:`closed`,"data-slot":`trigger`,type:`button`,onClick:g},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-controls`,`aria-disabled`,`aria-expanded`,`class`,`data-disabled`,`data-state`]))}});export{u as default};