@owodesign/owoui 0.1.6 → 0.1.7-beta2

package/dist/index.min.js

@@ -1 +1,2895 @@
-import{clsx as To}from"clsx";import{useState as ko}from"react";var it={};import{jsx as Xe}from"react/jsx-runtime";function Po(e){let t=e.trim().split(/\s+/);return t.length>=2?(t[0][0]+t[t.length-1][0]).toUpperCase():e.slice(0,2).toUpperCase()}function st({src:e,alt:t,name:o,size:r="md",tone:a="neutral",className:i}){let[n,c]=ko(!1),d=e&&!n,u=o?Po(o):"?";return Xe("span",{"data-tone":a,"data-size":r,className:To("owo-avatar",it.root,i),children:d?Xe("img",{src:e,alt:t??o??"",onError:()=>c(!0)}):Xe("span",{"aria-label":t??o,children:u})})}import{clsx as Co}from"clsx";var dt={};import{jsx as Io}from"react/jsx-runtime";function ct({tone:e="neutral",variant:t="soft",size:o="xs",className:r,children:a,...i}){return Io("span",{"data-tone":e,"data-variant":t,"data-size":o,className:Co("owo-badge",dt.root,r),...i,children:a})}import{clsx as Xo}from"clsx";import{clsx as Ro}from"clsx";var lt={};import{jsx as k,jsxs as ae}from"react/jsx-runtime";var So={xs:12,sm:14,md:16,lg:24};function Lo({px:e}){let o=Math.PI*2*9;return ae("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[k("circle",{cx:"12",cy:"12",r:9,stroke:"currentColor",strokeWidth:"3",opacity:"0.2"}),k("circle",{cx:"12",cy:"12",r:9,stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:`${o*.28} ${o*.72}`})]})}function Do({px:e}){return ae("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",children:[k("path",{d:"M12 2a10 10 0 0 1 10 10",opacity:"0.9"}),k("path",{d:"M12 2a10 10 0 0 0-7.07 2.93",opacity:"0.2"}),k("path",{d:"M4.93 4.93A10 10 0 0 0 2 12",opacity:"0.2"}),k("path",{d:"M2 12a10 10 0 0 0 2.93 7.07",opacity:"0.2"}),k("path",{d:"M4.93 19.07A10 10 0 0 0 12 22",opacity:"0.2"}),k("path",{d:"M12 22a10 10 0 0 0 7.07-2.93",opacity:"0.2"}),k("path",{d:"M19.07 19.07A10 10 0 0 0 22 12",opacity:"0.2"})]})}function Eo({px:e}){return k("svg",{width:e,height:e,viewBox:"0 0 24 24",children:[0,1,2,3,4,5,6,7].map(o=>{let r=o/8*360,a=.15+o/8*.85;return k("circle",{cx:"12",cy:"3.5",r:"1.8",fill:"currentColor",opacity:a,transform:`rotate(${r} 12 12)`},o)})})}function zo({px:e}){return k("svg",{width:e,height:e,viewBox:"0 0 24 24",children:[0,1,2,3].map(t=>ae("rect",{x:3+t*5.5,y:"4",width:"3",height:"16",rx:"1.5",fill:"currentColor",opacity:"0.3",children:[k("animate",{attributeName:"opacity",values:"0.3;1;0.3",dur:"1s",begin:`${t*.15}s`,repeatCount:"indefinite"}),k("animate",{attributeName:"height",values:"16;8;16",dur:"1s",begin:`${t*.15}s`,repeatCount:"indefinite"}),k("animate",{attributeName:"y",values:"4;8;4",dur:"1s",begin:`${t*.15}s`,repeatCount:"indefinite"})]},t))})}function Ho({px:e}){let t=e*.14,o=e*.33,r=e/2-o,a=e/2,i=e/2+o,n=e/2;return k("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,children:[r,a,i].map((c,d)=>ae("circle",{cx:c,cy:n,r:t,fill:"currentColor",opacity:"0.4",children:[k("animate",{attributeName:"cy",values:`${n};${n-e*.25};${n}`,dur:"0.6s",begin:`${d*.12}s`,repeatCount:"indefinite",calcMode:"spline",keySplines:"0.4 0 0.2 1;0.4 0 0.2 1"}),k("animate",{attributeName:"opacity",values:"0.4;1;0.4",dur:"0.6s",begin:`${d*.12}s`,repeatCount:"indefinite"})]},d))})}function Ao({px:e}){return ae("svg",{width:e,height:e,viewBox:"0 0 24 24",children:[ae("circle",{cx:"12",cy:"12",r:"0",fill:"currentColor",opacity:"0",children:[k("animate",{attributeName:"r",values:"4;10;4",dur:"1.2s",repeatCount:"indefinite"}),k("animate",{attributeName:"opacity",values:"0.8;0.1;0.8",dur:"1.2s",repeatCount:"indefinite"})]}),k("circle",{cx:"12",cy:"12",r:"3.5",fill:"currentColor",opacity:"0.7"})]})}function Bo({px:e}){return ae("svg",{width:e,height:e,viewBox:"0 0 24 24",children:[k("circle",{cx:"12",cy:"12",r:"8",stroke:"currentColor",strokeWidth:"1.5",fill:"none",opacity:"0.15"}),k("circle",{cx:"12",cy:"4",r:"2.2",fill:"currentColor",children:k("animateTransform",{attributeName:"transform",type:"rotate",from:"0 12 12",to:"360 12 12",dur:"0.9s",repeatCount:"indefinite"})}),k("circle",{cx:"12",cy:"20",r:"1.5",fill:"currentColor",opacity:"0.5",children:k("animateTransform",{attributeName:"transform",type:"rotate",from:"0 12 12",to:"-360 12 12",dur:"0.9s",repeatCount:"indefinite"})})]})}function Oo({px:e}){let t=e*.14,o=e*.33,r=e/2-o,a=e/2,i=e/2+o,n=e/2;return k("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,children:[r,a,i].map((c,d)=>k("circle",{cx:c,cy:n,r:t,fill:"currentColor",opacity:"0.25",children:k("animate",{attributeName:"opacity",values:"0.25;1;0.25",dur:"0.9s",begin:`${d*.2}s`,repeatCount:"indefinite"})},d))})}var Vo={ring:Lo,arc:Do,dots:Eo,bars:zo,bounce:Ho,pulse:Ao,orbit:Bo,flow:Oo},Fo=new Set(["ring","arc","dots"]);function Ie({variant:e="ring",size:t="md",className:o,label:r}){let a=typeof t=="number"?t:So[t],i=Vo[e];return k("span",{"aria-hidden":!r,"aria-label":r,role:r?"img":void 0,"data-animate":Fo.has(e)?"spin":void 0,className:Ro("owo-spinner",lt.root,o),children:k(i,{px:a})})}var ce={};import{Fragment as Ko,jsx as ne,jsxs as Uo}from"react/jsx-runtime";function pt({className:e}){return Xo("owo-button",ce.root,e)}function be(e){let{variant:t="secondary",size:o="md",loading:r=!1,leadingIcon:a,trailingIcon:i,className:n,children:c,...d}=e,u=Uo(Ko,{children:[r?ne("span",{className:ce.icon,children:ne(Ie,{size:o==="xs"?"xs":o==="sm"?"sm":o==="xl"?"lg":"md"})}):a?ne("span",{className:ce.icon,children:a}):null,ne("span",{className:ce.label,children:c}),!r&&i?ne("span",{className:ce.icon,children:i}):null]}),s=pt({variant:t,size:o,loading:r,className:n});if("href"in e&&e.href){let{href:l,...b}=d;return ne("a",{href:l,"data-variant":t,"data-size":o,"data-loading":r?"true":void 0,"aria-disabled":r||void 0,tabIndex:r?-1:void 0,className:s,onClick:r?p=>p.preventDefault():void 0,...b,children:u})}let m=d;return ne("button",{type:m.type??"button","data-variant":t,"data-size":o,"data-loading":r?"true":void 0,disabled:m.disabled||r,className:s,...m,children:u})}import{clsx as q}from"clsx";import{createContext as _o,useContext as qo,useEffect as Go,useId as Yo,useMemo as Jo,useRef as ut,useState as mt}from"react";var ee={};import{jsx as G,jsxs as er}from"react/jsx-runtime";var gt=_o(null);function ft(e){let t=qo(gt);if(!t)throw new Error(`${e} must be used within Collapsible.Root`);return t}function Zo({open:e,defaultOpen:t,onOpenChange:o}){let[r,a]=mt(t??!1),i=e!==void 0,n=i?e:r;function c(d){i||a(d),o?.(d)}return[n,c]}function Ke({children:e,open:t,defaultOpen:o,onOpenChange:r,classNames:a,className:i,...n}){let[c,d]=Zo({open:t,defaultOpen:o,onOpenChange:r}),u=Yo(),s=Jo(()=>({open:c,setOpen:d,contentId:u,classNames:a}),[u,c,d,a]);return G(gt.Provider,{value:s,children:G("div",{"data-state":c?"open":"closed","data-scope":"collapsible",className:q("owo-collapsible",ee.root,i),...n,children:e})})}function bt({children:e,icon:t,indicator:o,iconPosition:r="start",className:a,onClick:i,...n}){let{open:c,setOpen:d,contentId:u,classNames:s}=ft("Collapsible.Trigger"),l=t!==void 0||o!==void 0?er("span",{"data-part":"triggerInner",className:q(ee.triggerInner,s?.triggerInner),children:[t&&r==="start"?G("span",{"data-part":"triggerIcon","aria-hidden":"true",className:q(ee.triggerIcon,s?.triggerIcon),children:t}):null,G("span",{"data-part":"triggerLabel",className:q(ee.triggerLabel,s?.triggerLabel),children:e}),t&&r==="end"?G("span",{"data-part":"triggerIcon","aria-hidden":"true",className:q(ee.triggerIcon,s?.triggerIcon),children:t}):null,o?G("span",{"data-part":"triggerIndicator","aria-hidden":"true",className:q(ee.triggerIndicator,s?.triggerIndicator),children:o}):null]}):e;return G("button",{type:"button","aria-expanded":c,"aria-controls":u,"data-state":c?"open":"closed","data-scope":"collapsible","data-part":"trigger",className:q(s?.trigger,a),onClick:b=>{i?.(b),b.defaultPrevented||d(!c)},...n,children:l})}function ht({children:e,className:t,...o}){let{open:r,contentId:a,classNames:i}=ft("Collapsible.Content"),[n,c]=mt(r),d=ut(null),u=ut(null);return Go(()=>{let s=d.current,m=u.current;if(!s||!m)return;let l=0,b=0,p=()=>{s.style.height="auto",s.style.overflow="visible"};if(r&&c(!0),!n&&!r)return;let f=h=>{h.target!==s||h.propertyName!=="height"||(s.removeEventListener("transitionend",f),r?p():c(!1))};return(()=>{let h=m.scrollHeight;if(s.style.overflow="hidden",r){s.style.height="0px",l=window.requestAnimationFrame(()=>{s.addEventListener("transitionend",f),s.style.height=`${h}px`}),b=window.setTimeout(p,240);return}s.style.height=`${h}px`,l=window.requestAnimationFrame(()=>{s.addEventListener("transitionend",f),s.style.height="0px"}),b=window.setTimeout(()=>c(!1),240)})(),()=>{window.cancelAnimationFrame(l),window.clearTimeout(b),s.removeEventListener("transitionend",f)}},[r,n]),!n&&!r?null:G("div",{id:a,ref:d,"data-state":r?"open":"closed","data-scope":"collapsible","data-part":"content","aria-hidden":!r,className:q(i?.content,t),...o,children:G("div",{ref:u,"data-part":"contentInner",className:q(ee.contentInner,i?.contentInner),children:e})})}var jo=Object.assign(Ke,{Root:Ke,Trigger:bt,Content:ht}),Qo=jo;import{createContext as cr,useCallback as wt,useContext as lr,useRef as pr,useState as ur}from"react";import{clsx as le}from"clsx";import{createContext as or,useEffect as rr,useRef as vt,useCallback as ar,useContext as Ue}from"react";var he={};import{jsx as pe,jsxs as dr}from"react/jsx-runtime";var Ne=or(void 0);function nr({className:e,children:t,...o}){let r=Ue(Ne);return pe("div",{"data-scope":"dialog","data-part":"header",className:le(r?.header,e),...o,children:t})}function ir({className:e,children:t,...o}){let r=Ue(Ne);return pe("div",{"data-scope":"dialog","data-part":"body",className:le(r?.body,e),...o,children:t})}function sr({className:e,children:t,...o}){let r=Ue(Ne);return pe("div",{"data-scope":"dialog","data-part":"footer",className:le(r?.footer,e),...o,children:t})}function W({open:e,onClose:t,size:o="sm",children:r,className:a,overlayClassName:i,panelClassName:n,classNames:c,...d}){let u=vt(null),s=vt(null),m=ar(l=>{l.key==="Escape"&&(l.stopPropagation(),t())},[t]);return rr(()=>(e?(s.current=document.activeElement,document.body.style.overflow="hidden",requestAnimationFrame(()=>{let l=u.current;if(!l)return;let b=l.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');b?b.focus():l.focus()}),document.addEventListener("keydown",m)):(document.body.style.overflow="",s.current?.focus()),()=>{document.removeEventListener("keydown",m),document.body.style.overflow=""}),[e,m]),e?pe(Ne.Provider,{value:c,children:dr("div",{"data-state":"open","data-scope":"dialog","data-part":"overlay",className:le("owo-dialog-overlay",he.overlay,c?.overlay),children:[pe("button",{type:"button","aria-label":"Close dialog","data-state":"open","data-scope":"dialog","data-part":"backdrop",className:le("owo-dialog-backdrop",i,c?.backdrop),onClick:t}),pe("div",{ref:u,role:"dialog","aria-modal":"true",tabIndex:-1,"data-state":"open","data-size":o,className:le("owo-dialog",he.panel,n,a),...d,children:r})]})}):null}W.Header=nr;W.Body=ir;W.Footer=sr;import{Fragment as fr,jsx as ue,jsxs as We}from"react/jsx-runtime";var xt=cr(null);function mr(){let e=lr(xt);if(!e)throw new Error("useConfirm must be used within <ConfirmProvider>");return e}function gr({children:e}){let[t,o]=ur(null),r=pr(null),a=wt(n=>(r.current&&r.current.resolve(!1),new Promise(c=>{let d={options:n,resolve:c};r.current=d,o(d)})),[]),i=wt(n=>{r.current&&(r.current.resolve(n),r.current=null),o(null)},[]);return We(xt.Provider,{value:a,children:[e,ue(W,{open:t!==null,onClose:()=>i(!1),children:t&&We(fr,{children:[ue(W.Header,{children:t.options.title}),ue(W.Body,{children:typeof t.options.description=="string"?ue("p",{className:he.confirmDescription,children:t.options.description}):t.options.description}),We(W.Footer,{children:[ue(be,{variant:"ghost",size:"sm",onClick:()=>i(!1),children:t.options.cancelLabel??"\u53D6\u6D88"}),ue(be,{variant:t.options.variant??"primary",size:"sm",onClick:()=>i(!0),children:t.options.confirmLabel??"\u786E\u8BA4"})]})]})})]})}import{clsx as oe}from"clsx";import{autoUpdate as hr,computePosition as vr,flip as wr,offset as xr,shift as yr}from"@floating-ui/dom";import{Children as Tr,cloneElement as kr,createContext as yt,isValidElement as Pr,useCallback as A,useContext as _e,useEffect as ie,useId as Re,useLayoutEffect as Mr,useMemo as Le,useRef as te,useState as ve}from"react";import{createPortal as Cr}from"react-dom";var O={};import{jsx as B,jsxs as Ct}from"react/jsx-runtime";var Tt=yt(null),qe=yt(null);function se(e){let t=_e(Tt);if(!t)throw new Error(`${e} must be used within DropdownMenu.`);return t}function kt(e){let t=_e(qe);if(!t)throw new Error(`${e} must be used within DropdownMenu.Content.`);return t}function me(e,t){return o=>{e?.(o),t(o)}}function Pt(...e){return t=>{for(let o of e)o&&(typeof o=="function"?o(t):o.current=t)}}function Se(e){return typeof e=="string"||typeof e=="number"?String(e):Array.isArray(e)?e.map(Se).join(" "):!e||typeof e=="boolean"?"":Pr(e)?Se(e.props.children):""}function Ir(e){return[...e].sort((t,o)=>{let r=t.ref.current,a=o.ref.current;if(!r||!a)return 0;let i=r.compareDocumentPosition(a);return i&Node.DOCUMENT_POSITION_FOLLOWING?-1:i&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function Nr(e,t){return t==="center"?e:`${e}-${t}`}function Rr(e){let t=e.split("-");return{side:t[0],align:t[1]??"center"}}function Mt({open:e,defaultOpen:t=!1,onOpenChange:o,side:r="bottom",align:a="start",sideOffset:i=8,alignOffset:n=0,collisionPadding:c=8,portal:d=!0,contentRole:u="menu",classNames:s,children:m}){let l=_e(qe),[b,p]=ve(t),f=e!==void 0,P=f?e:b,h=te(null),v=te(null),x=te("selected"),C=Re(),I=Re(),y=A(M=>{f||p(M),o?.(M)},[f,o]),D=A(()=>{y(!1)},[y]),N=A(()=>{y(!1),l?.closeTree()},[l,y]),z=A(()=>{y(!P)},[P,y]),H=A(()=>{h.current?.focus()},[]),g=Le(()=>({open:P,setOpen:y,toggleOpen:z,triggerRef:h,contentRef:v,side:r,align:a,sideOffset:i,alignOffset:n,collisionPadding:c,portal:d,contentRole:u,triggerId:C,contentId:I,focusIntentRef:x,parentList:l,isSubmenu:!!l,closeSelf:D,closeTree:N,focusTrigger:H,classNames:s}),[P,a,n,s,D,N,c,u,l,d,y,r,i,z,C,I,H]);return B(Tt.Provider,{value:g,children:m})}function Sr({asChild:e=!1,disabled:t=!1,className:o,children:r}){let{open:a,setOpen:i,toggleOpen:n,triggerRef:c,contentRole:d,triggerId:u,contentId:s,focusIntentRef:m,isSubmenu:l,classNames:b}=se("DropdownMenu.Trigger"),p=Tr.only(r),f=p.props??{},P=typeof f.className=="string"?f.className:void 0,h={id:u,"data-state":a?"open":"closed","aria-expanded":a,"aria-haspopup":d,"aria-controls":a?s:void 0,onClick:me(f.onClick,v=>{if(t){v.preventDefault();return}m.current="selected",n()}),onKeyDown:me(f.onKeyDown,v=>{t||(v.key==="ArrowDown"?(v.preventDefault(),m.current="first",i(!0)):v.key==="ArrowUp"?(v.preventDefault(),m.current="last",i(!0)):!l&&(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),m.current="selected",n()))})};return e?kr(p,{...h,ref:Pt(c,f.ref),className:oe(O.trigger,b?.trigger,o,P),type:p.type==="button"?f.type??"button":f.type}):B("button",{ref:c,disabled:t,type:"button","data-scope":"dropdown-menu","data-part":"trigger",className:oe(O.trigger,b?.trigger,o),...h,children:p})}function Lr({className:e,children:t,style:o,matchTriggerWidth:r=!1,maxHeight:a=320,...i}){let{open:n,setOpen:c,triggerRef:d,contentRef:u,side:s,align:m,sideOffset:l,alignOffset:b,collisionPadding:p,portal:f,contentRole:P,triggerId:h,contentId:v,focusIntentRef:x,parentList:C,isSubmenu:I,closeSelf:y,closeTree:D,focusTrigger:N,classNames:z}=se("DropdownMenu.Content"),H=te([]),[g,M]=ve(null),[V,J]=ve(null),[F,Z]=ve(null),[$,ot]=ve(!1),fe=te(""),j=te(null),Ce=A(w=>(H.current=[...H.current.filter(R=>R.id!==w.id),w],()=>{H.current=H.current.filter(R=>R.id!==w.id)}),[]),E=A(()=>Ir(H.current),[]),rt=A(w=>{x.current=w},[x]);ie(()=>{ot(!0)},[]);let wo=Le(()=>({role:P,highlightedId:g,setHighlightedId:M,registerItem:Ce,getItems:E,requestFocusIntent:rt,closeTree:D,closeSelf:y,focusTrigger:N,activeSubmenuId:V,setActiveSubmenuId:J,contentRef:u}),[V,y,D,u,P,N,E,g,Ce,rt]);Mr(()=>!n||!$||!d.current||!u.current?void 0:hr(d.current,u.current,()=>{!d.current||!u.current||vr(d.current,u.current,{placement:Nr(s,m),strategy:"fixed",middleware:[xr({mainAxis:l,crossAxis:b}),wr({padding:p}),yr({padding:p})]}).then(({x:R,y:T,placement:S})=>{let X=Rr(S);Z({top:T,left:R,side:X.side,align:X.align})})}),[m,b,p,u,$,n,s,l,d]),ie(()=>{if(!n){M(null),J(null);return}let w=E().filter(T=>!T.disabled);if(w.length===0)return;let R=w[0];x.current==="last"?R=w[w.length-1]:x.current==="selected"&&(R=w.find(T=>T.selected)??w[0]),M(R.id),requestAnimationFrame(()=>{u.current?.focus(),R.ref.current?.scrollIntoView({block:"nearest"})})},[u,x,E,n]),ie(()=>{if(!n)return;function w(R){let T=R.target,S=d.current?.contains(T),X=u.current?.contains(T);if(!S&&!X){let U=C?.contentRef.current?.contains(T);if(I&&U){y(),C?.setActiveSubmenuId(null);return}D()}}return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[y,D,u,I,n,C,d]),ie(()=>{if(n)return()=>{j.current&&clearTimeout(j.current)}},[n]);let Q=A(w=>{if(M(w),!w){J(null);return}E().find(T=>T.id===w)?.submenu||J(null)},[E]),$e=A((w,R="first")=>{let T=E().filter(_=>!_.disabled);if(T.length===0)return;let S=T.findIndex(_=>_.id===g);if(S===-1){Q(R==="last"?T[T.length-1].id:T[0].id);return}let X=(S+w+T.length)%T.length,U=T[X];Q(U.id),U.ref.current?.scrollIntoView({block:"nearest"})},[E,g,Q]),at=A(w=>{let R=w.length===1?w.toLowerCase():"";if(!R)return;j.current&&clearTimeout(j.current),fe.current+=R,j.current=setTimeout(()=>{fe.current="",j.current=null},350);let T=E().filter(_=>!_.disabled);if(T.length===0)return;let S=T.findIndex(_=>_.id===g),U=(S>=0?[...T.slice(S+1),...T.slice(0,S+1)]:T).find(_=>_.textValue.toLowerCase().startsWith(fe.current));U&&(Q(U.id),U.ref.current?.scrollIntoView({block:"nearest"}))},[E,g,Q]),xo=A(w=>{let R=E(),T=R.find(S=>S.id===g)??null;switch(w.key){case"ArrowDown":w.preventDefault(),$e(1);break;case"ArrowUp":w.preventDefault(),$e(-1,"last");break;case"Home":w.preventDefault();{let S=R.find(X=>!X.disabled);S&&Q(S.id)}break;case"End":w.preventDefault();{let S=R.filter(U=>!U.disabled),X=S[S.length-1];X&&Q(X.id)}break;case"Enter":case" ":T&&!T.disabled&&(w.preventDefault(),T.click());break;case"ArrowRight":T?.submenu&&(w.preventDefault(),T.openSubmenu?.());break;case"ArrowLeft":I&&(w.preventDefault(),y(),N(),C?.setActiveSubmenuId(null));break;case"Tab":D();break;case"Escape":w.preventDefault(),y(),N(),I&&C?.setActiveSubmenuId(null);break;default:at(w.key)}},[y,D,N,E,at,g,Q,I,$e,C]);if(!n||!$)return null;let nt=B(qe.Provider,{value:wo,children:B("div",{ref:u,id:v,role:P,tabIndex:-1,"aria-labelledby":P==="menu"?h:void 0,"data-state":"open","data-side":F?.side??s,"data-align":F?.align??m,"data-scope":"dropdown-menu","data-part":"content",className:oe(O.content,z?.content,e),style:{...o,position:"fixed",top:F?.top??0,left:F?.left??0,maxHeight:a,minWidth:r?d.current?.getBoundingClientRect().width:void 0},onKeyDown:xo,...i,children:t})});return f?Cr(nt,document.body):nt}function Dr({className:e,children:t,...o}){let{classNames:r}=se("DropdownMenu.Group");return B("div",{"data-scope":"dropdown-menu","data-part":"group",className:oe(r?.group,e),...o,children:t})}function Er({className:e,children:t,...o}){let{classNames:r}=se("DropdownMenu.Label");return B("div",{"data-scope":"dropdown-menu","data-part":"label",className:oe(r?.label,e),...o,children:t})}function zr({className:e,...t}){let{classNames:o}=se("DropdownMenu.Separator");return B("div",{role:"separator","data-scope":"dropdown-menu","data-part":"separator",className:oe(o?.separator,e),...t})}function Hr({className:e,children:t,inset:o=!1,disabled:r=!1,selected:a=!1,destructive:i=!1,closeOnSelect:n=!0,shortcut:c,indicator:d,onSelect:u,onMouseEnter:s,onClick:m,...l}){let b=Re(),p=te(null),{role:f,highlightedId:P,setHighlightedId:h,registerItem:v,closeTree:x,setActiveSubmenuId:C}=kt("DropdownMenu.Item"),{classNames:I}=se("DropdownMenu.Item"),y=Le(()=>Se(t),[t]),D=P===b,N=A(()=>{r||(u?.(),n&&x())},[n,x,r,u]);return ie(()=>v({id:b,ref:p,disabled:r,submenu:!1,selected:a,textValue:y,closeOnSelect:n,click:N}),[n,r,N,b,v,a,y]),Ct("button",{ref:p,id:b,type:"button",role:f==="listbox"?"option":"menuitem",tabIndex:-1,disabled:r,"aria-selected":f==="listbox"?a:void 0,"data-highlighted":D||void 0,"data-selected":a||void 0,"data-disabled":r||void 0,"data-destructive":i||void 0,"data-scope":"dropdown-menu","data-part":"item",className:oe(o&&O.itemInset,I?.item,e),onMouseEnter:me(s,()=>{r||(h(b),C(null))}),onClick:me(m,z=>{z.preventDefault(),N()}),...l,children:[B("span",{className:O.itemMain,children:t}),c?B("span",{className:O.shortcut,children:c}):null,a?B("span",{className:O.indicator,children:d??"\u2713"}):null]})}function Ar(e){return B(Mt,{side:"right",align:"start",sideOffset:6,...e,contentRole:"menu"})}function Br({className:e,children:t,inset:o=!1,disabled:r=!1,destructive:a=!1,shortcut:i,onSelect:n,onMouseEnter:c,onClick:d,...u}){let s=Re(),m=te(null),l=se("DropdownMenu.SubTrigger"),{highlightedId:b,setHighlightedId:p,registerItem:f,setActiveSubmenuId:P,activeSubmenuId:h}=kt("DropdownMenu.SubTrigger"),v=Le(()=>Se(t),[t]),x=b===s,C=l.open&&h===s,I=A(()=>{r||(l.focusIntentRef.current="first",p(s),P(s),l.setOpen(!0))},[r,s,P,p,l]);return ie(()=>f({id:s,ref:m,disabled:r,submenu:!0,selected:!1,textValue:v,closeOnSelect:!1,click:I,openSubmenu:I}),[r,s,I,f,v]),ie(()=>{h!==s&&l.open&&l.setOpen(!1)},[h,s,l]),Ct("button",{ref:Pt(m,l.triggerRef),id:l.triggerId,type:"button",role:"menuitem",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":l.open,"aria-controls":l.open?l.contentId:void 0,"data-highlighted":x||void 0,"data-state":C?"open":"closed","data-disabled":r||void 0,"data-destructive":a||void 0,className:oe(O.subTrigger,o&&O.itemInset,e),onMouseEnter:me(c,()=>{I()}),onClick:me(d,y=>{y.preventDefault(),I(),n?.()}),...u,children:[B("span",{className:O.itemMain,children:t}),i?B("span",{className:O.shortcut,children:i}):null,B("span",{className:O.submenuIndicator,"aria-hidden":"true",children:"\u203A"})]})}var Or=Object.assign(Mt,{Trigger:Sr,Content:Lr,Group:Dr,Label:Er,Item:Hr,Separator:zr,Submenu:Ar,SubTrigger:Br}),Vr=Or;import{clsx as It}from"clsx";var Ge={};import{Fragment as $r,jsx as Nt,jsxs as Xr}from"react/jsx-runtime";function Rt({as:e="aside",open:t,children:o,side:r="right",position:a="fixed",showBackdrop:i=!0,onClose:n,closeLabel:c="\u5173\u95ED\u62BD\u5C49",backdropClassName:d,className:u,classNames:s,...m}){return Xr($r,{children:[i&&t&&n&&Nt("button",{type:"button","aria-label":c,"data-state":"open","data-scope":"drawer","data-part":"backdrop","data-position":a,className:It("owo-drawer-backdrop",Ge.backdrop,d,s?.backdrop),onClick:n}),Nt(e,{"aria-hidden":!t,"data-state":t?"open":"closed","data-side":r,"data-position":a,"data-scope":"drawer","data-part":"panel",className:It("owo-drawer",Ge.panel,u,s?.panel),...m,children:o})]})}import{clsx as Ur}from"clsx";var De={};import{jsx as St,jsxs as Wr}from"react/jsx-runtime";function Lt({label:e,help:t,htmlFor:o,children:r,className:a,...i}){return Wr("div",{className:Ur("owo-field",De.root,a),...i,children:[St("label",{htmlFor:o,className:De.label,children:e}),r,t?St("span",{className:De.help,children:t}):null]})}import{clsx as qr}from"clsx";var Dt={};import{jsx as Et}from"react/jsx-runtime";function zt({variant:e="ghost",size:t="md",label:o,icon:r,className:a,...i}){let n=qr("owo-icon-button",Dt.root,a);if("href"in i&&i.href){let{href:d,...u}=i;return Et("a",{href:d,"aria-label":o,title:u.title??o,"data-variant":e,"data-size":t,className:n,...u,children:r})}let c=i;return Et("button",{type:c.type??"button","aria-label":o,title:c.title??o,"data-variant":e,"data-size":t,className:n,...c,children:r})}import{clsx as Ht}from"clsx";var we={};import{jsx as At}from"react/jsx-runtime";function Bt(e){let{className:t,tone:o="default",size:r="md",...a}=e;return e.as==="textarea"?At("textarea",{"data-tone":o,"data-size":r,className:Ht("owo-input",we.root,t),...a}):At("input",{"data-tone":o,"data-size":r,className:Ht("owo-input",we.root,t),...a})}import{clsx as Ee}from"clsx";var Ot={};import{jsx as ze}from"react/jsx-runtime";function Vt({as:e="section",variant:t="default",padding:o="none",className:r,children:a,...i}){return ze(e,{"data-variant":t,"data-padding":o!=="none"?o:void 0,"data-scope":"panel",className:Ee("owo-panel",Ot.root,r),...i,children:a})}function Jr({className:e,children:t,...o}){return ze("div",{"data-scope":"panel","data-part":"header",className:Ee(e),...o,children:t})}function Zr({className:e,children:t,...o}){return ze("div",{"data-scope":"panel","data-part":"body",className:Ee(e),...o,children:t})}function jr({className:e,children:t,...o}){return ze("div",{"data-scope":"panel","data-part":"footer",className:Ee(e),...o,children:t})}import{clsx as ea}from"clsx";var Ye={};import{jsx as Ft}from"react/jsx-runtime";function $t({value:e,onChange:t,options:o,size:r="md",className:a,ariaLabel:i}){return Ft("div",{role:"tablist","aria-label":i,"data-size":r,className:ea("owo-segmented-control",Ye.root,a),children:o.map(n=>{let c=n.value===e;return Ft("button",{type:"button",role:"tab","aria-selected":c,disabled:n.disabled,"data-active":c?"true":void 0,className:Ye.item,onClick:()=>t(n.value),children:n.label},n.value)})})}import{clsx as ge}from"clsx";import{useCallback as Je,useEffect as Xt,useId as oa,useMemo as ra,useRef as Kt,useState as Ut}from"react";var He={};import{jsx as xe,jsxs as Wt}from"react/jsx-runtime";function _t({value:e,onChange:t,options:o,placeholder:r="Select\u2026",size:a="md",tone:i="default",disabled:n=!1,className:c,ariaLabel:d,renderValue:u,renderOption:s,classNames:m}){let[l,b]=Ut(!1),[p,f]=Ut(-1),P=Kt(null),h=Kt(null),v=oa(),x=o.find(g=>g.value===e),C=ra(()=>o.reduce((g,M,V)=>(M.disabled||g.push(V),g),[]),[o]),I=Je(()=>{if(n||o.length===0)return;b(!0);let g=o.findIndex(M=>M.value===e);f(g>=0?g:C[0]??-1)},[n,o,e,C]),y=Je(()=>{b(!1),f(-1)},[]),D=Je(g=>{g.disabled||(t(g.value),y())},[t,y]);Xt(()=>{if(!l)return;function g(M){P.current&&!P.current.contains(M.target)&&y()}return document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)},[l,y]),Xt(()=>{if(!l||p<0)return;h.current?.children[p]?.scrollIntoView({block:"nearest"})},[l,p]);function N(g){if(!n)switch(g.key){case"Enter":case" ":{g.preventDefault(),l?p>=0&&o[p]&&!o[p].disabled&&D(o[p]):I();break}case"ArrowDown":{if(g.preventDefault(),!l)I();else{let M=C.indexOf(p),V=C[M+1];V!==void 0&&f(V)}break}case"ArrowUp":{if(g.preventDefault(),!l)I();else{let M=C.indexOf(p),V=C[M-1];V!==void 0&&f(V)}break}case"Escape":{l&&(g.preventDefault(),y());break}case"Tab":{l&&y();break}}}let z=e!==""&&x,H=u?u({open:l,placeholder:r,selectedOption:x}):xe("span",{className:ge(He.valueText,!z&&He.placeholder),children:z?x.label:r});return Wt("div",{ref:P,"data-state":l?"open":"closed","data-disabled":n||void 0,"data-size":a,"data-tone":i,"data-scope":"select",className:ge("owo-select",He.root,c),children:[Wt("button",{type:"button",role:"combobox","aria-expanded":l,"aria-haspopup":"listbox","aria-controls":v,"aria-label":d,"aria-activedescendant":l&&p>=0?`${v}-opt-${p}`:void 0,"data-state":l?"open":"closed","data-disabled":n||void 0,"data-tone":i,"data-size":a,"data-has-value":z||void 0,"data-scope":"select","data-part":"trigger",disabled:n,className:ge(m?.trigger),onClick:()=>l?y():I(),onKeyDown:N,children:[H,xe("svg",{"aria-hidden":"true","data-state":l?"open":"closed","data-scope":"select","data-part":"chevron",className:ge(m?.chevron),viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:xe("path",{d:"M4 6l4 4 4-4"})})]}),l&&xe("ul",{ref:h,id:v,role:"listbox","aria-label":d,"data-state":"open","data-size":a,"data-scope":"select","data-part":"dropdown",className:ge(m?.dropdown),children:o.map((g,M)=>xe("li",{id:`${v}-opt-${M}`,role:"option","aria-selected":g.value===e,"aria-disabled":g.disabled||void 0,"data-state":g.value===e?"selected":M===p?"highlighted":"idle","data-focused":M===p||void 0,"data-selected":g.value===e||void 0,"data-disabled":g.disabled||void 0,"data-highlighted":M===p||void 0,"data-scope":"select","data-part":"option",className:ge(m?.option),onClick:()=>D(g),onMouseEnter:()=>!g.disabled&&f(M),children:s?s({option:g,index:M,selected:g.value===e,highlighted:M===p}):g.label},g.value))})]})}import{clsx as na}from"clsx";var qt={};import{jsx as sa}from"react/jsx-runtime";var ia={slow:"4s",medium:"3s",fast:"2s"};function Gt({className:e,animation:t="scan",tone:o="default",speed:r="medium",style:a,...i}){let n=o==="warm"?"emphasis":o,c={...a,"--_owo-skeleton-scan-duration":ia[r]};return sa("div",{className:na("owo-skeleton",qt.root,e),"data-animation":t,"data-tone":n,"aria-hidden":"true",style:c,...i})}import{clsx as Yt}from"clsx";var K={};import{Fragment as Jt,jsx as Y,jsxs as Ae}from"react/jsx-runtime";function Zt({tone:e="neutral",layout:t="horizontal",icon:o,title:r,description:a,action:i,className:n,children:c,...d}){if(t==="vertical"){let u=o||r||a||i;return Y("div",{"data-tone":e,"data-layout":"vertical",className:Yt("owo-status-notice",K.root,n),...d,children:u?Ae("div",{className:K.body,children:[o&&Y("div",{className:K.icon,children:o}),r&&Y("div",{className:K.title,children:r}),a&&Y("div",{children:a}),i&&Y("div",{className:K.action,children:i})]}):c})}return Y("div",{"data-tone":e,className:Yt("owo-status-notice",K.root,o&&K.withIcon,n),...d,children:o?Ae(Jt,{children:[Y("span",{className:K.icon,"aria-hidden":"true",children:o}),Ae("div",{className:K.text,children:[r&&Y("div",{className:K.title,children:r}),c]})]}):Ae(Jt,{children:[r&&Y("div",{className:K.title,children:r}),c]})})}import{clsx as la}from"clsx";var Ze={};import{jsx as jt}from"react/jsx-runtime";function Qt({checked:e,onChange:t,size:o="md",disabled:r=!1,className:a,ariaLabel:i}){return jt("button",{type:"button",role:"switch","aria-checked":e,"aria-label":i,disabled:r,"data-size":o,className:la("owo-switch",Ze.root,a),onClick:()=>t(!e),children:jt("span",{"aria-hidden":"true",className:Ze.thumb})})}import{clsx as Oe}from"clsx";import{createContext as ua,useContext as ma,useId as ga,useMemo as fa,useState as ba}from"react";var eo={};import{jsx as ye}from"react/jsx-runtime";var to=ua(null);function oo(e){let t=ma(to);if(!t)throw new Error(`${e} must be used within Tabs.Root`);return t}function Be(e){return e.replace(/[^a-zA-Z0-9_-]+/g,"-")}function ha({value:e,defaultValue:t,onValueChange:o}){let[r,a]=ba(t??""),i=e!==void 0,n=i?e:r;function c(d){i||a(d),o?.(d)}return[n,c]}function je({children:e,value:t,defaultValue:o,onValueChange:r,className:a,...i}){let[n,c]=ha({value:t,defaultValue:o,onValueChange:r}),d=ga(),u=fa(()=>({value:n,setValue:c,baseId:d}),[d,n,c]);return ye(to.Provider,{value:u,children:ye("div",{"data-scope":"tabs",className:Oe("owo-tabs",eo.root,a),...i,children:e})})}function ro({children:e,className:t,ariaLabel:o,...r}){return ye("div",{role:"tablist","aria-label":o,"data-scope":"tabs","data-part":"list",className:Oe(t),...r,children:e})}function ao({children:e,className:t,value:o,disabled:r,onClick:a,onKeyDown:i,...n}){let{value:c,setValue:d,baseId:u}=oo("Tabs.Trigger"),s=c===o,m=`${u}-trigger-${Be(o)}`,l=`${u}-panel-${Be(o)}`;function b(p,f){let P=p.closest('[role="tablist"]');if(!P)return;let h=Array.from(P.querySelectorAll('[role="tab"]:not([disabled])')),v=h.indexOf(p);if(v<0)return;let x;f==="first"&&(x=h[0]),f==="last"&&(x=h[h.length-1]),f==="next"&&(x=h[(v+1)%h.length]),f==="prev"&&(x=h[(v-1+h.length)%h.length]),x&&(x.focus(),x.click())}return ye("button",{type:"button",id:m,role:"tab","aria-selected":s,"aria-controls":l,tabIndex:s?0:-1,"data-state":s?"active":"inactive","data-scope":"tabs","data-part":"trigger",disabled:r,className:Oe(t),onClick:p=>{a?.(p),!p.defaultPrevented&&!r&&d(o)},onKeyDown:p=>{if(i?.(p),p.defaultPrevented||r)return;let f=p.currentTarget;switch(p.key){case"ArrowRight":p.preventDefault(),b(f,"next");break;case"ArrowLeft":p.preventDefault(),b(f,"prev");break;case"Home":p.preventDefault(),b(f,"first");break;case"End":p.preventDefault(),b(f,"last");break}},...n,children:e})}function no({children:e,className:t,value:o,...r}){let{value:a,baseId:i}=oo("Tabs.Content"),n=a===o,c=`${i}-trigger-${Be(o)}`,d=`${i}-panel-${Be(o)}`;return n?ye("div",{id:d,role:"tabpanel","aria-labelledby":c,"data-state":"active","data-scope":"tabs","data-part":"content",className:Oe(t),...r,children:e}):null}var va=Object.assign(je,{Root:je,List:ro,Trigger:ao,Content:no}),wa=va;import{clsx as ya}from"clsx";import{useCallback as Ta,useEffect as ka,useRef as Pa}from"react";var io={};import{jsx as Ma}from"react/jsx-runtime";function so({className:e,tone:t="default",size:o="md",resize:r="vertical",autoResize:a=!1,style:i,onInput:n,rows:c=3,...d}){let u=Pa(null),s=n,m=Ta(()=>{if(!a||!u.current)return;let p=u.current;p.style.height="auto",p.style.height=`${p.scrollHeight}px`},[a]);ka(()=>{m()},[m,d.value,d.defaultValue,c]);function l(p){m(),s?.(p)}let b={...i,resize:a?"none":r};return Ma("textarea",{...d,ref:u,rows:c,"data-tone":t,"data-size":o,"data-auto-resize":a||void 0,className:ya("owo-input",we.root,"owo-textarea",io.root,e),style:b,onInput:l})}import{clsx as re}from"clsx";import{createContext as Ia,useCallback as co,useContext as Na,useMemo as Ra,useRef as lo,useState as Sa}from"react";var Te={};import{jsx as L,jsxs as ke}from"react/jsx-runtime";var uo=Ia(null),Qe=5,po=4e3;function La(){let e=Na(uo);if(!e)throw new Error("useToast must be used within <ToastProvider>");return e}function Da({tone:e}){let t={width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};switch(e){case"success":return L("svg",{...t,children:L("path",{d:"M3.5 8.5l3 3 6-7"})});case"warning":return ke("svg",{...t,children:[L("path",{d:"M8 5v4"}),L("circle",{cx:"8",cy:"11.5",r:"0.5",fill:"currentColor",stroke:"none"})]});case"danger":return L("svg",{...t,children:L("path",{d:"M4.5 4.5l7 7M11.5 4.5l-7 7"})});case"info":return ke("svg",{...t,children:[L("circle",{cx:"8",cy:"3.5",r:"1.2",fill:"currentColor",stroke:"none"}),L("path",{d:"M8 7v5.5"})]})}}function Ea(e,t){return typeof e=="string"?{message:e,duration:t??po}:{title:e.title,message:e.message,duration:e.duration??t??po}}function za({item:e,onDismiss:t,renderToast:o,classNames:r}){let a=()=>t(e.id),i=L(Da,{tone:e.tone});return o?L("div",{role:"status","aria-live":"polite","data-state":"open","data-tone":e.tone,"data-scope":"toast","data-part":"toast",className:re("owo-toast",Te.toast,r?.toast),children:o({item:e,dismiss:a,icon:i})}):ke("div",{role:"status","aria-live":"polite","data-state":"open","data-tone":e.tone,"data-scope":"toast","data-part":"toast",className:re("owo-toast",Te.toast,Te.toastDefault,r?.toast),children:[L("span",{"data-scope":"toast","data-part":"icon",className:re(r?.icon),"aria-hidden":"true",children:i}),ke("span",{"data-scope":"toast","data-part":"content",className:re(r?.content),children:[e.title?L("span",{"data-scope":"toast","data-part":"title",className:re(r?.title),children:e.title}):null,L("span",{"data-scope":"toast","data-part":"message",className:re(r?.message),children:e.message})]}),L("button",{type:"button",onClick:a,"data-scope":"toast","data-part":"close",className:re(r?.close),"aria-label":"Dismiss",children:L("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:L("path",{d:"M4 4l8 8M12 4l-8 8"})})})]})}function Ha({children:e,renderToast:t,classNames:o}){let[r,a]=Sa([]),i=lo(0),n=lo(new Map),c=co(s=>{let m=n.current.get(s);m&&clearTimeout(m),n.current.delete(s),a(l=>l.filter(b=>b.id!==s))},[]),d=co((s,m,l)=>{let b=i.current++,p=Ea(m,l),f={id:b,tone:s,...p};a(P=>{let h=[...P,f];if(h.length>Qe){let v=h.slice(0,h.length-Qe);for(let x of v){let C=n.current.get(x.id);C&&clearTimeout(C),n.current.delete(x.id)}return h.slice(-Qe)}return h}),f.duration>0&&n.current.set(b,setTimeout(()=>c(b),f.duration))},[c]),u=Ra(()=>({success:(s,m)=>d("success",s,m),warning:(s,m)=>d("warning",s,m),danger:(s,m)=>d("danger",s,m),info:(s,m)=>d("info",s,m)}),[d]);return ke(uo.Provider,{value:u,children:[e,L("div",{"aria-label":"Notifications","data-state":r.length>0?"open":"closed","data-scope":"toast","data-part":"container",className:re("owo-toast-container",Te.container,o?.container),children:r.map(s=>L(za,{item:s,onDismiss:c,renderToast:t,classNames:o},s.id))})]})}import{clsx as tt}from"clsx";import{autoUpdate as Ba,computePosition as Oa,flip as Va,offset as Fa,shift as $a,arrow as Xa}from"@floating-ui/dom";import{useCallback as de,useEffect as mo,useId as Ka,useLayoutEffect as Ua,useRef as Pe,useState as Ve}from"react";import{createPortal as Wa}from"react-dom";var et={};import{Fragment as qa,jsx as Fe,jsxs as ho}from"react/jsx-runtime";var Me=6,go=8,fo=4;function _a(e){return e.split("-")[0]}var bo={top:"",bottom:"rotate(180deg)",left:"rotate(-90deg)",right:"rotate(90deg)"};function vo({content:e,placement:t="top",density:o="default",showDelay:r=300,hideDelay:a=150,arrow:i=!0,renderArrow:n,className:c,children:d,classNames:u}){let[s,m]=Ve(!1),[l,b]=Ve(null),[p,f]=Ve(t),[P,h]=Ve({}),v=Pe(null),x=Pe(null),C=Pe(null),I=Pe(void 0),y=Pe(void 0),D=Ka(),N=de(()=>{clearTimeout(I.current),clearTimeout(y.current)},[]),z=de(()=>{N(),I.current=setTimeout(()=>m(!0),r)},[N,r]),H=de(()=>{N(),m(!0)},[N]),g=de(()=>{N(),y.current=setTimeout(()=>m(!1),a)},[N,a]),M=de($=>{if($.target===v.current){z();return}H()},[z,H]),V=de($=>{$.pointerType!=="mouse"&&H()},[H]),J=de($=>{$.key==="Escape"&&s&&m(!1)},[s]);Ua(()=>{if(!s||!v.current||!x.current)return;let $=[Fa(i?go+Me:go),Va({padding:fo}),$a({padding:fo})];return i&&C.current&&$.push(Xa({element:C.current})),Ba(v.current,x.current,()=>{!v.current||!x.current||Oa(v.current,x.current,{placement:t,strategy:"fixed",middleware:$}).then(({x:fe,y:j,placement:Ce,middlewareData:E})=>{b({top:j,left:fe}),f(_a(Ce)),E.arrow&&h({x:E.arrow.x,y:E.arrow.y})})})},[s,t,i]),mo(()=>{if(s)return document.addEventListener("keydown",J),()=>document.removeEventListener("keydown",J)},[s,J]),mo(()=>N,[N]);let F={position:"absolute"},Z=p;return Z==="top"||Z==="bottom"?(F.left=P.x??0,F[Z==="top"?"bottom":"top"]=-Me,F.transform=bo[Z]||void 0):(F.top=P.y??0,F[Z==="left"?"right":"left"]=-Me,F.transform=bo[Z]),ho(qa,{children:[Fe("span",{ref:v,"data-state":s?"open":"closed","data-scope":"tooltip","data-part":"trigger",className:tt("owo-tooltip-trigger",et.trigger,u?.trigger),onMouseEnter:z,onMouseLeave:g,onFocus:M,onBlur:g,onPointerDown:V,"aria-describedby":s?D:void 0,children:d}),s&&Wa(ho("div",{ref:x,id:D,role:"tooltip","data-state":s?"open":"closed","data-placement":p,"data-density":o,"data-scope":"tooltip","data-part":"content",className:tt("owo-tooltip",et.content,u?.content,c),style:l?{top:l.top,left:l.left}:{visibility:"hidden"},onMouseEnter:z,onMouseLeave:g,children:[e,i&&Fe("span",{ref:C,"data-scope":"tooltip","data-part":"arrow",className:tt(u?.arrow),style:F,children:n?n({placement:p}):Fe("svg",{width:Me*2,height:Me,viewBox:"0 0 12 6",children:Fe("path",{d:"M0 0l6 6 6-6z",fill:"currentColor"})})})]}),document.body)]})}export{st as Avatar,ct as Badge,be as Button,Qo as Collapsible,ht as CollapsibleContent,Ke as CollapsibleRoot,bt as CollapsibleTrigger,gr as ConfirmProvider,W as Dialog,Rt as Drawer,Vr as DropdownMenu,Lt as Field,zt as IconButton,Bt as Input,Vt as Panel,Zr as PanelBody,jr as PanelFooter,Jr as PanelHeader,$t as SegmentedControl,_t as Select,Gt as Skeleton,Ie as Spinner,Zt as StatusNotice,Qt as Switch,wa as Tabs,no as TabsContent,ro as TabsList,je as TabsRoot,ao as TabsTrigger,so as Textarea,Ha as ToastProvider,vo as Tooltip,pt as buttonClassName,mr as useConfirm,La as useToast};
+"use client";
+import { Children as e, cloneElement as t, createContext as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createPortal as h } from "react-dom";
+//#region node_modules/clsx/dist/clsx.mjs
+function g(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = g(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function _() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = g(e)) && (r && (r += " "), r += t);
+	return r;
+}
+var v = { root: "_root_crrwl_1" };
+//#endregion
+//#region src/components/Avatar.tsx
+function y(e) {
+	let t = e.trim().split(/\s+/);
+	return t.length >= 2 ? (t[0][0] + t[t.length - 1][0]).toUpperCase() : e.slice(0, 2).toUpperCase();
+}
+function b({ src: e, alt: t, name: n, size: r = "md", tone: i = "neutral", className: a }) {
+	let [o, s] = d(!1), c = e && !o, l = n ? y(n) : "?";
+	return /* @__PURE__ */ p("span", {
+		"data-tone": i,
+		"data-size": r,
+		className: _("owo-avatar", v.root, a),
+		children: c ? /* @__PURE__ */ p("img", {
+			src: e,
+			alt: t ?? n ?? "",
+			onError: () => s(!0)
+		}) : /* @__PURE__ */ p("span", {
+			"aria-label": t ?? n,
+			children: l
+		})
+	});
+}
+var x = { root: "_root_6bx55_1" };
+//#endregion
+//#region src/components/Badge.tsx
+function S({ tone: e = "neutral", variant: t = "soft", size: n = "xs", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ p("span", {
+		"data-tone": e,
+		"data-variant": t,
+		"data-size": n,
+		className: _("owo-badge", x.root, r),
+		...a,
+		children: i
+	});
+}
+var C = {
+	root: "_root_1oxco_1",
+	"owo-spin": "_owo-spin_1oxco_1"
+}, w = {
+	xs: 12,
+	sm: 14,
+	md: 16,
+	lg: 24
+};
+function T({ px: e }) {
+	let t = Math.PI * 2 * 9;
+	return /* @__PURE__ */ m("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: [/* @__PURE__ */ p("circle", {
+			cx: "12",
+			cy: "12",
+			r: 9,
+			stroke: "currentColor",
+			strokeWidth: "3",
+			opacity: "0.2"
+		}), /* @__PURE__ */ p("circle", {
+			cx: "12",
+			cy: "12",
+			r: 9,
+			stroke: "currentColor",
+			strokeWidth: "3",
+			strokeLinecap: "round",
+			strokeDasharray: `${t * .28} ${t * .72}`
+		})]
+	});
+}
+function E({ px: e }) {
+	return /* @__PURE__ */ m("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		children: [
+			/* @__PURE__ */ p("path", {
+				d: "M12 2a10 10 0 0 1 10 10",
+				opacity: "0.9"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M12 2a10 10 0 0 0-7.07 2.93",
+				opacity: "0.2"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M4.93 4.93A10 10 0 0 0 2 12",
+				opacity: "0.2"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M2 12a10 10 0 0 0 2.93 7.07",
+				opacity: "0.2"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M4.93 19.07A10 10 0 0 0 12 22",
+				opacity: "0.2"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M12 22a10 10 0 0 0 7.07-2.93",
+				opacity: "0.2"
+			}),
+			/* @__PURE__ */ p("path", {
+				d: "M19.07 19.07A10 10 0 0 0 22 12",
+				opacity: "0.2"
+			})
+		]
+	});
+}
+function D({ px: e }) {
+	return /* @__PURE__ */ p("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		children: [
+			0,
+			1,
+			2,
+			3,
+			4,
+			5,
+			6,
+			7
+		].map((e) => {
+			let t = e / 8 * 360;
+			return /* @__PURE__ */ p("circle", {
+				cx: "12",
+				cy: "3.5",
+				r: "1.8",
+				fill: "currentColor",
+				opacity: .15 + e / 8 * .85,
+				transform: `rotate(${t} 12 12)`
+			}, e);
+		})
+	});
+}
+function O({ px: e }) {
+	return /* @__PURE__ */ p("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		children: [
+			0,
+			1,
+			2,
+			3
+		].map((e) => /* @__PURE__ */ m("rect", {
+			x: 3 + e * 5.5,
+			y: "4",
+			width: "3",
+			height: "16",
+			rx: "1.5",
+			fill: "currentColor",
+			opacity: "0.3",
+			children: [
+				/* @__PURE__ */ p("animate", {
+					attributeName: "opacity",
+					values: "0.3;1;0.3",
+					dur: "1s",
+					begin: `${e * .15}s`,
+					repeatCount: "indefinite"
+				}),
+				/* @__PURE__ */ p("animate", {
+					attributeName: "height",
+					values: "16;8;16",
+					dur: "1s",
+					begin: `${e * .15}s`,
+					repeatCount: "indefinite"
+				}),
+				/* @__PURE__ */ p("animate", {
+					attributeName: "y",
+					values: "4;8;4",
+					dur: "1s",
+					begin: `${e * .15}s`,
+					repeatCount: "indefinite"
+				})
+			]
+		}, e))
+	});
+}
+function k({ px: e }) {
+	let t = e * .14, n = e * .33, r = e / 2 - n, i = e / 2, a = e / 2 + n, o = e / 2;
+	return /* @__PURE__ */ p("svg", {
+		width: e,
+		height: e,
+		viewBox: `0 0 ${e} ${e}`,
+		children: [
+			r,
+			i,
+			a
+		].map((n, r) => /* @__PURE__ */ m("circle", {
+			cx: n,
+			cy: o,
+			r: t,
+			fill: "currentColor",
+			opacity: "0.4",
+			children: [/* @__PURE__ */ p("animate", {
+				attributeName: "cy",
+				values: `${o};${o - e * .25};${o}`,
+				dur: "0.6s",
+				begin: `${r * .12}s`,
+				repeatCount: "indefinite",
+				calcMode: "spline",
+				keySplines: "0.4 0 0.2 1;0.4 0 0.2 1"
+			}), /* @__PURE__ */ p("animate", {
+				attributeName: "opacity",
+				values: "0.4;1;0.4",
+				dur: "0.6s",
+				begin: `${r * .12}s`,
+				repeatCount: "indefinite"
+			})]
+		}, r))
+	});
+}
+function A({ px: e }) {
+	return /* @__PURE__ */ m("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		children: [/* @__PURE__ */ m("circle", {
+			cx: "12",
+			cy: "12",
+			r: "0",
+			fill: "currentColor",
+			opacity: "0",
+			children: [/* @__PURE__ */ p("animate", {
+				attributeName: "r",
+				values: "4;10;4",
+				dur: "1.2s",
+				repeatCount: "indefinite"
+			}), /* @__PURE__ */ p("animate", {
+				attributeName: "opacity",
+				values: "0.8;0.1;0.8",
+				dur: "1.2s",
+				repeatCount: "indefinite"
+			})]
+		}), /* @__PURE__ */ p("circle", {
+			cx: "12",
+			cy: "12",
+			r: "3.5",
+			fill: "currentColor",
+			opacity: "0.7"
+		})]
+	});
+}
+function j({ px: e }) {
+	return /* @__PURE__ */ m("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		children: [
+			/* @__PURE__ */ p("circle", {
+				cx: "12",
+				cy: "12",
+				r: "8",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				fill: "none",
+				opacity: "0.15"
+			}),
+			/* @__PURE__ */ p("circle", {
+				cx: "12",
+				cy: "4",
+				r: "2.2",
+				fill: "currentColor",
+				children: /* @__PURE__ */ p("animateTransform", {
+					attributeName: "transform",
+					type: "rotate",
+					from: "0 12 12",
+					to: "360 12 12",
+					dur: "0.9s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ p("circle", {
+				cx: "12",
+				cy: "20",
+				r: "1.5",
+				fill: "currentColor",
+				opacity: "0.5",
+				children: /* @__PURE__ */ p("animateTransform", {
+					attributeName: "transform",
+					type: "rotate",
+					from: "0 12 12",
+					to: "-360 12 12",
+					dur: "0.9s",
+					repeatCount: "indefinite"
+				})
+			})
+		]
+	});
+}
+function M({ px: e }) {
+	let t = e * .14, n = e * .33, r = e / 2 - n, i = e / 2, a = e / 2 + n, o = e / 2;
+	return /* @__PURE__ */ p("svg", {
+		width: e,
+		height: e,
+		viewBox: `0 0 ${e} ${e}`,
+		children: [
+			r,
+			i,
+			a
+		].map((e, n) => /* @__PURE__ */ p("circle", {
+			cx: e,
+			cy: o,
+			r: t,
+			fill: "currentColor",
+			opacity: "0.25",
+			children: /* @__PURE__ */ p("animate", {
+				attributeName: "opacity",
+				values: "0.25;1;0.25",
+				dur: "0.9s",
+				begin: `${n * .2}s`,
+				repeatCount: "indefinite"
+			})
+		}, n))
+	});
+}
+var N = {
+	ring: T,
+	arc: E,
+	dots: D,
+	bars: O,
+	bounce: k,
+	pulse: A,
+	orbit: j,
+	flow: M
+}, ee = new Set([
+	"ring",
+	"arc",
+	"dots"
+]);
+function P({ variant: e = "ring", size: t = "md", className: n, label: r }) {
+	let i = typeof t == "number" ? t : w[t], a = N[e];
+	return /* @__PURE__ */ p("span", {
+		"aria-hidden": !r,
+		"aria-label": r,
+		role: r ? "img" : void 0,
+		"data-animate": ee.has(e) ? "spin" : void 0,
+		className: _("owo-spinner", C.root, n),
+		children: /* @__PURE__ */ p(a, { px: i })
+	});
+}
+var F = {
+	root: "_root_yhdgl_1",
+	icon: "_icon_yhdgl_83",
+	label: "_label_yhdgl_95"
+};
+//#endregion
+//#region src/components/Button.tsx
+function I({ className: e }) {
+	return _("owo-button", F.root, e);
+}
+function L(e) {
+	let { variant: t = "secondary", size: n = "md", loading: r = !1, leadingIcon: i, trailingIcon: a, className: o, children: s, ...c } = e, l = /* @__PURE__ */ m(f, { children: [
+		r ? /* @__PURE__ */ p("span", {
+			className: F.icon,
+			children: /* @__PURE__ */ p(P, { size: n === "xs" ? "xs" : n === "sm" ? "sm" : n === "xl" ? "lg" : "md" })
+		}) : i ? /* @__PURE__ */ p("span", {
+			className: F.icon,
+			children: i
+		}) : null,
+		/* @__PURE__ */ p("span", {
+			className: F.label,
+			children: s
+		}),
+		!r && a ? /* @__PURE__ */ p("span", {
+			className: F.icon,
+			children: a
+		}) : null
+	] }), u = I({
+		variant: t,
+		size: n,
+		loading: r,
+		className: o
+	});
+	if ("href" in e && e.href) {
+		let { href: e, ...i } = c;
+		return /* @__PURE__ */ p("a", {
+			href: e,
+			"data-variant": t,
+			"data-size": n,
+			"data-loading": r ? "true" : void 0,
+			"aria-disabled": r || void 0,
+			tabIndex: r ? -1 : void 0,
+			className: u,
+			onClick: r ? (e) => e.preventDefault() : void 0,
+			...i,
+			children: l
+		});
+	}
+	let d = c;
+	return /* @__PURE__ */ p("button", {
+		type: d.type ?? "button",
+		"data-variant": t,
+		"data-size": n,
+		"data-loading": r ? "true" : void 0,
+		disabled: d.disabled || r,
+		className: u,
+		...d,
+		children: l
+	});
+}
+var R = {
+	root: "_root_bx150_1",
+	triggerInner: "_triggerInner_bx150_27",
+	triggerIcon: "_triggerIcon_bx150_34",
+	triggerIndicator: "_triggerIndicator_bx150_35",
+	triggerLabel: "_triggerLabel_bx150_44",
+	contentInner: "_contentInner_bx150_50"
+}, te = n(null);
+function ne(e) {
+	let t = a(te);
+	if (!t) throw Error(`${e} must be used within Collapsible.Root`);
+	return t;
+}
+function z({ open: e, defaultOpen: t, onOpenChange: n }) {
+	let [r, i] = d(t ?? !1), a = e !== void 0, o = a ? e : r;
+	function s(e) {
+		a || i(e), n?.(e);
+	}
+	return [o, s];
+}
+function B({ children: e, open: t, defaultOpen: n, onOpenChange: r, classNames: i, className: a, ...o }) {
+	let [c, u] = z({
+		open: t,
+		defaultOpen: n,
+		onOpenChange: r
+	}), d = s(), f = l(() => ({
+		open: c,
+		setOpen: u,
+		contentId: d,
+		classNames: i
+	}), [
+		d,
+		c,
+		u,
+		i
+	]);
+	return /* @__PURE__ */ p(te.Provider, {
+		value: f,
+		children: /* @__PURE__ */ p("div", {
+			"data-state": c ? "open" : "closed",
+			"data-scope": "collapsible",
+			className: _("owo-collapsible", R.root, a),
+			...o,
+			children: e
+		})
+	});
+}
+function re({ children: e, icon: t, indicator: n, iconPosition: r = "start", className: i, onClick: a, ...o }) {
+	let { open: s, setOpen: c, contentId: l, classNames: u } = ne("Collapsible.Trigger"), d = t !== void 0 || n !== void 0 ? /* @__PURE__ */ m("span", {
+		"data-part": "triggerInner",
+		className: _(R.triggerInner, u?.triggerInner),
+		children: [
+			t && r === "start" ? /* @__PURE__ */ p("span", {
+				"data-part": "triggerIcon",
+				"aria-hidden": "true",
+				className: _(R.triggerIcon, u?.triggerIcon),
+				children: t
+			}) : null,
+			/* @__PURE__ */ p("span", {
+				"data-part": "triggerLabel",
+				className: _(R.triggerLabel, u?.triggerLabel),
+				children: e
+			}),
+			t && r === "end" ? /* @__PURE__ */ p("span", {
+				"data-part": "triggerIcon",
+				"aria-hidden": "true",
+				className: _(R.triggerIcon, u?.triggerIcon),
+				children: t
+			}) : null,
+			n ? /* @__PURE__ */ p("span", {
+				"data-part": "triggerIndicator",
+				"aria-hidden": "true",
+				className: _(R.triggerIndicator, u?.triggerIndicator),
+				children: n
+			}) : null
+		]
+	}) : e;
+	return /* @__PURE__ */ p("button", {
+		type: "button",
+		"aria-expanded": s,
+		"aria-controls": l,
+		"data-state": s ? "open" : "closed",
+		"data-scope": "collapsible",
+		"data-part": "trigger",
+		className: _(u?.trigger, i),
+		onClick: (e) => {
+			a?.(e), e.defaultPrevented || c(!s);
+		},
+		...o,
+		children: d
+	});
+}
+function V({ children: e, className: t, ...n }) {
+	let { open: r, contentId: i, classNames: a } = ne("Collapsible.Content"), [s, c] = d(r), l = u(null), f = u(null);
+	return o(() => {
+		let e = l.current, t = f.current;
+		if (!e || !t) return;
+		let n = 0, i = 0, a = () => {
+			e.style.height = "auto", e.style.overflow = "visible";
+		};
+		if (r && c(!0), !s && !r) return;
+		let o = (t) => {
+			t.target !== e || t.propertyName !== "height" || (e.removeEventListener("transitionend", o), r ? a() : c(!1));
+		};
+		return (() => {
+			let s = t.scrollHeight;
+			if (e.style.overflow = "hidden", r) {
+				e.style.height = "0px", n = window.requestAnimationFrame(() => {
+					e.addEventListener("transitionend", o), e.style.height = `${s}px`;
+				}), i = window.setTimeout(a, 240);
+				return;
+			}
+			e.style.height = `${s}px`, n = window.requestAnimationFrame(() => {
+				e.addEventListener("transitionend", o), e.style.height = "0px";
+			}), i = window.setTimeout(() => c(!1), 240);
+		})(), () => {
+			window.cancelAnimationFrame(n), window.clearTimeout(i), e.removeEventListener("transitionend", o);
+		};
+	}, [r, s]), !s && !r ? null : /* @__PURE__ */ p("div", {
+		id: i,
+		ref: l,
+		"data-state": r ? "open" : "closed",
+		"data-scope": "collapsible",
+		"data-part": "content",
+		"aria-hidden": !r,
+		className: _(a?.content, t),
+		...n,
+		children: /* @__PURE__ */ p("div", {
+			ref: f,
+			"data-part": "contentInner",
+			className: _(R.contentInner, a?.contentInner),
+			children: e
+		})
+	});
+}
+var ie = Object.assign(B, {
+	Root: B,
+	Trigger: re,
+	Content: V
+}), H = "_overlay_1p0ee_1", ae = "_panel_1p0ee_19", oe = "_confirmDescription_1p0ee_64", U = {
+	overlay: H,
+	"dialog-backdrop-in": "_dialog-backdrop-in_1p0ee_1",
+	panel: ae,
+	"dialog-in": "_dialog-in_1p0ee_1",
+	confirmDescription: oe
+}, se = n(void 0);
+function ce({ className: e, children: t, ...n }) {
+	let r = a(se);
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dialog",
+		"data-part": "header",
+		className: _(r?.header, e),
+		...n,
+		children: t
+	});
+}
+function le({ className: e, children: t, ...n }) {
+	let r = a(se);
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dialog",
+		"data-part": "body",
+		className: _(r?.body, e),
+		...n,
+		children: t
+	});
+}
+function ue({ className: e, children: t, ...n }) {
+	let r = a(se);
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dialog",
+		"data-part": "footer",
+		className: _(r?.footer, e),
+		...n,
+		children: t
+	});
+}
+function W({ open: e, onClose: t, size: n = "sm", children: r, className: a, overlayClassName: s, panelClassName: c, classNames: l, ...d }) {
+	let f = u(null), h = u(null), g = i((e) => {
+		e.key === "Escape" && (e.stopPropagation(), t());
+	}, [t]);
+	return o(() => (e ? (h.current = document.activeElement, document.body.style.overflow = "hidden", requestAnimationFrame(() => {
+		let e = f.current;
+		if (!e) return;
+		let t = e.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
+		t ? t.focus() : e.focus();
+	}), document.addEventListener("keydown", g)) : (document.body.style.overflow = "", h.current?.focus()), () => {
+		document.removeEventListener("keydown", g), document.body.style.overflow = "";
+	}), [e, g]), e ? /* @__PURE__ */ p(se.Provider, {
+		value: l,
+		children: /* @__PURE__ */ m("div", {
+			"data-state": "open",
+			"data-scope": "dialog",
+			"data-part": "overlay",
+			className: _("owo-dialog-overlay", U.overlay, l?.overlay),
+			children: [/* @__PURE__ */ p("button", {
+				type: "button",
+				"aria-label": "Close dialog",
+				"data-state": "open",
+				"data-scope": "dialog",
+				"data-part": "backdrop",
+				className: _("owo-dialog-backdrop", s, l?.backdrop),
+				onClick: t
+			}), /* @__PURE__ */ p("div", {
+				ref: f,
+				role: "dialog",
+				"aria-modal": "true",
+				tabIndex: -1,
+				"data-state": "open",
+				"data-size": n,
+				className: _("owo-dialog", U.panel, c, a),
+				...d,
+				children: r
+			})]
+		})
+	}) : null;
+}
+W.Header = ce, W.Body = le, W.Footer = ue;
+//#endregion
+//#region src/components/ConfirmDialog.tsx
+var de = n(null);
+function fe() {
+	let e = a(de);
+	if (!e) throw Error("useConfirm must be used within <ConfirmProvider>");
+	return e;
+}
+function pe({ children: e }) {
+	let [t, n] = d(null), r = u(null), a = i((e) => (r.current && r.current.resolve(!1), new Promise((t) => {
+		let i = {
+			options: e,
+			resolve: t
+		};
+		r.current = i, n(i);
+	})), []), o = i((e) => {
+		r.current &&= (r.current.resolve(e), null), n(null);
+	}, []);
+	return /* @__PURE__ */ m(de.Provider, {
+		value: a,
+		children: [e, /* @__PURE__ */ p(W, {
+			open: t !== null,
+			onClose: () => o(!1),
+			children: t && /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ p(W.Header, { children: t.options.title }),
+				/* @__PURE__ */ p(W.Body, { children: typeof t.options.description == "string" ? /* @__PURE__ */ p("p", {
+					className: U.confirmDescription,
+					children: t.options.description
+				}) : t.options.description }),
+				/* @__PURE__ */ m(W.Footer, { children: [/* @__PURE__ */ p(L, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => o(!1),
+					children: t.options.cancelLabel ?? "取消"
+				}), /* @__PURE__ */ p(L, {
+					variant: t.options.variant ?? "primary",
+					size: "sm",
+					onClick: () => o(!0),
+					children: t.options.confirmLabel ?? "确认"
+				})] })
+			] })
+		})]
+	});
+}
+//#endregion
+//#region node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+var me = Math.min, he = Math.max, ge = Math.round, _e = Math.floor, G = (e) => ({
+	x: e,
+	y: e
+}), ve = {
+	left: "right",
+	right: "left",
+	bottom: "top",
+	top: "bottom"
+};
+function ye(e, t, n) {
+	return he(e, me(t, n));
+}
+function be(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function xe(e) {
+	return e.split("-")[0];
+}
+function Se(e) {
+	return e.split("-")[1];
+}
+function Ce(e) {
+	return e === "x" ? "y" : "x";
+}
+function we(e) {
+	return e === "y" ? "height" : "width";
+}
+function K(e) {
+	let t = e[0];
+	return t === "t" || t === "b" ? "y" : "x";
+}
+function Te(e) {
+	return Ce(K(e));
+}
+function Ee(e, t, n) {
+	n === void 0 && (n = !1);
+	let r = Se(e), i = Te(e), a = we(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = Fe(o)), [o, Fe(o)];
+}
+function De(e) {
+	let t = Fe(e);
+	return [
+		Oe(e),
+		t,
+		Oe(t)
+	];
+}
+function Oe(e) {
+	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
+}
+var ke = ["left", "right"], Ae = ["right", "left"], je = ["top", "bottom"], Me = ["bottom", "top"];
+function Ne(e, t, n) {
+	switch (e) {
+		case "top":
+		case "bottom": return n ? t ? Ae : ke : t ? ke : Ae;
+		case "left":
+		case "right": return t ? je : Me;
+		default: return [];
+	}
+}
+function Pe(e, t, n, r) {
+	let i = Se(e), a = Ne(xe(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Oe)))), a;
+}
+function Fe(e) {
+	let t = xe(e);
+	return ve[t] + e.slice(t.length);
+}
+function Ie(e) {
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		...e
+	};
+}
+function Le(e) {
+	return typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : Ie(e);
+}
+function Re(e) {
+	let { x: t, y: n, width: r, height: i } = e;
+	return {
+		width: r,
+		height: i,
+		top: n,
+		left: t,
+		right: t + r,
+		bottom: n + i,
+		x: t,
+		y: n
+	};
+}
+//#endregion
+//#region node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+function ze(e, t, n) {
+	let { reference: r, floating: i } = e, a = K(t), o = Te(t), s = we(o), c = xe(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+	switch (c) {
+		case "top":
+			p = {
+				x: u,
+				y: r.y - i.height
+			};
+			break;
+		case "bottom":
+			p = {
+				x: u,
+				y: r.y + r.height
+			};
+			break;
+		case "right":
+			p = {
+				x: r.x + r.width,
+				y: d
+			};
+			break;
+		case "left":
+			p = {
+				x: r.x - i.width,
+				y: d
+			};
+			break;
+		default: p = {
+			x: r.x,
+			y: r.y
+		};
+	}
+	switch (Se(t)) {
+		case "start":
+			p[o] -= f * (n && l ? -1 : 1);
+			break;
+		case "end":
+			p[o] += f * (n && l ? -1 : 1);
+			break;
+	}
+	return p;
+}
+async function Be(e, t) {
+	t === void 0 && (t = {});
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = be(t, e), p = Le(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = Re(await i.getClippingRect({
+		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
+		boundary: c,
+		rootBoundary: l,
+		strategy: s
+	})), g = u === "floating" ? {
+		x: n,
+		y: r,
+		width: a.floating.width,
+		height: a.floating.height
+	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
+		x: 1,
+		y: 1
+	}, y = Re(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+		elements: o,
+		rect: g,
+		offsetParent: _,
+		strategy: s
+	}) : g);
+	return {
+		top: (h.top - y.top + p.top) / v.y,
+		bottom: (y.bottom - h.bottom + p.bottom) / v.y,
+		left: (h.left - y.left + p.left) / v.x,
+		right: (y.right - h.right + p.right) / v.x
+	};
+}
+var Ve = 50, He = async (e, t, n) => {
+	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
+		...o,
+		detectOverflow: Be
+	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
+		reference: e,
+		floating: t,
+		strategy: i
+	}), { x: u, y: d } = ze(l, r, c), f = r, p = 0, m = {};
+	for (let n = 0; n < a.length; n++) {
+		let h = a[n];
+		if (!h) continue;
+		let { name: g, fn: _ } = h, { x: v, y, data: b, reset: x } = await _({
+			x: u,
+			y: d,
+			initialPlacement: r,
+			placement: f,
+			strategy: i,
+			middlewareData: m,
+			rects: l,
+			platform: s,
+			elements: {
+				reference: e,
+				floating: t
+			}
+		});
+		u = v ?? u, d = y ?? d, m[g] = {
+			...m[g],
+			...b
+		}, x && p < Ve && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+			reference: e,
+			floating: t,
+			strategy: i
+		}) : x.rects), {x: u, y: d} = ze(l, f, c)), n = -1);
+	}
+	return {
+		x: u,
+		y: d,
+		placement: f,
+		strategy: i,
+		middlewareData: m
+	};
+}, Ue = (e) => ({
+	name: "arrow",
+	options: e,
+	async fn(t) {
+		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0 } = be(e, t) || {};
+		if (l == null) return {};
+		let d = Le(u), f = {
+			x: n,
+			y: r
+		}, p = Te(i), m = we(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), C = S ? S[y] : 0;
+		(!C || !await (o.isElement == null ? void 0 : o.isElement(S))) && (C = s.floating[y] || a.floating[m]);
+		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = me(d[_], T), D = me(d[v], T), O = E, k = C - h[m] - D, A = C / 2 - h[m] / 2 + w, j = ye(O, A, k), M = !c.arrow && Se(i) != null && A !== j && a.reference[m] / 2 - (A < O ? E : D) - h[m] / 2 < 0, N = M ? A < O ? A - O : A - k : 0;
+		return {
+			[p]: f[p] + N,
+			data: {
+				[p]: j,
+				centerOffset: A - j - N,
+				...M && { alignmentOffset: N }
+			},
+			reset: M
+		};
+	}
+}), We = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "flip",
+		options: e,
+		async fn(t) {
+			var n;
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = be(e, t);
+			if ((n = i.arrow) != null && n.alignmentOffset) return {};
+			let g = xe(r), _ = K(o), v = xe(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Fe(o)] : De(o)), x = p !== "none";
+			!d && x && b.push(...Pe(o, m, p, y));
+			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
+			if (l && w.push(C[g]), u) {
+				let e = Ee(r, a, y);
+				w.push(C[e[0]], C[e[1]]);
+			}
+			if (T = [...T, {
+				placement: r,
+				overflows: w
+			}], !w.every((e) => e <= 0)) {
+				let e = (i.flip?.index || 0) + 1, t = S[e];
+				if (t && (!(u === "alignment" && _ !== K(t)) || T.every((e) => K(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+					data: {
+						index: e,
+						overflows: T
+					},
+					reset: { placement: t }
+				};
+				let n = T.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
+				if (!n) switch (f) {
+					case "bestFit": {
+						let e = T.filter((e) => {
+							if (x) {
+								let t = K(e.placement);
+								return t === _ || t === "y";
+							}
+							return !0;
+						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
+						e && (n = e);
+						break;
+					}
+					case "initialPlacement":
+						n = o;
+						break;
+				}
+				if (r !== n) return { reset: { placement: n } };
+			}
+			return {};
+		}
+	};
+}, Ge = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ke(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = xe(n), s = Se(n), c = K(n) === "y", l = Ge.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = be(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+		mainAxis: d,
+		crossAxis: 0,
+		alignmentAxis: null
+	} : {
+		mainAxis: d.mainAxis || 0,
+		crossAxis: d.crossAxis || 0,
+		alignmentAxis: d.alignmentAxis
+	};
+	return s && typeof m == "number" && (p = s === "end" ? m * -1 : m), c ? {
+		x: p * u,
+		y: f * l
+	} : {
+		x: f * l,
+		y: p * u
+	};
+}
+var qe = function(e) {
+	return e === void 0 && (e = 0), {
+		name: "offset",
+		options: e,
+		async fn(t) {
+			var n;
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await Ke(t, e);
+			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
+				x: r + s.x,
+				y: i + s.y,
+				data: {
+					...s,
+					placement: a
+				}
+			};
+		}
+	};
+}, Je = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "shift",
+		options: e,
+		async fn(t) {
+			let { x: n, y: r, placement: i, platform: a } = t, { mainAxis: o = !0, crossAxis: s = !1, limiter: c = { fn: (e) => {
+				let { x: t, y: n } = e;
+				return {
+					x: t,
+					y: n
+				};
+			} }, ...l } = be(e, t), u = {
+				x: n,
+				y: r
+			}, d = await a.detectOverflow(t, l), f = K(xe(i)), p = Ce(f), m = u[p], h = u[f];
+			if (o) {
+				let e = p === "y" ? "top" : "left", t = p === "y" ? "bottom" : "right", n = m + d[e], r = m - d[t];
+				m = ye(n, m, r);
+			}
+			if (s) {
+				let e = f === "y" ? "top" : "left", t = f === "y" ? "bottom" : "right", n = h + d[e], r = h - d[t];
+				h = ye(n, h, r);
+			}
+			let g = c.fn({
+				...t,
+				[p]: m,
+				[f]: h
+			});
+			return {
+				...g,
+				data: {
+					x: g.x - n,
+					y: g.y - r,
+					enabled: {
+						[p]: o,
+						[f]: s
+					}
+				}
+			};
+		}
+	};
+};
+//#endregion
+//#region node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function Ye() {
+	return typeof window < "u";
+}
+function Xe(e) {
+	return Ze(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function q(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function J(e) {
+	return ((Ze(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+}
+function Ze(e) {
+	return Ye() ? e instanceof Node || e instanceof q(e).Node : !1;
+}
+function Y(e) {
+	return Ye() ? e instanceof Element || e instanceof q(e).Element : !1;
+}
+function X(e) {
+	return Ye() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
+}
+function Qe(e) {
+	return !Ye() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
+}
+function $e(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = Z(e);
+	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
+}
+function et(e) {
+	return /^(table|td|th)$/.test(Xe(e));
+}
+function tt(e) {
+	try {
+		if (e.matches(":popover-open")) return !0;
+	} catch {}
+	try {
+		return e.matches(":modal");
+	} catch {
+		return !1;
+	}
+}
+var nt = /transform|translate|scale|rotate|perspective|filter/, rt = /paint|layout|strict|content/, it = (e) => !!e && e !== "none", at;
+function ot(e) {
+	let t = Y(e) ? Z(e) : e;
+	return it(t.transform) || it(t.translate) || it(t.scale) || it(t.rotate) || it(t.perspective) || !ct() && (it(t.backdropFilter) || it(t.filter)) || nt.test(t.willChange || "") || rt.test(t.contain || "");
+}
+function st(e) {
+	let t = dt(e);
+	for (; X(t) && !lt(t);) {
+		if (ot(t)) return t;
+		if (tt(t)) return null;
+		t = dt(t);
+	}
+	return null;
+}
+function ct() {
+	return at ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), at;
+}
+function lt(e) {
+	return /^(html|body|#document)$/.test(Xe(e));
+}
+function Z(e) {
+	return q(e).getComputedStyle(e);
+}
+function ut(e) {
+	return Y(e) ? {
+		scrollLeft: e.scrollLeft,
+		scrollTop: e.scrollTop
+	} : {
+		scrollLeft: e.scrollX,
+		scrollTop: e.scrollY
+	};
+}
+function dt(e) {
+	if (Xe(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || Qe(e) && e.host || J(e);
+	return Qe(t) ? t.host : t;
+}
+function ft(e) {
+	let t = dt(e);
+	return lt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : X(t) && $e(t) ? t : ft(t);
+}
+function pt(e, t, n) {
+	t === void 0 && (t = []), n === void 0 && (n = !0);
+	let r = ft(e), i = r === e.ownerDocument?.body, a = q(r);
+	if (i) {
+		let e = mt(a);
+		return t.concat(a, a.visualViewport || [], $e(r) ? r : [], e && n ? pt(e) : []);
+	} else return t.concat(r, pt(r, [], n));
+}
+function mt(e) {
+	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+//#endregion
+//#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+function ht(e) {
+	let t = Z(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = X(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = ge(n) !== a || ge(r) !== o;
+	return s && (n = a, r = o), {
+		width: n,
+		height: r,
+		$: s
+	};
+}
+function gt(e) {
+	return Y(e) ? e : e.contextElement;
+}
+function _t(e) {
+	let t = gt(e);
+	if (!X(t)) return G(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = ht(t), o = (a ? ge(n.width) : n.width) / r, s = (a ? ge(n.height) : n.height) / i;
+	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+		x: o,
+		y: s
+	};
+}
+var vt = /* @__PURE__ */ G(0);
+function yt(e) {
+	let t = q(e);
+	return !ct() || !t.visualViewport ? vt : {
+		x: t.visualViewport.offsetLeft,
+		y: t.visualViewport.offsetTop
+	};
+}
+function bt(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== q(e) ? !1 : t;
+}
+function xt(e, t, n, r) {
+	t === void 0 && (t = !1), n === void 0 && (n = !1);
+	let i = e.getBoundingClientRect(), a = gt(e), o = G(1);
+	t && (r ? Y(r) && (o = _t(r)) : o = _t(e));
+	let s = bt(a, n, r) ? yt(a) : G(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	if (a) {
+		let e = q(a), t = r && Y(r) ? q(r) : r, n = e, i = mt(n);
+		for (; i && r && t !== n;) {
+			let e = _t(i), t = i.getBoundingClientRect(), r = Z(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = q(i), i = mt(n);
+		}
+	}
+	return Re({
+		width: u,
+		height: d,
+		x: c,
+		y: l
+	});
+}
+function St(e, t) {
+	let n = ut(e).scrollLeft;
+	return t ? t.left + n : xt(J(e)).left + n;
+}
+function Ct(e, t) {
+	let n = e.getBoundingClientRect();
+	return {
+		x: n.left + t.scrollLeft - St(e, n),
+		y: n.top + t.scrollTop
+	};
+}
+function wt(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = J(r), s = t ? tt(t.floating) : !1;
+	if (r === o || s && a) return n;
+	let c = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, l = G(1), u = G(0), d = X(r);
+	if ((d || !d && !a) && ((Xe(r) !== "body" || $e(o)) && (c = ut(r)), d)) {
+		let e = xt(r);
+		l = _t(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}
+	let f = o && !d && !a ? Ct(o, c) : G(0);
+	return {
+		width: n.width * l.x,
+		height: n.height * l.y,
+		x: n.x * l.x - c.scrollLeft * l.x + u.x + f.x,
+		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
+	};
+}
+function Tt(e) {
+	return Array.from(e.getClientRects());
+}
+function Et(e) {
+	let t = J(e), n = ut(e), r = e.ownerDocument.body, i = he(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = he(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + St(e), s = -n.scrollTop;
+	return Z(r).direction === "rtl" && (o += he(t.clientWidth, r.clientWidth) - i), {
+		width: i,
+		height: a,
+		x: o,
+		y: s
+	};
+}
+var Dt = 25;
+function Ot(e, t) {
+	let n = q(e), r = J(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+	if (i) {
+		a = i.width, o = i.height;
+		let e = ct();
+		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
+	}
+	let l = St(r);
+	if (l <= 0) {
+		let e = r.ownerDocument, t = e.body, n = getComputedStyle(t), i = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, o = Math.abs(r.clientWidth - t.clientWidth - i);
+		o <= Dt && (a -= o);
+	} else l <= Dt && (a += l);
+	return {
+		width: a,
+		height: o,
+		x: s,
+		y: c
+	};
+}
+function kt(e, t) {
+	let n = xt(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = X(e) ? _t(e) : G(1);
+	return {
+		width: e.clientWidth * a.x,
+		height: e.clientHeight * a.y,
+		x: i * a.x,
+		y: r * a.y
+	};
+}
+function At(e, t, n) {
+	let r;
+	if (t === "viewport") r = Ot(e, n);
+	else if (t === "document") r = Et(J(e));
+	else if (Y(t)) r = kt(t, n);
+	else {
+		let n = yt(e);
+		r = {
+			x: t.x - n.x,
+			y: t.y - n.y,
+			width: t.width,
+			height: t.height
+		};
+	}
+	return Re(r);
+}
+function jt(e, t) {
+	let n = dt(e);
+	return n === t || !Y(n) || lt(n) ? !1 : Z(n).position === "fixed" || jt(n, t);
+}
+function Mt(e, t) {
+	let n = t.get(e);
+	if (n) return n;
+	let r = pt(e, [], !1).filter((e) => Y(e) && Xe(e) !== "body"), i = null, a = Z(e).position === "fixed", o = a ? dt(e) : e;
+	for (; Y(o) && !lt(o);) {
+		let t = Z(o), n = ot(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || $e(o) && !n && jt(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = dt(o);
+	}
+	return t.set(e, r), r;
+}
+function Nt(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? tt(t) ? [] : Mt(t, this._c) : [].concat(n), r], o = At(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
+	for (let e = 1; e < a.length; e++) {
+		let n = At(t, a[e], i);
+		s = he(n.top, s), c = me(n.right, c), l = me(n.bottom, l), u = he(n.left, u);
+	}
+	return {
+		width: c - u,
+		height: l - s,
+		x: u,
+		y: s
+	};
+}
+function Pt(e) {
+	let { width: t, height: n } = ht(e);
+	return {
+		width: t,
+		height: n
+	};
+}
+function Ft(e, t, n) {
+	let r = X(t), i = J(t), a = n === "fixed", o = xt(e, !0, a, t), s = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, c = G(0);
+	function l() {
+		c.x = St(i);
+	}
+	if (r || !r && !a) if ((Xe(t) !== "body" || $e(i)) && (s = ut(t)), r) {
+		let e = xt(t, !0, a, t);
+		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
+	} else i && l();
+	a && !r && i && l();
+	let u = i && !r && !a ? Ct(i, s) : G(0);
+	return {
+		x: o.left + s.scrollLeft - c.x - u.x,
+		y: o.top + s.scrollTop - c.y - u.y,
+		width: o.width,
+		height: o.height
+	};
+}
+function It(e) {
+	return Z(e).position === "static";
+}
+function Lt(e, t) {
+	if (!X(e) || Z(e).position === "fixed") return null;
+	if (t) return t(e);
+	let n = e.offsetParent;
+	return J(e) === n && (n = n.ownerDocument.body), n;
+}
+function Rt(e, t) {
+	let n = q(e);
+	if (tt(e)) return n;
+	if (!X(e)) {
+		let t = dt(e);
+		for (; t && !lt(t);) {
+			if (Y(t) && !It(t)) return t;
+			t = dt(t);
+		}
+		return n;
+	}
+	let r = Lt(e, t);
+	for (; r && et(r) && It(r);) r = Lt(r, t);
+	return r && lt(r) && It(r) && !ot(r) ? n : r || st(e) || n;
+}
+var zt = async function(e) {
+	let t = this.getOffsetParent || Rt, n = this.getDimensions, r = await n(e.floating);
+	return {
+		reference: Ft(e.reference, await t(e.floating), e.strategy),
+		floating: {
+			x: 0,
+			y: 0,
+			width: r.width,
+			height: r.height
+		}
+	};
+};
+function Bt(e) {
+	return Z(e).direction === "rtl";
+}
+var Vt = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: wt,
+	getDocumentElement: J,
+	getClippingRect: Nt,
+	getOffsetParent: Rt,
+	getElementRects: zt,
+	getClientRects: Tt,
+	getDimensions: Pt,
+	getScale: _t,
+	isElement: Y,
+	isRTL: Bt
+};
+function Ht(e, t) {
+	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function Ut(e, t) {
+	let n = null, r, i = J(e);
+	function a() {
+		var e;
+		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
+	}
+	function o(s, c) {
+		s === void 0 && (s = !1), c === void 0 && (c = 1), a();
+		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
+		if (s || t(), !f || !p) return;
+		let m = _e(d), h = _e(i.clientWidth - (u + f)), g = _e(i.clientHeight - (d + p)), _ = _e(u), v = {
+			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
+			threshold: he(0, me(1, c)) || 1
+		}, y = !0;
+		function b(t) {
+			let n = t[0].intersectionRatio;
+			if (n !== c) {
+				if (!y) return o();
+				n ? o(!1, n) : r = setTimeout(() => {
+					o(!1, 1e-7);
+				}, 1e3);
+			}
+			n === 1 && !Ht(l, e.getBoundingClientRect()) && o(), y = !1;
+		}
+		try {
+			n = new IntersectionObserver(b, {
+				...v,
+				root: i.ownerDocument
+			});
+		} catch {
+			n = new IntersectionObserver(b, v);
+		}
+		n.observe(e);
+	}
+	return o(!0), a;
+}
+function Wt(e, t, n, r) {
+	r === void 0 && (r = {});
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = gt(e), u = i || a ? [...l ? pt(l) : [], ...t ? pt(t) : []] : [];
+	u.forEach((e) => {
+		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
+	});
+	let d = l && s ? Ut(l, n) : null, f = -1, p = null;
+	o && (p = new ResizeObserver((e) => {
+		let [r] = e;
+		r && r.target === l && p && t && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+			var e;
+			(e = p) == null || e.observe(t);
+		})), n();
+	}), l && !c && p.observe(l), t && p.observe(t));
+	let m, h = c ? xt(e) : null;
+	c && g();
+	function g() {
+		let t = xt(e);
+		h && !Ht(h, t) && n(), h = t, m = requestAnimationFrame(g);
+	}
+	return n(), () => {
+		var e;
+		u.forEach((e) => {
+			i && e.removeEventListener("scroll", n), a && e.removeEventListener("resize", n);
+		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
+	};
+}
+var Gt = qe, Kt = Je, qt = We, Jt = Ue, Yt = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map(), i = {
+		platform: Vt,
+		...n
+	}, a = {
+		...i.platform,
+		_c: r
+	};
+	return He(e, t, {
+		...i,
+		platform: a
+	});
+}, Xt = "_trigger_e00wn_1", Zt = "_content_e00wn_10", Qt = "_subTrigger_e00wn_61", $t = "_itemMain_e00wn_90", en = "_itemInset_e00wn_106", tn = "_shortcut_e00wn_118", nn = "_indicator_e00wn_119", rn = "_submenuIndicator_e00wn_120", Q = {
+	trigger: Xt,
+	content: Zt,
+	"owo-dropdown-menu-in": "_owo-dropdown-menu-in_e00wn_1",
+	subTrigger: Qt,
+	itemMain: $t,
+	itemInset: en,
+	shortcut: tn,
+	indicator: nn,
+	submenuIndicator: rn
+}, an = n(null), on = n(null);
+function sn(e) {
+	let t = a(an);
+	if (!t) throw Error(`${e} must be used within DropdownMenu.`);
+	return t;
+}
+function cn(e) {
+	let t = a(on);
+	if (!t) throw Error(`${e} must be used within DropdownMenu.Content.`);
+	return t;
+}
+function ln(e, t) {
+	return (n) => {
+		e?.(n), t(n);
+	};
+}
+function un(...e) {
+	return (t) => {
+		for (let n of e) n && (typeof n == "function" ? n(t) : n.current = t);
+	};
+}
+function dn(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(dn).join(" ") : !e || typeof e == "boolean" ? "" : r(e) ? dn(e.props.children) : "";
+}
+function fn(e) {
+	return [...e].sort((e, t) => {
+		let n = e.ref.current, r = t.ref.current;
+		if (!n || !r) return 0;
+		let i = n.compareDocumentPosition(r);
+		return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+	});
+}
+function pn(e, t) {
+	return t === "center" ? e : `${e}-${t}`;
+}
+function mn(e) {
+	let t = e.split("-");
+	return {
+		side: t[0],
+		align: t[1] ?? "center"
+	};
+}
+function hn({ open: e, defaultOpen: t = !1, onOpenChange: n, side: r = "bottom", align: o = "start", sideOffset: c = 8, alignOffset: f = 0, collisionPadding: m = 8, portal: h = !0, contentRole: g = "menu", classNames: _, children: v }) {
+	let y = a(on), [b, x] = d(t), S = e !== void 0, C = S ? e : b, w = u(null), T = u(null), E = u("selected"), D = s(), O = s(), k = i((e) => {
+		S || x(e), n?.(e);
+	}, [S, n]), A = i(() => {
+		k(!1);
+	}, [k]), j = i(() => {
+		k(!1), y?.closeTree();
+	}, [y, k]), M = i(() => {
+		k(!C);
+	}, [C, k]), N = i(() => {
+		w.current?.focus();
+	}, []), ee = l(() => ({
+		open: C,
+		setOpen: k,
+		toggleOpen: M,
+		triggerRef: w,
+		contentRef: T,
+		side: r,
+		align: o,
+		sideOffset: c,
+		alignOffset: f,
+		collisionPadding: m,
+		portal: h,
+		contentRole: g,
+		triggerId: D,
+		contentId: O,
+		focusIntentRef: E,
+		parentList: y,
+		isSubmenu: !!y,
+		closeSelf: A,
+		closeTree: j,
+		focusTrigger: N,
+		classNames: _
+	}), [
+		C,
+		o,
+		f,
+		_,
+		A,
+		j,
+		m,
+		g,
+		y,
+		h,
+		k,
+		r,
+		c,
+		M,
+		D,
+		O,
+		N
+	]);
+	return /* @__PURE__ */ p(an.Provider, {
+		value: ee,
+		children: v
+	});
+}
+function gn({ asChild: n = !1, disabled: r = !1, className: i, children: a }) {
+	let { open: o, setOpen: s, toggleOpen: c, triggerRef: l, contentRole: u, triggerId: d, contentId: f, focusIntentRef: m, isSubmenu: h, classNames: g } = sn("DropdownMenu.Trigger"), v = e.only(a), y = v.props ?? {}, b = typeof y.className == "string" ? y.className : void 0, x = {
+		id: d,
+		"data-state": o ? "open" : "closed",
+		"aria-expanded": o,
+		"aria-haspopup": u,
+		"aria-controls": o ? f : void 0,
+		onClick: ln(y.onClick, (e) => {
+			if (r) {
+				e.preventDefault();
+				return;
+			}
+			m.current = "selected", c();
+		}),
+		onKeyDown: ln(y.onKeyDown, (e) => {
+			r || (e.key === "ArrowDown" ? (e.preventDefault(), m.current = "first", s(!0)) : e.key === "ArrowUp" ? (e.preventDefault(), m.current = "last", s(!0)) : !h && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), m.current = "selected", c()));
+		})
+	};
+	return n ? t(v, {
+		...x,
+		ref: un(l, y.ref),
+		className: _(Q.trigger, g?.trigger, i, b),
+		type: v.type === "button" ? y.type ?? "button" : y.type
+	}) : /* @__PURE__ */ p("button", {
+		ref: l,
+		disabled: r,
+		type: "button",
+		"data-scope": "dropdown-menu",
+		"data-part": "trigger",
+		className: _(Q.trigger, g?.trigger, i),
+		...x,
+		children: v
+	});
+}
+function _n({ className: e, children: t, style: n, matchTriggerWidth: r = !1, maxHeight: a = 320, ...s }) {
+	let { open: f, setOpen: m, triggerRef: g, contentRef: v, side: y, align: b, sideOffset: x, alignOffset: S, collisionPadding: C, portal: w, contentRole: T, triggerId: E, contentId: D, focusIntentRef: O, parentList: k, isSubmenu: A, closeSelf: j, closeTree: M, focusTrigger: N, classNames: ee } = sn("DropdownMenu.Content"), P = u([]), [F, I] = d(null), [L, R] = d(null), [te, ne] = d(null), [z, B] = d(!1), re = u(""), V = u(null), ie = i((e) => (P.current = [...P.current.filter((t) => t.id !== e.id), e], () => {
+		P.current = P.current.filter((t) => t.id !== e.id);
+	}), []), H = i(() => fn(P.current), []), ae = i((e) => {
+		O.current = e;
+	}, [O]);
+	o(() => {
+		B(!0);
+	}, []);
+	let oe = l(() => ({
+		role: T,
+		highlightedId: F,
+		setHighlightedId: I,
+		registerItem: ie,
+		getItems: H,
+		requestFocusIntent: ae,
+		closeTree: M,
+		closeSelf: j,
+		focusTrigger: N,
+		activeSubmenuId: L,
+		setActiveSubmenuId: R,
+		contentRef: v
+	}), [
+		L,
+		j,
+		M,
+		v,
+		T,
+		N,
+		H,
+		F,
+		ie,
+		ae
+	]);
+	c(() => {
+		if (!(!f || !z || !g.current || !v.current)) return Wt(g.current, v.current, () => {
+			!g.current || !v.current || Yt(g.current, v.current, {
+				placement: pn(y, b),
+				strategy: "fixed",
+				middleware: [
+					Gt({
+						mainAxis: x,
+						crossAxis: S
+					}),
+					qt({ padding: C }),
+					Kt({ padding: C })
+				]
+			}).then(({ x: e, y: t, placement: n }) => {
+				let r = mn(n);
+				ne({
+					top: t,
+					left: e,
+					side: r.side,
+					align: r.align
+				});
+			});
+		});
+	}, [
+		b,
+		S,
+		C,
+		v,
+		z,
+		f,
+		y,
+		x,
+		g
+	]), o(() => {
+		if (!f) {
+			I(null), R(null);
+			return;
+		}
+		let e = H().filter((e) => !e.disabled);
+		if (e.length === 0) return;
+		let t = e[0];
+		O.current === "last" ? t = e[e.length - 1] : O.current === "selected" && (t = e.find((e) => e.selected) ?? e[0]), I(t.id), requestAnimationFrame(() => {
+			v.current?.focus(), t.ref.current?.scrollIntoView({ block: "nearest" });
+		});
+	}, [
+		v,
+		O,
+		H,
+		f
+	]), o(() => {
+		if (!f) return;
+		function e(e) {
+			let t = e.target, n = g.current?.contains(t), r = v.current?.contains(t);
+			if (!n && !r) {
+				let e = k?.contentRef.current?.contains(t);
+				if (A && e) {
+					j(), k?.setActiveSubmenuId(null);
+					return;
+				}
+				M();
+			}
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [
+		j,
+		M,
+		v,
+		A,
+		f,
+		k,
+		g
+	]), o(() => {
+		if (f) return () => {
+			V.current && clearTimeout(V.current);
+		};
+	}, [f]);
+	let U = i((e) => {
+		if (I(e), !e) {
+			R(null);
+			return;
+		}
+		H().find((t) => t.id === e)?.submenu || R(null);
+	}, [H]), se = i((e, t = "first") => {
+		let n = H().filter((e) => !e.disabled);
+		if (n.length === 0) return;
+		let r = n.findIndex((e) => e.id === F);
+		if (r === -1) {
+			U(t === "last" ? n[n.length - 1].id : n[0].id);
+			return;
+		}
+		let i = n[(r + e + n.length) % n.length];
+		U(i.id), i.ref.current?.scrollIntoView({ block: "nearest" });
+	}, [
+		H,
+		F,
+		U
+	]), ce = i((e) => {
+		let t = e.length === 1 ? e.toLowerCase() : "";
+		if (!t) return;
+		V.current && clearTimeout(V.current), re.current += t, V.current = setTimeout(() => {
+			re.current = "", V.current = null;
+		}, 350);
+		let n = H().filter((e) => !e.disabled);
+		if (n.length === 0) return;
+		let r = n.findIndex((e) => e.id === F), i = (r >= 0 ? [...n.slice(r + 1), ...n.slice(0, r + 1)] : n).find((e) => e.textValue.toLowerCase().startsWith(re.current));
+		i && (U(i.id), i.ref.current?.scrollIntoView({ block: "nearest" }));
+	}, [
+		H,
+		F,
+		U
+	]), le = i((e) => {
+		let t = H(), n = t.find((e) => e.id === F) ?? null;
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), se(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), se(-1, "last");
+				break;
+			case "Home":
+				e.preventDefault();
+				{
+					let e = t.find((e) => !e.disabled);
+					e && U(e.id);
+				}
+				break;
+			case "End":
+				e.preventDefault();
+				{
+					let e = t.filter((e) => !e.disabled), n = e[e.length - 1];
+					n && U(n.id);
+				}
+				break;
+			case "Enter":
+			case " ":
+				n && !n.disabled && (e.preventDefault(), n.click());
+				break;
+			case "ArrowRight":
+				n?.submenu && (e.preventDefault(), n.openSubmenu?.());
+				break;
+			case "ArrowLeft":
+				A && (e.preventDefault(), j(), N(), k?.setActiveSubmenuId(null));
+				break;
+			case "Tab":
+				M();
+				break;
+			case "Escape":
+				e.preventDefault(), j(), N(), A && k?.setActiveSubmenuId(null);
+				break;
+			default: ce(e.key);
+		}
+	}, [
+		j,
+		M,
+		N,
+		H,
+		ce,
+		F,
+		U,
+		A,
+		se,
+		k
+	]);
+	if (!f || !z) return null;
+	let ue = /* @__PURE__ */ p(on.Provider, {
+		value: oe,
+		children: /* @__PURE__ */ p("div", {
+			ref: v,
+			id: D,
+			role: T,
+			tabIndex: -1,
+			"aria-labelledby": T === "menu" ? E : void 0,
+			"data-state": "open",
+			"data-side": te?.side ?? y,
+			"data-align": te?.align ?? b,
+			"data-scope": "dropdown-menu",
+			"data-part": "content",
+			className: _(Q.content, ee?.content, e),
+			style: {
+				...n,
+				position: "fixed",
+				top: te?.top ?? 0,
+				left: te?.left ?? 0,
+				maxHeight: a,
+				minWidth: r ? g.current?.getBoundingClientRect().width : void 0
+			},
+			onKeyDown: le,
+			...s,
+			children: t
+		})
+	});
+	return w ? h(ue, document.body) : ue;
+}
+function vn({ className: e, children: t, ...n }) {
+	let { classNames: r } = sn("DropdownMenu.Group");
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dropdown-menu",
+		"data-part": "group",
+		className: _(r?.group, e),
+		...n,
+		children: t
+	});
+}
+function yn({ className: e, children: t, ...n }) {
+	let { classNames: r } = sn("DropdownMenu.Label");
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dropdown-menu",
+		"data-part": "label",
+		className: _(r?.label, e),
+		...n,
+		children: t
+	});
+}
+function bn({ className: e, ...t }) {
+	let { classNames: n } = sn("DropdownMenu.Separator");
+	return /* @__PURE__ */ p("div", {
+		role: "separator",
+		"data-scope": "dropdown-menu",
+		"data-part": "separator",
+		className: _(n?.separator, e),
+		...t
+	});
+}
+function xn({ className: e, children: t, inset: n = !1, disabled: r = !1, selected: a = !1, destructive: c = !1, closeOnSelect: d = !0, shortcut: f, indicator: h, onSelect: g, onMouseEnter: v, onClick: y, ...b }) {
+	let x = s(), S = u(null), { role: C, highlightedId: w, setHighlightedId: T, registerItem: E, closeTree: D, setActiveSubmenuId: O } = cn("DropdownMenu.Item"), { classNames: k } = sn("DropdownMenu.Item"), A = l(() => dn(t), [t]), j = w === x, M = i(() => {
+		r || (g?.(), d && D());
+	}, [
+		d,
+		D,
+		r,
+		g
+	]);
+	return o(() => E({
+		id: x,
+		ref: S,
+		disabled: r,
+		submenu: !1,
+		selected: a,
+		textValue: A,
+		closeOnSelect: d,
+		click: M
+	}), [
+		d,
+		r,
+		M,
+		x,
+		E,
+		a,
+		A
+	]), /* @__PURE__ */ m("button", {
+		ref: S,
+		id: x,
+		type: "button",
+		role: C === "listbox" ? "option" : "menuitem",
+		tabIndex: -1,
+		disabled: r,
+		"aria-selected": C === "listbox" ? a : void 0,
+		"data-highlighted": j || void 0,
+		"data-selected": a || void 0,
+		"data-disabled": r || void 0,
+		"data-destructive": c || void 0,
+		"data-scope": "dropdown-menu",
+		"data-part": "item",
+		className: _(n && Q.itemInset, k?.item, e),
+		onMouseEnter: ln(v, () => {
+			r || (T(x), O(null));
+		}),
+		onClick: ln(y, (e) => {
+			e.preventDefault(), M();
+		}),
+		...b,
+		children: [
+			/* @__PURE__ */ p("span", {
+				className: Q.itemMain,
+				children: t
+			}),
+			f ? /* @__PURE__ */ p("span", {
+				className: Q.shortcut,
+				children: f
+			}) : null,
+			a ? /* @__PURE__ */ p("span", {
+				className: Q.indicator,
+				children: h ?? "✓"
+			}) : null
+		]
+	});
+}
+function Sn(e) {
+	return /* @__PURE__ */ p(hn, {
+		side: "right",
+		align: "start",
+		sideOffset: 6,
+		...e,
+		contentRole: "menu"
+	});
+}
+function Cn({ className: e, children: t, inset: n = !1, disabled: r = !1, destructive: a = !1, shortcut: c, onSelect: d, onMouseEnter: f, onClick: h, ...g }) {
+	let v = s(), y = u(null), b = sn("DropdownMenu.SubTrigger"), { highlightedId: x, setHighlightedId: S, registerItem: C, setActiveSubmenuId: w, activeSubmenuId: T } = cn("DropdownMenu.SubTrigger"), E = l(() => dn(t), [t]), D = x === v, O = b.open && T === v, k = i(() => {
+		r || (b.focusIntentRef.current = "first", S(v), w(v), b.setOpen(!0));
+	}, [
+		r,
+		v,
+		w,
+		S,
+		b
+	]);
+	return o(() => C({
+		id: v,
+		ref: y,
+		disabled: r,
+		submenu: !0,
+		selected: !1,
+		textValue: E,
+		closeOnSelect: !1,
+		click: k,
+		openSubmenu: k
+	}), [
+		r,
+		v,
+		k,
+		C,
+		E
+	]), o(() => {
+		T !== v && b.open && b.setOpen(!1);
+	}, [
+		T,
+		v,
+		b
+	]), /* @__PURE__ */ m("button", {
+		ref: un(y, b.triggerRef),
+		id: b.triggerId,
+		type: "button",
+		role: "menuitem",
+		tabIndex: -1,
+		"aria-haspopup": "menu",
+		"aria-expanded": b.open,
+		"aria-controls": b.open ? b.contentId : void 0,
+		"data-highlighted": D || void 0,
+		"data-state": O ? "open" : "closed",
+		"data-disabled": r || void 0,
+		"data-destructive": a || void 0,
+		className: _(Q.subTrigger, n && Q.itemInset, e),
+		onMouseEnter: ln(f, () => {
+			k();
+		}),
+		onClick: ln(h, (e) => {
+			e.preventDefault(), k(), d?.();
+		}),
+		...g,
+		children: [
+			/* @__PURE__ */ p("span", {
+				className: Q.itemMain,
+				children: t
+			}),
+			c ? /* @__PURE__ */ p("span", {
+				className: Q.shortcut,
+				children: c
+			}) : null,
+			/* @__PURE__ */ p("span", {
+				className: Q.submenuIndicator,
+				"aria-hidden": "true",
+				children: "›"
+			})
+		]
+	});
+}
+var wn = Object.assign(hn, {
+	Trigger: gn,
+	Content: _n,
+	Group: vn,
+	Label: yn,
+	Item: xn,
+	Separator: bn,
+	Submenu: Sn,
+	SubTrigger: Cn
+}), Tn = {
+	panel: "_panel_7f715_1",
+	backdrop: "_backdrop_7f715_55"
+};
+//#endregion
+//#region src/components/Drawer.tsx
+function En({ as: e = "aside", open: t, children: n, side: r = "right", position: i = "fixed", showBackdrop: a = !0, onClose: o, closeLabel: s = "关闭抽屉", backdropClassName: c, className: l, classNames: u, ...d }) {
+	return /* @__PURE__ */ m(f, { children: [a && t && o && /* @__PURE__ */ p("button", {
+		type: "button",
+		"aria-label": s,
+		"data-state": "open",
+		"data-scope": "drawer",
+		"data-part": "backdrop",
+		"data-position": i,
+		className: _("owo-drawer-backdrop", Tn.backdrop, c, u?.backdrop),
+		onClick: o
+	}), /* @__PURE__ */ p(e, {
+		"aria-hidden": !t,
+		"data-state": t ? "open" : "closed",
+		"data-side": r,
+		"data-position": i,
+		"data-scope": "drawer",
+		"data-part": "panel",
+		className: _("owo-drawer", Tn.panel, l, u?.panel),
+		...d,
+		children: n
+	})] });
+}
+var Dn = {
+	root: "_root_1fz2l_1",
+	label: "_label_1fz2l_7",
+	help: "_help_1fz2l_15"
+};
+//#endregion
+//#region src/components/Field.tsx
+function On({ label: e, help: t, htmlFor: n, children: r, className: i, classNames: a, ...o }) {
+	return /* @__PURE__ */ m("div", {
+		className: _("owo-field", Dn.root, i),
+		...o,
+		children: [
+			/* @__PURE__ */ p("label", {
+				htmlFor: n,
+				"data-part": "label",
+				className: _(Dn.label, a?.label),
+				children: e
+			}),
+			r,
+			t ? /* @__PURE__ */ p("span", {
+				"data-part": "help",
+				className: _(Dn.help, a?.help),
+				children: t
+			}) : null
+		]
+	});
+}
+var kn = { root: "_root_1hqa8_1" };
+//#endregion
+//#region src/components/IconButton.tsx
+function An({ variant: e = "ghost", size: t = "md", label: n, icon: r, className: i, ...a }) {
+	let o = _("owo-icon-button", kn.root, i);
+	if ("href" in a && a.href) {
+		let { href: i, ...s } = a;
+		return /* @__PURE__ */ p("a", {
+			href: i,
+			"aria-label": n,
+			title: s.title ?? n,
+			"data-variant": e,
+			"data-size": t,
+			className: o,
+			...s,
+			children: r
+		});
+	}
+	let s = a;
+	return /* @__PURE__ */ p("button", {
+		type: s.type ?? "button",
+		"aria-label": n,
+		title: s.title ?? n,
+		"data-variant": e,
+		"data-size": t,
+		className: o,
+		...s,
+		children: r
+	});
+}
+var jn = { root: "_root_8zge1_1" };
+//#endregion
+//#region src/components/Input.tsx
+function Mn(e) {
+	let { className: t, tone: n = "default", size: r = "md", ...i } = e;
+	return e.as === "textarea" ? /* @__PURE__ */ p("textarea", {
+		"data-tone": n,
+		"data-size": r,
+		className: _("owo-input", jn.root, t),
+		...i
+	}) : /* @__PURE__ */ p("input", {
+		"data-tone": n,
+		"data-size": r,
+		className: _("owo-input", jn.root, t),
+		...i
+	});
+}
+var Nn = { root: "_root_1226l_1" };
+//#endregion
+//#region src/components/Panel.tsx
+function Pn({ as: e = "section", variant: t = "default", padding: n = "none", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ p(e, {
+		"data-variant": t,
+		"data-padding": n === "none" ? void 0 : n,
+		"data-scope": "panel",
+		className: _("owo-panel", Nn.root, r),
+		...a,
+		children: i
+	});
+}
+function Fn({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "panel",
+		"data-part": "header",
+		className: _(e),
+		...n,
+		children: t
+	});
+}
+function In({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "panel",
+		"data-part": "body",
+		className: _(e),
+		...n,
+		children: t
+	});
+}
+function Ln({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "panel",
+		"data-part": "footer",
+		className: _(e),
+		...n,
+		children: t
+	});
+}
+var Rn = {
+	root: "_root_biv8a_1",
+	item: "_item_biv8a_41"
+};
+//#endregion
+//#region src/components/SegmentedControl.tsx
+function zn({ value: e, onChange: t, options: n, size: r = "md", className: i, ariaLabel: a }) {
+	return /* @__PURE__ */ p("div", {
+		role: "tablist",
+		"aria-label": a,
+		"data-size": r,
+		className: _("owo-segmented-control", Rn.root, i),
+		children: n.map((n) => {
+			let r = n.value === e;
+			return /* @__PURE__ */ p("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": r,
+				disabled: n.disabled,
+				"data-active": r ? "true" : void 0,
+				className: Rn.item,
+				onClick: () => t(n.value),
+				children: n.label
+			}, n.value);
+		})
+	});
+}
+var Bn = {
+	root: "_root_pixr0_1",
+	valueText: "_valueText_pixr0_91",
+	placeholder: "_placeholder_pixr0_97"
+};
+//#endregion
+//#region src/components/Select.tsx
+function Vn({ value: e, onChange: t, options: n, placeholder: r = "Select…", size: a = "md", tone: c = "default", disabled: f = !1, className: h, ariaLabel: g, renderValue: v, renderOption: y, classNames: b }) {
+	let [x, S] = d(!1), [C, w] = d(-1), T = u(null), E = u(null), D = s(), O = n.find((t) => t.value === e), k = l(() => n.reduce((e, t, n) => (t.disabled || e.push(n), e), []), [n]), A = i(() => {
+		if (f || n.length === 0) return;
+		S(!0);
+		let t = n.findIndex((t) => t.value === e);
+		w(t >= 0 ? t : k[0] ?? -1);
+	}, [
+		f,
+		n,
+		e,
+		k
+	]), j = i(() => {
+		S(!1), w(-1);
+	}, []), M = i((e) => {
+		e.disabled || (t(e.value), j());
+	}, [t, j]);
+	o(() => {
+		if (!x) return;
+		function e(e) {
+			T.current && !T.current.contains(e.target) && j();
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [x, j]), o(() => {
+		!x || C < 0 || (E.current?.children[C])?.scrollIntoView({ block: "nearest" });
+	}, [x, C]);
+	function N(e) {
+		if (!f) switch (e.key) {
+			case "Enter":
+			case " ":
+				e.preventDefault(), x ? C >= 0 && n[C] && !n[C].disabled && M(n[C]) : A();
+				break;
+			case "ArrowDown":
+				if (e.preventDefault(), !x) A();
+				else {
+					let e = k[k.indexOf(C) + 1];
+					e !== void 0 && w(e);
+				}
+				break;
+			case "ArrowUp":
+				if (e.preventDefault(), !x) A();
+				else {
+					let e = k[k.indexOf(C) - 1];
+					e !== void 0 && w(e);
+				}
+				break;
+			case "Escape":
+				x && (e.preventDefault(), j());
+				break;
+			case "Tab":
+				x && j();
+				break;
+		}
+	}
+	let ee = e !== "" && O, P = v ? v({
+		open: x,
+		placeholder: r,
+		selectedOption: O
+	}) : /* @__PURE__ */ p("span", {
+		className: _(Bn.valueText, !ee && Bn.placeholder),
+		children: ee ? O.label : r
+	});
+	return /* @__PURE__ */ m("div", {
+		ref: T,
+		"data-state": x ? "open" : "closed",
+		"data-disabled": f || void 0,
+		"data-size": a,
+		"data-tone": c,
+		"data-scope": "select",
+		className: _("owo-select", Bn.root, h),
+		children: [/* @__PURE__ */ m("button", {
+			type: "button",
+			role: "combobox",
+			"aria-expanded": x,
+			"aria-haspopup": "listbox",
+			"aria-controls": D,
+			"aria-label": g,
+			"aria-activedescendant": x && C >= 0 ? `${D}-opt-${C}` : void 0,
+			"data-state": x ? "open" : "closed",
+			"data-disabled": f || void 0,
+			"data-tone": c,
+			"data-size": a,
+			"data-has-value": ee || void 0,
+			"data-scope": "select",
+			"data-part": "trigger",
+			disabled: f,
+			className: _(b?.trigger),
+			onClick: () => x ? j() : A(),
+			onKeyDown: N,
+			children: [P, /* @__PURE__ */ p("svg", {
+				"aria-hidden": "true",
+				"data-state": x ? "open" : "closed",
+				"data-scope": "select",
+				"data-part": "chevron",
+				className: _(b?.chevron),
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ p("path", { d: "M4 6l4 4 4-4" })
+			})]
+		}), x && /* @__PURE__ */ p("ul", {
+			ref: E,
+			id: D,
+			role: "listbox",
+			"aria-label": g,
+			"data-state": "open",
+			"data-size": a,
+			"data-scope": "select",
+			"data-part": "dropdown",
+			className: _(b?.dropdown),
+			children: n.map((t, n) => /* @__PURE__ */ p("li", {
+				id: `${D}-opt-${n}`,
+				role: "option",
+				"aria-selected": t.value === e,
+				"aria-disabled": t.disabled || void 0,
+				"data-state": t.value === e ? "selected" : n === C ? "highlighted" : "idle",
+				"data-focused": n === C || void 0,
+				"data-selected": t.value === e || void 0,
+				"data-disabled": t.disabled || void 0,
+				"data-highlighted": n === C || void 0,
+				"data-scope": "select",
+				"data-part": "option",
+				className: _(b?.option),
+				onClick: () => M(t),
+				onMouseEnter: () => !t.disabled && w(n),
+				children: y ? y({
+					option: t,
+					index: n,
+					selected: t.value === e,
+					highlighted: n === C
+				}) : t.label
+			}, t.value))
+		})]
+	});
+}
+var Hn = {
+	root: "_root_1sshx_1",
+	"owo-skeleton-breathe": "_owo-skeleton-breathe_1sshx_1",
+	"owo-skeleton-scan": "_owo-skeleton-scan_1sshx_1"
+}, Un = {
+	slow: "4s",
+	medium: "3s",
+	fast: "2s"
+};
+function Wn({ className: e, animation: t = "scan", tone: n = "default", speed: r = "medium", style: i, ...a }) {
+	let o = n === "warm" ? "emphasis" : n, s = {
+		...i,
+		"--_owo-skeleton-scan-duration": Un[r]
+	};
+	return /* @__PURE__ */ p("div", {
+		className: _("owo-skeleton", Hn.root, e),
+		"data-animation": t,
+		"data-tone": o,
+		"aria-hidden": "true",
+		style: s,
+		...a
+	});
+}
+var $ = {
+	root: "_root_h4455_1",
+	withIcon: "_withIcon_h4455_19",
+	icon: "_icon_h4455_25",
+	text: "_text_h4455_36",
+	title: "_title_h4455_40",
+	body: "_body_h4455_50",
+	action: "_action_h4455_68"
+};
+//#endregion
+//#region src/components/StatusNotice.tsx
+function Gn({ tone: e = "neutral", layout: t = "horizontal", icon: n, title: r, description: i, action: a, className: o, children: s, classNames: c, ...l }) {
+	if (t === "vertical") {
+		let t = n || r || i || a;
+		return /* @__PURE__ */ p("div", {
+			"data-tone": e,
+			"data-layout": "vertical",
+			className: _("owo-status-notice", $.root, o),
+			...l,
+			children: /* @__PURE__ */ p("div", {
+				"data-part": "body",
+				className: _($.body, c?.body),
+				children: t ? /* @__PURE__ */ m(f, { children: [
+					n ? /* @__PURE__ */ p("div", {
+						"data-part": "icon",
+						className: _($.icon, c?.icon),
+						children: n
+					}) : null,
+					r ? /* @__PURE__ */ p("div", {
+						"data-part": "title",
+						className: _($.title, c?.title),
+						children: r
+					}) : null,
+					i ? /* @__PURE__ */ p("div", { children: i }) : s,
+					a ? /* @__PURE__ */ p("div", {
+						"data-part": "action",
+						className: _($.action, c?.action),
+						children: a
+					}) : null
+				] }) : s
+			})
+		});
+	}
+	return /* @__PURE__ */ m("div", {
+		"data-tone": e,
+		className: _("owo-status-notice", $.root, n && $.withIcon, o),
+		...l,
+		children: [n ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+			"data-part": "icon",
+			className: _($.icon, c?.icon),
+			"aria-hidden": "true",
+			children: n
+		}), /* @__PURE__ */ m("div", {
+			"data-part": "body",
+			className: _($.text, c?.body),
+			children: [r ? /* @__PURE__ */ p("div", {
+				"data-part": "title",
+				className: _($.title, c?.title),
+				children: r
+			}) : null, s]
+		})] }) : /* @__PURE__ */ m("div", {
+			"data-part": "body",
+			className: _(c?.body),
+			children: [r ? /* @__PURE__ */ p("div", {
+				"data-part": "title",
+				className: _($.title, c?.title),
+				children: r
+			}) : null, s]
+		}), a ? /* @__PURE__ */ p("div", {
+			"data-part": "action",
+			className: _($.action, c?.action),
+			children: a
+		}) : null]
+	});
+}
+var Kn = {
+	root: "_root_1qzgu_1",
+	thumb: "_thumb_1qzgu_81"
+};
+//#endregion
+//#region src/components/Switch.tsx
+function qn({ checked: e, onChange: t, size: n = "md", disabled: r = !1, className: i, ariaLabel: a }) {
+	return /* @__PURE__ */ p("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": e,
+		"aria-label": a,
+		disabled: r,
+		"data-size": n,
+		className: _("owo-switch", Kn.root, i),
+		onClick: () => t(!e),
+		children: /* @__PURE__ */ p("span", {
+			"aria-hidden": "true",
+			className: Kn.thumb
+		})
+	});
+}
+var Jn = { root: "_root_1dxq8_1" }, Yn = n(null);
+function Xn(e) {
+	let t = a(Yn);
+	if (!t) throw Error(`${e} must be used within Tabs.Root`);
+	return t;
+}
+function Zn(e) {
+	return e.replace(/[^a-zA-Z0-9_-]+/g, "-");
+}
+function Qn({ value: e, defaultValue: t, onValueChange: n }) {
+	let [r, i] = d(t ?? ""), a = e !== void 0, o = a ? e : r;
+	function s(e) {
+		a || i(e), n?.(e);
+	}
+	return [o, s];
+}
+function $n({ children: e, value: t, defaultValue: n, onValueChange: r, className: i, ...a }) {
+	let [o, c] = Qn({
+		value: t,
+		defaultValue: n,
+		onValueChange: r
+	}), u = s(), d = l(() => ({
+		value: o,
+		setValue: c,
+		baseId: u
+	}), [
+		u,
+		o,
+		c
+	]);
+	return /* @__PURE__ */ p(Yn.Provider, {
+		value: d,
+		children: /* @__PURE__ */ p("div", {
+			"data-scope": "tabs",
+			className: _("owo-tabs", Jn.root, i),
+			...a,
+			children: e
+		})
+	});
+}
+function er({ children: e, className: t, ariaLabel: n, ...r }) {
+	return /* @__PURE__ */ p("div", {
+		role: "tablist",
+		"aria-label": n,
+		"data-scope": "tabs",
+		"data-part": "list",
+		className: _(t),
+		...r,
+		children: e
+	});
+}
+function tr({ children: e, className: t, value: n, disabled: r, onClick: i, onKeyDown: a, ...o }) {
+	let { value: s, setValue: c, baseId: l } = Xn("Tabs.Trigger"), u = s === n, d = `${l}-trigger-${Zn(n)}`, f = `${l}-panel-${Zn(n)}`;
+	function m(e, t) {
+		let n = e.closest("[role=\"tablist\"]");
+		if (!n) return;
+		let r = Array.from(n.querySelectorAll("[role=\"tab\"]:not([disabled])")), i = r.indexOf(e);
+		if (i < 0) return;
+		let a;
+		t === "first" && (a = r[0]), t === "last" && (a = r[r.length - 1]), t === "next" && (a = r[(i + 1) % r.length]), t === "prev" && (a = r[(i - 1 + r.length) % r.length]), a && (a.focus(), a.click());
+	}
+	return /* @__PURE__ */ p("button", {
+		type: "button",
+		id: d,
+		role: "tab",
+		"aria-selected": u,
+		"aria-controls": f,
+		tabIndex: u ? 0 : -1,
+		"data-state": u ? "active" : "inactive",
+		"data-scope": "tabs",
+		"data-part": "trigger",
+		disabled: r,
+		className: _(t),
+		onClick: (e) => {
+			i?.(e), !e.defaultPrevented && !r && c(n);
+		},
+		onKeyDown: (e) => {
+			if (a?.(e), e.defaultPrevented || r) return;
+			let t = e.currentTarget;
+			switch (e.key) {
+				case "ArrowRight":
+					e.preventDefault(), m(t, "next");
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), m(t, "prev");
+					break;
+				case "Home":
+					e.preventDefault(), m(t, "first");
+					break;
+				case "End":
+					e.preventDefault(), m(t, "last");
+					break;
+			}
+		},
+		...o,
+		children: e
+	});
+}
+function nr({ children: e, className: t, value: n, ...r }) {
+	let { value: i, baseId: a } = Xn("Tabs.Content"), o = i === n, s = `${a}-trigger-${Zn(n)}`, c = `${a}-panel-${Zn(n)}`;
+	return o ? /* @__PURE__ */ p("div", {
+		id: c,
+		role: "tabpanel",
+		"aria-labelledby": s,
+		"data-state": "active",
+		"data-scope": "tabs",
+		"data-part": "content",
+		className: _(t),
+		...r,
+		children: e
+	}) : null;
+}
+var rr = Object.assign($n, {
+	Root: $n,
+	List: er,
+	Trigger: tr,
+	Content: nr
+}), ir = { root: "_root_17j1y_1" };
+//#endregion
+//#region src/components/Textarea.tsx
+function ar({ className: e, tone: t = "default", size: n = "md", resize: r = "vertical", autoResize: a = !1, style: s, onInput: c, rows: l = 3, ...d }) {
+	let f = u(null), m = c, h = i(() => {
+		if (!a || !f.current) return;
+		let e = f.current;
+		e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+	}, [a]);
+	o(() => {
+		h();
+	}, [
+		h,
+		d.value,
+		d.defaultValue,
+		l
+	]);
+	function g(e) {
+		h(), m?.(e);
+	}
+	let v = {
+		...s,
+		resize: a ? "none" : r
+	};
+	return /* @__PURE__ */ p("textarea", {
+		...d,
+		ref: f,
+		rows: l,
+		"data-tone": t,
+		"data-size": n,
+		"data-auto-resize": a || void 0,
+		className: _("owo-input", jn.root, "owo-textarea", ir.root, e),
+		style: v,
+		onInput: g
+	});
+}
+//#endregion
+//#region src/styles/ui/toast.module.css
+var or = "_container_73rls_1", sr = "_toast_73rls_12", cr = "_toastDefault_73rls_32", lr = {
+	container: or,
+	toast: sr,
+	"toast-in": "_toast-in_73rls_1",
+	toastDefault: cr
+}, ur = n(null), dr = 5, fr = 4e3;
+function pr() {
+	let e = a(ur);
+	if (!e) throw Error("useToast must be used within <ToastProvider>");
+	return e;
+}
+function mr({ tone: e }) {
+	let t = {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	};
+	switch (e) {
+		case "success": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: /* @__PURE__ */ p("path", { d: "M3.5 8.5l3 3 6-7" })
+		});
+		case "warning": return /* @__PURE__ */ m("svg", {
+			...t,
+			children: [/* @__PURE__ */ p("path", { d: "M8 5v4" }), /* @__PURE__ */ p("circle", {
+				cx: "8",
+				cy: "11.5",
+				r: "0.5",
+				fill: "currentColor",
+				stroke: "none"
+			})]
+		});
+		case "danger": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: /* @__PURE__ */ p("path", { d: "M4.5 4.5l7 7M11.5 4.5l-7 7" })
+		});
+		case "info": return /* @__PURE__ */ m("svg", {
+			...t,
+			children: [/* @__PURE__ */ p("circle", {
+				cx: "8",
+				cy: "3.5",
+				r: "1.2",
+				fill: "currentColor",
+				stroke: "none"
+			}), /* @__PURE__ */ p("path", { d: "M8 7v5.5" })]
+		});
+	}
+}
+function hr(e, t) {
+	return typeof e == "string" ? {
+		message: e,
+		duration: t ?? fr
+	} : {
+		title: e.title,
+		message: e.message,
+		duration: e.duration ?? t ?? fr
+	};
+}
+function gr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
+	let i = () => t(e.id), a = /* @__PURE__ */ p(mr, { tone: e.tone });
+	return n ? /* @__PURE__ */ p("div", {
+		role: "status",
+		"aria-live": "polite",
+		"data-state": "open",
+		"data-tone": e.tone,
+		"data-scope": "toast",
+		"data-part": "toast",
+		className: _("owo-toast", lr.toast, r?.toast),
+		children: n({
+			item: e,
+			dismiss: i,
+			icon: a
+		})
+	}) : /* @__PURE__ */ m("div", {
+		role: "status",
+		"aria-live": "polite",
+		"data-state": "open",
+		"data-tone": e.tone,
+		"data-scope": "toast",
+		"data-part": "toast",
+		className: _("owo-toast", lr.toast, lr.toastDefault, r?.toast),
+		children: [
+			/* @__PURE__ */ p("span", {
+				"data-scope": "toast",
+				"data-part": "icon",
+				className: _(r?.icon),
+				"aria-hidden": "true",
+				children: a
+			}),
+			/* @__PURE__ */ m("span", {
+				"data-scope": "toast",
+				"data-part": "content",
+				className: _(r?.content),
+				children: [e.title ? /* @__PURE__ */ p("span", {
+					"data-scope": "toast",
+					"data-part": "title",
+					className: _(r?.title),
+					children: e.title
+				}) : null, /* @__PURE__ */ p("span", {
+					"data-scope": "toast",
+					"data-part": "message",
+					className: _(r?.message),
+					children: e.message
+				})]
+			}),
+			/* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: i,
+				"data-scope": "toast",
+				"data-part": "close",
+				className: _(r?.close),
+				"aria-label": "Dismiss",
+				children: /* @__PURE__ */ p("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					children: /* @__PURE__ */ p("path", { d: "M4 4l8 8M12 4l-8 8" })
+				})
+			})
+		]
+	});
+}
+function _r({ children: e, renderToast: t, classNames: n }) {
+	let [r, a] = d([]), o = u(0), s = u(/* @__PURE__ */ new Map()), c = i((e) => {
+		let t = s.current.get(e);
+		t && clearTimeout(t), s.current.delete(e), a((t) => t.filter((t) => t.id !== e));
+	}, []), f = i((e, t, n) => {
+		let r = o.current++, i = {
+			id: r,
+			tone: e,
+			...hr(t, n)
+		};
+		a((e) => {
+			let t = [...e, i];
+			if (t.length > dr) {
+				let e = t.slice(0, t.length - dr);
+				for (let t of e) {
+					let e = s.current.get(t.id);
+					e && clearTimeout(e), s.current.delete(t.id);
+				}
+				return t.slice(-dr);
+			}
+			return t;
+		}), i.duration > 0 && s.current.set(r, setTimeout(() => c(r), i.duration));
+	}, [c]), h = l(() => ({
+		success: (e, t) => f("success", e, t),
+		warning: (e, t) => f("warning", e, t),
+		danger: (e, t) => f("danger", e, t),
+		info: (e, t) => f("info", e, t)
+	}), [f]);
+	return /* @__PURE__ */ m(ur.Provider, {
+		value: h,
+		children: [e, /* @__PURE__ */ p("div", {
+			"aria-label": "Notifications",
+			"data-state": r.length > 0 ? "open" : "closed",
+			"data-scope": "toast",
+			"data-part": "container",
+			className: _("owo-toast-container", lr.container, n?.container),
+			children: r.map((e) => /* @__PURE__ */ p(gr, {
+				item: e,
+				onDismiss: c,
+				renderToast: t,
+				classNames: n
+			}, e.id))
+		})]
+	});
+}
+var vr = {
+	trigger: "_trigger_xunrw_1",
+	content: "_content_xunrw_5",
+	"tooltip-in": "_tooltip-in_xunrw_1"
+}, yr = 6, br = 8, xr = 4;
+function Sr(e) {
+	return e.split("-")[0];
+}
+var Cr = {
+	top: "",
+	bottom: "rotate(180deg)",
+	left: "rotate(-90deg)",
+	right: "rotate(90deg)"
+};
+function wr({ content: e, placement: t = "top", density: n = "default", showDelay: r = 300, hideDelay: a = 150, arrow: l = !0, renderArrow: g, className: v, children: y, classNames: b }) {
+	let [x, S] = d(!1), [C, w] = d(null), [T, E] = d(t), [D, O] = d({}), k = u(null), A = u(null), j = u(null), M = u(void 0), N = u(void 0), ee = s(), P = i(() => {
+		clearTimeout(M.current), clearTimeout(N.current);
+	}, []), F = i(() => {
+		P(), M.current = setTimeout(() => S(!0), r);
+	}, [P, r]), I = i(() => {
+		P(), S(!0);
+	}, [P]), L = i(() => {
+		P(), N.current = setTimeout(() => S(!1), a);
+	}, [P, a]), R = i((e) => {
+		if (e.target === k.current) {
+			F();
+			return;
+		}
+		I();
+	}, [F, I]), te = i((e) => {
+		e.pointerType !== "mouse" && I();
+	}, [I]), ne = i((e) => {
+		e.key === "Escape" && x && S(!1);
+	}, [x]);
+	c(() => {
+		if (!x || !k.current || !A.current) return;
+		let e = [
+			Gt(l ? br + yr : br),
+			qt({ padding: xr }),
+			Kt({ padding: xr })
+		];
+		return l && j.current && e.push(Jt({ element: j.current })), Wt(k.current, A.current, () => {
+			!k.current || !A.current || Yt(k.current, A.current, {
+				placement: t,
+				strategy: "fixed",
+				middleware: e
+			}).then(({ x: e, y: t, placement: n, middlewareData: r }) => {
+				w({
+					top: t,
+					left: e
+				}), E(Sr(n)), r.arrow && O({
+					x: r.arrow.x,
+					y: r.arrow.y
+				});
+			});
+		});
+	}, [
+		x,
+		t,
+		l
+	]), o(() => {
+		if (x) return document.addEventListener("keydown", ne), () => document.removeEventListener("keydown", ne);
+	}, [x, ne]), o(() => P, [P]);
+	let z = { position: "absolute" }, B = T;
+	return B === "top" || B === "bottom" ? (z.left = D.x ?? 0, z[B === "top" ? "bottom" : "top"] = -yr, z.transform = Cr[B] || void 0) : (z.top = D.y ?? 0, z[B === "left" ? "right" : "left"] = -yr, z.transform = Cr[B]), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+		ref: k,
+		"data-state": x ? "open" : "closed",
+		"data-scope": "tooltip",
+		"data-part": "trigger",
+		className: _("owo-tooltip-trigger", vr.trigger, b?.trigger),
+		onMouseEnter: F,
+		onMouseLeave: L,
+		onFocus: R,
+		onBlur: L,
+		onPointerDown: te,
+		"aria-describedby": x ? ee : void 0,
+		children: y
+	}), x && h(/* @__PURE__ */ m("div", {
+		ref: A,
+		id: ee,
+		role: "tooltip",
+		"data-state": x ? "open" : "closed",
+		"data-placement": T,
+		"data-density": n,
+		"data-scope": "tooltip",
+		"data-part": "content",
+		className: _("owo-tooltip", vr.content, b?.content, v),
+		style: C ? {
+			top: C.top,
+			left: C.left
+		} : { visibility: "hidden" },
+		onMouseEnter: F,
+		onMouseLeave: L,
+		children: [e, l && /* @__PURE__ */ p("span", {
+			ref: j,
+			"data-scope": "tooltip",
+			"data-part": "arrow",
+			className: _(b?.arrow),
+			style: z,
+			children: g ? g({ placement: T }) : /* @__PURE__ */ p("svg", {
+				width: yr * 2,
+				height: yr,
+				viewBox: "0 0 12 6",
+				children: /* @__PURE__ */ p("path", {
+					d: "M0 0l6 6 6-6z",
+					fill: "currentColor"
+				})
+			})
+		})]
+	}), document.body)] });
+}
+//#endregion
+export { b as Avatar, S as Badge, L as Button, ie as Collapsible, V as CollapsibleContent, B as CollapsibleRoot, re as CollapsibleTrigger, pe as ConfirmProvider, W as Dialog, En as Drawer, wn as DropdownMenu, On as Field, An as IconButton, Mn as Input, Pn as Panel, In as PanelBody, Ln as PanelFooter, Fn as PanelHeader, zn as SegmentedControl, Vn as Select, Wn as Skeleton, P as Spinner, Gn as StatusNotice, qn as Switch, rr as Tabs, nr as TabsContent, er as TabsList, $n as TabsRoot, tr as TabsTrigger, ar as Textarea, _r as ToastProvider, wr as Tooltip, I as buttonClassName, fe as useConfirm, pr as useToast };