@owodesign/owoui 0.1.7-beta → 0.1.7

package/dist/index.min.js

@@ -1 +1,3168 @@
-"use client";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
+}, P = new Set([
+	"ring",
+	"arc",
+	"dots"
+]);
+function F({ 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": P.has(e) ? "spin" : void 0,
+		className: _("owo-spinner", C.root, n),
+		children: /* @__PURE__ */ p(a, { px: i })
+	});
+}
+var I = {
+	root: "_root_yhdgl_1",
+	icon: "_icon_yhdgl_83",
+	label: "_label_yhdgl_95"
+};
+//#endregion
+//#region src/components/Button.tsx
+function L({ className: e }) {
+	return _("owo-button", I.root, e);
+}
+function R(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: I.icon,
+			children: /* @__PURE__ */ p(F, { size: n === "xs" ? "xs" : n === "sm" ? "sm" : n === "xl" ? "lg" : "md" })
+		}) : i ? /* @__PURE__ */ p("span", {
+			className: I.icon,
+			children: i
+		}) : null,
+		/* @__PURE__ */ p("span", {
+			className: I.label,
+			children: s
+		}),
+		!r && a ? /* @__PURE__ */ p("span", {
+			className: I.icon,
+			children: a
+		}) : null
+	] }), u = L({
+		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
+	});
+}
+//#endregion
+//#region src/contexts/FieldContext.ts
+var ee = n(void 0);
+function z() {
+	return a(ee);
+}
+//#endregion
+//#region src/hooks/useFieldProps.ts
+function B(e) {
+	let t = z();
+	return {
+		id: e.id ?? t?.controlId,
+		disabled: e.disabled ?? t?.disabled ?? !1,
+		required: e.required ?? t?.required ?? !1,
+		invalid: e.invalid ?? t?.invalid ?? !1,
+		"aria-describedby": e["aria-describedby"] ?? t?.describedBy
+	};
+}
+//#endregion
+//#region src/hooks/useControllableState.ts
+function V({ value: e, defaultValue: t, onChange: n, fallback: r }) {
+	let [i, a] = d(t ?? r), o = e !== void 0, s = o ? e : i;
+	function c(e) {
+		o || a(e), n?.(e);
+	}
+	return [s, c];
+}
+var H = {
+	root: "_root_16v37_1",
+	input: "_input_16v37_15",
+	control: "_control_16v37_28",
+	icon: "_icon_16v37_91",
+	label: "_label_16v37_101"
+};
+//#endregion
+//#region src/components/Checkbox.tsx
+function U({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i, required: a, invalid: s, name: c, value: l = "on", id: d, size: f = "md", className: h, ariaLabel: g, children: v, "aria-describedby": y }) {
+	let [b, x] = V({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: !1
+	}), S = B({
+		id: d,
+		disabled: i,
+		required: a,
+		invalid: s,
+		"aria-describedby": y
+	}), C = u(null);
+	o(() => {
+		C.current && (C.current.indeterminate = r);
+	}, [r]);
+	let w = r ? "indeterminate" : b ? "checked" : "unchecked";
+	return /* @__PURE__ */ m("label", {
+		"data-scope": "checkbox",
+		"data-disabled": S.disabled || void 0,
+		"data-invalid": S.invalid || void 0,
+		className: _("owo-checkbox", H.root, h),
+		children: [
+			/* @__PURE__ */ p("input", {
+				ref: C,
+				id: S.id,
+				type: "checkbox",
+				name: c,
+				value: l,
+				checked: b,
+				disabled: S.disabled,
+				required: S.required,
+				"aria-label": g,
+				"aria-describedby": S["aria-describedby"],
+				"aria-invalid": S.invalid || void 0,
+				"aria-checked": r ? "mixed" : b,
+				className: H.input,
+				onChange: (e) => {
+					S.disabled || x(e.target.checked);
+				}
+			}),
+			/* @__PURE__ */ p("span", {
+				"data-part": "control",
+				"data-state": w,
+				"data-size": f,
+				className: H.control,
+				children: w === "indeterminate" ? /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 16 16",
+					className: H.icon,
+					children: /* @__PURE__ */ p("path", { d: "M4 8h8" })
+				}) : w === "checked" ? /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 16 16",
+					className: H.icon,
+					children: /* @__PURE__ */ p("path", { d: "M3.5 8.5l3 3 6-7" })
+				}) : null
+			}),
+			v != null && /* @__PURE__ */ p("span", {
+				"data-part": "label",
+				className: H.label,
+				children: v
+			})
+		]
+	});
+}
+var W = {
+	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 G(e) {
+	let t = a(te);
+	if (!t) throw Error(`${e} must be used within Collapsible.Root`);
+	return t;
+}
+function ne({ 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 re({ children: e, open: t, defaultOpen: n, onOpenChange: r, classNames: i, className: a, ...o }) {
+	let [c, u] = ne({
+		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", W.root, a),
+			...o,
+			children: e
+		})
+	});
+}
+function K({ children: e, icon: t, indicator: n, iconPosition: r = "start", className: i, onClick: a, ...o }) {
+	let { open: s, setOpen: c, contentId: l, classNames: u } = G("Collapsible.Trigger"), d = t !== void 0 || n !== void 0 ? /* @__PURE__ */ m("span", {
+		"data-part": "triggerInner",
+		className: _(W.triggerInner, u?.triggerInner),
+		children: [
+			t && r === "start" ? /* @__PURE__ */ p("span", {
+				"data-part": "triggerIcon",
+				"aria-hidden": "true",
+				className: _(W.triggerIcon, u?.triggerIcon),
+				children: t
+			}) : null,
+			/* @__PURE__ */ p("span", {
+				"data-part": "triggerLabel",
+				className: _(W.triggerLabel, u?.triggerLabel),
+				children: e
+			}),
+			t && r === "end" ? /* @__PURE__ */ p("span", {
+				"data-part": "triggerIcon",
+				"aria-hidden": "true",
+				className: _(W.triggerIcon, u?.triggerIcon),
+				children: t
+			}) : null,
+			n ? /* @__PURE__ */ p("span", {
+				"data-part": "triggerIndicator",
+				"aria-hidden": "true",
+				className: _(W.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 ie({ children: e, className: t, ...n }) {
+	let { open: r, contentId: i, classNames: a } = G("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: _(W.contentInner, a?.contentInner),
+			children: e
+		})
+	});
+}
+var ae = Object.assign(re, {
+	Root: re,
+	Trigger: K,
+	Content: ie
+}), oe = "_overlay_1p0ee_1", se = "_panel_1p0ee_19", ce = "_confirmDescription_1p0ee_64", le = {
+	overlay: oe,
+	"dialog-backdrop-in": "_dialog-backdrop-in_1p0ee_1",
+	panel: se,
+	"dialog-in": "_dialog-in_1p0ee_1",
+	confirmDescription: ce
+}, ue = n(void 0);
+function de({ className: e, children: t, ...n }) {
+	let r = a(ue);
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dialog",
+		"data-part": "header",
+		className: _(r?.header, e),
+		...n,
+		children: t
+	});
+}
+function fe({ className: e, children: t, ...n }) {
+	let r = a(ue);
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dialog",
+		"data-part": "body",
+		className: _(r?.body, e),
+		...n,
+		children: t
+	});
+}
+function pe({ className: e, children: t, ...n }) {
+	let r = a(ue);
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dialog",
+		"data-part": "footer",
+		className: _(r?.footer, e),
+		...n,
+		children: t
+	});
+}
+function me({ 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(ue.Provider, {
+		value: l,
+		children: /* @__PURE__ */ m("div", {
+			"data-state": "open",
+			"data-scope": "dialog",
+			"data-part": "overlay",
+			className: _("owo-dialog-overlay", le.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", le.panel, c, a),
+				...d,
+				children: r
+			})]
+		})
+	}) : null;
+}
+me.Header = de, me.Body = fe, me.Footer = pe;
+//#endregion
+//#region src/components/ConfirmDialog.tsx
+var he = n(null);
+function ge() {
+	let e = a(he);
+	if (!e) throw Error("useConfirm must be used within <ConfirmProvider>");
+	return e;
+}
+function _e({ 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(he.Provider, {
+		value: a,
+		children: [e, /* @__PURE__ */ p(me, {
+			open: t !== null,
+			onClose: () => o(!1),
+			children: t && /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ p(me.Header, { children: t.options.title }),
+				/* @__PURE__ */ p(me.Body, { children: typeof t.options.description == "string" ? /* @__PURE__ */ p("p", {
+					className: le.confirmDescription,
+					children: t.options.description
+				}) : t.options.description }),
+				/* @__PURE__ */ m(me.Footer, { children: [/* @__PURE__ */ p(R, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => o(!1),
+					children: t.options.cancelLabel ?? "取消"
+				}), /* @__PURE__ */ p(R, {
+					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 ve = Math.min, ye = Math.max, be = Math.round, xe = Math.floor, q = (e) => ({
+	x: e,
+	y: e
+}), Se = {
+	left: "right",
+	right: "left",
+	bottom: "top",
+	top: "bottom"
+};
+function Ce(e, t, n) {
+	return ye(e, ve(t, n));
+}
+function we(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Te(e) {
+	return e.split("-")[0];
+}
+function Ee(e) {
+	return e.split("-")[1];
+}
+function De(e) {
+	return e === "x" ? "y" : "x";
+}
+function Oe(e) {
+	return e === "y" ? "height" : "width";
+}
+function ke(e) {
+	let t = e[0];
+	return t === "t" || t === "b" ? "y" : "x";
+}
+function Ae(e) {
+	return De(ke(e));
+}
+function je(e, t, n) {
+	n === void 0 && (n = !1);
+	let r = Ee(e), i = Ae(e), a = Oe(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = Be(o)), [o, Be(o)];
+}
+function Me(e) {
+	let t = Be(e);
+	return [
+		Ne(e),
+		t,
+		Ne(t)
+	];
+}
+function Ne(e) {
+	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
+}
+var Pe = ["left", "right"], Fe = ["right", "left"], Ie = ["top", "bottom"], Le = ["bottom", "top"];
+function Re(e, t, n) {
+	switch (e) {
+		case "top":
+		case "bottom": return n ? t ? Fe : Pe : t ? Pe : Fe;
+		case "left":
+		case "right": return t ? Ie : Le;
+		default: return [];
+	}
+}
+function ze(e, t, n, r) {
+	let i = Ee(e), a = Re(Te(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Ne)))), a;
+}
+function Be(e) {
+	let t = Te(e);
+	return Se[t] + e.slice(t.length);
+}
+function Ve(e) {
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		...e
+	};
+}
+function He(e) {
+	return typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : Ve(e);
+}
+function Ue(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 We(e, t, n) {
+	let { reference: r, floating: i } = e, a = ke(t), o = Ae(t), s = Oe(o), c = Te(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 (Ee(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 Ge(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 } = we(t, e), p = He(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = Ue(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 = Ue(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 Ke = 50, qe = async (e, t, n) => {
+	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
+		...o,
+		detectOverflow: Ge
+	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
+		reference: e,
+		floating: t,
+		strategy: i
+	}), { x: u, y: d } = We(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 < Ke && (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} = We(l, f, c)), n = -1);
+	}
+	return {
+		x: u,
+		y: d,
+		placement: f,
+		strategy: i,
+		middlewareData: m
+	};
+}, Je = (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 } = we(e, t) || {};
+		if (l == null) return {};
+		let d = He(u), f = {
+			x: n,
+			y: r
+		}, p = Ae(i), m = Oe(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 = ve(d[_], T), D = ve(d[v], T), O = E, k = C - h[m] - D, A = C / 2 - h[m] / 2 + w, j = Ce(O, A, k), M = !c.arrow && Ee(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
+		};
+	}
+}), Ye = 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 } = we(e, t);
+			if ((n = i.arrow) != null && n.alignmentOffset) return {};
+			let g = Te(r), _ = ke(o), v = Te(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Be(o)] : Me(o)), x = p !== "none";
+			!d && x && b.push(...ze(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 = je(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" && _ !== ke(t)) || T.every((e) => ke(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 = ke(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 {};
+		}
+	};
+}, Xe = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ze(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = Te(n), s = Ee(n), c = ke(n) === "y", l = Xe.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = we(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 Ze(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
+				}
+			};
+		}
+	};
+}, $e = 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 } = we(e, t), u = {
+				x: n,
+				y: r
+			}, d = await a.detectOverflow(t, l), f = ke(Te(i)), p = De(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 = Ce(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 = Ce(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 et() {
+	return typeof window < "u";
+}
+function tt(e) {
+	return nt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function J(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function Y(e) {
+	return ((nt(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+}
+function nt(e) {
+	return et() ? e instanceof Node || e instanceof J(e).Node : !1;
+}
+function X(e) {
+	return et() ? e instanceof Element || e instanceof J(e).Element : !1;
+}
+function rt(e) {
+	return et() ? e instanceof HTMLElement || e instanceof J(e).HTMLElement : !1;
+}
+function it(e) {
+	return !et() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof J(e).ShadowRoot;
+}
+function at(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 ot(e) {
+	return /^(table|td|th)$/.test(tt(e));
+}
+function st(e) {
+	try {
+		if (e.matches(":popover-open")) return !0;
+	} catch {}
+	try {
+		return e.matches(":modal");
+	} catch {
+		return !1;
+	}
+}
+var ct = /transform|translate|scale|rotate|perspective|filter/, lt = /paint|layout|strict|content/, ut = (e) => !!e && e !== "none", dt;
+function ft(e) {
+	let t = X(e) ? Z(e) : e;
+	return ut(t.transform) || ut(t.translate) || ut(t.scale) || ut(t.rotate) || ut(t.perspective) || !mt() && (ut(t.backdropFilter) || ut(t.filter)) || ct.test(t.willChange || "") || lt.test(t.contain || "");
+}
+function pt(e) {
+	let t = _t(e);
+	for (; rt(t) && !ht(t);) {
+		if (ft(t)) return t;
+		if (st(t)) return null;
+		t = _t(t);
+	}
+	return null;
+}
+function mt() {
+	return dt ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), dt;
+}
+function ht(e) {
+	return /^(html|body|#document)$/.test(tt(e));
+}
+function Z(e) {
+	return J(e).getComputedStyle(e);
+}
+function gt(e) {
+	return X(e) ? {
+		scrollLeft: e.scrollLeft,
+		scrollTop: e.scrollTop
+	} : {
+		scrollLeft: e.scrollX,
+		scrollTop: e.scrollY
+	};
+}
+function _t(e) {
+	if (tt(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || it(e) && e.host || Y(e);
+	return it(t) ? t.host : t;
+}
+function vt(e) {
+	let t = _t(e);
+	return ht(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : rt(t) && at(t) ? t : vt(t);
+}
+function yt(e, t, n) {
+	t === void 0 && (t = []), n === void 0 && (n = !0);
+	let r = vt(e), i = r === e.ownerDocument?.body, a = J(r);
+	if (i) {
+		let e = bt(a);
+		return t.concat(a, a.visualViewport || [], at(r) ? r : [], e && n ? yt(e) : []);
+	} else return t.concat(r, yt(r, [], n));
+}
+function bt(e) {
+	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+//#endregion
+//#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+function xt(e) {
+	let t = Z(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = rt(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = be(n) !== a || be(r) !== o;
+	return s && (n = a, r = o), {
+		width: n,
+		height: r,
+		$: s
+	};
+}
+function St(e) {
+	return X(e) ? e : e.contextElement;
+}
+function Ct(e) {
+	let t = St(e);
+	if (!rt(t)) return q(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = xt(t), o = (a ? be(n.width) : n.width) / r, s = (a ? be(n.height) : n.height) / i;
+	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+		x: o,
+		y: s
+	};
+}
+var wt = /* @__PURE__ */ q(0);
+function Tt(e) {
+	let t = J(e);
+	return !mt() || !t.visualViewport ? wt : {
+		x: t.visualViewport.offsetLeft,
+		y: t.visualViewport.offsetTop
+	};
+}
+function Et(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== J(e) ? !1 : t;
+}
+function Dt(e, t, n, r) {
+	t === void 0 && (t = !1), n === void 0 && (n = !1);
+	let i = e.getBoundingClientRect(), a = St(e), o = q(1);
+	t && (r ? X(r) && (o = Ct(r)) : o = Ct(e));
+	let s = Et(a, n, r) ? Tt(a) : q(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 = J(a), t = r && X(r) ? J(r) : r, n = e, i = bt(n);
+		for (; i && r && t !== n;) {
+			let e = Ct(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 = J(i), i = bt(n);
+		}
+	}
+	return Ue({
+		width: u,
+		height: d,
+		x: c,
+		y: l
+	});
+}
+function Ot(e, t) {
+	let n = gt(e).scrollLeft;
+	return t ? t.left + n : Dt(Y(e)).left + n;
+}
+function kt(e, t) {
+	let n = e.getBoundingClientRect();
+	return {
+		x: n.left + t.scrollLeft - Ot(e, n),
+		y: n.top + t.scrollTop
+	};
+}
+function At(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = Y(r), s = t ? st(t.floating) : !1;
+	if (r === o || s && a) return n;
+	let c = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, l = q(1), u = q(0), d = rt(r);
+	if ((d || !d && !a) && ((tt(r) !== "body" || at(o)) && (c = gt(r)), d)) {
+		let e = Dt(r);
+		l = Ct(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}
+	let f = o && !d && !a ? kt(o, c) : q(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 jt(e) {
+	return Array.from(e.getClientRects());
+}
+function Mt(e) {
+	let t = Y(e), n = gt(e), r = e.ownerDocument.body, i = ye(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = ye(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Ot(e), s = -n.scrollTop;
+	return Z(r).direction === "rtl" && (o += ye(t.clientWidth, r.clientWidth) - i), {
+		width: i,
+		height: a,
+		x: o,
+		y: s
+	};
+}
+var Nt = 25;
+function Pt(e, t) {
+	let n = J(e), r = Y(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+	if (i) {
+		a = i.width, o = i.height;
+		let e = mt();
+		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
+	}
+	let l = Ot(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 <= Nt && (a -= o);
+	} else l <= Nt && (a += l);
+	return {
+		width: a,
+		height: o,
+		x: s,
+		y: c
+	};
+}
+function Ft(e, t) {
+	let n = Dt(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = rt(e) ? Ct(e) : q(1);
+	return {
+		width: e.clientWidth * a.x,
+		height: e.clientHeight * a.y,
+		x: i * a.x,
+		y: r * a.y
+	};
+}
+function It(e, t, n) {
+	let r;
+	if (t === "viewport") r = Pt(e, n);
+	else if (t === "document") r = Mt(Y(e));
+	else if (X(t)) r = Ft(t, n);
+	else {
+		let n = Tt(e);
+		r = {
+			x: t.x - n.x,
+			y: t.y - n.y,
+			width: t.width,
+			height: t.height
+		};
+	}
+	return Ue(r);
+}
+function Lt(e, t) {
+	let n = _t(e);
+	return n === t || !X(n) || ht(n) ? !1 : Z(n).position === "fixed" || Lt(n, t);
+}
+function Rt(e, t) {
+	let n = t.get(e);
+	if (n) return n;
+	let r = yt(e, [], !1).filter((e) => X(e) && tt(e) !== "body"), i = null, a = Z(e).position === "fixed", o = a ? _t(e) : e;
+	for (; X(o) && !ht(o);) {
+		let t = Z(o), n = ft(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || at(o) && !n && Lt(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = _t(o);
+	}
+	return t.set(e, r), r;
+}
+function zt(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? st(t) ? [] : Rt(t, this._c) : [].concat(n), r], o = It(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 = It(t, a[e], i);
+		s = ye(n.top, s), c = ve(n.right, c), l = ve(n.bottom, l), u = ye(n.left, u);
+	}
+	return {
+		width: c - u,
+		height: l - s,
+		x: u,
+		y: s
+	};
+}
+function Bt(e) {
+	let { width: t, height: n } = xt(e);
+	return {
+		width: t,
+		height: n
+	};
+}
+function Vt(e, t, n) {
+	let r = rt(t), i = Y(t), a = n === "fixed", o = Dt(e, !0, a, t), s = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, c = q(0);
+	function l() {
+		c.x = Ot(i);
+	}
+	if (r || !r && !a) if ((tt(t) !== "body" || at(i)) && (s = gt(t)), r) {
+		let e = Dt(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 ? kt(i, s) : q(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 Ht(e) {
+	return Z(e).position === "static";
+}
+function Ut(e, t) {
+	if (!rt(e) || Z(e).position === "fixed") return null;
+	if (t) return t(e);
+	let n = e.offsetParent;
+	return Y(e) === n && (n = n.ownerDocument.body), n;
+}
+function Wt(e, t) {
+	let n = J(e);
+	if (st(e)) return n;
+	if (!rt(e)) {
+		let t = _t(e);
+		for (; t && !ht(t);) {
+			if (X(t) && !Ht(t)) return t;
+			t = _t(t);
+		}
+		return n;
+	}
+	let r = Ut(e, t);
+	for (; r && ot(r) && Ht(r);) r = Ut(r, t);
+	return r && ht(r) && Ht(r) && !ft(r) ? n : r || pt(e) || n;
+}
+var Gt = async function(e) {
+	let t = this.getOffsetParent || Wt, n = this.getDimensions, r = await n(e.floating);
+	return {
+		reference: Vt(e.reference, await t(e.floating), e.strategy),
+		floating: {
+			x: 0,
+			y: 0,
+			width: r.width,
+			height: r.height
+		}
+	};
+};
+function Kt(e) {
+	return Z(e).direction === "rtl";
+}
+var qt = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: At,
+	getDocumentElement: Y,
+	getClippingRect: zt,
+	getOffsetParent: Wt,
+	getElementRects: Gt,
+	getClientRects: jt,
+	getDimensions: Bt,
+	getScale: Ct,
+	isElement: X,
+	isRTL: Kt
+};
+function Jt(e, t) {
+	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function Yt(e, t) {
+	let n = null, r, i = Y(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 = xe(d), h = xe(i.clientWidth - (u + f)), g = xe(i.clientHeight - (d + p)), _ = xe(u), v = {
+			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
+			threshold: ye(0, ve(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 && !Jt(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 Xt(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 = St(e), u = i || a ? [...l ? yt(l) : [], ...t ? yt(t) : []] : [];
+	u.forEach((e) => {
+		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
+	});
+	let d = l && s ? Yt(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 ? Dt(e) : null;
+	c && g();
+	function g() {
+		let t = Dt(e);
+		h && !Jt(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 Zt = Qe, Qt = $e, $t = Ye, en = Je, tn = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map(), i = {
+		platform: qt,
+		...n
+	}, a = {
+		...i.platform,
+		_c: r
+	};
+	return qe(e, t, {
+		...i,
+		platform: a
+	});
+}, nn = "_trigger_e00wn_1", rn = "_content_e00wn_10", an = "_subTrigger_e00wn_61", on = "_itemMain_e00wn_90", sn = "_itemInset_e00wn_106", cn = "_shortcut_e00wn_118", ln = "_indicator_e00wn_119", un = "_submenuIndicator_e00wn_120", Q = {
+	trigger: nn,
+	content: rn,
+	"owo-dropdown-menu-in": "_owo-dropdown-menu-in_e00wn_1",
+	subTrigger: an,
+	itemMain: on,
+	itemInset: sn,
+	shortcut: cn,
+	indicator: ln,
+	submenuIndicator: un
+}, dn = n(null), fn = n(null);
+function pn(e) {
+	let t = a(dn);
+	if (!t) throw Error(`${e} must be used within DropdownMenu.`);
+	return t;
+}
+function mn(e) {
+	let t = a(fn);
+	if (!t) throw Error(`${e} must be used within DropdownMenu.Content.`);
+	return t;
+}
+function hn(e, t) {
+	return (n) => {
+		e?.(n), t(n);
+	};
+}
+function gn(...e) {
+	return (t) => {
+		for (let n of e) n && (typeof n == "function" ? n(t) : n.current = t);
+	};
+}
+function _n(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(_n).join(" ") : !e || typeof e == "boolean" ? "" : r(e) ? _n(e.props.children) : "";
+}
+function vn(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 yn(e, t) {
+	return t === "center" ? e : `${e}-${t}`;
+}
+function bn(e) {
+	let t = e.split("-");
+	return {
+		side: t[0],
+		align: t[1] ?? "center"
+	};
+}
+function xn({ 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(fn), [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();
+	}, []), P = 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(dn.Provider, {
+		value: P,
+		children: v
+	});
+}
+function Sn({ 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 } = pn("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: hn(y.onClick, (e) => {
+			if (r) {
+				e.preventDefault();
+				return;
+			}
+			m.current = "selected", c();
+		}),
+		onKeyDown: hn(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: gn(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 Cn({ 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: P } = pn("DropdownMenu.Content"), F = u([]), [I, L] = d(null), [R, ee] = d(null), [z, B] = d(null), [V, H] = d(!1), U = u(""), W = u(null), te = i((e) => (F.current = [...F.current.filter((t) => t.id !== e.id), e], () => {
+		F.current = F.current.filter((t) => t.id !== e.id);
+	}), []), G = i(() => vn(F.current), []), ne = i((e) => {
+		O.current = e;
+	}, [O]);
+	o(() => {
+		H(!0);
+	}, []);
+	let re = l(() => ({
+		role: T,
+		highlightedId: I,
+		setHighlightedId: L,
+		registerItem: te,
+		getItems: G,
+		requestFocusIntent: ne,
+		closeTree: M,
+		closeSelf: j,
+		focusTrigger: N,
+		activeSubmenuId: R,
+		setActiveSubmenuId: ee,
+		contentRef: v
+	}), [
+		R,
+		j,
+		M,
+		v,
+		T,
+		N,
+		G,
+		I,
+		te,
+		ne
+	]);
+	c(() => {
+		if (!(!f || !V || !g.current || !v.current)) return Xt(g.current, v.current, () => {
+			!g.current || !v.current || tn(g.current, v.current, {
+				placement: yn(y, b),
+				strategy: "fixed",
+				middleware: [
+					Zt({
+						mainAxis: x,
+						crossAxis: S
+					}),
+					$t({ padding: C }),
+					Qt({ padding: C })
+				]
+			}).then(({ x: e, y: t, placement: n }) => {
+				let r = bn(n);
+				B({
+					top: t,
+					left: e,
+					side: r.side,
+					align: r.align
+				});
+			});
+		});
+	}, [
+		b,
+		S,
+		C,
+		v,
+		V,
+		f,
+		y,
+		x,
+		g
+	]), o(() => {
+		if (!f) {
+			L(null), ee(null);
+			return;
+		}
+		let e = G().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]), L(t.id), requestAnimationFrame(() => {
+			v.current?.focus(), t.ref.current?.scrollIntoView({ block: "nearest" });
+		});
+	}, [
+		v,
+		O,
+		G,
+		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 () => {
+			W.current && clearTimeout(W.current);
+		};
+	}, [f]);
+	let K = i((e) => {
+		if (L(e), !e) {
+			ee(null);
+			return;
+		}
+		G().find((t) => t.id === e)?.submenu || ee(null);
+	}, [G]), ie = i((e, t = "first") => {
+		let n = G().filter((e) => !e.disabled);
+		if (n.length === 0) return;
+		let r = n.findIndex((e) => e.id === I);
+		if (r === -1) {
+			K(t === "last" ? n[n.length - 1].id : n[0].id);
+			return;
+		}
+		let i = n[(r + e + n.length) % n.length];
+		K(i.id), i.ref.current?.scrollIntoView({ block: "nearest" });
+	}, [
+		G,
+		I,
+		K
+	]), ae = i((e) => {
+		let t = e.length === 1 ? e.toLowerCase() : "";
+		if (!t) return;
+		W.current && clearTimeout(W.current), U.current += t, W.current = setTimeout(() => {
+			U.current = "", W.current = null;
+		}, 350);
+		let n = G().filter((e) => !e.disabled);
+		if (n.length === 0) return;
+		let r = n.findIndex((e) => e.id === I), i = (r >= 0 ? [...n.slice(r + 1), ...n.slice(0, r + 1)] : n).find((e) => e.textValue.toLowerCase().startsWith(U.current));
+		i && (K(i.id), i.ref.current?.scrollIntoView({ block: "nearest" }));
+	}, [
+		G,
+		I,
+		K
+	]), oe = i((e) => {
+		let t = G(), n = t.find((e) => e.id === I) ?? null;
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), ie(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), ie(-1, "last");
+				break;
+			case "Home":
+				e.preventDefault();
+				{
+					let e = t.find((e) => !e.disabled);
+					e && K(e.id);
+				}
+				break;
+			case "End":
+				e.preventDefault();
+				{
+					let e = t.filter((e) => !e.disabled), n = e[e.length - 1];
+					n && K(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: ae(e.key);
+		}
+	}, [
+		j,
+		M,
+		N,
+		G,
+		ae,
+		I,
+		K,
+		A,
+		ie,
+		k
+	]);
+	if (!f || !V) return null;
+	let se = /* @__PURE__ */ p(fn.Provider, {
+		value: re,
+		children: /* @__PURE__ */ p("div", {
+			ref: v,
+			id: D,
+			role: T,
+			tabIndex: -1,
+			"aria-labelledby": T === "menu" ? E : void 0,
+			"data-state": "open",
+			"data-side": z?.side ?? y,
+			"data-align": z?.align ?? b,
+			"data-scope": "dropdown-menu",
+			"data-part": "content",
+			className: _(Q.content, P?.content, e),
+			style: {
+				...n,
+				position: "fixed",
+				top: z?.top ?? 0,
+				left: z?.left ?? 0,
+				maxHeight: a,
+				minWidth: r ? g.current?.getBoundingClientRect().width : void 0
+			},
+			onKeyDown: oe,
+			...s,
+			children: t
+		})
+	});
+	return w ? h(se, document.body) : se;
+}
+function wn({ className: e, children: t, ...n }) {
+	let { classNames: r } = pn("DropdownMenu.Group");
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dropdown-menu",
+		"data-part": "group",
+		className: _(r?.group, e),
+		...n,
+		children: t
+	});
+}
+function Tn({ className: e, children: t, ...n }) {
+	let { classNames: r } = pn("DropdownMenu.Label");
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "dropdown-menu",
+		"data-part": "label",
+		className: _(r?.label, e),
+		...n,
+		children: t
+	});
+}
+function En({ className: e, ...t }) {
+	let { classNames: n } = pn("DropdownMenu.Separator");
+	return /* @__PURE__ */ p("div", {
+		role: "separator",
+		"data-scope": "dropdown-menu",
+		"data-part": "separator",
+		className: _(n?.separator, e),
+		...t
+	});
+}
+function Dn({ 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 } = mn("DropdownMenu.Item"), { classNames: k } = pn("DropdownMenu.Item"), A = l(() => _n(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: hn(v, () => {
+			r || (T(x), O(null));
+		}),
+		onClick: hn(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 On(e) {
+	return /* @__PURE__ */ p(xn, {
+		side: "right",
+		align: "start",
+		sideOffset: 6,
+		...e,
+		contentRole: "menu"
+	});
+}
+function kn({ 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 = pn("DropdownMenu.SubTrigger"), { highlightedId: x, setHighlightedId: S, registerItem: C, setActiveSubmenuId: w, activeSubmenuId: T } = mn("DropdownMenu.SubTrigger"), E = l(() => _n(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: gn(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: hn(f, () => {
+			k();
+		}),
+		onClick: hn(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 An = Object.assign(xn, {
+	Trigger: Sn,
+	Content: Cn,
+	Group: wn,
+	Label: Tn,
+	Item: Dn,
+	Separator: En,
+	Submenu: On,
+	SubTrigger: kn
+}), jn = {
+	panel: "_panel_7f715_1",
+	backdrop: "_backdrop_7f715_55"
+};
+//#endregion
+//#region src/components/Drawer.tsx
+function Mn({ 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", jn.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", jn.panel, l, u?.panel),
+		...d,
+		children: n
+	})] });
+}
+var Nn = {
+	root: "_root_38gc5_1",
+	label: "_label_38gc5_10",
+	required: "_required_38gc5_18",
+	description: "_description_38gc5_23",
+	error: "_error_38gc5_31",
+	help: "_help_38gc5_39"
+};
+//#endregion
+//#region src/components/Field.tsx
+function Pn({ label: e, description: t, error: n, help: r, required: i = !1, disabled: a = !1, invalid: o = !1, htmlFor: c, children: u, className: d, classNames: f, ...h }) {
+	let g = s(), v = c ?? g, y = `${v}-label`, b = t ? `${v}-description` : void 0, x = n ? `${v}-error` : void 0, S = r ? `${v}-help` : void 0, C = [
+		b,
+		x,
+		S
+	].filter(Boolean).join(" ") || void 0, w = l(() => ({
+		controlId: v,
+		labelId: y,
+		describedBy: C,
+		disabled: a,
+		invalid: o,
+		required: i
+	}), [
+		v,
+		y,
+		C,
+		a,
+		o,
+		i
+	]);
+	return /* @__PURE__ */ m("div", {
+		className: _("owo-field", Nn.root, d),
+		"data-disabled": a || void 0,
+		"data-invalid": o || void 0,
+		"data-required": i || void 0,
+		...h,
+		children: [
+			/* @__PURE__ */ m("label", {
+				id: y,
+				htmlFor: v,
+				"data-part": "label",
+				className: _(Nn.label, f?.label),
+				children: [e, i && /* @__PURE__ */ p("span", {
+					"data-part": "required",
+					"aria-hidden": "true",
+					className: _(Nn.required, f?.required),
+					children: "*"
+				})]
+			}),
+			t != null && /* @__PURE__ */ p("span", {
+				id: b,
+				"data-part": "description",
+				className: _(Nn.description, f?.description),
+				children: t
+			}),
+			/* @__PURE__ */ p(ee.Provider, {
+				value: w,
+				children: u
+			}),
+			n != null && /* @__PURE__ */ p("span", {
+				id: x,
+				"data-part": "error",
+				role: "alert",
+				className: _(Nn.error, f?.error),
+				children: n
+			}),
+			r != null && /* @__PURE__ */ p("span", {
+				id: S,
+				"data-part": "help",
+				className: _(Nn.help, f?.help),
+				children: r
+			})
+		]
+	});
+}
+var Fn = { root: "_root_1hqa8_1" };
+//#endregion
+//#region src/components/IconButton.tsx
+function In({ variant: e = "ghost", size: t = "md", label: n, icon: r, className: i, ...a }) {
+	let o = _("owo-icon-button", Fn.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 Ln = { root: "_root_8zge1_1" };
+//#endregion
+//#region src/components/Input.tsx
+function Rn({ className: e, tone: t = "default", size: n = "md", invalid: r, ...i }) {
+	let a = B({
+		id: i.id,
+		disabled: i.disabled,
+		required: i.required,
+		invalid: r,
+		"aria-describedby": i["aria-describedby"]
+	});
+	return /* @__PURE__ */ p("input", {
+		...i,
+		id: a.id,
+		disabled: a.disabled,
+		required: a.required,
+		"aria-describedby": a["aria-describedby"],
+		"aria-invalid": a.invalid || void 0,
+		"data-tone": t,
+		"data-size": n,
+		"data-invalid": a.invalid || void 0,
+		className: _("owo-input", Ln.root, e)
+	});
+}
+var zn = { root: "_root_1226l_1" };
+//#endregion
+//#region src/components/Panel.tsx
+function Bn({ 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", zn.root, r),
+		...a,
+		children: i
+	});
+}
+function Vn({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "panel",
+		"data-part": "header",
+		className: _(e),
+		...n,
+		children: t
+	});
+}
+function Hn({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "panel",
+		"data-part": "body",
+		className: _(e),
+		...n,
+		children: t
+	});
+}
+function Un({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "panel",
+		"data-part": "footer",
+		className: _(e),
+		...n,
+		children: t
+	});
+}
+var Wn = {
+	root: "_root_c2l0v_1",
+	item: "_item_c2l0v_41"
+};
+//#endregion
+//#region src/components/SegmentedControl.tsx
+function Gn({ value: e, defaultValue: t, onValueChange: n, options: r, size: i = "md", disabled: a, required: o, invalid: s, id: c, name: l, className: d, ariaLabel: f, "aria-describedby": h }) {
+	let g = z(), [v, y] = V({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: r.find((e) => !e.disabled)?.value ?? r[0]?.value ?? ""
+	}), b = B({
+		id: c,
+		disabled: a,
+		required: o,
+		invalid: s,
+		"aria-describedby": h
+	}), x = u([]), S = r.reduce((e, t, n) => (!t.disabled && !b.disabled && e.push(n), e), []), C = r.findIndex((e) => e.value === v), w = C >= 0 ? C : S[0] ?? -1;
+	function T(e, t) {
+		if (S.length === 0) return;
+		let n = S.indexOf(e), i;
+		t === "first" && (i = S[0]), t === "last" && (i = S[S.length - 1]), t === "next" && (i = n >= 0 ? S[(n + 1) % S.length] : S[0]), t === "prev" && (i = n >= 0 ? S[(n - 1 + S.length) % S.length] : S[S.length - 1]), i !== void 0 && (y(r[i].value), x.current[i]?.focus());
+	}
+	return /* @__PURE__ */ m("div", {
+		role: "radiogroup",
+		id: b.id,
+		"aria-label": f,
+		"aria-labelledby": f ? void 0 : g?.labelId,
+		"aria-describedby": b["aria-describedby"],
+		"aria-invalid": b.invalid || void 0,
+		"aria-required": b.required || void 0,
+		"data-size": i,
+		"data-disabled": b.disabled || void 0,
+		"data-invalid": b.invalid || void 0,
+		className: _("owo-segmented-control", Wn.root, d),
+		children: [r.map((e, t) => {
+			let n = e.value === v, r = e.disabled || b.disabled;
+			return /* @__PURE__ */ p("button", {
+				ref: (e) => {
+					x.current[t] = e;
+				},
+				type: "button",
+				role: "radio",
+				"aria-checked": n,
+				disabled: r,
+				tabIndex: r ? -1 : t === w ? 0 : -1,
+				"data-disabled": r || void 0,
+				"data-active": n ? "true" : void 0,
+				className: Wn.item,
+				onClick: () => y(e.value),
+				onKeyDown: (e) => {
+					if (!r) switch (e.key) {
+						case "ArrowRight":
+						case "ArrowDown":
+							e.preventDefault(), T(t, "next");
+							break;
+						case "ArrowLeft":
+						case "ArrowUp":
+							e.preventDefault(), T(t, "prev");
+							break;
+						case "Home":
+							e.preventDefault(), T(t, "first");
+							break;
+						case "End":
+							e.preventDefault(), T(t, "last");
+							break;
+					}
+				},
+				children: e.label
+			}, e.value);
+		}), l != null && /* @__PURE__ */ p("input", {
+			type: "hidden",
+			name: l,
+			value: v,
+			disabled: b.disabled,
+			"aria-hidden": "true"
+		})]
+	});
+}
+var Kn = {
+	root: "_root_1kzdq_1",
+	valueText: "_valueText_1kzdq_96",
+	placeholder: "_placeholder_1kzdq_102"
+};
+//#endregion
+//#region src/components/Select.tsx
+function qn(e) {
+	return e.textValue ? e.textValue : typeof e.label == "string" ? e.label : "";
+}
+function Jn({ value: e, defaultValue: t, onValueChange: n, options: r, placeholder: a = "Select…", size: c = "md", tone: f = "default", disabled: h, required: g, invalid: v, id: y, name: b, className: x, ariaLabel: S, "aria-describedby": C, renderValue: w, renderOption: T, classNames: E }) {
+	let [D, O] = V({
+		value: e,
+		defaultValue: t,
+		onChange: (e) => {
+			e !== "" && n?.(e);
+		},
+		fallback: ""
+	}), k = B({
+		id: y,
+		disabled: h,
+		required: g,
+		invalid: v,
+		"aria-describedby": C
+	}), A = k.disabled, [j, M] = d(!1), [N, P] = d(-1), F = u(null), I = u(null), L = s(), R = r.find((e) => e.value === D), ee = R ? qn(R) : "", z = l(() => r.reduce((e, t, n) => (t.disabled || e.push(n), e), []), [r]), H = i(() => {
+		if (A || r.length === 0) return;
+		M(!0);
+		let e = r.findIndex((e) => e.value === D);
+		P(e >= 0 ? e : z[0] ?? -1);
+	}, [
+		A,
+		r,
+		D,
+		z
+	]), U = i(() => {
+		M(!1), P(-1);
+	}, []), W = i((e) => {
+		e.disabled || (O(e.value), U());
+	}, [O, U]);
+	o(() => {
+		if (!j) return;
+		function e(e) {
+			F.current && !F.current.contains(e.target) && U();
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [j, U]), o(() => {
+		!j || N < 0 || (I.current?.children[N])?.scrollIntoView?.({ block: "nearest" });
+	}, [j, N]);
+	function te(e) {
+		if (!A) switch (e.key) {
+			case "Enter":
+			case " ":
+				e.preventDefault(), j ? N >= 0 && r[N] && !r[N].disabled && W(r[N]) : H();
+				break;
+			case "ArrowDown":
+				if (e.preventDefault(), !j) H();
+				else {
+					let e = z[z.indexOf(N) + 1];
+					e !== void 0 && P(e);
+				}
+				break;
+			case "ArrowUp":
+				if (e.preventDefault(), !j) H();
+				else {
+					let e = z[z.indexOf(N) - 1];
+					e !== void 0 && P(e);
+				}
+				break;
+			case "Escape":
+				j && (e.preventDefault(), U());
+				break;
+			case "Tab":
+				j && U();
+				break;
+		}
+	}
+	let G = D !== "" && R, ne = G ? R.label : null, re = w ? w({
+		open: j,
+		placeholder: a,
+		selectedOption: R
+	}) : /* @__PURE__ */ p("span", {
+		className: _(Kn.valueText, !G && Kn.placeholder),
+		children: G ? ne : a
+	});
+	return /* @__PURE__ */ m("div", {
+		ref: F,
+		"data-state": j ? "open" : "closed",
+		"data-disabled": A || void 0,
+		"data-invalid": k.invalid || void 0,
+		"data-size": c,
+		"data-tone": f,
+		"data-scope": "select",
+		className: _("owo-select", Kn.root, x),
+		children: [
+			/* @__PURE__ */ m("button", {
+				type: "button",
+				role: "combobox",
+				id: k.id,
+				"aria-expanded": j,
+				"aria-haspopup": "listbox",
+				"aria-controls": L,
+				"aria-label": S,
+				"aria-describedby": k["aria-describedby"],
+				"aria-invalid": k.invalid || void 0,
+				"aria-required": k.required || void 0,
+				"aria-activedescendant": j && N >= 0 ? `${L}-opt-${N}` : void 0,
+				"data-state": j ? "open" : "closed",
+				"data-disabled": A || void 0,
+				"data-tone": f,
+				"data-size": c,
+				"data-has-value": G || void 0,
+				"data-scope": "select",
+				"data-part": "trigger",
+				disabled: A,
+				className: _(E?.trigger),
+				onClick: () => j ? U() : H(),
+				onKeyDown: te,
+				children: [re, /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					"data-state": j ? "open" : "closed",
+					"data-scope": "select",
+					"data-part": "chevron",
+					className: _(E?.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" })
+				})]
+			}),
+			j && /* @__PURE__ */ p("ul", {
+				ref: I,
+				id: L,
+				role: "listbox",
+				"aria-label": S ?? (ee || a),
+				"data-state": "open",
+				"data-size": c,
+				"data-scope": "select",
+				"data-part": "dropdown",
+				className: _(E?.dropdown),
+				children: r.map((e, t) => /* @__PURE__ */ p("li", {
+					id: `${L}-opt-${t}`,
+					role: "option",
+					"aria-selected": e.value === D,
+					"aria-disabled": e.disabled || void 0,
+					"data-state": e.value === D ? "selected" : t === N ? "highlighted" : "idle",
+					"data-focused": t === N || void 0,
+					"data-selected": e.value === D || void 0,
+					"data-disabled": e.disabled || void 0,
+					"data-highlighted": t === N || void 0,
+					"data-scope": "select",
+					"data-part": "option",
+					className: _(E?.option),
+					onClick: () => W(e),
+					onMouseEnter: () => !e.disabled && P(t),
+					children: T ? T({
+						option: e,
+						index: t,
+						selected: e.value === D,
+						highlighted: t === N
+					}) : e.label
+				}, e.value))
+			}),
+			b != null && /* @__PURE__ */ p("input", {
+				type: "hidden",
+				name: b,
+				value: D,
+				disabled: A,
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+var Yn = {
+	root: "_root_1sshx_1",
+	"owo-skeleton-breathe": "_owo-skeleton-breathe_1sshx_1",
+	"owo-skeleton-scan": "_owo-skeleton-scan_1sshx_1"
+}, Xn = {
+	slow: "4s",
+	medium: "3s",
+	fast: "2s"
+};
+function Zn({ 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": Xn[r]
+	};
+	return /* @__PURE__ */ p("div", {
+		className: _("owo-skeleton", Yn.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 Qn({ 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 $n = {
+	root: "_root_91dlh_1",
+	thumb: "_thumb_91dlh_81"
+};
+//#endregion
+//#region src/components/Switch.tsx
+function er({ checked: e, defaultChecked: t, onCheckedChange: n, size: r = "md", disabled: i, required: a, invalid: o, id: s, name: c, className: l, ariaLabel: u, "aria-describedby": d }) {
+	let [f, h] = V({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: !1
+	}), g = B({
+		id: s,
+		disabled: i,
+		required: a,
+		invalid: o,
+		"aria-describedby": d
+	});
+	return /* @__PURE__ */ m("button", {
+		type: "button",
+		role: "switch",
+		id: g.id,
+		"aria-checked": f,
+		"aria-label": u,
+		"aria-describedby": g["aria-describedby"],
+		"aria-invalid": g.invalid || void 0,
+		"aria-required": g.required || void 0,
+		disabled: g.disabled,
+		"data-size": r,
+		"data-invalid": g.invalid || void 0,
+		className: _("owo-switch", $n.root, l),
+		onClick: () => h(!f),
+		children: [/* @__PURE__ */ p("span", {
+			"aria-hidden": "true",
+			className: $n.thumb
+		}), c != null && /* @__PURE__ */ p("input", {
+			type: "checkbox",
+			name: c,
+			checked: f,
+			disabled: g.disabled,
+			hidden: !0,
+			readOnly: !0,
+			tabIndex: -1,
+			"aria-hidden": "true"
+		})]
+	});
+}
+var tr = { root: "_root_1dxq8_1" }, nr = n(null);
+function rr(e) {
+	let t = a(nr);
+	if (!t) throw Error(`${e} must be used within Tabs.Root`);
+	return t;
+}
+function ir(e) {
+	return e.replace(/[^a-zA-Z0-9_-]+/g, "-");
+}
+function ar({ children: e, value: t, defaultValue: n, onValueChange: r, className: i, ...a }) {
+	let [o, c] = V({
+		value: t,
+		defaultValue: n,
+		onChange: r,
+		fallback: ""
+	}), u = s(), d = l(() => ({
+		value: o,
+		setValue: c,
+		baseId: u
+	}), [
+		u,
+		o,
+		c
+	]);
+	return /* @__PURE__ */ p(nr.Provider, {
+		value: d,
+		children: /* @__PURE__ */ p("div", {
+			"data-scope": "tabs",
+			className: _("owo-tabs", tr.root, i),
+			...a,
+			children: e
+		})
+	});
+}
+function or({ 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 sr({ children: e, className: t, value: n, disabled: r, onClick: i, onKeyDown: a, ...o }) {
+	let { value: s, setValue: c, baseId: l } = rr("Tabs.Trigger"), u = s === n, d = `${l}-trigger-${ir(n)}`, f = `${l}-panel-${ir(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 cr({ children: e, className: t, value: n, ...r }) {
+	let { value: i, baseId: a } = rr("Tabs.Content"), o = i === n, s = `${a}-trigger-${ir(n)}`, c = `${a}-panel-${ir(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 lr = Object.assign(ar, {
+	Root: ar,
+	List: or,
+	Trigger: sr,
+	Content: cr
+}), ur = { root: "_root_17j1y_1" };
+//#endregion
+//#region src/components/Textarea.tsx
+function dr({ className: e, tone: t = "default", size: n = "md", resize: r = "vertical", autoResize: a = !1, invalid: s, style: c, onInput: l, rows: d = 3, ...f }) {
+	let m = B({
+		id: f.id,
+		disabled: f.disabled,
+		required: f.required,
+		invalid: s,
+		"aria-describedby": f["aria-describedby"]
+	}), h = u(null), g = l, v = i(() => {
+		if (!a || !h.current) return;
+		let e = h.current;
+		e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+	}, [a]);
+	o(() => {
+		v();
+	}, [
+		v,
+		f.value,
+		f.defaultValue,
+		d
+	]);
+	function y(e) {
+		v(), g?.(e);
+	}
+	let b = {
+		...c,
+		resize: a ? "none" : r
+	};
+	return /* @__PURE__ */ p("textarea", {
+		...f,
+		ref: h,
+		id: m.id,
+		disabled: m.disabled,
+		required: m.required,
+		"aria-describedby": m["aria-describedby"],
+		"aria-invalid": m.invalid || void 0,
+		rows: d,
+		"data-tone": t,
+		"data-size": n,
+		"data-invalid": m.invalid || void 0,
+		"data-auto-resize": a || void 0,
+		className: _("owo-input", Ln.root, "owo-textarea", ur.root, e),
+		style: b,
+		onInput: y
+	});
+}
+//#endregion
+//#region src/styles/ui/toast.module.css
+var fr = "_container_73rls_1", pr = "_toast_73rls_12", mr = "_toastDefault_73rls_32", hr = {
+	container: fr,
+	toast: pr,
+	"toast-in": "_toast-in_73rls_1",
+	toastDefault: mr
+}, gr = n(null), _r = 5, vr = 4e3;
+function yr() {
+	let e = a(gr);
+	if (!e) throw Error("useToast must be used within <ToastProvider>");
+	return e;
+}
+function br({ 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 xr(e, t) {
+	return typeof e == "string" ? {
+		message: e,
+		duration: t ?? vr
+	} : {
+		title: e.title,
+		message: e.message,
+		duration: e.duration ?? t ?? vr
+	};
+}
+function Sr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
+	let i = () => t(e.id), a = /* @__PURE__ */ p(br, { 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", hr.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", hr.toast, hr.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 Cr({ 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,
+			...xr(t, n)
+		};
+		a((e) => {
+			let t = [...e, i];
+			if (t.length > _r) {
+				let e = t.slice(0, t.length - _r);
+				for (let t of e) {
+					let e = s.current.get(t.id);
+					e && clearTimeout(e), s.current.delete(t.id);
+				}
+				return t.slice(-_r);
+			}
+			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(gr.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", hr.container, n?.container),
+			children: r.map((e) => /* @__PURE__ */ p(Sr, {
+				item: e,
+				onDismiss: c,
+				renderToast: t,
+				classNames: n
+			}, e.id))
+		})]
+	});
+}
+var wr = {
+	trigger: "_trigger_xunrw_1",
+	content: "_content_xunrw_5",
+	"tooltip-in": "_tooltip-in_xunrw_1"
+}, Tr = 6, Er = 8, Dr = 4;
+function Or(e) {
+	return e.split("-")[0];
+}
+var kr = {
+	top: "",
+	bottom: "rotate(180deg)",
+	left: "rotate(-90deg)",
+	right: "rotate(90deg)"
+};
+function Ar({ 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), P = s(), F = i(() => {
+		clearTimeout(M.current), clearTimeout(N.current);
+	}, []), I = i(() => {
+		F(), M.current = setTimeout(() => S(!0), r);
+	}, [F, r]), L = i(() => {
+		F(), S(!0);
+	}, [F]), R = i(() => {
+		F(), N.current = setTimeout(() => S(!1), a);
+	}, [F, a]), ee = i((e) => {
+		if (e.target === k.current) {
+			I();
+			return;
+		}
+		L();
+	}, [I, L]), z = i((e) => {
+		e.pointerType !== "mouse" && L();
+	}, [L]), B = i((e) => {
+		e.key === "Escape" && x && S(!1);
+	}, [x]);
+	c(() => {
+		if (!x || !k.current || !A.current) return;
+		let e = [
+			Zt(l ? Er + Tr : Er),
+			$t({ padding: Dr }),
+			Qt({ padding: Dr })
+		];
+		return l && j.current && e.push(en({ element: j.current })), Xt(k.current, A.current, () => {
+			!k.current || !A.current || tn(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(Or(n)), r.arrow && O({
+					x: r.arrow.x,
+					y: r.arrow.y
+				});
+			});
+		});
+	}, [
+		x,
+		t,
+		l
+	]), o(() => {
+		if (x) return document.addEventListener("keydown", B), () => document.removeEventListener("keydown", B);
+	}, [x, B]), o(() => F, [F]);
+	let V = { position: "absolute" }, H = T;
+	return H === "top" || H === "bottom" ? (V.left = D.x ?? 0, V[H === "top" ? "bottom" : "top"] = -Tr, V.transform = kr[H] || void 0) : (V.top = D.y ?? 0, V[H === "left" ? "right" : "left"] = -Tr, V.transform = kr[H]), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+		ref: k,
+		"data-state": x ? "open" : "closed",
+		"data-scope": "tooltip",
+		"data-part": "trigger",
+		className: _("owo-tooltip-trigger", wr.trigger, b?.trigger),
+		onMouseEnter: I,
+		onMouseLeave: R,
+		onFocus: ee,
+		onBlur: R,
+		onPointerDown: z,
+		"aria-describedby": x ? P : void 0,
+		children: y
+	}), x && h(/* @__PURE__ */ m("div", {
+		ref: A,
+		id: P,
+		role: "tooltip",
+		"data-state": x ? "open" : "closed",
+		"data-placement": T,
+		"data-density": n,
+		"data-scope": "tooltip",
+		"data-part": "content",
+		className: _("owo-tooltip", wr.content, b?.content, v),
+		style: C ? {
+			top: C.top,
+			left: C.left
+		} : { visibility: "hidden" },
+		onMouseEnter: I,
+		onMouseLeave: R,
+		children: [e, l && /* @__PURE__ */ p("span", {
+			ref: j,
+			"data-scope": "tooltip",
+			"data-part": "arrow",
+			className: _(b?.arrow),
+			style: V,
+			children: g ? g({ placement: T }) : /* @__PURE__ */ p("svg", {
+				width: Tr * 2,
+				height: Tr,
+				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, R as Button, U as Checkbox, ae as Collapsible, ie as CollapsibleContent, re as CollapsibleRoot, K as CollapsibleTrigger, _e as ConfirmProvider, me as Dialog, Mn as Drawer, An as DropdownMenu, Pn as Field, In as IconButton, Rn as Input, Bn as Panel, Hn as PanelBody, Un as PanelFooter, Vn as PanelHeader, Gn as SegmentedControl, Jn as Select, Zn as Skeleton, F as Spinner, Qn as StatusNotice, er as Switch, lr as Tabs, cr as TabsContent, or as TabsList, ar as TabsRoot, sr as TabsTrigger, dr as Textarea, Cr as ToastProvider, Ar as Tooltip, L as buttonClassName, ge as useConfirm, yr as useToast };