@seeqdev/qomponents 0.0.218 → 0.0.219

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -67,7 +67,7 @@ http://jedwatson.github.io/classnames
67
67
  tw:dark:border-sq-dark-disabled-gray tw:border-0 tw:border-b tw:px-6 tw:py-4`,children:[(0,p.jsx)(`div`,{className:`tw:flex tw:w-full`,children:ae()}),!b&&(0,p.jsx)(i_,{autoFocus:!1,className:`tw:[&:has(:focus-visible)]:none tw:opacity-70 tw:bg-transparent tw:hover:opacity-100 close tw:text-base tw:cursor-pointer tw:ml-4`,"data-testid":`closeButton`,children:(0,p.jsx)(`span`,{className:`tw:cursor-pointer`,children:`×`})})]}),(0,p.jsx)(l_,{className:`modal-body tw:px-6 tw:py-4 tw:overflow-y-auto`,children:i}),!C&&(0,p.jsx)(s_,{className:`modal-footer tw:px-6 tw:py-4`,children:k??(0,p.jsxs)(`div`,{className:`tw:flex tw:w-full tw:justify-between`,"data-testid":`modalFooter`,children:[(0,p.jsx)(`div`,{className:`tw:flex tw:justify-start`,children:s&&(0,p.jsx)(O,{label:c,onClick:l,disabled:I,extraClassNames:`tw:justify-start tw:min-w-25`,testId:`customButton`,variant:z})}),(0,p.jsxs)(`div`,{className:`tw:flex tw:justify-end`,children:[(0,p.jsx)(`div`,{className:`tw:flex tw:items-center`,children:R}),!T&&(0,p.jsx)(i_,{asChild:!0,children:(0,p.jsx)(O,{label:d,extraClassNames:`tw:mr-5 tw:min-w-25`,tooltip:F,variant:`outline`,stopPropagation:!1,testId:`cancelButton`})}),!w&&(0,p.jsx)(O,{label:u,onClick:ie,disabled:m||re,variant:ee,stopPropagation:h,tooltip:P,icon:re?`fc-loading-notch tw:animate-spin`:void 0,iconPosition:`left`,testId:`submitButton`,extraClassNames:`tw:min-w-25`})]})]})})]})}):(0,p.jsx)(p.Fragment,{})};var d_=u_;function f_(e){let t=e+`CollectionProvider`,[n,r]=F(t),[i,a]=n(t,{collectionRef:{current:null},itemMap:new Map}),o=e=>{let{scope:t,children:n}=e,r=f.default.useRef(null),a=f.default.useRef(new Map).current;return(0,p.jsx)(i,{scope:t,itemMap:a,collectionRef:r,children:n})};o.displayName=t;let s=e+`CollectionSlot`,c=L(s),l=f.default.forwardRef((e,t)=>{let{scope:n,children:r}=e,i=a(s,n),o=N(t,i.collectionRef);return(0,p.jsx)(c,{ref:o,children:r})});l.displayName=s;let u=e+`CollectionItemSlot`,d=`data-radix-collection-item`,m=L(u),h=f.default.forwardRef((e,t)=>{let{scope:n,children:r,...i}=e,o=f.default.useRef(null),s=N(t,o),c=a(u,n);return f.default.useEffect(()=>(c.itemMap.set(o,{ref:o,...i}),()=>void c.itemMap.delete(o))),(0,p.jsx)(m,{[d]:``,ref:s,children:r})});h.displayName=u;function g(t){let n=a(e+`CollectionConsumer`,t),r=f.default.useCallback(()=>{let e=n.collectionRef.current;if(!e)return[];let t=Array.from(e.querySelectorAll(`[${d}]`)),r=Array.from(n.itemMap.values()),i=r.sort((e,n)=>t.indexOf(e.ref.current)-t.indexOf(n.ref.current));return i},[n.collectionRef,n.itemMap]);return r}return[{Provider:o,Slot:l,ItemSlot:h},g,r]}var p_=f.createContext(void 0);function m_(e){let t=f.useContext(p_);return e||t||`ltr`}var h_=`rovingFocusGroup.onEntryFocus`,g_={bubbles:!1,cancelable:!0},__=`RovingFocusGroup`,[v_,y_,b_]=f_(__),[x_,S_]=F(__,[b_]),[C_,w_]=x_(__),T_=f.forwardRef((e,t)=>(0,p.jsx)(v_.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,p.jsx)(v_.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,p.jsx)(E_,{...e,ref:t})})}));T_.displayName=__;var E_=f.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:n,orientation:r,loop:i=!1,dir:a,currentTabStopId:o,defaultCurrentTabStopId:s,onCurrentTabStopIdChange:c,onEntryFocus:l,preventScrollOnEntryFocus:u=!1,...d}=e,m=f.useRef(null),h=N(t,m),g=m_(a),[_,v]=Vr({prop:o,defaultProp:s??null,onChange:c,caller:__}),[y,b]=f.useState(!1),x=H(l),S=y_(n),C=f.useRef(!1),[w,T]=f.useState(0);return f.useEffect(()=>{let e=m.current;if(e)return e.addEventListener(h_,x),()=>e.removeEventListener(h_,x)},[x]),(0,p.jsx)(C_,{scope:n,orientation:r,dir:g,loop:i,currentTabStopId:_,onItemFocus:f.useCallback(e=>v(e),[v]),onItemShiftTab:f.useCallback(()=>b(!0),[]),onFocusableItemAdd:f.useCallback(()=>T(e=>e+1),[]),onFocusableItemRemove:f.useCallback(()=>T(e=>e-1),[]),children:(0,p.jsx)(V.div,{tabIndex:y||w===0?-1:0,"data-orientation":r,...d,ref:h,style:{outline:`none`,...e.style},onMouseDown:A(e.onMouseDown,()=>{C.current=!0}),onFocus:A(e.onFocus,e=>{let t=!C.current;if(e.target===e.currentTarget&&t&&!y){let t=new CustomEvent(h_,g_);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){let e=S().filter(e=>e.focusable),t=e.find(e=>e.active),n=e.find(e=>e.id===_),r=[t,n,...e].filter(Boolean),i=r.map(e=>e.ref.current);M_(i,u)}}C.current=!1}),onBlur:A(e.onBlur,()=>b(!1))})})}),D_=`RovingFocusGroupItem`,O_=f.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:n,focusable:r=!0,active:i=!1,tabStopId:a,children:o,...s}=e,c=Be(),l=a||c,u=w_(D_,n),d=u.currentTabStopId===l,m=y_(n),{onFocusableItemAdd:h,onFocusableItemRemove:g,currentTabStopId:_}=u;return f.useEffect(()=>{if(r)return h(),()=>g()},[r,h,g]),(0,p.jsx)(v_.ItemSlot,{scope:n,id:l,focusable:r,active:i,children:(0,p.jsx)(V.span,{tabIndex:d?0:-1,"data-orientation":u.orientation,...s,ref:t,onMouseDown:A(e.onMouseDown,e=>{r?u.onItemFocus(l):e.preventDefault()}),onFocus:A(e.onFocus,()=>u.onItemFocus(l)),onKeyDown:A(e.onKeyDown,e=>{if(e.key===`Tab`&&e.shiftKey){u.onItemShiftTab();return}if(e.target!==e.currentTarget)return;let t=j_(e,u.orientation,u.dir);if(t!==void 0){if(e.metaKey||e.ctrlKey||e.altKey||e.shiftKey)return;e.preventDefault();let n=m().filter(e=>e.focusable),r=n.map(e=>e.ref.current);if(t===`last`)r.reverse();else if(t===`prev`||t===`next`){t===`prev`&&r.reverse();let n=r.indexOf(e.currentTarget);r=u.loop?N_(r,n+1):r.slice(n+1)}setTimeout(()=>M_(r))}}),children:typeof o==`function`?o({isCurrentTabStop:d,hasTabStop:_!=null}):o})})});O_.displayName=D_;var k_={ArrowLeft:`prev`,ArrowUp:`prev`,ArrowRight:`next`,ArrowDown:`next`,PageUp:`first`,Home:`first`,PageDown:`last`,End:`last`};function A_(e,t){return t===`rtl`?e===`ArrowLeft`?`ArrowRight`:e===`ArrowRight`?`ArrowLeft`:e:e}function j_(e,t,n){let r=A_(e.key,n);if(!(t===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(r))&&!(t===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(r)))return k_[r]}function M_(e,t=!1){let n=document.activeElement;for(let r of e)if(r===n||(r.focus({preventScroll:t}),document.activeElement!==n))return}function N_(e,t){return e.map((n,r)=>e[(t+r)%e.length])}var P_=T_,F_=O_,I_=`Tabs`,[L_,R_]=F(I_,[S_]),z_=S_(),[B_,V_]=L_(I_),H_=f.forwardRef((e,t)=>{let{__scopeTabs:n,value:r,onValueChange:i,defaultValue:a,orientation:o=`horizontal`,dir:s,activationMode:c=`automatic`,...l}=e,u=m_(s),[d,f]=Vr({prop:r,onChange:i,defaultProp:a??``,caller:I_});return(0,p.jsx)(B_,{scope:n,baseId:Be(),value:d,onValueChange:f,orientation:o,dir:u,activationMode:c,children:(0,p.jsx)(V.div,{dir:u,"data-orientation":o,...l,ref:t})})});H_.displayName=I_;var U_=`TabsList`,W_=f.forwardRef((e,t)=>{let{__scopeTabs:n,loop:r=!0,...i}=e,a=V_(U_,n),o=z_(n);return(0,p.jsx)(P_,{asChild:!0,...o,orientation:a.orientation,dir:a.dir,loop:r,children:(0,p.jsx)(V.div,{role:`tablist`,"aria-orientation":a.orientation,...i,ref:t})})});W_.displayName=U_;var G_=`TabsTrigger`,K_=f.forwardRef((e,t)=>{let{__scopeTabs:n,value:r,disabled:i=!1,...a}=e,o=V_(G_,n),s=z_(n),c=Y_(o.baseId,r),l=X_(o.baseId,r),u=r===o.value;return(0,p.jsx)(F_,{asChild:!0,...s,focusable:!i,active:u,children:(0,p.jsx)(V.button,{type:`button`,role:`tab`,"aria-selected":u,"aria-controls":l,"data-state":u?`active`:`inactive`,"data-disabled":i?``:void 0,disabled:i,id:c,...a,ref:t,onMouseDown:A(e.onMouseDown,e=>{!i&&e.button===0&&e.ctrlKey===!1?o.onValueChange(r):e.preventDefault()}),onKeyDown:A(e.onKeyDown,e=>{[` `,`Enter`].includes(e.key)&&o.onValueChange(r)}),onFocus:A(e.onFocus,()=>{let e=o.activationMode!==`manual`;!u&&!i&&e&&o.onValueChange(r)})})})});K_.displayName=G_;var q_=`TabsContent`,J_=f.forwardRef((e,t)=>{let{__scopeTabs:n,value:r,forceMount:i,children:a,...o}=e,s=V_(q_,n),c=Y_(s.baseId,r),l=X_(s.baseId,r),u=r===s.value,d=f.useRef(u);return f.useEffect(()=>{let e=requestAnimationFrame(()=>d.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,p.jsx)(Ir,{present:i||u,children:({present:n})=>(0,p.jsx)(V.div,{"data-state":u?`active`:`inactive`,"data-orientation":s.orientation,role:`tabpanel`,"aria-labelledby":c,hidden:!n,id:l,tabIndex:0,...o,ref:t,style:{...e.style,animationDuration:d.current?`0s`:void 0},children:n&&a})})});J_.displayName=q_;function Y_(e,t){return`${e}-trigger-${t}`}function X_(e,t){return`${e}-content-${t}`}var Z_=H_,Q_=W_,$_=K_,ev=J_;const tv=({tabs:e,defaultActiveTab:t,activeTab:n,onTabSelect:r,extraClassNames:i,testId:a,id:o,stretchTabs:s=!1})=>{let c=e=>{n!==e&&r&&r(e)};return(0,p.jsxs)(Z_,{className:`tw:flex tw:flex-col tw:min-w-75 tw:max-w-full tw:flex-grow tw:focus-visible:outline-none ${i||``}`,defaultValue:t,"data-testid":a,id:o,value:n,onValueChange:c,children:[(0,p.jsx)(Q_,{className:`tw:flex tw:flex-row tw:flex-wrap tw:z-[1001]`,children:e.map(({id:e,icon:t,label:r,tabExtraClassNames:i,testId:a,disabled:o,tabLabelExtraClassNames:c=``},l)=>(0,p.jsx)($_,{className:`tw:bg-sq-white tw:dark:bg-sq-dark-background tw:h-sq-25 tw:focus-visible:outline-none tw:min-w-25 tw:px-4 tw:border-solid tw:flex tw:flex-1 tw:justify-center tw:items-center tw:border-r-[2px] tw:last:border-r-0 tw:border-sq-overlay tw:dark:border-gray-700 ${s?``:`tw:max-w-max tw:min-w-fit`} ${i||``} ${n===e?`tw:border-b-sq-theme-darker tw:dark:border-b-sq-theme-darker tw:border-b-[0.1875rem]`:`tw:hover:bg-sq-light-gray tw:border-b-[0.0625rem] tw:hover:dark:bg-gray-700`}`,"data-testid":a,disabled:o,value:e,children:(0,p.jsxs)(`span`,{className:`tw:flex tw:items-center tw:overflow-hidden`,children:[t&&(0,p.jsx)(E,{icon:t,testId:`${e}_tab-icon`,extraClassNames:`tw:text-sq-15 tw:mr-sq-7 tw:flex-shrink-0`}),(0,p.jsx)(`span`,{className:`tw:text-sq-13 tw:font-medium tw:whitespace-nowrap tw:overflow-hidden tw:text-ellipsis ${n===e?`tw:dark:text-sq-dark-text tw:text-gray-500`:`tw:dark:text-sq-theme-darker tw:text-sq-theme-dark`} ${c}`,children:r})]})},`${r}-${e}-${l}`))}),e.map((e,t)=>(0,p.jsx)(ev,{className:`tw:bg-sq-white tw:dark:bg-sq-dark-background tw:overflow-y-auto tw:-mt-sq-1 tw:border-t-[0.0625rem] tw:border-t-sq-overlay tw:dark:border-t-gray-700 tw:z-[500] tw:flex tw:flex-col tw:flex-grow tw:focus-visible:outline-none ${e.tabContentExtraClassNames||``}`,value:e.id,children:e.content},`${e.label}_${t}_content`))]})};var nv=tv,rv=`Collapsible`,[iv,av]=F(rv),[ov,sv]=iv(rv),cv=f.forwardRef((e,t)=>{let{__scopeCollapsible:n,open:r,defaultOpen:i,disabled:a,onOpenChange:o,...s}=e,[c,l]=Vr({prop:r,defaultProp:i??!1,onChange:o,caller:rv});return(0,p.jsx)(ov,{scope:n,disabled:a,contentId:Be(),open:c,onOpenToggle:f.useCallback(()=>l(e=>!e),[l]),children:(0,p.jsx)(V.div,{"data-state":mv(c),"data-disabled":a?``:void 0,...s,ref:t})})});cv.displayName=rv;var lv=`CollapsibleTrigger`,uv=f.forwardRef((e,t)=>{let{__scopeCollapsible:n,...r}=e,i=sv(lv,n);return(0,p.jsx)(V.button,{type:`button`,"aria-controls":i.contentId,"aria-expanded":i.open||!1,"data-state":mv(i.open),"data-disabled":i.disabled?``:void 0,disabled:i.disabled,...r,ref:t,onClick:A(e.onClick,i.onOpenToggle)})});uv.displayName=lv;var dv=`CollapsibleContent`,fv=f.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=sv(dv,e.__scopeCollapsible);return(0,p.jsx)(Ir,{present:n||i.open,children:({present:e})=>(0,p.jsx)(pv,{...r,ref:t,present:e})})});fv.displayName=dv;var pv=f.forwardRef((e,t)=>{let{__scopeCollapsible:n,present:r,children:i,...a}=e,o=sv(dv,n),[s,c]=f.useState(r),l=f.useRef(null),u=N(t,l),d=f.useRef(0),m=d.current,h=f.useRef(0),g=h.current,_=o.open||s,v=f.useRef(_),y=f.useRef(void 0);return f.useEffect(()=>{let e=requestAnimationFrame(()=>v.current=!1);return()=>cancelAnimationFrame(e)},[]),Le(()=>{let e=l.current;if(e){y.current=y.current||{transitionDuration:e.style.transitionDuration,animationName:e.style.animationName},e.style.transitionDuration=`0s`,e.style.animationName=`none`;let t=e.getBoundingClientRect();d.current=t.height,h.current=t.width,v.current||(e.style.transitionDuration=y.current.transitionDuration,e.style.animationName=y.current.animationName),c(r)}},[o.open,r]),(0,p.jsx)(V.div,{"data-state":mv(o.open),"data-disabled":o.disabled?``:void 0,id:o.contentId,hidden:!_,...a,ref:u,style:{"--radix-collapsible-content-height":m?`${m}px`:void 0,"--radix-collapsible-content-width":g?`${g}px`:void 0,...e.style},children:_&&i})});function mv(e){return e?`open`:`closed`}var hv=cv,gv=uv,_v=fv,vv=`Accordion`,yv=[`Home`,`End`,`ArrowDown`,`ArrowUp`,`ArrowLeft`,`ArrowRight`],[bv,xv,Sv]=f_(vv),[Cv,wv]=F(vv,[Sv,av]),Tv=av(),Ev=f.default.forwardRef((e,t)=>{let{type:n,...r}=e,i=r,a=r;return(0,p.jsx)(bv.Provider,{scope:e.__scopeAccordion,children:n===`multiple`?(0,p.jsx)(Mv,{...a,ref:t}):(0,p.jsx)(jv,{...i,ref:t})})});Ev.displayName=vv;var[Dv,Ov]=Cv(vv),[kv,Av]=Cv(vv,{collapsible:!1}),jv=f.default.forwardRef((e,t)=>{let{value:n,defaultValue:r,onValueChange:i=()=>{},collapsible:a=!1,...o}=e,[s,c]=Vr({prop:n,defaultProp:r??``,onChange:i,caller:vv});return(0,p.jsx)(Dv,{scope:e.__scopeAccordion,value:f.default.useMemo(()=>s?[s]:[],[s]),onItemOpen:c,onItemClose:f.default.useCallback(()=>a&&c(``),[a,c]),children:(0,p.jsx)(kv,{scope:e.__scopeAccordion,collapsible:a,children:(0,p.jsx)(Fv,{...o,ref:t})})})}),Mv=f.default.forwardRef((e,t)=>{let{value:n,defaultValue:r,onValueChange:i=()=>{},...a}=e,[o,s]=Vr({prop:n,defaultProp:r??[],onChange:i,caller:vv}),c=f.default.useCallback(e=>s((t=[])=>[...t,e]),[s]),l=f.default.useCallback(e=>s((t=[])=>t.filter(t=>t!==e)),[s]);return(0,p.jsx)(Dv,{scope:e.__scopeAccordion,value:o,onItemOpen:c,onItemClose:l,children:(0,p.jsx)(kv,{scope:e.__scopeAccordion,collapsible:!0,children:(0,p.jsx)(Fv,{...a,ref:t})})})}),[Nv,Pv]=Cv(vv),Fv=f.default.forwardRef((e,t)=>{let{__scopeAccordion:n,disabled:r,dir:i,orientation:a=`vertical`,...o}=e,s=f.default.useRef(null),c=N(s,t),l=xv(n),u=m_(i),d=u===`ltr`,m=A(e.onKeyDown,e=>{if(!yv.includes(e.key))return;let t=e.target,n=l().filter(e=>!e.ref.current?.disabled),r=n.findIndex(e=>e.ref.current===t),i=n.length;if(r===-1)return;e.preventDefault();let o=r,s=i-1,c=()=>{o=r+1,o>s&&(o=0)},u=()=>{o=r-1,o<0&&(o=s)};switch(e.key){case`Home`:o=0;break;case`End`:o=s;break;case`ArrowRight`:a===`horizontal`&&(d?c():u());break;case`ArrowDown`:a===`vertical`&&c();break;case`ArrowLeft`:a===`horizontal`&&(d?u():c());break;case`ArrowUp`:a===`vertical`&&u();break}let f=o%i;n[f].ref.current?.focus()});return(0,p.jsx)(Nv,{scope:n,disabled:r,direction:i,orientation:a,children:(0,p.jsx)(bv.Slot,{scope:n,children:(0,p.jsx)(V.div,{...o,"data-orientation":a,ref:c,onKeyDown:r?void 0:m})})})}),Iv=`AccordionItem`,[Lv,Rv]=Cv(Iv),zv=f.default.forwardRef((e,t)=>{let{__scopeAccordion:n,value:r,...i}=e,a=Pv(Iv,n),o=Ov(Iv,n),s=Tv(n),c=Be(),l=r&&o.value.includes(r)||!1,u=a.disabled||e.disabled;return(0,p.jsx)(Lv,{scope:n,open:l,disabled:u,triggerId:c,children:(0,p.jsx)(hv,{"data-orientation":a.orientation,"data-state":Kv(l),...s,...i,ref:t,disabled:u,open:l,onOpenChange:e=>{e?o.onItemOpen(r):o.onItemClose(r)}})})});zv.displayName=Iv;var Bv=`AccordionHeader`,Vv=f.default.forwardRef((e,t)=>{let{__scopeAccordion:n,...r}=e,i=Pv(vv,n),a=Rv(Bv,n);return(0,p.jsx)(V.h3,{"data-orientation":i.orientation,"data-state":Kv(a.open),"data-disabled":a.disabled?``:void 0,...r,ref:t})});Vv.displayName=Bv;var Hv=`AccordionTrigger`,Uv=f.default.forwardRef((e,t)=>{let{__scopeAccordion:n,...r}=e,i=Pv(vv,n),a=Rv(Hv,n),o=Av(Hv,n),s=Tv(n);return(0,p.jsx)(bv.ItemSlot,{scope:n,children:(0,p.jsx)(gv,{"aria-disabled":a.open&&!o.collapsible||void 0,"data-orientation":i.orientation,id:a.triggerId,...s,...r,ref:t})})});Uv.displayName=Hv;var Wv=`AccordionContent`,Gv=f.default.forwardRef((e,t)=>{let{__scopeAccordion:n,...r}=e,i=Pv(vv,n),a=Rv(Wv,n),o=Tv(n);return(0,p.jsx)(_v,{role:`region`,"aria-labelledby":a.triggerId,"data-orientation":i.orientation,...o,...r,ref:t,style:{"--radix-accordion-content-height":`var(--radix-collapsible-content-height)`,"--radix-accordion-content-width":`var(--radix-collapsible-content-width)`,...e.style}})});Gv.displayName=Wv;function Kv(e){return e?`open`:`closed`}var qv=Ev,Jv=zv,Yv=Uv,Xv=Gv;const Zv=({accordionItems:e,defaultValue:t,value:n,onItemSelect:r,disabled:i,extraClassNames:a,testId:o})=>(0,p.jsx)(qv,{className:`tw:rounded-md tw:w-full tw:focus-visible:outline-none ${a||``}`,type:`single`,defaultValue:t,value:n,collapsible:!0,"data-testid":o,onValueChange:e=>r(e),children:e.map(e=>(0,p.jsxs)(Jv,{className:`tw:p-0 tw:flex tw:flex-col tw:w-full`,disabled:i,value:e.value,children:[(0,p.jsx)(Yv,{disabled:i,className:`tw:w-full tw:cursor-default tw:focus-visible:outline-none tw:bg-transparent`,children:e.trigger}),(0,p.jsx)(Xv,{className:`tw:data-[state=open]:animate-slideDown tw:data-[state=closed]:animate-slideUp tw:overflow-hidden tw:focus-visible:outline-none ${e.contentClassNames||``}`,children:e.content})]},e.value))});var Qv=Zv;const $v=[`tw:bg-sq-white`,`tw:dark:bg-sq-dark-background`].join(` `),ey=[`tw:border-solid`,`tw:border`,`tw:rounded-[0.5rem]`,`tw:border-sq-disabled-gray`,`tw:dark:border-gray-500`].join(` `),ty=[`tw:opacity-50`,`tw:cursor-not-allowed`].join(` `),ny=({children:e,trigger:t,id:n,hasArrow:r,extraTriggerClassNames:i,extraPopoverClassNames:a,containerTestId:o,onInteractOutside:s,onPointerDownOutside:c,isTriggerAsChild:l=!1,shouldTriggerFullWidth:u=!1,disabled:d=!1,align:m=`end`,alignOffset:h=-35,placement:g=`bottom`,placementOffset:_=2,isHoverEnabled:v=!1,hoverOpenDelay:y=300,onOpenChange:b,isOpen:x,isCloseOnContentClick:C=!1,isPortal:w=!1,...T})=>{let E=S(T),D=(0,f.useRef)(null),[O,k]=f.useState(!1),A=()=>{D.current&&=(clearTimeout(D.current),null)},j=()=>{v&&(A(),D.current=setTimeout(()=>{k(!0),b&&b(!0)},y))},M=()=>{v&&(A(),D.current=setTimeout(()=>{k(!1),b&&b(!1)},200))};f.useEffect(()=>A,[]);let N=()=>(0,p.jsx)(Ua,{sideOffset:_,align:m,side:g,onInteractOutside:s,onPointerDownOutside:c,alignOffset:v?-10:h,asChild:!0,onClick:()=>C&&b&&b(!1),className:`tw:focus-visible:outline-none tw:outline-none tw:w-full tw:h-full`,children:(0,p.jsxs)(`div`,{"data-testid":o,className:`${$v} ${ey} tw:relative tw:z-[1200] tw:min-w-6 tw:focus-visible:outline-none tw:outline-none tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out
68
68
  tw:data-[side=top]:animate-slideDownAndFade tw:data-[side=right]:animate-slideLeftAndFade tw:data-[side=bottom]:animate-slideUpAndFade tw:data-[side=left]:animate-slideRightAndFade tw:text-sq-text-color
69
69
  ${a||``}`,children:[r&&(0,p.jsx)(Wa,{asChild:!0,children:(0,p.jsx)(`div`,{className:`tw:fill-transparent tw:bg-sq-white tw:w-sq-15 tw:h-sq-15 tw:-mt-sq-7 tw:rotate-45 tw:dark:bg-sq-dark-background tw:border-b tw:border-r tw:border-sq-disabled-gray tw:dark:border-gray-500`})}),e]})}),P=e=>(0,p.jsxs)(Ba,{open:e,defaultOpen:!1,onOpenChange:b,children:[t?(0,p.jsx)(Va,{id:n,asChild:l,className:`tw:focus-visible:outline-none tw:outline-none tw:bg-transparent ${u?`tw:w-full tw:h-full`:``}`,disabled:d,children:(0,p.jsx)(`div`,{...E,onMouseOver:j,onMouseOut:M,className:`tw:focus-visible:outline-none tw:outline-none tw:dark:text-sq-white ${d?ty:``} ${u?`tw:flex tw:flex-col tw:items-center tw:justify-center`:`tw:inline`} ${i||``}`,children:t})}):(0,p.jsx)(Va,{asChild:!0,children:(0,p.jsx)(`div`,{})}),w?(0,p.jsx)(Ha,{children:N()}):N()]});return P(v?O:x)};var ry=ny,iy=u(Gr(),1),ay=u(da(),1),oy=[`Enter`,` `],sy=[`ArrowDown`,`PageUp`,`Home`],cy=[`ArrowUp`,`PageDown`,`End`],ly=[...sy,...cy],uy={ltr:[...oy,`ArrowRight`],rtl:[...oy,`ArrowLeft`]},dy={ltr:[`ArrowLeft`],rtl:[`ArrowRight`]},fy=`Menu`,[py,my,hy]=f_(fy),[gy,_y]=F(fy,[hy,pr,S_]),vy=pr(),yy=S_(),[by,xy]=gy(fy),[Sy,Cy]=gy(fy),wy=e=>{let{__scopeMenu:t,open:n=!1,children:r,dir:i,onOpenChange:a,modal:o=!0}=e,s=vy(t),[c,l]=f.useState(null),u=f.useRef(!1),d=H(a),m=m_(i);return f.useEffect(()=>{let e=()=>{u.current=!0,document.addEventListener(`pointerdown`,t,{capture:!0,once:!0}),document.addEventListener(`pointermove`,t,{capture:!0,once:!0})},t=()=>u.current=!1;return document.addEventListener(`keydown`,e,{capture:!0}),()=>{document.removeEventListener(`keydown`,e,{capture:!0}),document.removeEventListener(`pointerdown`,t,{capture:!0}),document.removeEventListener(`pointermove`,t,{capture:!0})}},[]),(0,p.jsx)(kr,{...s,children:(0,p.jsx)(by,{scope:t,open:n,onOpenChange:d,content:c,onContentChange:l,children:(0,p.jsx)(Sy,{scope:t,onClose:f.useCallback(()=>d(!1),[d]),isUsingKeyboardRef:u,dir:m,modal:o,children:r})})})};wy.displayName=fy;var Ty=`MenuAnchor`,Ey=f.forwardRef((e,t)=>{let{__scopeMenu:n,...r}=e,i=vy(n);return(0,p.jsx)(Ar,{...i,...r,ref:t})});Ey.displayName=Ty;var Dy=`MenuPortal`,[Oy,ky]=gy(Dy,{forceMount:void 0}),Ay=e=>{let{__scopeMenu:t,forceMount:n,children:r,container:i}=e,a=xy(Dy,t);return(0,p.jsx)(Oy,{scope:t,forceMount:n,children:(0,p.jsx)(Ir,{present:n||a.open,children:(0,p.jsx)(Pr,{asChild:!0,container:i,children:r})})})};Ay.displayName=Dy;var jy=`MenuContent`,[My,Ny]=gy(jy),Py=f.forwardRef((e,t)=>{let n=ky(jy,e.__scopeMenu),{forceMount:r=n.forceMount,...i}=e,a=xy(jy,e.__scopeMenu),o=Cy(jy,e.__scopeMenu);return(0,p.jsx)(py.Provider,{scope:e.__scopeMenu,children:(0,p.jsx)(Ir,{present:r||a.open,children:(0,p.jsx)(py.Slot,{scope:e.__scopeMenu,children:o.modal?(0,p.jsx)(Fy,{...i,ref:t}):(0,p.jsx)(Iy,{...i,ref:t})})})})}),Fy=f.forwardRef((e,t)=>{let n=xy(jy,e.__scopeMenu),r=f.useRef(null),i=N(t,r);return f.useEffect(()=>{let e=r.current;if(e)return(0,iy.hideOthers)(e)},[]),(0,p.jsx)(Ry,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:n.open,disableOutsideScroll:!0,onFocusOutside:A(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>n.onOpenChange(!1)})}),Iy=f.forwardRef((e,t)=>{let n=xy(jy,e.__scopeMenu);return(0,p.jsx)(Ry,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>n.onOpenChange(!1)})}),Ly=L(`MenuContent.ScrollLock`),Ry=f.forwardRef((e,t)=>{let{__scopeMenu:n,loop:r=!1,trapFocus:i,onOpenAutoFocus:a,onCloseAutoFocus:o,disableOutsidePointerEvents:s,onEntryFocus:c,onEscapeKeyDown:l,onPointerDownOutside:u,onFocusOutside:d,onInteractOutside:m,onDismiss:h,disableOutsideScroll:g,..._}=e,v=xy(jy,n),y=Cy(jy,n),b=vy(n),x=yy(n),S=my(n),[C,w]=f.useState(null),T=f.useRef(null),E=N(t,T,v.onContentChange),D=f.useRef(0),O=f.useRef(``),k=f.useRef(0),j=f.useRef(null),M=f.useRef(`right`),P=f.useRef(0),F=g?ay.RemoveScroll:f.Fragment,I=g?{as:Ly,allowPinchZoom:!0}:void 0,L=e=>{let t=O.current+e,n=S().filter(e=>!e.disabled),r=document.activeElement,i=n.find(e=>e.ref.current===r)?.textValue,a=n.map(e=>e.textValue),o=Sb(a,t,i),s=n.find(e=>e.textValue===o)?.ref.current;(function e(t){O.current=t,window.clearTimeout(D.current),t!==``&&(D.current=window.setTimeout(()=>e(``),1e3))})(t),s&&setTimeout(()=>s.focus())};f.useEffect(()=>()=>window.clearTimeout(D.current),[]),ye();let R=f.useCallback(e=>{let t=M.current===j.current?.side;return t&&wb(e,j.current?.area)},[]);return(0,p.jsx)(My,{scope:n,searchRef:O,onItemEnter:f.useCallback(e=>{R(e)&&e.preventDefault()},[R]),onItemLeave:f.useCallback(e=>{R(e)||(T.current?.focus(),w(null))},[R]),onTriggerLeave:f.useCallback(e=>{R(e)&&e.preventDefault()},[R]),pointerGraceTimerRef:k,onPointerGraceIntentChange:f.useCallback(e=>{j.current=e},[]),children:(0,p.jsx)(F,{...I,children:(0,p.jsx)(Te,{asChild:!0,trapped:i,onMountAutoFocus:A(a,e=>{e.preventDefault(),T.current?.focus({preventScroll:!0})}),onUnmountAutoFocus:o,children:(0,p.jsx)(de,{asChild:!0,disableOutsidePointerEvents:s,onEscapeKeyDown:l,onPointerDownOutside:u,onFocusOutside:d,onInteractOutside:m,onDismiss:h,children:(0,p.jsx)(P_,{asChild:!0,...x,dir:y.dir,orientation:`vertical`,loop:r,currentTabStopId:C,onCurrentTabStopIdChange:w,onEntryFocus:A(c,e=>{y.isUsingKeyboardRef.current||e.preventDefault()}),preventScrollOnEntryFocus:!0,children:(0,p.jsx)(jr,{role:`menu`,"aria-orientation":`vertical`,"data-state":_b(v.open),"data-radix-menu-content":``,dir:y.dir,...b,..._,ref:E,style:{outline:`none`,..._.style},onKeyDown:A(_.onKeyDown,e=>{let t=e.target,n=t.closest(`[data-radix-menu-content]`)===e.currentTarget,r=e.ctrlKey||e.altKey||e.metaKey,i=e.key.length===1;n&&(e.key===`Tab`&&e.preventDefault(),!r&&i&&L(e.key));let a=T.current;if(e.target!==a||!ly.includes(e.key))return;e.preventDefault();let o=S().filter(e=>!e.disabled),s=o.map(e=>e.ref.current);cy.includes(e.key)&&s.reverse(),bb(s)}),onBlur:A(e.onBlur,e=>{e.currentTarget.contains(e.target)||(window.clearTimeout(D.current),O.current=``)}),onPointerMove:A(e.onPointerMove,Tb(e=>{let t=e.target,n=P.current!==e.clientX;if(e.currentTarget.contains(t)&&n){let t=e.clientX>P.current?`right`:`left`;M.current=t,P.current=e.clientX}}))})})})})})})});Py.displayName=jy;var zy=`MenuGroup`,By=f.forwardRef((e,t)=>{let{__scopeMenu:n,...r}=e;return(0,p.jsx)(V.div,{role:`group`,...r,ref:t})});By.displayName=zy;var Vy=`MenuLabel`,Hy=f.forwardRef((e,t)=>{let{__scopeMenu:n,...r}=e;return(0,p.jsx)(V.div,{...r,ref:t})});Hy.displayName=Vy;var Uy=`MenuItem`,Wy=`menu.itemSelect`,Gy=f.forwardRef((e,t)=>{let{disabled:n=!1,onSelect:r,...i}=e,a=f.useRef(null),o=Cy(Uy,e.__scopeMenu),s=Ny(Uy,e.__scopeMenu),c=N(t,a),l=f.useRef(!1),u=()=>{let e=a.current;if(!n&&e){let t=new CustomEvent(Wy,{bubbles:!0,cancelable:!0});e.addEventListener(Wy,e=>r?.(e),{once:!0}),re(e,t),t.defaultPrevented?l.current=!1:o.onClose()}};return(0,p.jsx)(Ky,{...i,ref:c,disabled:n,onClick:A(e.onClick,u),onPointerDown:t=>{e.onPointerDown?.(t),l.current=!0},onPointerUp:A(e.onPointerUp,e=>{l.current||e.currentTarget?.click()}),onKeyDown:A(e.onKeyDown,e=>{let t=s.searchRef.current!==``;n||t&&e.key===` `||oy.includes(e.key)&&(e.currentTarget.click(),e.preventDefault())})})});Gy.displayName=Uy;var Ky=f.forwardRef((e,t)=>{let{__scopeMenu:n,disabled:r=!1,textValue:i,...a}=e,o=Ny(Uy,n),s=yy(n),c=f.useRef(null),l=N(t,c),[u,d]=f.useState(!1),[m,h]=f.useState(``);return f.useEffect(()=>{let e=c.current;e&&h((e.textContent??``).trim())},[a.children]),(0,p.jsx)(py.ItemSlot,{scope:n,disabled:r,textValue:i??m,children:(0,p.jsx)(F_,{asChild:!0,...s,focusable:!r,children:(0,p.jsx)(V.div,{role:`menuitem`,"data-highlighted":u?``:void 0,"aria-disabled":r||void 0,"data-disabled":r?``:void 0,...a,ref:l,onPointerMove:A(e.onPointerMove,Tb(e=>{if(r)o.onItemLeave(e);else if(o.onItemEnter(e),!e.defaultPrevented){let t=e.currentTarget;t.focus({preventScroll:!0})}})),onPointerLeave:A(e.onPointerLeave,Tb(e=>o.onItemLeave(e))),onFocus:A(e.onFocus,()=>d(!0)),onBlur:A(e.onBlur,()=>d(!1))})})})}),qy=`MenuCheckboxItem`,Jy=f.forwardRef((e,t)=>{let{checked:n=!1,onCheckedChange:r,...i}=e;return(0,p.jsx)(nb,{scope:e.__scopeMenu,checked:n,children:(0,p.jsx)(Gy,{role:`menuitemcheckbox`,"aria-checked":vb(n)?`mixed`:n,...i,ref:t,"data-state":yb(n),onSelect:A(i.onSelect,()=>r?.(vb(n)?!0:!n),{checkForDefaultPrevented:!1})})})});Jy.displayName=qy;var Yy=`MenuRadioGroup`,[Xy,Zy]=gy(Yy,{value:void 0,onValueChange:()=>{}}),Qy=f.forwardRef((e,t)=>{let{value:n,onValueChange:r,...i}=e,a=H(r);return(0,p.jsx)(Xy,{scope:e.__scopeMenu,value:n,onValueChange:a,children:(0,p.jsx)(By,{...i,ref:t})})});Qy.displayName=Yy;var $y=`MenuRadioItem`,eb=f.forwardRef((e,t)=>{let{value:n,...r}=e,i=Zy($y,e.__scopeMenu),a=n===i.value;return(0,p.jsx)(nb,{scope:e.__scopeMenu,checked:a,children:(0,p.jsx)(Gy,{role:`menuitemradio`,"aria-checked":a,...r,ref:t,"data-state":yb(a),onSelect:A(r.onSelect,()=>i.onValueChange?.(n),{checkForDefaultPrevented:!1})})})});eb.displayName=$y;var tb=`MenuItemIndicator`,[nb,rb]=gy(tb,{checked:!1}),ib=f.forwardRef((e,t)=>{let{__scopeMenu:n,forceMount:r,...i}=e,a=rb(tb,n);return(0,p.jsx)(Ir,{present:r||vb(a.checked)||a.checked===!0,children:(0,p.jsx)(V.span,{...i,ref:t,"data-state":yb(a.checked)})})});ib.displayName=tb;var ab=`MenuSeparator`,ob=f.forwardRef((e,t)=>{let{__scopeMenu:n,...r}=e;return(0,p.jsx)(V.div,{role:`separator`,"aria-orientation":`horizontal`,...r,ref:t})});ob.displayName=ab;var sb=`MenuArrow`,cb=f.forwardRef((e,t)=>{let{__scopeMenu:n,...r}=e,i=vy(n);return(0,p.jsx)(Mr,{...i,...r,ref:t})});cb.displayName=sb;var lb=`MenuSub`,[ub,db]=gy(lb),fb=e=>{let{__scopeMenu:t,children:n,open:r=!1,onOpenChange:i}=e,a=xy(lb,t),o=vy(t),[s,c]=f.useState(null),[l,u]=f.useState(null),d=H(i);return f.useEffect(()=>(a.open===!1&&d(!1),()=>d(!1)),[a.open,d]),(0,p.jsx)(kr,{...o,children:(0,p.jsx)(by,{scope:t,open:r,onOpenChange:d,content:l,onContentChange:u,children:(0,p.jsx)(ub,{scope:t,contentId:Be(),triggerId:Be(),trigger:s,onTriggerChange:c,children:n})})})};fb.displayName=lb;var pb=`MenuSubTrigger`,mb=f.forwardRef((e,t)=>{let n=xy(pb,e.__scopeMenu),r=Cy(pb,e.__scopeMenu),i=db(pb,e.__scopeMenu),a=Ny(pb,e.__scopeMenu),o=f.useRef(null),{pointerGraceTimerRef:s,onPointerGraceIntentChange:c}=a,l={__scopeMenu:e.__scopeMenu},u=f.useCallback(()=>{o.current&&window.clearTimeout(o.current),o.current=null},[]);return f.useEffect(()=>u,[u]),f.useEffect(()=>{let e=s.current;return()=>{window.clearTimeout(e),c(null)}},[s,c]),(0,p.jsx)(Ey,{asChild:!0,...l,children:(0,p.jsx)(Ky,{id:i.triggerId,"aria-haspopup":`menu`,"aria-expanded":n.open,"aria-controls":i.contentId,"data-state":_b(n.open),...e,ref:M(t,i.onTriggerChange),onClick:t=>{e.onClick?.(t),!(e.disabled||t.defaultPrevented)&&(t.currentTarget.focus(),n.open||n.onOpenChange(!0))},onPointerMove:A(e.onPointerMove,Tb(t=>{a.onItemEnter(t),!t.defaultPrevented&&!e.disabled&&!n.open&&!o.current&&(a.onPointerGraceIntentChange(null),o.current=window.setTimeout(()=>{n.onOpenChange(!0),u()},100))})),onPointerLeave:A(e.onPointerLeave,Tb(e=>{u();let t=n.content?.getBoundingClientRect();if(t){let r=n.content?.dataset.side,i=r===`right`,o=i?-5:5,c=t[i?`left`:`right`],l=t[i?`right`:`left`];a.onPointerGraceIntentChange({area:[{x:e.clientX+o,y:e.clientY},{x:c,y:t.top},{x:l,y:t.top},{x:l,y:t.bottom},{x:c,y:t.bottom}],side:r}),window.clearTimeout(s.current),s.current=window.setTimeout(()=>a.onPointerGraceIntentChange(null),300)}else{if(a.onTriggerLeave(e),e.defaultPrevented)return;a.onPointerGraceIntentChange(null)}})),onKeyDown:A(e.onKeyDown,t=>{let i=a.searchRef.current!==``;e.disabled||i&&t.key===` `||uy[r.dir].includes(t.key)&&(n.onOpenChange(!0),n.content?.focus(),t.preventDefault())})})})});mb.displayName=pb;var hb=`MenuSubContent`,gb=f.forwardRef((e,t)=>{let n=ky(jy,e.__scopeMenu),{forceMount:r=n.forceMount,...i}=e,a=xy(jy,e.__scopeMenu),o=Cy(jy,e.__scopeMenu),s=db(hb,e.__scopeMenu),c=f.useRef(null),l=N(t,c);return(0,p.jsx)(py.Provider,{scope:e.__scopeMenu,children:(0,p.jsx)(Ir,{present:r||a.open,children:(0,p.jsx)(py.Slot,{scope:e.__scopeMenu,children:(0,p.jsx)(Ry,{id:s.contentId,"aria-labelledby":s.triggerId,...i,ref:l,align:`start`,side:o.dir===`rtl`?`left`:`right`,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:e=>{o.isUsingKeyboardRef.current&&c.current?.focus(),e.preventDefault()},onCloseAutoFocus:e=>e.preventDefault(),onFocusOutside:A(e.onFocusOutside,e=>{e.target!==s.trigger&&a.onOpenChange(!1)}),onEscapeKeyDown:A(e.onEscapeKeyDown,e=>{o.onClose(),e.preventDefault()}),onKeyDown:A(e.onKeyDown,e=>{let t=e.currentTarget.contains(e.target),n=dy[o.dir].includes(e.key);t&&n&&(a.onOpenChange(!1),s.trigger?.focus(),e.preventDefault())})})})})})});gb.displayName=hb;function _b(e){return e?`open`:`closed`}function vb(e){return e===`indeterminate`}function yb(e){return vb(e)?`indeterminate`:e?`checked`:`unchecked`}function bb(e){let t=document.activeElement;for(let n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function xb(e,t){return e.map((n,r)=>e[(t+r)%e.length])}function Sb(e,t,n){let r=t.length>1&&Array.from(t).every(e=>e===t[0]),i=r?t[0]:t,a=n?e.indexOf(n):-1,o=xb(e,Math.max(a,0)),s=i.length===1;s&&(o=o.filter(e=>e!==n));let c=o.find(e=>e.toLowerCase().startsWith(i.toLowerCase()));return c===n?void 0:c}function Cb(e,t){let{x:n,y:r}=e,i=!1;for(let e=0,a=t.length-1;e<t.length;a=e++){let o=t[e],s=t[a],c=o.x,l=o.y,u=s.x,d=s.y,f=l>r!=d>r&&n<(u-c)*(r-l)/(d-l)+c;f&&(i=!i)}return i}function wb(e,t){if(!t)return!1;let n={x:e.clientX,y:e.clientY};return Cb(n,t)}function Tb(e){return t=>t.pointerType===`mouse`?e(t):void 0}var Eb=wy,Db=Ey,Ob=Ay,kb=Py,Ab=By,jb=Hy,Mb=Gy,Nb=Jy,Pb=Qy,Fb=eb,Ib=ib,Lb=ob,Rb=cb,zb=fb,Bb=mb,Vb=gb,Hb=`DropdownMenu`,[Ub,Wb]=F(Hb,[_y]),Gb=_y(),[Kb,qb]=Ub(Hb),Jb=e=>{let{__scopeDropdownMenu:t,children:n,dir:r,open:i,defaultOpen:a,onOpenChange:o,modal:s=!0}=e,c=Gb(t),l=f.useRef(null),[u,d]=Vr({prop:i,defaultProp:a??!1,onChange:o,caller:Hb});return(0,p.jsx)(Kb,{scope:t,triggerId:Be(),triggerRef:l,contentId:Be(),open:u,onOpenChange:d,onOpenToggle:f.useCallback(()=>d(e=>!e),[d]),modal:s,children:(0,p.jsx)(Eb,{...c,open:u,onOpenChange:d,dir:r,modal:s,children:n})})};Jb.displayName=Hb;var Yb=`DropdownMenuTrigger`,Xb=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,disabled:r=!1,...i}=e,a=qb(Yb,n),o=Gb(n);return(0,p.jsx)(Db,{asChild:!0,...o,children:(0,p.jsx)(V.button,{type:`button`,id:a.triggerId,"aria-haspopup":`menu`,"aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":a.open?`open`:`closed`,"data-disabled":r?``:void 0,disabled:r,...i,ref:M(t,a.triggerRef),onPointerDown:A(e.onPointerDown,e=>{!r&&e.button===0&&e.ctrlKey===!1&&(a.onOpenToggle(),a.open||e.preventDefault())}),onKeyDown:A(e.onKeyDown,e=>{r||([`Enter`,` `].includes(e.key)&&a.onOpenToggle(),e.key===`ArrowDown`&&a.onOpenChange(!0),[`Enter`,` `,`ArrowDown`].includes(e.key)&&e.preventDefault())})})})});Xb.displayName=Yb;var Zb=`DropdownMenuPortal`,Qb=e=>{let{__scopeDropdownMenu:t,...n}=e,r=Gb(t);return(0,p.jsx)(Ob,{...r,...n})};Qb.displayName=Zb;var $b=`DropdownMenuContent`,ex=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=qb($b,n),a=Gb(n),o=f.useRef(!1);return(0,p.jsx)(kb,{id:i.contentId,"aria-labelledby":i.triggerId,...a,...r,ref:t,onCloseAutoFocus:A(e.onCloseAutoFocus,e=>{o.current||i.triggerRef.current?.focus(),o.current=!1,e.preventDefault()}),onInteractOutside:A(e.onInteractOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0,r=t.button===2||n;(!i.modal||r)&&(o.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-dropdown-menu-content-available-width":`var(--radix-popper-available-width)`,"--radix-dropdown-menu-content-available-height":`var(--radix-popper-available-height)`,"--radix-dropdown-menu-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-dropdown-menu-trigger-height":`var(--radix-popper-anchor-height)`}})});ex.displayName=$b;var tx=`DropdownMenuGroup`,nx=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Ab,{...i,...r,ref:t})});nx.displayName=tx;var rx=`DropdownMenuLabel`,ix=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(jb,{...i,...r,ref:t})});ix.displayName=rx;var ax=`DropdownMenuItem`,ox=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Mb,{...i,...r,ref:t})});ox.displayName=ax;var sx=`DropdownMenuCheckboxItem`,cx=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Nb,{...i,...r,ref:t})});cx.displayName=sx;var lx=`DropdownMenuRadioGroup`,ux=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Pb,{...i,...r,ref:t})});ux.displayName=lx;var dx=`DropdownMenuRadioItem`,fx=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Fb,{...i,...r,ref:t})});fx.displayName=dx;var px=`DropdownMenuItemIndicator`,mx=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Ib,{...i,...r,ref:t})});mx.displayName=px;var hx=`DropdownMenuSeparator`,gx=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Lb,{...i,...r,ref:t})});gx.displayName=hx;var _x=`DropdownMenuArrow`,vx=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Rb,{...i,...r,ref:t})});vx.displayName=_x;var yx=e=>{let{__scopeDropdownMenu:t,children:n,open:r,onOpenChange:i,defaultOpen:a}=e,o=Gb(t),[s,c]=Vr({prop:r,defaultProp:a??!1,onChange:i,caller:`DropdownMenuSub`});return(0,p.jsx)(zb,{...o,open:s,onOpenChange:c,children:n})},bx=`DropdownMenuSubTrigger`,xx=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Bb,{...i,...r,ref:t})});xx.displayName=bx;var Sx=`DropdownMenuSubContent`,Cx=f.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...r}=e,i=Gb(n);return(0,p.jsx)(Vb,{...i,...r,ref:t,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-dropdown-menu-content-available-width":`var(--radix-popper-available-width)`,"--radix-dropdown-menu-content-available-height":`var(--radix-popper-available-height)`,"--radix-dropdown-menu-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-dropdown-menu-trigger-height":`var(--radix-popper-anchor-height)`}})});Cx.displayName=Sx;var wx=Jb,Tx=Xb,Ex=Qb,Dx=ex,Ox=ix,kx=ox,Ax=gx,jx=vx,Mx=yx,Nx=xx,Px=Cx;const Fx=[`tw:border-solid`,`tw:border`,`tw:rounded-[0.5rem]`,`tw:border-sq-disabled-gray`,`tw:dark:border-gray-500`].join(` `),Ix=[`tw:bg-sq-white`,`tw:dark:bg-sq-dark-background`].join(` `),Lx=e=>{let{label:t,variant:n=`outline`,size:r=`sm`,icon:i,iconStyle:a=`text`,iconColor:o,iconPosition:s=`left`,iconPrefix:c,extraClassNames:l=``,testId:u,id:d,disabled:f=!1,...m}=e;return(0,p.jsx)(Rx,{...e,children:(0,p.jsx)(Tx,{asChild:!0,id:d,disabled:f,children:(0,p.jsx)(O,{label:t,variant:n,size:r,icon:i,iconStyle:a,iconColor:o,iconPosition:s,iconPrefix:c,extraClassNames:l,testId:u,disabled:f,tooltip:m.tooltip,tooltipOptions:{delay:m.tooltipDelay,position:m.tooltipPlacement}})})})},Rx=({dropdownItems:e,id:t,children:n,contentExtraClassNames:r=``,containerTestId:i,align:a=`end`,placement:o=`bottom`,placementOffset:s=5,alignOffset:c=-35,hasArrow:l=!1,onOpenChange:u,isOpen:d,setFocusOnTriggerOnClose:f=!0,keepFocusInsideDropdown:m=!0,onContainerClick:h})=>(0,p.jsxs)(wx,{defaultOpen:!1,open:d,onOpenChange:u,modal:m,children:[n,(0,p.jsx)(Ex,{children:(0,p.jsx)(Dx,{onClick:h,sideOffset:s,side:o,align:a,alignOffset:c,asChild:!0,onCloseAutoFocus:e=>!f&&e.preventDefault(),className:`tw:focus-visible:outline-none tw:outline-none`,children:(0,p.jsxs)(`div`,{"data-testid":i,className:`${Ix} tw:relative tw:z-[1200] tw:min-w-6 tw:py-2 tw:focus-visible:outline-none tw:outline-none tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out forceFont tw:data-[side=top]:animate-slideDownAndFade tw:data-[side=right]:animate-slideLeftAndFade tw:data-[side=bottom]:animate-slideUpAndFade tw:data-[side=left]:animate-slideRightAndFade ${Fx} ${r}`,children:[l&&(0,p.jsx)(jx,{asChild:!0,children:(0,p.jsx)(`div`,{className:`tw:fill-transparent tw:bg-sq-white tw:w-sq-15 tw:h-sq-15 tw:rotate-45 tw:dark:bg-sq-dark-background tw:border-b tw:border-r tw:border-sq-disabled-gray tw:dark:border-gray-500 tw:-mt-sq-7`})}),e.map((e,n)=>{let r=S(e);return e.isLabel?(0,p.jsxs)(Ox,{className:e.itemExtraClassNames,...r,children:[e.icon&&(0,p.jsx)(E,{icon:e.icon,testId:e.iconTestId,type:`text`,color:e.iconColor,extraClassNames:`tw:text-sq-text-color tw:dark:text-sq-white tw:w-4.5`}),(0,p.jsx)(`div`,{"data-testid":e.labelTestId,className:`tw:text-sq-13 tw:ml-1 ${e.disabled?`tw:text-sq-disabled-gray`:`tw:text-sq-text-color tw:dark:text-sq-white`} tw:not-italic tw:font-normal ${e.labelClasses}`,children:e.label})]},(e.id||``)+n):Array.isArray(e.subMenuItems)&&e.subMenuItems.length>0?(0,p.jsxs)(Mx,{children:[(0,p.jsxs)(Nx,{id:t,className:`tw:cursor-pointer tw:flex tw:justify-between tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:h-sq-27 tw:pl-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none ${e.itemExtraClassNames||``}`,"data-testid":e.testId,disabled:e.disabled,...r,children:[(0,p.jsxs)(`div`,{className:`tw:flex`,children:[e.icon&&(0,p.jsx)(`div`,{className:`tw:min-w-5`,children:(0,p.jsx)(E,{icon:e.icon,extraClassNames:`tw:w-4.5 ${e.disabled?`tw:text-sq-disabled-gray!`:`tw:text-sq-text-color tw:dark:text-sq-white`} ${e.iconExtraClassNames||``}`})}),(0,p.jsx)(`div`,{"data-testid":e.labelTestId,"data-customid":e.labelCustomId,className:`tw:text-sq-13 tw:ml-1 ${e.disabled&&`tw:opacity-30!`} tw:not-italic tw:font-semibold ${e.labelClasses}`,children:e.label})]}),(0,p.jsx)(`div`,{className:`tw:flex tw:justify-center tw:items-center`,children:(0,p.jsx)(E,{size:`sm`,icon:`fc-arrow-dropdown tw:rotate-270`,extraClassNames:`${e.disabled?`tw:text-sq-disabled-gray`:`tw:text-sq-text-color tw:dark:text-sq-white`} tw:ml-4 tw:mr-2 tw:text-2`})})]}),(0,p.jsx)(Ex,{children:(0,p.jsx)(Px,{className:`tw:focus-visible:outline-none tw:outline-none`,children:(0,p.jsx)(`div`,{"data-testid":i,className:`${Ix} tw:relative tw:z-[1000] tw:min-w-6 tw:py-2 tw:focus-visible:outline-none tw:outline-none tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out forceFont tw:data-[side=top]:animate-slideDownAndFade tw:data-[side=right]:animate-slideLeftAndFade tw:data-[side=bottom]:animate-slideUpAndFade tw:data-[side=left]:animate-slideRightAndFade ${Fx}`,children:e.subMenuItems.map((t,n)=>(0,p.jsxs)(kx,{onSelect:t.onClick,"data-qtip-text":t.tooltip,className:`tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none`,disabled:t.disabled,children:[t.iconClass&&(0,p.jsx)(E,{icon:t.iconClass,type:`text`,extraClassNames:`tw:w-4.5 ${e.disabled&&`tw:opacity-30!`}`}),(0,p.jsx)(`div`,{className:`tw:text-sq-13 tw:ml-1 ${t.disabled?`tw:text-sq-disabled-gray`:`tw:text-sq-text-color tw:dark:text-sq-white`} tw:not-italic tw:font-normal ${e.labelClasses}`,children:t.label})]},t.label+n))})})})]},(e.id||e.icon||``)+n):(0,p.jsxs)(`div`,{...r,children:[(0,p.jsxs)(kx,{"data-customid":e.itemCustomId,onSelect:t=>{e.onClick(t)},className:`tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:min-h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none ${e.itemExtraClassNames||``}`,"data-testid":e.testId,disabled:e.disabled,children:[e.icon&&(0,p.jsx)(`div`,{className:`tw:min-w-5`,children:(0,p.jsx)(E,{icon:e.icon,testId:e.iconTestId,type:e.iconType||`text`,color:e.iconColor,customId:e.iconCustomId,extraClassNames:`tw:w-sq-4.5 ${e.disabled&&`tw:opacity-30!`} ${e.iconExtraClassNames||``}`})}),(0,p.jsx)(`div`,{"data-testid":e.labelTestId,"data-customid":e.labelCustomId,className:`tw:text-sq-13 tw:ml-1 ${e.disabled?`tw:text-sq-disabled-gray`:`tw:text-sq-text-color tw:dark:text-sq-white`} tw:not-italic tw:font-normal ${e.labelClasses||``}`,children:e.label})]},(e.id||e.icon||``)+n),e.hasDivider&&(0,p.jsx)(Ax,{"data-testid":`dropdown-divider-${n}`,className:`tw:h-px tw:bg-sq-disabled-gray tw:dark:bg-gray-500 tw:my-2`})]},(e.id||``)+n)})]})})})]});var zx=Lx;const Bx=[`tw:opacity-50`,`tw:cursor-not-allowed`].join(` `),Vx=e=>{let{triggerIcon:t,id:n,extraClassNames:r=``,disabled:i=!1,...a}=e,o=S(a);return(0,p.jsx)(Rx,{...e,children:(0,p.jsx)(Tx,{id:n,className:`tw:bg-transparent tw:border-none tw:focus-visible:outline-none tw:focus:outline-none tw:focus-within:outline-none`,disabled:i,children:(0,p.jsx)(`div`,{...o,className:`tw:bg-transparent tw:flex tw:flex-col tw:items-center tw:focus-visible:outline-none tw:focus:outline-none tw:focus-within:outline-none ${i?Bx:``} ${r}`,children:t})})})};var Hx=Vx;const Ux=`tw:mx-auto tw:leading-normal tw:outline-none tw:py-2 tw:px-3 tw:rounded-[10px] tw:w-full tw:relative tw:border-solid tw:border tw:text-sm tw:flex tw:flex-col tw:justify-center tw:items-center`,Wx=`tw:dark:bg-sq-theme-hover-dark tw:dark:text-sq-text-color-dark`,Gx=`tw:text-sq-text-color tw:bg-sq-theme-highlight/10`,Kx=`tw:border-sq-danger`,qx=`tw:border-sq-theme-dark`,Jx=({children:e,dismissible:t=!0,onClose:n,show:r=!0,variant:i,testId:a=`alert-id`,id:o,extraClassNames:s,...c})=>{let l={theme:`tw:text-sq-text-color tw:bg-sq-theme-highlight/10 tw:dark:bg-sq-theme-hover-dark tw:dark:text-sq-text-color-dark`,formulaError:`tw:text-red-800 tw:bg-red-200 tw:rounded-[0.25rem]!`,danger:`tw:text-sq-text-color tw:bg-sq-danger`,warning:`tw:bg-sq-bg-warning tw:text-sq-text-color tw:dark:text-sq-multi-gray-dark`,gray:`tw:bg-sq-hover-gray tw:text-sq-text-color tw:dark:bg-sq-tools-background-dark tw:dark:text-sq-text-color-dark`},u={theme:`tw:border-sq-theme-dark`,danger:`tw:border-sq-danger`,warning:`tw:border-none`,gray:`tw:border-sq-darkish-gray`,formulaError:`tw:border-red-100`},d=`tw:mx-auto tw:leading-normal tw:outline-none tw:py-2 tw:px-3 tw:rounded-[10px] tw:w-full tw:relative tw:border-solid tw:border tw:text-sm tw:flex tw:flex-col tw:justify-center tw:items-center ${l[i]} ${s} ${u[i]}`;return r?(0,p.jsxs)(`div`,{"data-testid":a,id:o,className:d,children:[e,t&&(0,p.jsx)(E,{icon:`fc-delete`,type:i.match(/danger|warning|formulaError/)?`color`:`theme`,color:i.match(/danger|warning|formulaError/)?`inherit`:void 0,extraClassNames:`tw:self-end tw:text-size-11 tw:cursor-pointer tw:absolute tw:right-2.5 tw:top-2.5 ${i.match(/danger|warning|gray|formulaError/)?`tw:text-sq-text-color tw:dark:text-sq-dark-text`:``}`,testId:`${a}-close-btn`,onClick:n,...c})]}):(0,p.jsx)(`div`,{})},Yx=({onClick:e,icon:t,color:n,type:r=`default`,extraClassNames:i,viewBox:a=`0 0 19 19`,id:o,testId:s,customId:c,...l})=>{let u=`${e?`tw:cursor-pointer`:``} ${i} tw:focus:outline-none tw:focus-visible:outline-none
70
- tw:outline-none`,d=S(l),f=r===`default`?`currentColor`:`var(--theme-icon)`;return(0,p.jsx)(`div`,{onClick:e,...d,className:`svgContainer ${u}`,children:(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,className:`tw:text-sq-theme-icon tw:dark:text-sq-white`,viewBox:a,fill:n||f,"data-testid":s,children:(0,p.jsx)(`path`,{d:qa(t)})})})};var Xx=Yx,Zx=u($g());const Qx=e=>{let t=(0,p.jsx)(p.Fragment,{});return e.icon&&(t=Ka(e.icon)?(0,p.jsx)(Xx,{icon:e.icon,extraClassNames:e.iconExtraClassNames+`tw:p-1 tw:h-9 tw:w-9 tw:dark:text-sq-white tw:text-5.5! tw:text-sq-white`,...e}):(0,p.jsx)(E,{icon:e.icon,type:`text`,extraClassNames:`tw:dark:text-sq-white tw:text-5.5! tw:text-sq-white tw:min-w-9 `+e.iconExtraClassNames})),(0,p.jsxs)(`div`,{className:`tw:flex-row tw:flex tw:p-2.5 tw:pl-5 tw:w-150 tw:gap-4`,children:[(0,p.jsx)(`div`,{className:(0,Zx.default)(`tw:rounded-[0.1875rem] tw:h-9 tw:w-9 tw:bg-sq-theme-dark tw:flex tw:justify-center tw:items-center tw:mt-1.5`,e.iconContainerExtraClassNames),children:t}),(0,p.jsxs)(`div`,{className:`tw:flex tw:flex-col tw:justify-center`,children:[(0,p.jsx)(`div`,{className:`tw:text-[20px] tw:font-semibold`,children:e.display}),(0,p.jsx)(`div`,{className:`tw:text-sq-13 tw:leading-4`,children:e.text})]})]})},$x=e=>{let t=(0,p.jsx)(p.Fragment,{});return e.icon&&(t=Ka(e.icon)?(0,p.jsx)(Xx,{icon:e.icon,extraClassNames:`tw:w-4 tw:text-5 tw:dark:text-sq-white tw:text-sq-text-color `+e.iconExtraClassNames,type:`default`,...e}):(0,p.jsx)(E,{icon:e.icon,type:`text`,extraClassNames:`tw:text-5 tw:dark:text-sq-white tw:text-sq-text-color `+e.iconExtraClassNames})),(0,p.jsx)(`div`,{className:`tw:flex-col tw:flex tw:p-2.5`,children:(0,p.jsxs)(`div`,{className:`tw:flex tw:flex-row tw:gap-2 tw:items-end`,children:[(0,p.jsx)(`div`,{className:`tw:rounded-[0.1875rem] tw:h-5 tw:w-5 tw:flex tw:justify-center tw:items-center `,children:t}),(0,p.jsx)(`div`,{className:`tw:text-sq-13`,children:e.display})]})})},eS=e=>(0,p.jsxs)(`div`,{className:`tw:flex-col tw:flex tw:justify-start tw:p-2.5 tw:font-normal tw:text-left tw:text-sq-text-color tw:dark:text-sq-dark-text`,children:[(0,p.jsx)(`h5`,{className:`tw:text-4 tw:font-medium tw:text-sq-theme-dark tw:leading-4.5`,children:e.display}),(0,p.jsx)(`div`,{className:`tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-dark-text tw:mt-1!`,children:e.text})]}),tS=[`tw:border-solid`,`tw:border`,`tw:rounded-md`,`tw:border-sq-disabled-gray`,`tw:dark:border-gray-500`].join(` `),nS=[`tw:bg-sq-white`,`tw:dark:bg-sq-dark-background`].join(` `),rS=[`tw:opacity-50`,`tw:cursor-not-allowed`].join(` `),iS=(e,t)=>{switch(e){case`create-workbench`:return(0,p.jsx)(Qx,{...t});case`view-workbench`:return(0,p.jsx)($x,{...t});case`insert-seeq-content`:return(0,p.jsx)(eS,{...t});default:return(0,p.jsx)(Qx,{...t})}},aS=({seeqActionDropdownItems:e,trigger:t,id:n,extraClassNames:r,containerTestId:i,disabled:a=!1,align:o=`end`,placement:s=`bottom`,placementOffset:c=5,alignOffset:l=-35,hasArrow:u=!1,onOpenChange:d,isOpen:f,setFocusOnTriggerOnClose:m=!0,keepFocusInsideDropdown:h=!0,variant:g,..._})=>{let v=S(_);return(0,p.jsxs)(wx,{defaultOpen:!1,open:f,onOpenChange:d,modal:h,children:[(0,p.jsx)(Tx,{id:n,"data-testid":n,className:`tw:border-none tw:focus-visible:outline-none tw:focus:outline-none tw:focus-within:outline-none`,asChild:!0,disabled:a,children:(0,p.jsx)(`div`,{...v,className:`tw:bg-transparent tw:flex tw:flex-col tw:items-center tw:focus-visible:outline-none tw:focus:outline-none tw:focus-within:outline-none ${a?rS:``} ${r||``}`,children:t})}),(0,p.jsx)(Dx,{sideOffset:c,side:s,align:o,alignOffset:l,asChild:!0,onCloseAutoFocus:e=>!m&&e.preventDefault(),className:`tw:focus-visible:outline-none tw:outline-none`,children:(0,p.jsxs)(`div`,{"data-testid":i,className:nS+` tw:relative tw:z-[1200] tw:min-w-6 tw:py-2 tw:shadow-[0_4px_8px_rgba(0,0,0,0.2)] tw:focus-visible:outline-none tw:outline-none tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out forceFont tw:data-[side=top]:animate-slideDownAndFade tw:data-[side=right]:animate-slideLeftAndFade tw:data-[side=bottom]:animate-slideUpAndFade tw:data-[side=left]:animate-slideRightAndFade `+tS,children:[u&&(0,p.jsx)(jx,{asChild:!0,children:(0,p.jsx)(`div`,{className:` tw:fill-transparent tw:bg-sq-white tw:w-sq-15 tw:h-sq-15 tw:rotate-45 tw:dark:bg-sq-dark-background tw:border-b tw:border-r tw:border-sq-disabled-gray tw:dark:border-gray-500 tw:-mt-sq-7`})}),e.map((e,t)=>(0,p.jsxs)(`div`,{children:[(0,p.jsx)(kx,{onSelect:t=>{e.action(t)},className:`tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:relative tw:select-none tw:outline-none tw:data-[disabled]:text-sq-disabled-gray tw:data-[disabled]:pointer-events-none`,"data-testid":e.testId,disabled:!e.enabled,children:iS(g,e)}),e.divider&&(0,p.jsx)(Ax,{"data-testid":`dropdown-divider-${t}`,className:`tw:h-px tw:bg-sq-disabled-gray tw:dark:bg-gray-500 tw:my-2`})]},e.display+t))]})})]})};var oS=aS;const sS=`tw:flex tw:outline-none tw:rounded-md tw:w-full tw:relative tw:flex-wrap`,cS=`tw:border-sq-danger`,lS=[`tw:border-sq-disabled-gray`,`tw:dark:border-sq-dark-disabled-gray`,`tw:dark:focus:border-sq-theme-darker`,`tw:dark:active:border-sq-theme-darker`,`tw:focus:border-sq-theme-dark`,`tw:active:border-sq-theme-dark`].join(` `),uS=`tw:leading-normal tw:outline-none tw:py-1 tw:px-3 tw:p-1 tw:border-solid tw:border`,dS=`tw:dark:bg-sq-dark-background tw:dark:text-sq-dark-text tw:disabled:dark:text-sq-disabled-gray`,fS=`tw:text-sq-text-color tw:disabled:text-sq-darkish-gray`,pS=f.default.forwardRef((e,t)=>{let{readonly:n=!1,onChange:r,onKeyUp:i,onFocus:a,onBlur:o,onKeyDown:s,name:c,value:l,placeholder:u,append:d=[],extraClassNames:m=``,id:h,testId:g,showError:_,required:v,autoComplete:y,autoFocus:b,disabled:x,type:C,step:w,min:T,max:E,field:D,maxLength:k,minLength:A,inputGroup:j,...M}=e,N=S(M),P=`tw:flex tw:outline-none tw:rounded-md tw:w-full tw:relative tw:flex-wrap ${m}`,F=d.filter(Boolean),I=j??(F.length>0?`left`:void 0),L=I===`left`?`tw:rounded-l-md tw:rounded-r-none`:I===`right`?`tw:rounded-r-md tw:rounded-l-none`:`tw:rounded-md`,R=`tw:leading-normal tw:outline-none tw:py-1 tw:px-3 tw:p-1 tw:border-solid tw:border ${m} tw:text-sq-text-color tw:disabled:text-sq-darkish-gray tw:dark:bg-sq-dark-background tw:dark:text-sq-dark-text tw:disabled:dark:text-sq-disabled-gray ${L} ${_?`tw:border-sq-danger`:lS} `,z=f.default.isValidElement(D)&&typeof D.type!=`string`,ee=z?f.default.cloneElement(D,{inputGroup:I}):D;return(0,p.jsxs)(`div`,{id:`input-group-${h}`,className:P,children:[D?(0,p.jsx)(`div`,{"data-testid":g,className:`tw:flex tw:flex-1 tw:cursor-pointer tw:active:z-50 ${R}`,children:ee}):(0,p.jsx)(fo,{testId:g,readonly:n,onChange:r,onKeyUp:i,onFocus:a,onBlur:o,onKeyDown:s,name:c,ref:t,showError:_,value:l,required:v,placeholder:u,autoComplete:y,autoFocus:b,id:h,type:C,disabled:x,step:w,min:T,max:E,maxLength:k,minLength:A,inputGroup:I,extraClassNames:`tw:flex tw:flex-1 tw:w-full tw:focus:z-30 ${m}`,...N}),F.map((e,t)=>e?.variant===`button`?(0,p.jsx)(O,{extraClassNames:`$
70
+ tw:outline-none`,d=S(l),f=r===`default`?`currentColor`:`var(--theme-icon)`;return(0,p.jsx)(`div`,{onClick:e,...d,className:`svgContainer ${u}`,children:(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,className:`tw:text-sq-theme-icon tw:dark:text-sq-white`,viewBox:a,fill:n||f,"data-testid":s,children:(0,p.jsx)(`path`,{d:qa(t)})})})};var Xx=Yx,Zx=u($g());const Qx=e=>{let t=(0,p.jsx)(p.Fragment,{});return e.icon&&(t=Ka(e.icon)?(0,p.jsx)(Xx,{icon:e.icon,extraClassNames:e.iconExtraClassNames+`tw:p-1 tw:h-9 tw:w-9 tw:dark:text-sq-white tw:text-5.5! tw:text-sq-white`,...e}):(0,p.jsx)(E,{icon:e.icon,type:`text`,extraClassNames:`tw:dark:text-sq-white tw:text-5.5! tw:text-sq-white tw:min-w-9 `+e.iconExtraClassNames})),(0,p.jsxs)(`div`,{className:`tw:flex-row tw:flex tw:p-2.5 tw:pl-5 tw:w-150 tw:gap-4`,children:[(0,p.jsx)(`div`,{className:(0,Zx.default)(`tw:rounded-[0.1875rem] tw:h-9 tw:w-9 tw:bg-sq-theme-dark tw:flex tw:justify-center tw:items-center tw:mt-1.5`,e.iconContainerExtraClassNames),children:t}),(0,p.jsxs)(`div`,{className:`tw:flex tw:flex-col tw:justify-center`,children:[(0,p.jsx)(`div`,{className:`tw:text-[20px] tw:font-semibold`,children:e.display}),(0,p.jsx)(`div`,{className:`tw:text-sq-13 tw:leading-4`,children:e.text})]})]})},$x=e=>{let t=(0,p.jsx)(p.Fragment,{});return e.icon&&(t=Ka(e.icon)?(0,p.jsx)(Xx,{icon:e.icon,extraClassNames:`tw:w-4 tw:text-5 tw:dark:text-sq-white tw:text-sq-text-color `+e.iconExtraClassNames,type:`default`,...e}):(0,p.jsx)(E,{icon:e.icon,type:`text`,extraClassNames:`tw:text-5 tw:dark:text-sq-white tw:text-sq-text-color `+e.iconExtraClassNames})),(0,p.jsx)(`div`,{className:`tw:flex-col tw:flex tw:p-2.5`,children:(0,p.jsxs)(`div`,{className:`tw:flex tw:flex-row tw:gap-2 tw:items-end`,children:[(0,p.jsx)(`div`,{className:`tw:rounded-[0.1875rem] tw:h-5 tw:w-5 tw:flex tw:justify-center tw:items-center `,children:t}),(0,p.jsx)(`div`,{className:`tw:text-sq-13`,children:e.display})]})})},eS=e=>(0,p.jsxs)(`div`,{className:`tw:flex-col tw:flex tw:justify-start tw:p-2.5 tw:font-normal tw:text-left tw:text-sq-text-color tw:dark:text-sq-dark-text`,children:[(0,p.jsx)(`h5`,{className:`tw:text-4 tw:font-medium tw:text-sq-theme-dark tw:leading-4.5`,children:e.display}),(0,p.jsx)(`div`,{className:`tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-dark-text tw:mt-1!`,children:e.text})]}),tS=[`tw:border-solid`,`tw:border`,`tw:rounded-md`,`tw:border-sq-disabled-gray`,`tw:dark:border-gray-500`].join(` `),nS=[`tw:bg-sq-white`,`tw:dark:bg-sq-dark-background`].join(` `),rS=[`tw:opacity-50`,`tw:cursor-not-allowed`].join(` `),iS=(e,t)=>{switch(e){case`create-workbench`:return(0,p.jsx)(Qx,{...t});case`view-workbench`:return(0,p.jsx)($x,{...t});case`insert-seeq-content`:return(0,p.jsx)(eS,{...t});default:return(0,p.jsx)(Qx,{...t})}},aS=({seeqActionDropdownItems:e,trigger:t,id:n,extraClassNames:r,containerTestId:i,disabled:a=!1,align:o=`end`,placement:s=`bottom`,placementOffset:c=5,alignOffset:l=-35,hasArrow:u=!1,onOpenChange:d,isOpen:f,setFocusOnTriggerOnClose:m=!0,keepFocusInsideDropdown:h=!0,variant:g,..._})=>{let v=S(_);return(0,p.jsxs)(wx,{defaultOpen:!1,open:f,onOpenChange:d,modal:h,children:[(0,p.jsx)(Tx,{id:n,"data-testid":n,className:`tw:border-none tw:focus-visible:outline-none tw:focus:outline-none tw:focus-within:outline-none`,asChild:!0,disabled:a,children:(0,p.jsx)(`div`,{...v,className:`tw:bg-transparent tw:flex tw:flex-col tw:items-center tw:focus-visible:outline-none tw:focus:outline-none tw:focus-within:outline-none ${a?rS:``} ${r||``}`,children:t})}),(0,p.jsx)(Dx,{sideOffset:c,side:s,align:o,alignOffset:l,asChild:!0,onCloseAutoFocus:e=>!m&&e.preventDefault(),className:`tw:focus-visible:outline-none tw:outline-none`,children:(0,p.jsxs)(`div`,{"data-testid":i,className:nS+` tw:relative tw:z-[1200] tw:min-w-6 tw:py-2 tw:shadow-[0_4px_8px_rgba(0,0,0,0.2)] tw:focus-visible:outline-none tw:outline-none tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out forceFont tw:data-[side=top]:animate-slideDownAndFade tw:data-[side=right]:animate-slideLeftAndFade tw:data-[side=bottom]:animate-slideUpAndFade tw:data-[side=left]:animate-slideRightAndFade `+tS,children:[u&&(0,p.jsx)(jx,{asChild:!0,children:(0,p.jsx)(`div`,{className:` tw:fill-transparent tw:bg-sq-white tw:w-sq-15 tw:h-sq-15 tw:rotate-45 tw:dark:bg-sq-dark-background tw:border-b tw:border-r tw:border-sq-disabled-gray tw:dark:border-gray-500 tw:-mt-sq-7`})}),e.map((e,t)=>(0,p.jsxs)(`div`,{children:[(0,p.jsx)(kx,{onSelect:t=>{e.action(t)},className:`tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:relative tw:select-none tw:outline-none tw:data-[disabled]:text-sq-disabled-gray tw:data-[dim]:opacity-50 tw:aria-disabled:pointer-events-none`,"data-testid":e.testId,"data-dim":e.dim?``:void 0,disabled:!e.enabled,children:iS(g,e)}),e.divider&&(0,p.jsx)(Ax,{"data-testid":`dropdown-divider-${t}`,className:`tw:h-px tw:bg-sq-disabled-gray tw:dark:bg-gray-500 tw:my-2`})]},e.id??t))]})})]})};var oS=aS;const sS=`tw:flex tw:outline-none tw:rounded-md tw:w-full tw:relative tw:flex-wrap`,cS=`tw:border-sq-danger`,lS=[`tw:border-sq-disabled-gray`,`tw:dark:border-sq-dark-disabled-gray`,`tw:dark:focus:border-sq-theme-darker`,`tw:dark:active:border-sq-theme-darker`,`tw:focus:border-sq-theme-dark`,`tw:active:border-sq-theme-dark`].join(` `),uS=`tw:leading-normal tw:outline-none tw:py-1 tw:px-3 tw:p-1 tw:border-solid tw:border`,dS=`tw:dark:bg-sq-dark-background tw:dark:text-sq-dark-text tw:disabled:dark:text-sq-disabled-gray`,fS=`tw:text-sq-text-color tw:disabled:text-sq-darkish-gray`,pS=f.default.forwardRef((e,t)=>{let{readonly:n=!1,onChange:r,onKeyUp:i,onFocus:a,onBlur:o,onKeyDown:s,name:c,value:l,placeholder:u,append:d=[],extraClassNames:m=``,id:h,testId:g,showError:_,required:v,autoComplete:y,autoFocus:b,disabled:x,type:C,step:w,min:T,max:E,field:D,maxLength:k,minLength:A,inputGroup:j,...M}=e,N=S(M),P=`tw:flex tw:outline-none tw:rounded-md tw:w-full tw:relative tw:flex-wrap ${m}`,F=d.filter(Boolean),I=j??(F.length>0?`left`:void 0),L=I===`left`?`tw:rounded-l-md tw:rounded-r-none`:I===`right`?`tw:rounded-r-md tw:rounded-l-none`:`tw:rounded-md`,R=`tw:leading-normal tw:outline-none tw:py-1 tw:px-3 tw:p-1 tw:border-solid tw:border ${m} tw:text-sq-text-color tw:disabled:text-sq-darkish-gray tw:dark:bg-sq-dark-background tw:dark:text-sq-dark-text tw:disabled:dark:text-sq-disabled-gray ${L} ${_?`tw:border-sq-danger`:lS} `,z=f.default.isValidElement(D)&&typeof D.type!=`string`,ee=z?f.default.cloneElement(D,{inputGroup:I}):D;return(0,p.jsxs)(`div`,{id:`input-group-${h}`,className:P,children:[D?(0,p.jsx)(`div`,{"data-testid":g,className:`tw:flex tw:flex-1 tw:cursor-pointer tw:active:z-50 ${R}`,children:ee}):(0,p.jsx)(fo,{testId:g,readonly:n,onChange:r,onKeyUp:i,onFocus:a,onBlur:o,onKeyDown:s,name:c,ref:t,showError:_,value:l,required:v,placeholder:u,autoComplete:y,autoFocus:b,id:h,type:C,disabled:x,step:w,min:T,max:E,maxLength:k,minLength:A,inputGroup:I,extraClassNames:`tw:flex tw:flex-1 tw:w-full tw:focus:z-30 ${m}`,...N}),F.map((e,t)=>e?.variant===`button`?(0,p.jsx)(O,{extraClassNames:`$
71
71
  index ? 'tw:-ml-px' : 'tw:ml-0'
72
72
  } tw:focus:z-40 tw:focus:border tw:rounded-none tw:last:rounded-r-md`,...e.buttonProps},t):(0,p.jsx)(`div`,{className:`${lS} ${t?`tw:-ml-px`:`tw:ml-0`} tw:flex tw:items-center tw:justify-center tw:rounded-none tw:last:rounded-r-md tw:active:z-30 tw:active:border tw:border`,children:e?.element},t))]})}),mS=(0,f.createContext)({});function hS(e){let t=(0,f.useRef)(null);return t.current===null&&(t.current=e()),t.current}const gS=typeof window<`u`,_S=gS?f.useLayoutEffect:f.useEffect,vS=(0,f.createContext)(null);function yS(e,t){e.indexOf(t)===-1&&e.push(t)}function bS(e,t){let n=e.indexOf(t);n>-1&&e.splice(n,1)}const xS=(e,t,n)=>n>t?t:n<e?e:n;function SS(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}let CS=()=>{},wS=()=>{};process.env.NODE_ENV!==`production`&&(CS=(e,t,n)=>{!e&&typeof console<`u`&&console.warn(SS(t,n))},wS=(e,t,n)=>{if(!e)throw Error(SS(t,n))});const TS={},ES=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function DS(e){return typeof e==`object`&&!!e}const OS=e=>/^0[^.\s]+$/u.test(e);function kS(e){let t;return()=>(t===void 0&&(t=e()),t)}const AS=e=>e,jS=(e,t)=>n=>t(e(n)),MS=(...e)=>e.reduce(jS),NS=(e,t,n)=>{let r=t-e;return r===0?1:(n-e)/r};var PS=class{constructor(){this.subscriptions=[]}add(e){return yS(this.subscriptions,e),()=>bS(this.subscriptions,e)}notify(e,t,n){let r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,t,n);else for(let i=0;i<r;i++){let r=this.subscriptions[i];r&&r(e,t,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}};const FS=e=>e*1e3,IS=e=>e/1e3;function LS(e,t){return t?e*(1e3/t):0}const RS=new Set;function zS(e,t,n){e||RS.has(t)||(console.warn(SS(t,n)),RS.add(t))}const BS=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,VS=1e-7,HS=12;function US(e,t,n,r,i){let a,o,s=0;do o=t+(n-t)/2,a=BS(o,r,i)-e,a>0?n=o:t=o;while(Math.abs(a)>1e-7&&++s<12);return o}function WS(e,t,n,r){if(e===t&&n===r)return AS;let i=t=>US(t,0,1,e,n);return e=>e===0||e===1?e:BS(i(e),t,r)}const GS=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,KS=e=>t=>1-e(1-t),qS=WS(.33,1.53,.69,.99),JS=KS(qS),YS=GS(JS),XS=e=>(e*=2)<1?.5*JS(e):.5*(2-2**(-10*(e-1))),ZS=e=>1-Math.sin(Math.acos(e)),QS=KS(ZS),$S=GS(ZS),eC=WS(.42,0,1,1),tC=WS(0,0,.58,1),nC=WS(.42,0,.58,1),rC=e=>Array.isArray(e)&&typeof e[0]!=`number`,iC=e=>Array.isArray(e)&&typeof e[0]==`number`,aC={linear:AS,easeIn:eC,easeInOut:nC,easeOut:tC,circIn:ZS,circInOut:$S,circOut:QS,backIn:JS,backInOut:YS,backOut:qS,anticipate:XS},oC=e=>typeof e==`string`,sC=e=>{if(iC(e)){wS(e.length===4,`Cubic bezier arrays must contain four numerical values.`,`cubic-bezier-length`);let[t,n,r,i]=e;return WS(t,n,r,i)}else if(oC(e))return wS(aC[e]!==void 0,`Invalid easing type '${e}'`,`invalid-easing-type`),aC[e];return e},cC=[`setup`,`read`,`resolveKeyframes`,`preUpdate`,`update`,`preRender`,`render`,`postRender`],lC={value:null,addProjectionMetrics:null};function uC(e,t){let n=new Set,r=new Set,i=!1,a=!1,o=new WeakSet,s={delta:0,timestamp:0,isProcessing:!1},c=0;function l(t){o.has(t)&&(u.schedule(t),e()),c++,t(s)}let u={schedule:(e,t=!1,a=!1)=>{let s=a&&i,c=s?n:r;return t&&o.add(e),c.has(e)||c.add(e),e},cancel:e=>{r.delete(e),o.delete(e)},process:e=>{if(s=e,i){a=!0;return}i=!0,[n,r]=[r,n],n.forEach(l),t&&lC.value&&lC.value.frameloop[t].push(c),c=0,n.clear(),i=!1,a&&(a=!1,u.process(e))}};return u}const dC=40;function fC(e,t){let n=!1,r=!0,i={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,o=cC.reduce((e,n)=>(e[n]=uC(a,t?n:void 0),e),{}),{setup:s,read:c,resolveKeyframes:l,preUpdate:u,update:d,preRender:f,render:p,postRender:m}=o,h=()=>{let a=TS.useManualTiming?i.timestamp:performance.now();n=!1,TS.useManualTiming||(i.delta=r?1e3/60:Math.max(Math.min(a-i.timestamp,40),1)),i.timestamp=a,i.isProcessing=!0,s.process(i),c.process(i),l.process(i),u.process(i),d.process(i),f.process(i),p.process(i),m.process(i),i.isProcessing=!1,n&&t&&(r=!1,e(h))},g=()=>{n=!0,r=!0,i.isProcessing||e(h)},_=cC.reduce((e,t)=>{let r=o[t];return e[t]=(e,t=!1,i=!1)=>(n||g(),r.schedule(e,t,i)),e},{}),v=e=>{for(let t=0;t<cC.length;t++)o[cC[t]].cancel(e)};return{schedule:_,cancel:v,state:i,steps:o}}const{schedule:X,cancel:pC,state:mC,steps:hC}=fC(typeof requestAnimationFrame<`u`?requestAnimationFrame:AS,!0);let gC;function _C(){gC=void 0}const vC={now:()=>(gC===void 0&&vC.set(mC.isProcessing||TS.useManualTiming?mC.timestamp:performance.now()),gC),set:e=>{gC=e,queueMicrotask(_C)}},yC={layout:0,mainThread:0,waapi:0},bC=e=>t=>typeof t==`string`&&t.startsWith(e),xC=bC(`--`),SC=bC(`var(--`),CC=e=>{let t=SC(e);return t?wC.test(e.split(`/*`)[0].trim()):!1},wC=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,TC={test:e=>typeof e==`number`,parse:parseFloat,transform:e=>e},EC={...TC,transform:e=>xS(0,1,e)},DC={...TC,default:1},OC=e=>Math.round(e*1e5)/1e5,kC=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function AC(e){return e==null}const jC=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,MC=(e,t)=>n=>!!(typeof n==`string`&&jC.test(n)&&n.startsWith(e)||t&&!AC(n)&&Object.prototype.hasOwnProperty.call(n,t)),NC=(e,t,n)=>r=>{if(typeof r!=`string`)return r;let[i,a,o,s]=r.match(kC);return{[e]:parseFloat(i),[t]:parseFloat(a),[n]:parseFloat(o),alpha:s===void 0?1:parseFloat(s)}},PC=e=>xS(0,255,e),FC={...TC,transform:e=>Math.round(PC(e))},IC={test:MC(`rgb`,`red`),parse:NC(`red`,`green`,`blue`),transform:({red:e,green:t,blue:n,alpha:r=1})=>`rgba(`+FC.transform(e)+`, `+FC.transform(t)+`, `+FC.transform(n)+`, `+OC(EC.transform(r))+`)`};function LC(e){let t=``,n=``,r=``,i=``;return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,r+=r,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:i?parseInt(i,16)/255:1}}const RC={test:MC(`#`),parse:LC,transform:IC.transform},zC=e=>({test:t=>typeof t==`string`&&t.endsWith(e)&&t.split(` `).length===1,parse:parseFloat,transform:t=>`${t}${e}`}),BC=zC(`deg`),VC=zC(`%`),Z=zC(`px`),HC=zC(`vh`),UC=zC(`vw`),WC=(()=>({...VC,parse:e=>VC.parse(e)/100,transform:e=>VC.transform(e*100)}))(),GC={test:MC(`hsl`,`hue`),parse:NC(`hue`,`saturation`,`lightness`),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>`hsla(`+Math.round(e)+`, `+VC.transform(OC(t))+`, `+VC.transform(OC(n))+`, `+OC(EC.transform(r))+`)`},KC={test:e=>IC.test(e)||RC.test(e)||GC.test(e),parse:e=>IC.test(e)?IC.parse(e):GC.test(e)?GC.parse(e):RC.parse(e),transform:e=>typeof e==`string`?e:e.hasOwnProperty(`red`)?IC.transform(e):GC.transform(e),getAnimatableNone:e=>{let t=KC.parse(e);return t.alpha=0,KC.transform(t)}},qC=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function JC(e){return isNaN(e)&&typeof e==`string`&&(e.match(kC)?.length||0)+(e.match(qC)?.length||0)>0}const YC=`number`,XC=`color`,ZC=`var`,QC=`var(`,$C="${}",ew=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function tw(e){let t=e.toString(),n=[],r={color:[],number:[],var:[]},i=[],a=0,o=t.replace(ew,e=>(KC.test(e)?(r.color.push(a),i.push(XC),n.push(KC.parse(e))):e.startsWith(`var(`)?(r.var.push(a),i.push(`var`),n.push(e)):(r.number.push(a),i.push(YC),n.push(parseFloat(e))),++a,"${}")),s=o.split("${}");return{values:n,split:s,indexes:r,types:i}}function nw(e){return tw(e).values}function rw(e){let{split:t,types:n}=tw(e),r=t.length;return e=>{let i=``;for(let a=0;a<r;a++)if(i+=t[a],e[a]!==void 0){let t=n[a];t===YC?i+=OC(e[a]):t===XC?i+=KC.transform(e[a]):i+=e[a]}return i}}const iw=e=>typeof e==`number`?0:KC.test(e)?KC.getAnimatableNone(e):e;function aw(e){let t=nw(e),n=rw(e);return n(t.map(iw))}const ow={test:JC,parse:nw,createTransformer:rw,getAnimatableNone:aw};function sw(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function cw({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,t/=100,n/=100;let i=0,a=0,o=0;if(!t)i=a=o=n;else{let r=n<.5?n*(1+t):n+t-n*t,s=2*n-r;i=sw(s,r,e+1/3),a=sw(s,r,e),o=sw(s,r,e-1/3)}return{red:Math.round(i*255),green:Math.round(a*255),blue:Math.round(o*255),alpha:r}}function lw(e,t){return n=>n>0?t:e}const Q=(e,t,n)=>e+(t-e)*n,uw=(e,t,n)=>{let r=e*e,i=n*(t*t-r)+r;return i<0?0:Math.sqrt(i)},dw=[RC,IC,GC],fw=e=>dw.find(t=>t.test(e));function pw(e){let t=fw(e);if(CS(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,`color-not-animatable`),!t)return!1;let n=t.parse(e);return t===GC&&(n=cw(n)),n}const mw=(e,t)=>{let n=pw(e),r=pw(t);if(!n||!r)return lw(e,t);let i={...n};return e=>(i.red=uw(n.red,r.red,e),i.green=uw(n.green,r.green,e),i.blue=uw(n.blue,r.blue,e),i.alpha=Q(n.alpha,r.alpha,e),IC.transform(i))},hw=new Set([`none`,`hidden`]);function gw(e,t){return hw.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function _w(e,t){return n=>Q(e,t,n)}function vw(e){return typeof e==`number`?_w:typeof e==`string`?CC(e)?lw:KC.test(e)?mw:Sw:Array.isArray(e)?yw:typeof e==`object`?KC.test(e)?mw:bw:lw}function yw(e,t){let n=[...e],r=n.length,i=e.map((e,n)=>vw(e)(e,t[n]));return e=>{for(let t=0;t<r;t++)n[t]=i[t](e);return n}}function bw(e,t){let n={...e,...t},r={};for(let i in n)e[i]!==void 0&&t[i]!==void 0&&(r[i]=vw(e[i])(e[i],t[i]));return e=>{for(let t in r)n[t]=r[t](e);return n}}function xw(e,t){let n=[],r={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){let a=t.types[i],o=e.indexes[a][r[a]],s=e.values[o]??0;n[i]=s,r[a]++}return n}const Sw=(e,t)=>{let n=ow.createTransformer(t),r=tw(e),i=tw(t),a=r.indexes.var.length===i.indexes.var.length&&r.indexes.color.length===i.indexes.color.length&&r.indexes.number.length>=i.indexes.number.length;return a?hw.has(e)&&!i.values.length||hw.has(t)&&!r.values.length?gw(e,t):MS(yw(xw(r,i),i.values),n):(CS(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,`complex-values-different`),lw(e,t))};function Cw(e,t,n){if(typeof e==`number`&&typeof t==`number`&&typeof n==`number`)return Q(e,t,n);let r=vw(e);return r(e,t)}const ww=e=>{let t=({timestamp:t})=>e(t);return{start:(e=!0)=>X.update(t,e),stop:()=>pC(t),now:()=>mC.isProcessing?mC.timestamp:vC.now()}},Tw=(e,t,n=10)=>{let r=``,i=Math.max(Math.round(t/n),2);for(let t=0;t<i;t++)r+=Math.round(e(t/(i-1))*1e4)/1e4+`, `;return`linear(${r.substring(0,r.length-2)})`},Ew=2e4;function Dw(e){let t=0,n=e.next(t);for(;!n.done&&t<Ew;)t+=50,n=e.next(t);return t>=Ew?1/0:t}function Ow(e,t=100,n){let r=n({...e,keyframes:[0,t]}),i=Math.min(Dw(r),Ew);return{type:`keyframes`,ease:e=>r.next(i*e).value/t,duration:IS(i)}}const kw=5;function Aw(e,t,n){let r=Math.max(t-5,0);return LS(n-e(r),t-r)}const $={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},jw=.001;function Mw({duration:e=$.duration,bounce:t=$.bounce,velocity:n=$.velocity,mass:r=$.mass}){let i,a;CS(e<=FS($.maxDuration),`Spring duration must be 10 seconds or less`,`spring-duration-limit`);let o=1-t;o=xS($.minDamping,$.maxDamping,o),e=xS($.minDuration,$.maxDuration,IS(e)),o<1?(i=t=>{let r=t*o,i=r*e,a=r-n,s=Fw(t,o),c=Math.exp(-i);return jw-a/s*c},a=t=>{let r=t*o,a=r*e,s=a*n+n,c=o**2*t**2*e,l=Math.exp(-a),u=Fw(t**2,o),d=-i(t)+jw>0?-1:1;return d*((s-c)*l)/u}):(i=t=>{let r=Math.exp(-t*e),i=(t-n)*e+1;return-jw+r*i},a=t=>{let r=Math.exp(-t*e),i=(n-t)*(e*e);return r*i});let s=5/e,c=Pw(i,a,s);if(e=FS(e),isNaN(c))return{stiffness:$.stiffness,damping:$.damping,duration:e};{let t=c**2*r;return{stiffness:t,damping:o*2*Math.sqrt(r*t),duration:e}}}const Nw=12;function Pw(e,t,n){let r=n;for(let n=1;n<12;n++)r-=e(r)/t(r);return r}function Fw(e,t){return e*Math.sqrt(1-t*t)}const Iw=[`duration`,`bounce`],Lw=[`stiffness`,`damping`,`mass`];function Rw(e,t){return t.some(t=>e[t]!==void 0)}function zw(e){let t={velocity:$.velocity,stiffness:$.stiffness,damping:$.damping,mass:$.mass,isResolvedFromDuration:!1,...e};if(!Rw(e,Lw)&&Rw(e,Iw))if(e.visualDuration){let n=e.visualDuration,r=2*Math.PI/(n*1.2),i=r*r,a=2*xS(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:$.mass,stiffness:i,damping:a}}else{let n=Mw(e);t={...t,...n,mass:$.mass},t.isResolvedFromDuration=!0}return t}function Bw(e=$.visualDuration,t=$.bounce){let n=typeof e==`object`?e:{visualDuration:e,keyframes:[0,1],bounce:t},{restSpeed:r,restDelta:i}=n,a=n.keyframes[0],o=n.keyframes[n.keyframes.length-1],s={done:!1,value:a},{stiffness:c,damping:l,mass:u,duration:d,velocity:f,isResolvedFromDuration:p}=zw({...n,velocity:-IS(n.velocity||0)}),m=f||0,h=l/(2*Math.sqrt(c*u)),g=o-a,_=IS(Math.sqrt(c/u)),v=Math.abs(g)<5;r||=v?$.restSpeed.granular:$.restSpeed.default,i||=v?$.restDelta.granular:$.restDelta.default;let y;if(h<1){let e=Fw(_,h);y=t=>{let n=Math.exp(-h*_*t);return o-n*((m+h*_*g)/e*Math.sin(e*t)+g*Math.cos(e*t))}}else if(h===1)y=e=>o-Math.exp(-_*e)*(g+(m+_*g)*e);else{let e=_*Math.sqrt(h*h-1);y=t=>{let n=Math.exp(-h*_*t),r=Math.min(e*t,300);return o-n*((m+h*_*g)*Math.sinh(r)+e*g*Math.cosh(r))/e}}let b={calculatedDuration:p&&d||null,next:e=>{let t=y(e);if(p)s.done=e>=d;else{let n=e===0?m:0;h<1&&(n=e===0?FS(m):Aw(y,e,t));let a=Math.abs(n)<=r,c=Math.abs(o-t)<=i;s.done=a&&c}return s.value=s.done?o:t,s},toString:()=>{let e=Math.min(Dw(b),Ew),t=Tw(t=>b.next(e*t).value,e,30);return e+`ms `+t},toTransition:()=>{}};return b}Bw.applyToOptions=e=>{let t=Ow(e,100,Bw);return e.ease=t.ease,e.duration=FS(t.duration),e.type=`keyframes`,e};function Vw({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:i=10,bounceStiffness:a=500,modifyTarget:o,min:s,max:c,restDelta:l=.5,restSpeed:u}){let d=e[0],f={done:!1,value:d},p=e=>s!==void 0&&e<s||c!==void 0&&e>c,m=e=>s===void 0?c:c===void 0||Math.abs(s-e)<Math.abs(c-e)?s:c,h=n*t,g=d+h,_=o===void 0?g:o(g);_!==g&&(h=_-d);let v=e=>-h*Math.exp(-e/r),y=e=>_+v(e),b=e=>{let t=v(e),n=y(e);f.done=Math.abs(t)<=l,f.value=f.done?_:n},x,S,C=e=>{p(f.value)&&(x=e,S=Bw({keyframes:[f.value,m(f.value)],velocity:Aw(y,e,f.value),damping:i,stiffness:a,restDelta:l,restSpeed:u}))};return C(0),{calculatedDuration:null,next:e=>{let t=!1;return!S&&x===void 0&&(t=!0,b(e),C(e)),x!==void 0&&e>=x?S.next(e-x):(!t&&b(e),f)}}}function Hw(e,t,n){let r=[],i=n||TS.mix||Cw,a=e.length-1;for(let n=0;n<a;n++){let a=i(e[n],e[n+1]);if(t){let e=Array.isArray(t)?t[n]||AS:t;a=MS(e,a)}r.push(a)}return r}function Uw(e,t,{clamp:n=!0,ease:r,mixer:i}={}){let a=e.length;if(wS(a===t.length,`Both input and output ranges must be the same length`,`range-length`),a===1)return()=>t[0];if(a===2&&t[0]===t[1])return()=>t[1];let o=e[0]===e[1];e[0]>e[a-1]&&(e=[...e].reverse(),t=[...t].reverse());let s=Hw(t,r,i),c=s.length,l=n=>{if(o&&n<e[0])return t[0];let r=0;if(c>1)for(;r<e.length-2&&!(n<e[r+1]);r++);let i=NS(e[r],e[r+1],n);return s[r](i)};return n?t=>l(xS(e[0],e[a-1],t)):l}function Ww(e,t){let n=e[e.length-1];for(let r=1;r<=t;r++){let i=NS(0,t,r);e.push(Q(n,1,i))}}function Gw(e){let t=[0];return Ww(t,e.length-1),t}function Kw(e,t){return e.map(e=>e*t)}function qw(e,t){return e.map(()=>t||nC).splice(0,e.length-1)}function Jw({duration:e=300,keyframes:t,times:n,ease:r=`easeInOut`}){let i=rC(r)?r.map(sC):sC(r),a={done:!1,value:t[0]},o=Kw(n&&n.length===t.length?n:Gw(t),e),s=Uw(o,t,{ease:Array.isArray(i)?i:qw(t,i)});return{calculatedDuration:e,next:t=>(a.value=s(t),a.done=t>=e,a)}}const Yw=e=>e!==null;function Xw(e,{repeat:t,repeatType:n=`loop`},r,i=1){let a=e.filter(Yw),o=i<0||t&&n!==`loop`&&t%2==1,s=o?0:a.length-1;return!s||r===void 0?a[s]:r}const Zw={decay:Vw,inertia:Vw,tween:Jw,keyframes:Jw,spring:Bw};function Qw(e){typeof e.type==`string`&&(e.type=Zw[e.type])}var $w=class{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,t){return this.finished.then(e,t)}};const eT=e=>e/100;var tT=class extends $w{constructor(e){super(),this.state=`idle`,this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{let{motionValue:e}=this.options;e&&e.updatedAt!==vC.now()&&this.tick(vC.now()),this.isStopped=!0,this.state!==`idle`&&(this.teardown(),this.options.onStop?.())},yC.mainThread++,this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){let{options:e}=this;Qw(e);let{type:t=Jw,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e,{keyframes:o}=e,s=t||Jw;process.env.NODE_ENV!==`production`&&s!==Jw&&wS(o.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`,`spring-two-frames`),s!==Jw&&typeof o[0]!=`number`&&(this.mixKeyframes=MS(eT,Cw(o[0],o[1])),o=[0,100]);let c=s({...e,keyframes:o});i===`mirror`&&(this.mirroredGenerator=s({...e,keyframes:[...o].reverse(),velocity:-a})),c.calculatedDuration===null&&(c.calculatedDuration=Dw(c));let{calculatedDuration:l}=c;this.calculatedDuration=l,this.resolvedDuration=l+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=c}updateTime(e){let t=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime===null?this.currentTime=t:this.currentTime=this.holdTime}tick(e,t=!1){let{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:s}=this;if(this.startTime===null)return n.next(0);let{delay:c=0,keyframes:l,repeat:u,repeatType:d,repeatDelay:f,type:p,onUpdate:m,finalKeyframe:h}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),t?this.currentTime=e:this.updateTime(e);let g=this.currentTime-c*(this.playbackSpeed>=0?1:-1),_=this.playbackSpeed>=0?g<0:g>r;this.currentTime=Math.max(g,0),this.state===`finished`&&this.holdTime===null&&(this.currentTime=r);let v=this.currentTime,y=n;if(u){let e=Math.min(this.currentTime,r)/o,t=Math.floor(e),n=e%1;!n&&e>=1&&(n=1),n===1&&t--,t=Math.min(t,u+1);let i=!!(t%2);i&&(d===`reverse`?(n=1-n,f&&(n-=f/o)):d===`mirror`&&(y=a)),v=xS(0,1,n)*o}let b=_?{done:!1,value:l[0]}:y.next(v);i&&(b.value=i(b.value));let{done:x}=b;!_&&s!==null&&(x=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);let S=this.holdTime===null&&(this.state===`finished`||this.state===`running`&&x);return S&&p!==Vw&&(b.value=Xw(l,this.options,h,this.speed)),m&&m(b.value),S&&this.finish(),b}then(e,t){return this.finished.then(e,t)}get duration(){return IS(this.calculatedDuration)}get iterationDuration(){let{delay:e=0}=this.options||{};return this.duration+IS(e)}get time(){return IS(this.currentTime)}set time(e){e=FS(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(e){this.updateTime(vC.now());let t=this.playbackSpeed!==e;this.playbackSpeed=e,t&&(this.time=IS(this.currentTime))}play(){if(this.isStopped)return;let{driver:e=ww,startTime:t}=this.options;this.driver||=e(e=>this.tick(e)),this.options.onPlay?.();let n=this.driver.now();this.state===`finished`?(this.updateFinished(),this.startTime=n):this.holdTime===null?this.startTime||=t??n:this.startTime=n-this.holdTime,this.state===`finished`&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state=`running`,this.driver.start()}pause(){this.state=`paused`,this.updateTime(vC.now()),this.holdTime=this.currentTime}complete(){this.state!==`running`&&this.play(),this.state=`finished`,this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state=`finished`,this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state=`idle`,this.stopDriver(),this.startTime=this.holdTime=null,yC.mainThread--}stopDriver(){this.driver&&=(this.driver.stop(),void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){return this.options.allowFlatten&&(this.options.type=`keyframes`,this.options.ease=`linear`,this.initAnimation()),this.driver?.stop(),e.observe(this)}};function nT(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}const rT=e=>e*180/Math.PI,iT=e=>{let t=rT(Math.atan2(e[1],e[0]));return oT(t)},aT={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:iT,rotateZ:iT,skewX:e=>rT(Math.atan(e[1])),skewY:e=>rT(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},oT=e=>(e%=360,e<0&&(e+=360),e),sT=iT,cT=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),lT=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),uT={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:cT,scaleY:lT,scale:e=>(cT(e)+lT(e))/2,rotateX:e=>oT(rT(Math.atan2(e[6],e[5]))),rotateY:e=>oT(rT(Math.atan2(-e[2],e[0]))),rotateZ:sT,rotate:sT,skewX:e=>rT(Math.atan(e[4])),skewY:e=>rT(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function dT(e){return e.includes(`scale`)?1:0}function fT(e,t){if(!e||e===`none`)return dT(t);let n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u),r,i;if(n)r=uT,i=n;else{let t=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);r=aT,i=t}if(!i)return dT(t);let a=r[t],o=i[1].split(`,`).map(mT);return typeof a==`function`?a(o):o[a]}const pT=(e,t)=>{let{transform:n=`none`}=getComputedStyle(e);return fT(n,t)};function mT(e){return parseFloat(e.trim())}const hT=[`transformPerspective`,`x`,`y`,`z`,`translateX`,`translateY`,`translateZ`,`scale`,`scaleX`,`scaleY`,`rotate`,`rotateX`,`rotateY`,`rotateZ`,`skew`,`skewX`,`skewY`],gT=(()=>new Set(hT))(),_T=e=>e===TC||e===Z,vT=new Set([`x`,`y`,`z`]),yT=hT.filter(e=>!vT.has(e));function bT(e){let t=[];return yT.forEach(n=>{let r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith(`scale`)?1:0))}),t}const xT={width:({x:e},{paddingLeft:t=`0`,paddingRight:n=`0`})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t=`0`,paddingBottom:n=`0`})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>fT(t,`x`),y:(e,{transform:t})=>fT(t,`y`)};xT.translateX=xT.x,xT.translateY=xT.y;const ST=new Set;let CT=!1,wT=!1,TT=!1;function ET(){if(wT){let e=Array.from(ST).filter(e=>e.needsMeasurement),t=new Set(e.map(e=>e.element)),n=new Map;t.forEach(e=>{let t=bT(e);t.length&&(n.set(e,t),e.render())}),e.forEach(e=>e.measureInitialState()),t.forEach(e=>{e.render();let t=n.get(e);t&&t.forEach(([t,n])=>{e.getValue(t)?.set(n)})}),e.forEach(e=>e.measureEndState()),e.forEach(e=>{e.suspendedScrollY!==void 0&&window.scrollTo(0,e.suspendedScrollY)})}wT=!1,CT=!1,ST.forEach(e=>e.complete(TT)),ST.clear()}function DT(){ST.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(wT=!0)})}function OT(){TT=!0,DT(),ET(),TT=!1}var kT=class{constructor(e,t,n,r,i,a=!1){this.state=`pending`,this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=t,this.name=n,this.motionValue=r,this.element=i,this.isAsync=a}scheduleResolve(){this.state=`scheduled`,this.isAsync?(ST.add(this),CT||(CT=!0,X.read(DT),X.resolveKeyframes(ET))):(this.readKeyframes(),this.complete())}readKeyframes(){let{unresolvedKeyframes:e,name:t,element:n,motionValue:r}=this;if(e[0]===null){let i=r?.get(),a=e[e.length-1];if(i!==void 0)e[0]=i;else if(n&&t){let r=n.readValue(t,a);r!=null&&(e[0]=r)}e[0]===void 0&&(e[0]=a),r&&i===void 0&&r.set(e[0])}nT(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state=`complete`,this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),ST.delete(this)}cancel(){this.state===`scheduled`&&(ST.delete(this),this.state=`pending`)}resume(){this.state===`pending`&&this.scheduleResolve()}};const AT=e=>e.startsWith(`--`);function jT(e,t,n){AT(t)?e.style.setProperty(t,n):e.style[t]=n}const MT=kS(()=>window.ScrollTimeline!==void 0),NT={};function PT(e,t){let n=kS(e);return()=>NT[t]??n()}const FT=PT(()=>{try{document.createElement(`div`).animate({opacity:0},{easing:`linear(0, 1)`})}catch{return!1}return!0},`linearEasing`),IT=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,LT={linear:`linear`,ease:`ease`,easeIn:`ease-in`,easeOut:`ease-out`,easeInOut:`ease-in-out`,circIn:IT([0,.65,.55,1]),circOut:IT([.55,0,1,.45]),backIn:IT([.31,.01,.66,-.59]),backOut:IT([.33,1.53,.69,.99])};function RT(e,t){if(e)return typeof e==`function`?FT()?Tw(e,t):`ease-out`:iC(e)?IT(e):Array.isArray(e)?e.map(e=>RT(e,t)||LT.easeOut):LT[e]}function zT(e,t,n,{delay:r=0,duration:i=300,repeat:a=0,repeatType:o=`loop`,ease:s=`easeOut`,times:c}={},l=void 0){let u={[t]:n};c&&(u.offset=c);let d=RT(s,i);Array.isArray(d)&&(u.easing=d),lC.value&&yC.waapi++;let f={delay:r,duration:i,easing:Array.isArray(d)?`linear`:d,fill:`both`,iterations:a+1,direction:o===`reverse`?`alternate`:`normal`};l&&(f.pseudoElement=l);let p=e.animate(u,f);return lC.value&&p.finished.finally(()=>{yC.waapi--}),p}function BT(e){return typeof e==`function`&&`applyToOptions`in e}function VT({type:e,...t}){return BT(e)&&FT()?e.applyToOptions(t):(t.duration??=300,t.ease??=`easeOut`,t)}var HT=class extends $w{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,!e)return;let{element:t,name:n,keyframes:r,pseudoElement:i,allowFlatten:a=!1,finalKeyframe:o,onComplete:s}=e;this.isPseudoElement=!!i,this.allowFlatten=a,this.options=e,wS(typeof e.type!=`string`,`Mini animate() doesn't support "type" as a string.`,`mini-spring`);let c=VT(e);this.animation=zT(t,n,r,c,i),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!i){let e=Xw(r,this.options,o,this.speed);this.updateMotionValue?this.updateMotionValue(e):jT(t,n,e),this.animation.cancel()}s?.(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state===`finished`&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;let{state:e}=this;e===`idle`||e===`finished`||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){let e=this.animation.effect?.getComputedTiming?.().duration||0;return IS(Number(e))}get iterationDuration(){let{delay:e=0}=this.options||{};return this.duration+IS(e)}get time(){return IS(Number(this.animation.currentTime)||0)}set time(e){this.finishedTime=null,this.animation.currentTime=FS(e)}get speed(){return this.animation.playbackRate}set speed(e){e<0&&(this.finishedTime=null),this.animation.playbackRate=e}get state(){return this.finishedTime===null?this.animation.playState:`finished`}get startTime(){return Number(this.animation.startTime)}set startTime(e){this.animation.startTime=e}attachTimeline({timeline:e,observe:t}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:`linear`}),this.animation.onfinish=null,e&&MT()?(this.animation.timeline=e,AS):t(this)}};const UT={anticipate:XS,backInOut:YS,circInOut:$S};function WT(e){return e in UT}function GT(e){typeof e.ease==`string`&&WT(e.ease)&&(e.ease=UT[e.ease])}const KT=10;var qT=class extends HT{constructor(e){GT(e),Qw(e),super(e),e.startTime&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){let{motionValue:t,onUpdate:n,onComplete:r,element:i,...a}=this.options;if(!t)return;if(e!==void 0){t.set(e);return}let o=new tT({...a,autoplay:!1}),s=FS(this.finishedTime??this.time);t.setWithVelocity(o.sample(s-10).value,o.sample(s).value,10),o.stop()}};const JT=(e,t)=>t===`zIndex`?!1:!!(typeof e==`number`||Array.isArray(e)||typeof e==`string`&&(ow.test(e)||e===`0`)&&!e.startsWith(`url(`));function YT(e){let t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function XT(e,t,n,r){let i=e[0];if(i===null)return!1;if(t===`display`||t===`visibility`)return!0;let a=e[e.length-1],o=JT(i,t),s=JT(a,t);return CS(o===s,`You are trying to animate ${t} from "${i}" to "${a}". "${o?a:i}" is not an animatable value.`,`value-not-animatable`),!o||!s?!1:YT(e)||(n===`spring`||BT(n))&&r}function ZT(e){e.duration=0,e.type=`keyframes`}const QT=new Set([`opacity`,`clipPath`,`filter`,`transform`]),$T=kS(()=>Object.hasOwnProperty.call(Element.prototype,`animate`));function eE(e){let{motionValue:t,name:n,repeatDelay:r,repeatType:i,damping:a,type:o}=e,s=t?.owner?.current;if(!(s instanceof HTMLElement))return!1;let{onUpdate:c,transformTemplate:l}=t.owner.getProps();return $T()&&n&&QT.has(n)&&(n!==`transform`||!l)&&!c&&!r&&i!==`mirror`&&a!==0&&o!==`inertia`}const tE=40;var nE=class extends $w{constructor({autoplay:e=!0,delay:t=0,type:n=`keyframes`,repeat:r=0,repeatDelay:i=0,repeatType:a=`loop`,keyframes:o,name:s,motionValue:c,element:l,...u}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=vC.now();let d={autoplay:e,delay:t,type:n,repeat:r,repeatDelay:i,repeatType:a,name:s,motionValue:c,element:l,...u},f=l?.KeyframeResolver||kT;this.keyframeResolver=new f(o,(e,t,n)=>this.onKeyframesResolved(e,t,d,!n),s,c,l),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(e,t,n,r){this.keyframeResolver=void 0;let{name:i,type:a,velocity:o,delay:s,isHandoff:c,onUpdate:l}=n;this.resolvedAt=vC.now(),XT(e,i,a,o)||((TS.instantAnimations||!s)&&l?.(Xw(e,n,t)),e[0]=e[e.length-1],ZT(n),n.repeat=0);let u=r?this.resolvedAt&&this.resolvedAt-this.createdAt>40?this.resolvedAt:this.createdAt:void 0,d={startTime:u,finalKeyframe:t,...n,keyframes:e},f=!c&&eE(d)?new qT({...d,element:d.motionValue.owner.current}):new tT(d);f.finished.then(()=>this.notifyFinished()).catch(AS),this.pendingTimeline&&=(this.stopTimeline=f.attachTimeline(this.pendingTimeline),void 0),this._animation=f}get finished(){return this._animation?this.animation.finished:this._finished}then(e,t){return this.finished.finally(e).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),OT()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}};const rE=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function iE(e){let t=rE.exec(e);if(!t)return[,];let[,n,r,i]=t;return[`--${n??r}`,i]}const aE=4;function oE(e,t,n=1){wS(n<=4,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,`max-css-var-depth`);let[r,i]=iE(e);if(!r)return;let a=window.getComputedStyle(t).getPropertyValue(r);if(a){let e=a.trim();return ES(e)?parseFloat(e):e}return CC(i)?oE(i,t,n+1):i}function sE(e,t){return e?.[t]??e?.default??e}const cE=new Set([`width`,`height`,`top`,`left`,`right`,`bottom`,...hT]),lE={test:e=>e===`auto`,parse:e=>e},uE=e=>t=>t.test(e),dE=[TC,Z,VC,BC,UC,HC,lE],fE=e=>dE.find(uE(e));function pE(e){return typeof e==`number`?e===0:e===null?!0:e===`none`||e===`0`||OS(e)}const mE=new Set([`brightness`,`contrast`,`saturate`,`opacity`]);function hE(e){let[t,n]=e.slice(0,-1).split(`(`);if(t===`drop-shadow`)return e;let[r]=n.match(kC)||[];if(!r)return e;let i=n.replace(r,``),a=mE.has(t)?1:0;return r!==n&&(a*=100),t+`(`+a+i+`)`}const gE=/\b([a-z-]*)\(.*?\)/gu,_E={...ow,getAnimatableNone:e=>{let t=e.match(gE);return t?t.map(hE).join(` `):e}},vE={...TC,transform:Math.round},yE={rotate:BC,rotateX:BC,rotateY:BC,rotateZ:BC,scale:DC,scaleX:DC,scaleY:DC,scaleZ:DC,skew:BC,skewX:BC,skewY:BC,distance:Z,translateX:Z,translateY:Z,translateZ:Z,x:Z,y:Z,z:Z,perspective:Z,transformPerspective:Z,opacity:EC,originX:WC,originY:WC,originZ:Z},bE={borderWidth:Z,borderTopWidth:Z,borderRightWidth:Z,borderBottomWidth:Z,borderLeftWidth:Z,borderRadius:Z,radius:Z,borderTopLeftRadius:Z,borderTopRightRadius:Z,borderBottomRightRadius:Z,borderBottomLeftRadius:Z,width:Z,maxWidth:Z,height:Z,maxHeight:Z,top:Z,right:Z,bottom:Z,left:Z,padding:Z,paddingTop:Z,paddingRight:Z,paddingBottom:Z,paddingLeft:Z,margin:Z,marginTop:Z,marginRight:Z,marginBottom:Z,marginLeft:Z,backgroundPositionX:Z,backgroundPositionY:Z,...yE,zIndex:vE,fillOpacity:EC,strokeOpacity:EC,numOctaves:vE},xE={...bE,color:KC,backgroundColor:KC,outlineColor:KC,fill:KC,stroke:KC,borderColor:KC,borderTopColor:KC,borderRightColor:KC,borderBottomColor:KC,borderLeftColor:KC,filter:_E,WebkitFilter:_E},SE=e=>xE[e];function CE(e,t){let n=SE(e);return n!==_E&&(n=ow),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const wE=new Set([`auto`,`none`,`0`]);function TE(e,t,n){let r=0,i;for(;r<e.length&&!i;){let t=e[r];typeof t==`string`&&!wE.has(t)&&tw(t).values.length&&(i=e[r]),r++}if(i&&n)for(let r of t)e[r]=CE(n,i)}var EE=class extends kT{constructor(e,t,n,r,i){super(e,t,n,r,i,!0)}readKeyframes(){let{unresolvedKeyframes:e,element:t,name:n}=this;if(!t||!t.current)return;super.readKeyframes();for(let n=0;n<e.length;n++){let r=e[n];if(typeof r==`string`&&(r=r.trim(),CC(r))){let i=oE(r,t.current);i!==void 0&&(e[n]=i),n===e.length-1&&(this.finalKeyframe=r)}}if(this.resolveNoneKeyframes(),!cE.has(n)||e.length!==2)return;let[r,i]=e,a=fE(r),o=fE(i);if(a!==o)if(_T(a)&&_T(o))for(let t=0;t<e.length;t++){let n=e[t];typeof n==`string`&&(e[t]=parseFloat(n))}else xT[n]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){let{unresolvedKeyframes:e,name:t}=this,n=[];for(let t=0;t<e.length;t++)(e[t]===null||pE(e[t]))&&n.push(t);n.length&&TE(e,n,t)}measureInitialState(){let{element:e,unresolvedKeyframes:t,name:n}=this;if(!e||!e.current)return;n===`height`&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=xT[n](e.measureViewportBox(),window.getComputedStyle(e.current)),t[0]=this.measuredOrigin;let r=t[t.length-1];r!==void 0&&e.getValue(n,r).jump(r,!1)}measureEndState(){let{element:e,name:t,unresolvedKeyframes:n}=this;if(!e||!e.current)return;let r=e.getValue(t);r&&r.jump(this.measuredOrigin,!1);let i=n.length-1,a=n[i];n[i]=xT[t](e.measureViewportBox(),window.getComputedStyle(e.current)),a!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=a),this.removedTransforms?.length&&this.removedTransforms.forEach(([t,n])=>{e.getValue(t).set(n)}),this.resolveNoneKeyframes()}};function DE(e,t,n){if(e instanceof EventTarget)return[e];if(typeof e==`string`){let r=document;t&&(r=t.current);let i=n?.[e]??r.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}const OE=(e,t)=>t&&typeof e==`number`?t.transform(e):e;function kE(e){return DS(e)&&`offsetHeight`in e}const AE=30,jE=e=>!isNaN(parseFloat(e)),ME={current:void 0};var NE=class{constructor(e,t={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=e=>{let t=vC.now();if(this.updatedAt!==t&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(e),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(let e of this.dependents)e.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=t.owner}setCurrent(e){this.current=e,this.updatedAt=vC.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=jE(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return process.env.NODE_ENV!==`production`&&zS(!1,`value.onChange(callback) is deprecated. Switch to value.on("change", callback).`),this.on(`change`,e)}on(e,t){this.events[e]||(this.events[e]=new PS);let n=this.events[e].add(t);return e===`change`?()=>{n(),X.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(let e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,t,n){this.set(t),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,t=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(e){this.dependents||=new Set,this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return ME.current&&ME.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){let e=vC.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>30)return 0;let t=Math.min(this.updatedAt-this.prevUpdatedAt,30);return LS(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(e){return this.stop(),new Promise(t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}};function PE(e,t){return new NE(e,t)}const{schedule:FE,cancel:IE}=fC(queueMicrotask,!1),LE={x:!1,y:!1};function RE(){return LE.x||LE.y}function zE(e){return e===`x`||e===`y`?LE[e]?null:(LE[e]=!0,()=>{LE[e]=!1}):LE.x||LE.y?null:(LE.x=LE.y=!0,()=>{LE.x=LE.y=!1})}function BE(e,t){let n=DE(e),r=new AbortController,i={passive:!0,...t,signal:r.signal},a=()=>r.abort();return[n,i,a]}function VE(e){return!(e.pointerType===`touch`||RE())}function HE(e,t,n={}){let[r,i,a]=BE(e,n),o=e=>{if(!VE(e))return;let{target:n}=e,r=t(n,e);if(typeof r!=`function`||!n)return;let a=e=>{VE(e)&&(r(e),n.removeEventListener(`pointerleave`,a))};n.addEventListener(`pointerleave`,a,i)};return r.forEach(e=>{e.addEventListener(`pointerenter`,o,i)}),a}const UE=(e,t)=>t?e===t?!0:UE(e,t.parentElement):!1,WE=e=>e.pointerType===`mouse`?typeof e.button!=`number`||e.button<=0:e.isPrimary!==!1,GE=new Set([`BUTTON`,`INPUT`,`SELECT`,`TEXTAREA`,`A`]);function KE(e){return GE.has(e.tagName)||e.tabIndex!==-1}const qE=new WeakSet;function JE(e){return t=>{t.key===`Enter`&&e(t)}}function YE(e,t){e.dispatchEvent(new PointerEvent(`pointer`+t,{isPrimary:!0,bubbles:!0}))}const XE=(e,t)=>{let n=e.currentTarget;if(!n)return;let r=JE(()=>{if(qE.has(n))return;YE(n,`down`);let e=JE(()=>{YE(n,`up`)}),r=()=>YE(n,`cancel`);n.addEventListener(`keyup`,e,t),n.addEventListener(`blur`,r,t)});n.addEventListener(`keydown`,r,t),n.addEventListener(`blur`,()=>n.removeEventListener(`keydown`,r),t)};function ZE(e){return WE(e)&&!RE()}function QE(e,t,n={}){let[r,i,a]=BE(e,n),o=e=>{let r=e.currentTarget;if(!ZE(e))return;qE.add(r);let a=t(r,e),o=(e,t)=>{window.removeEventListener(`pointerup`,s),window.removeEventListener(`pointercancel`,c),qE.has(r)&&qE.delete(r),ZE(e)&&typeof a==`function`&&a(e,{success:t})},s=e=>{o(e,r===window||r===document||n.useGlobalTarget||UE(r,e.target))},c=e=>{o(e,!1)};window.addEventListener(`pointerup`,s,i),window.addEventListener(`pointercancel`,c,i)};return r.forEach(e=>{let t=n.useGlobalTarget?window:e;t.addEventListener(`pointerdown`,o,i),kE(e)&&(e.addEventListener(`focus`,e=>XE(e,i)),!KE(e)&&!e.hasAttribute(`tabindex`)&&(e.tabIndex=0))}),a}function $E(e){return DS(e)&&`ownerSVGElement`in e}function eD(e){return $E(e)&&e.tagName===`svg`}const tD=e=>!!(e&&e.getVelocity),nD=[...dE,KC,ow],rD=e=>nD.find(uE(e)),iD=(0,f.createContext)({transformPagePoint:e=>e,isStatic:!1,reducedMotion:`never`});function aD(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function oD(...e){return t=>{let n=!1,r=e.map(e=>{let r=aD(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():aD(e[t],null)}}}}function sD(...e){return f.useCallback(oD(...e),e)}var cD=class extends f.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=t.offsetParent,n=kE(e)&&e.offsetWidth||0,r=this.props.sizeRef.current;r.height=t.offsetHeight||0,r.width=t.offsetWidth||0,r.top=t.offsetTop,r.left=t.offsetLeft,r.right=n-r.width-r.left}return null}componentDidUpdate(){}render(){return this.props.children}};function lD({children:e,isPresent:t,anchorX:n,root:r}){let i=(0,f.useId)(),a=(0,f.useRef)(null),o=(0,f.useRef)({width:0,height:0,top:0,left:0,right:0}),{nonce:s}=(0,f.useContext)(iD),c=sD(a,e?.ref);return(0,f.useInsertionEffect)(()=>{let{width:e,height:c,top:l,left:u,right:d}=o.current;if(t||!a.current||!e||!c)return;let f=n===`left`?`left: ${u}`:`right: ${d}`;a.current.dataset.motionPopId=i;let p=document.createElement(`style`);s&&(p.nonce=s);let m=r??document.head;return m.appendChild(p),p.sheet&&p.sheet.insertRule(`
73
73
  [data-motion-pop-id="${i}"] {