https://mementomori.social/packs/menu-CMZ3IbWK.js

1import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./jsx-runtime-D3F0h15I.js";import{M as r,j as i,tt as a}from"./poll-D8bZPDhO.js";import{r as o}from"./short_number-BgjDzBct.js";import{t as s}from"./classnames-CfLRLWYq.js";import{t as c}from"./useBreakpoint-CcBSLRU4.js";import{c as l,t as u}from"./redesign-B7me3m0j.js";import{t as d}from"./useMergedRefs-CKvDylbq.js";import{n as f,t as p}from"./toggle_field-XFTcF66Q.js";import{n as m,t as h}from"./text_input_field-esv7hd2j.js";var g=e(t(),1),_=new Map([[`bold`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z`}))],[`duotone`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M232,56V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Z`,opacity:`0.2`}),g.createElement(`path`,{d:`M205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z`}))],[`fill`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z`}))],[`light`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z`}))],[`regular`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z`}))],[`thin`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M226.83,74.83l-128,128a4,4,0,0,1-5.66,0l-56-56a4,4,0,0,1,5.66-5.66L96,194.34,221.17,69.17a4,4,0,1,1,5.66,5.66Z`}))]]),v=new Map([[`bold`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z`}))],[`duotone`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M240,96v64a16,16,0,0,1-16,16H32a16,16,0,0,1-16-16V96A16,16,0,0,1,32,80H224A16,16,0,0,1,240,96Z`,opacity:`0.2`}),g.createElement(`path`,{d:`M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z`}))],[`fill`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M224,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V96A16,16,0,0,0,224,80ZM60,140a12,12,0,1,1,12-12A12,12,0,0,1,60,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,128,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,196,140Z`}))],[`light`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M138,128a10,10,0,1,1-10-10A10,10,0,0,1,138,128ZM60,118a10,10,0,1,0,10,10A10,10,0,0,0,60,118Zm136,0a10,10,0,1,0,10,10A10,10,0,0,0,196,118Z`}))],[`regular`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z`}))],[`thin`,g.createElement(g.Fragment,null,g.createElement(`path`,{d:`M136,128a8,8,0,1,1-8-8A8,8,0,0,1,136,128Zm-76-8a8,8,0,1,0,8,8A8,8,0,0,0,60,120Zm136,0a8,8,0,1,0,8,8A8,8,0,0,0,196,120Z`}))]]),y=g.forwardRef((e,t)=>g.createElement(l,{ref:t,...e,weights:_}));y.displayName=`CheckIcon`;var b=g.forwardRef((e,t)=>g.createElement(l,{ref:t,...e,weights:v}));b.displayName=`DotsThreeIcon`;var x={sensor:`_hooks_usescrollsensor__sensor`},S=e(s()),C=n(),w=({placement:e=`top`,tolerance:t,global:n,className:r,style:i,...a}={})=>{let[o,s]=(0,g.useState)(!0),c=(0,g.useRef)(null),l=(0,g.useRef)(null);(0,g.useLayoutEffect)(()=>{let e=c.current;if(e){if(!l.current){let t=n?null:e.parentElement;l.current=new IntersectionObserver(([e])=>{e&&s(e.isIntersecting)},{root:t})}return l.current.observe(e),()=>{l.current&&l.current.unobserve(e)}}},[c,n]);let u=t?{...i,"--tolerance":`${t}px`}:i;return{sensor:(0,C.jsx)(`div`,{...a,className:(0,S.default)(x.sensor,r),style:u,"data-placement":e,ref:c}),isInViewport:o}},T={dialog:`_comp_bottom_sheet__dialog`,withGradient:`_comp_bottom_sheet__withGradient`,sheet:`_comp_bottom_sheet__sheet`},E=({children:e,className:t,onClose:n,...i})=>{let a=(0,g.useRef)(null),o=(0,g.useRef)(null);(0,g.useLayoutEffect)(()=>{let e=a.current;if(e)return e.showModal(),()=>{e.requestClose()}},[]),r(o,e=>{n(e)});let{sensor:s,isInViewport:c}=w({placement:`bottom`,tolerance:10});return(0,C.jsxs)(`dialog`,{...i,className:(0,S.default)(T.dialog,!c&&T.withGradient),ref:d(i.ref,a),children:[(0,C.jsx)(`div`,{ref:o,className:(0,S.default)(t,T.sheet),children:e}),s]})},D={card:`_comp_menu__card`,popoverCard:`_comp_menu__popoverCard`,itemGroupLabel:`_comp_menu__itemGroupLabel`,itemDivider:`_comp_menu__itemDivider`,item:`_comp_menu__item`,itemActive:`_comp_menu__itemActive`,itemDestructive:`_comp_menu__itemDestructive`,itemDescription:`_comp_menu__itemDescription`,itemIcon:`_comp_menu__itemIcon`,itemTrailingContent:`_comp_menu__itemTrailingContent`},O=({as:e,children:t,className:n,elevation:r=1,maxWidth:i,style:a,popover:o=`manual`,...s})=>{let c=e??`div`,l=(0,g.useRef)(null);return(0,g.useLayoutEffect)(()=>{let e=l.current;if(o===`manual`&&e&&k())return e.showPopover(),()=>{e.hidePopover()}},[o]),(0,C.jsx)(c,{...s,ref:d(s.ref,l),popover:o,className:(0,S.default)(n,D.card),"data-elevation":r,style:{"--_max-card-width":typeof i==`number`?`${i}px`:i,...a},children:t})};function k(){return`popover`in HTMLElement.prototype}var A=({isOpen:e,onClose:t,reference:n,popoverElement:r,container:a,placement:o,offset:s=4,flip:l,strategy:u,matchReferenceWidth:d,closeOnClickOutside:f,children:p,className:m,...h})=>c(`openable`)&&e?(0,C.jsx)(E,{...h,onClose:t,children:p}):(0,C.jsx)(i,{isOpen:e,onClose:t,reference:n,popoverElement:r,container:a,placement:o,offset:s,flip:l,strategy:u,matchReferenceWidth:d,closeOnClickOutside:f,children:({props:e})=>(0,C.jsx)(O,{...e,...h,className:(0,S.default)(m,h.maxWidth&&D.popoverCard),children:p})}

1),j={radioWrapper:`_comp_form_fields_redesign__radioWrapper`,icon:`_comp_form_fields_redesign__icon`,inputWrapper:`_comp_form_fields_redesign__inputWrapper`,input:`_comp_form_fields_redesign__input`,inputIcon:`_comp_form_fields_redesign__inputIcon`,toggle:`_comp_form_fields_redesign__toggle`,toggleSmall:`_comp_form_fields_redesign__toggleSmall`},M=({className:e,wrapperClassName:t,...n})=>(0,C.jsx)(m,{...n,className:(0,S.default)(e,j.input),wrapperClassName:(0,S.default)(t,j.inputWrapper)}),N=({className:e,...t})=>(0,C.jsx)(h,{...t,className:(0,S.default)(e,j.input),iconClassName:j.inputIcon}),P=({className:e,size:t,...n})=>(0,C.jsx)(p,{...n,className:(0,S.default)(e,j.toggle,t===`sm`&&j.toggleSmall)}),F=({className:e,size:t,...n})=>(0,C.jsx)(f,{...n,className:(0,S.default)(e,j.toggle,t===`sm`&&j.toggleSmall),size:t===`sm`?14:20}),I=({label:e,children:t})=>{let{type:n}=K(),r=(0,g.useId)();return(0,C.jsxs)(n===`navigation`?`li`:`div`,{"aria-labelledby":r,role:`group`,children:[(0,C.jsx)(`div`,{id:r,className:D.itemGroupLabel,children:e}),n===`navigation`?(0,C.jsx)(`ul`,{children:t}):t]})},L=()=>(0,C.jsx)(`hr`,{className:D.itemDivider}),R=({active:e,disabled:t,destructive:n,as:r,children:i,className:o,icon:s,description:c,trailingContent:l,iconClassName:u,keepMenuOpenOnClick:d,onClick:f,...p})=>{let m=r??`div`,{popover:h}=K(),_=(0,g.useCallback)(e=>{t||(d||setTimeout(()=>{h.closeMenu()},100),f?.(e))},[t,d,f,h]),v=(0,g.useId)(),y=`${v}-title`,b=`${v}-desc`;return(0,C.jsxs)(m,{type:r===`button`?`button`:void 0,...p,"data-menu-item":!0,className:(0,S.default)(o,D.item,e&&D.itemActive,n&&D.itemDestructive),"aria-disabled":t,"aria-labelledby":c?y:void 0,"aria-describedby":c?b:void 0,onClick:_,children:[s&&s!==`reserve-space`&&(0,C.jsx)(a,{id:`menu`,icon:s,className:(0,S.default)(u,D.itemIcon)}),s===`reserve-space`&&(0,C.jsx)(`div`,{className:D.itemIcon}),(0,C.jsx)(z,{description:c,descId:b,titleId:y,children:i}),l&&(0,C.jsx)(`span`,{className:D.itemTrailingContent,children:l})]})},z=({children:e,description:t,titleId:n,descId:r})=>t?(0,C.jsxs)(`span`,{children:[(0,C.jsx)(`span`,{id:n,children:e}),(0,C.jsx)(`span`,{id:r,className:D.itemDescription,children:t})]}):e,B=({children:e,...t})=>{let{type:n}=K();return(0,C.jsx)(n===`actions`?g.Fragment:`li`,{children:(0,C.jsx)(R,{as:`button`,type:`button`,role:n===`actions`?`menuitem`:void 0,...t,children:e})})},V=({as:e,children:t,onKeyDown:n,...r})=>{let{type:i}=K(),a=(0,g.useCallback)(e=>{i===`actions`&&e.code===`Space`&&(e.target.click(),e.preventDefault()),n?.(e)},[n,i]);return(0,C.jsx)(i===`actions`?g.Fragment:`li`,{children:(0,C.jsx)(R,{as:(e??`link`)===`link`?o:`a`,role:i===`actions`?`menuitem`:void 0,onKeyDown:a,...e===`a`?{target:`_blank`,rel:`noopener`}:void 0,...r,children:t})})};function H(e){let{type:t}=K();if(t===`navigation`)throw Error(`\`${e}\` can not be used inside of \`<Menu type='navigation'>\`. Use \`type='actions'\` instead.`)}var U=({children:e,checked:t,value:n,onChange:r,...i})=>{H(`MenuItemRadio`);let a=(0,g.useCallback)(()=>{r?.({value:n})},[n,r]);return(0,C.jsx)(R,{as:`button`,...i,role:`menuitemradio`,"aria-checked":t,onClick:a,icon:t?y:`reserve-space`,children:e})},W=({children:e,checked:t,value:n,onChange:r,...i})=>{H(`MenuItemCheckbox`);let a=(0,g.useCallback)(()=>{r?.({value:n,checked:!t})},[r,n,t]);return(0,C.jsx)(R,{as:`button`,...i,role:`menuitemcheckbox`,"aria-checked":t,onClick:a,trailingContent:(0,C.jsx)(P,{"aria-hidden":`true`,tabIndex:-1,size:`sm`,checked:t,readOnly:!0}),children:e})};D.item;var G=(0,g.createContext)(null);function K(){let e=(0,g.use)(G);if(!e)throw Error(`useMenuContext must be used within a <Menu> component`);return e}function q(e){return Array.from(e.querySelectorAll(`:scope [data-menu-item]:not([disabled])`))}var J=({type:e=`actions`,onOpen:t,onClose:n,children:r,noFocus:i})=>{let a=(0,g.useId)(),o=`${a}-trigger`,s=`${a}-list`,[c,l]=(0,g.useState)(null),[u,d]=(0,g.useState)(null),f=(0,g.useCallback)(t=>{d(t),t&&e===`actions`&&!i&&(q(t)[0]??t).focus({preventScroll:!0})},[i,e]),[p,m]=(0,g.useState)(!1),h=(0,g.useCallback)(()=>{t?.()!==!1&&m(!0)},[t]),_=(0,g.useCallback)(()=>{n?.()!==!1&&(m(!1),u?.contains(document.activeElement)&&c?.focus())},[u,c,n]),v=p?_:h,y=(0,g.useCallback)(e=>{if(!u){e.code===`ArrowDown`&&(h(),e.preventDefault());return}let t=q(u);

1if(t.length===0)return;let n=document.activeElement,r=t.indexOf(n);switch(e.code){case`ArrowDown`:e.preventDefault(),p?t[r===-1?0:(r+1)%t.length]?.focus():h();break;case`ArrowUp`:e.preventDefault(),t[r===-1?t.length-1:(r-1+t.length)%t.length]?.focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus();break;case`Escape`:e.preventDefault(),_()}},[_,p,u,h]),b=(0,g.useMemo)(()=>{let t={isMenuOpen:p,openMenu:h,closeMenu:_,toggleMenu:v,reference:c,popover:u},n=e===`actions`?`menu`:void 0;return{type:e,popover:t,menuTriggerProps:{id:o,ref:l,"aria-haspopup":n,"aria-expanded":p,"aria-controls":u?s:void 0,onClick:v,onKeyDown:y},menuListProps:{id:s,ref:f,"aria-labelledby":o,role:n,tabIndex:-1,onKeyDown:y}}},[e,p,h,_,v,c,u,f,o,s,y]);return(0,C.jsx)(G,{value:b,children:r})},Y=({as:e,children:t,...n})=>{let r=e??u,{menuTriggerProps:i}=K();return(0,C.jsx)(r,{...n,...i,children:t})},X=({children:e,...t})=>{let{popover:n,menuListProps:r,type:i}=K();return(0,C.jsx)(A,{isOpen:n.isMenuOpen,onClose:n.closeMenu,reference:n.reference,popoverElement:n.popover,container:null,...t,...r,children:i===`navigation`?(0,C.jsx)(`ul`,{children:e}):e})};export{w as _,K as a,L as c,U as d,N as f,A as g,O as h,q as i,I as l,F as m,X as n,B as o,M as p,Y as r,W as s,J as t,V as u,b as v,y};
2//# sourceMappingURL=menu-CMZ3IbWK.js.map