twenty-ui 2.48.0 → 2.49.0

package/dist/Dropdown-Bl4OXCf9.cjs

@@ -0,0 +1 @@
+const i=require("./isDefined-DS2Q42p5.cjs"),ee=require("./doNotTranslate-CHE7WmRS.cjs"),X=require("./mergeClassNames-D4lshrT6.cjs"),Qe=require("./preventDismissingClickActivation-CIhWvKCu.cjs"),be=require("./Button-DTm1WDzp.cjs"),ke=require("./isRenderableSlot-Guryb6Nf.cjs"),Ze=require("./Tooltip-Bg9Uk01p.cjs"),Pe=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),ae=require("./ListItem.module-CO4u2oeF.cjs"),De=require("./ListItem-DwBb-I1D.cjs"),Z=require("./Popover-CneCJTvD.cjs"),et=require("./Input-DvL77rvu.cjs");let de=require("@base-ui/react/use-render"),H=require("@sniptt/guards"),U=require("clsx"),g=require("react"),u=require("react/jsx-runtime"),Ee=require("@base-ui/react/button"),le=require("@base-ui/utils/useMergedRefs"),Ne=require("@base-ui/react/popover"),tt=require("@base-ui/utils/areArraysEqual"),Re=require("@base-ui/react/direction-provider"),ve=require("@base-ui/react/menu"),ce=require("@tabler/icons-react");var rt="_content_rspeb_1",ot="_page_rspeb_13",nt="_selectionGroup_rspeb_17",st="_group_rspeb_21",it="_groupLabel_rspeb_27",at="_separator_rspeb_39",ct="_section_rspeb_46",ut="_back_rspeb_80",dt="_backIcon_rspeb_92",lt="_searchContainer_rspeb_96",pt="_search_rspeb_96",ft="_status_rspeb_113",gt="_header_rspeb_119",mt="_title_rspeb_132",wt="_itemWithActions_rspeb_141",bt="_itemWithActionsPrimary_rspeb_147",Dt="_itemActions_rspeb_162",vt="_itemDecoration_rspeb_166",P={content:rt,page:ot,selectionGroup:nt,group:st,groupLabel:it,separator:at,section:ct,back:ut,backIcon:dt,searchContainer:lt,search:pt,status:ft,header:gt,title:mt,itemWithActions:wt,itemWithActionsPrimary:bt,itemActions:Dt,itemDecoration:vt},je=({render:e,ref:t,disabled:r,...o})=>(0,de.useRender)({render:e,ref:t,defaultTagName:"button",props:{...o,disabled:r}}),he=({nativeButton:e,renderProps:t})=>e&&"disabled"in t&&(0,H.isBoolean)(t.disabled)?t.disabled:void 0,ht="[data-dropdown-item]",Oe=({actions:e,actionsVisibility:t="hover",color:r="neutral",selected:o=!1,focused:n=!1,indicator:c="none",disabled:a=!1,hasSubmenu:m=!1,children:s})=>(0,u.jsxs)("div",{className:(0,U.clsx)(ae.ListItem_module_default.root,P.itemWithActions),role:"none","data-actions-visibility":t,"data-color":r,"data-selected":o?"":void 0,"data-highlighted":n?"":void 0,"data-indicator":c,"data-disabled":a?"":void 0,onClick:d=>{d.target===d.currentTarget&&d.currentTarget.querySelector(ht)?.click()},children:[s,(0,u.jsx)("span",{className:(0,U.clsx)(ae.ListItem_module_default.actions,P.itemActions),children:e}),c==="check"&&o&&(0,u.jsx)(ce.IconCheck,{className:(0,U.clsx)(ae.ListItem_module_default.checkIndicator,P.itemDecoration),"aria-hidden":!0}),m&&(0,u.jsx)(ce.IconChevronRight,{className:(0,U.clsx)(ae.ListItem_module_default.submenuIcon,P.itemDecoration),"aria-hidden":!0})]}),_e=({id:e,render:t})=>(0,g.isValidElement)(t)?t.props.id??e:e,xe=e=>e.getAttribute("aria-label")??e.textContent??"",qe=({content:e,item:t})=>t.getAttribute("aria-disabled")!=="true"&&!t.hasAttribute("disabled")&&t.closest("[data-dropdown-content]")===e,pe=e=>Array.from(e.querySelectorAll("[data-dropdown-item]")).filter(t=>qe({content:e,item:t})),ue=(0,g.createContext)(void 0),F=()=>{const e=(0,g.useContext)(ue);if(!i.isDefined(e))throw new Error(ee.doNotTranslate("Dropdown components must be inside Dropdown.Root"));return e},ye=({id:e,disabled:t,isSubmenuTrigger:r=!1})=>{const o=F(),n=r?o.parentType:o.type,c=r?o.parentRowFocus:o.rowFocus,a=n!=="panel"&&(c?.rowIds?.includes(e)??!0);return{tabIndex:t||a&&c?.tabStopRowId!==e?-1:0}},Le=({color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:n,shortcut:c,shortcutJoinLabel:a,hasSubmenu:m,actions:s,actionsVisibility:d,children:l,render:D,disabled:v=!1,nativeButton:w=!i.isDefined(D),closeOnClick:f=!0,onClick:C,page:A,id:_,...p})=>{const{type:b,closeTree:x,goToPage:h}=F(),I=(0,g.useId)(),E=_e({id:_,render:D}),N=E??I,K=ye({id:N,disabled:v}),R=ke.isRenderableSlot(s),j=m??i.isDefined(A),G=(0,u.jsx)(Ee.Button,{...p,id:N,disabled:v,nativeButton:w,role:p.role??(b==="menu"?"menuitem":void 0),tabIndex:K.tabIndex,"data-dropdown-item":"","data-dropdown-page":A,onClick:T=>{if(C?.(T),!T.defaultPrevented){if(i.isDefined(A)){const S=T.currentTarget.closest("[data-dropdown-content]");if(!i.isDefined(S))return;h({id:A,trigger:{id:E,index:pe(S).indexOf(T.currentTarget),page:A,label:xe(T.currentTarget)}});return}f&&x()}},render:T=>{const S=he({nativeButton:w,renderProps:T});return(0,u.jsx)(De.ListItem,{...T,render:(0,u.jsx)(je,{render:D,disabled:S}),className:(0,U.clsx)(T.className,R&&P.itemWithActionsPrimary),disabled:v,color:e,startIcon:t,endIcon:r,actionsVisibility:d,description:o,descriptionPlacement:n,shortcut:c,shortcutJoinLabel:a,hasSubmenu:!R&&j,children:l})}});return R?(0,u.jsx)(Oe,{actions:s,actionsVisibility:d,color:e,disabled:v,hasSubmenu:j,children:G}):G},_t=({children:e=ee.doNotTranslate("Back"),className:t,onClick:r,...o})=>{const{goBack:n,canGoBack:c}=F();return(0,u.jsx)(Le,{...o,className:(0,U.clsx)(P.back,t),"data-dropdown-back":"",disabled:o.disabled||!c,startIcon:(0,u.jsx)(ce.IconChevronLeft,{className:P.backIcon}),closeOnClick:!1,onClick:a=>{r?.(a),!a.defaultPrevented&&n()},children:e})},xt="_button_1qwl0_1",yt="_tooltipAnchor_1qwl0_29",It="_icon_1qwl0_33",ge={button:xt,tooltipAnchor:yt,icon:It},Fe=({children:e,size:t,shape:r="square",className:o,tooltip:n,tooltipPlace:c="bottom",tooltipDelay:a=1e3,tooltipOffset:m=5,disabled:s,loading:d,...l})=>{const D=(0,g.useContext)(be.ButtonGroupContext),v=t??D?.size??"md",w=(0,H.isNonEmptyString)(n),f=s||d,C=(0,u.jsx)(be.Button,{...l,size:v==="xs"?"sm":v,"data-icon-size":v,"data-shape":r,disabled:s,loading:d,startIcon:(0,u.jsx)("span",{className:ge.icon,children:e}),className:X.mergeClassNames(ge.button,o)});return w?(0,u.jsx)(Ze.Tooltip,{content:n,delay:a,side:c,sideOffset:m,children:f?(0,u.jsx)("span",{className:ge.tooltipAnchor,children:C}):C}):C},Tt="_button_prhtf_1",Ct={button:Tt},Me=({className:e,emphasis:t="standard",size:r,variant:o,...n})=>{const c=(0,g.useContext)(be.ButtonGroupContext),a=r??c?.size??"sm",m=o??c?.variant??"ghost";return(0,u.jsx)(Fe,{...n,size:a,variant:m,"data-emphasis":t,className:X.mergeClassNames(Ct.button,e)})},St=({render:e,children:t,"aria-label":r,...o})=>(0,u.jsx)(Ne.Popover.Close,{...o,"aria-label":r,render:e??(0,u.jsx)(Me,{size:"sm","aria-label":r,children:t??(0,u.jsx)(ce.IconX,{})}),children:i.isDefined(e)?t:void 0}),fe=e=>e.querySelector("[data-dropdown-search]:not(:disabled)"),Ie=({content:e,target:t,edge:r="first",type:o})=>{const n=i.isDefined(t?.id)?e.ownerDocument.getElementById(t.id):null;if(i.isDefined(n)&&e.contains(n))return n;const c=pe(e),a=i.isDefined(t)?c.filter(f=>f.dataset.dropdownPage===t.page):[],[m]=a;if(a.length===1&&i.isDefined(m))return m;const s=(0,H.isNonEmptyString)(t?.label)?a.filter(f=>xe(f)===t?.label):[],[d]=s;if(s.length===1&&i.isDefined(d))return d;const l=i.isDefined(t)?c[t.index]:void 0;if(i.isDefined(l))return l;const D=e.querySelector('input:not(:disabled):not([type="hidden"]),button:not(:disabled),textarea:not(:disabled),select:not(:disabled),a[href],[tabindex="0"]'),v=Array.from(e.querySelectorAll("[data-dropdown-page-type]")).find(f=>f.closest("[data-dropdown-content]")===e)?.dataset.dropdownPageType??o??e.dataset.type;if(v==="panel")return D??e;const w=fe(e);return i.isDefined(w)?w:r==="last"?c[c.length-1]??D??e:(v==="picker"?c.find(f=>f.hasAttribute("data-dropdown-option-item")&&(f.getAttribute("aria-selected")==="true"||f.getAttribute("aria-pressed")==="true"||f.getAttribute("aria-checked")==="true"||f.getAttribute("aria-current")==="true")):void 0)??c.find(f=>!f.hasAttribute("data-dropdown-back"))??c[0]??D??e},At=({contentRef:e})=>{const{open:t,pageId:r,pageFocusRequest:o,setPageFocusRequest:n}=F();return(0,g.useLayoutEffect)(()=>{i.isDefined(o)&&(n(void 0),!(!t||o.pageId!==r||!i.isDefined(e.current))&&Ie({content:e.current,target:o.target}).focus())},[e,t,r,o,n]),null},Ge=({content:e,item:t})=>t.hasAttribute("data-dropdown-item")&&qe({content:e,item:t})&&(!t.hasAttribute("data-dropdown-back")||!i.isDefined(fe(e))),Be=e=>Array.from(e.querySelectorAll("[data-dropdown-item]")).filter(t=>Ge({content:e,item:t})),Te=e=>{if(e.dataset.type==="panel")return;const t=fe(e);if(!(!i.isDefined(t)||!(0,H.isNonEmptyString)(t.value.trim())))return pe(e).find(r=>r.hasAttribute("data-dropdown-option-item"))},kt=({content:e})=>{const{setRowIds:t,setSearchTargetId:r}=F();return(0,g.useLayoutEffect)(()=>{if(!i.isDefined(e))return;const o=()=>{const c=Be(e).map(a=>a.id);t(a=>i.isDefined(a)&&(0,tt.areArraysEqual)(a,c)?a:c),r(Te(e)?.id)};o();const n=new MutationObserver(o);return n.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["disabled","aria-disabled","id"]}),()=>{n.disconnect(),t(void 0),r(void 0)}},[e,t,r]),null},Pt=e=>(e.ctrlKey||e.metaKey)&&!e.defaultPrevented,me=new WeakMap,Ue={activate:({item:e,event:t})=>{me.set(e,t);try{e.click()}finally{me.delete(e)}},getEvent:({item:e,event:t})=>me.get(e)??t},Et=e=>Array.from(e.ownerDocument.querySelectorAll("[data-dropdown-item][aria-controls]")).find(t=>t.getAttribute("aria-controls")===e.id),Nt=({rowCells:e,column:t,isEnabledCell:r})=>{const o=Math.min(t,e.length-1);for(let n=0;n<e.length;n++){const c=[e[o-n],e[o+n]].find(r);if(i.isDefined(c))return c}},Ke=({key:e,items:t,currentItem:r,search:o,isRightToLeft:n})=>{const c=r?.closest("[data-dropdown-columns]"),a=Number(c?.dataset.dropdownColumns),m=ee.doNotTranslate(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]).includes(e);if(!i.isDefined(c)||!i.isDefined(r)||!m||!(0,H.isPositiveInteger)(a))return;const s=Array.from(c.children).filter(p=>p instanceof HTMLElement&&!p.hasAttribute("data-dropdown-section-label")),d=s.indexOf(r);if(d<0)return;const l=Math.floor(d/a),D=d%a,v=e==="ArrowUp"||e==="ArrowDown",w=ee.doNotTranslate(n?"ArrowLeft":"ArrowRight"),f=e==="ArrowDown"||e===w?1:-1,C=Math.ceil(s.length/a),A=new Set(t),_=p=>i.isDefined(p)&&A.has(p);if(v){for(let x=l+f;x>=0&&x<C;x+=f){const h=s[Math.min(x*a+D,s.length-1)];if(_(h))return h}for(let x=l+f;x>=0&&x<C;x+=f){const h=Nt({rowCells:s.slice(x*a,(x+1)*a),column:D,isEnabledCell:_});if(i.isDefined(h))return h}const p=s.filter(_),b=f<0?p[0]:p[p.length-1];return(i.isDefined(b)?t[t.indexOf(b)+f]:void 0)??(f<0?o:void 0)??r}for(let p=D+f;p>=0&&p<a;p+=f){const b=s[l*a+p];if(_(b))return b}return r},Rt=({key:e,items:t,currentIndex:r,search:o,isSearch:n,isRightToLeft:c=!1})=>{const a=Ke({key:e,items:t,currentItem:t[r],search:o,isRightToLeft:c});if(i.isDefined(a))return a;const m=t.length-1;if(e==="ArrowDown")return t[r===m?0:r+1];if(e==="ArrowUp"&&r===0&&i.isDefined(o))return o;if(e==="ArrowUp")return t[r<=0?m:r-1];if(!n&&e==="Home")return t[0];if(!n&&e==="End")return t[m]},jt=500,Ot=()=>{const{type:e,isSubmenu:t,setOpen:r,closeTree:o,tabForwardOutOfTree:n}=F(),c=(0,Re.useDirection)(),[a,m]=(0,g.useState)({text:"",timestamp:0});return s=>{if(s.defaultPrevented)return;const d=s.currentTarget,l=s.target;if(!(l instanceof HTMLElement)||l.closest("[data-dropdown-content]")!==d)return;const D=l.matches('input,textarea,select,[contenteditable="true"]'),v=c==="rtl",w=ee.doNotTranslate(v?"ArrowRight":"ArrowLeft"),f=t&&!D&&s.key===w,C=f&&e!=="panel"?Ke({key:s.key,items:pe(d),currentItem:l,search:null,isRightToLeft:v}):void 0,A=i.isDefined(C)&&C!==l;if(t&&(s.key==="Escape"||f&&!A)){s.preventDefault(),s.stopPropagation(),Et(d)?.focus(),r(!1);return}if(e==="panel")return;if(e==="menu"&&s.key==="Tab"&&s.shiftKey){s.preventDefault(),o(s.nativeEvent);return}if(e==="menu"&&s.key==="Tab"&&t){s.preventDefault(),n({ownerDocument:d.ownerDocument,tabOutEvent:s.nativeEvent});return}const _=fe(d),p=l===_;if(D&&!p)return;const b=Be(d),x=p&&s.key==="Enter"&&!s.nativeEvent.isComposing?Te(d):void 0;if(i.isDefined(x)){s.preventDefault(),Ue.activate({item:x,event:s.nativeEvent});return}const h=b.indexOf(l),I=Rt({key:s.key,items:b,currentIndex:h,search:_,isSearch:p,isRightToLeft:v});if(i.isDefined(I)){s.preventDefault(),I.focus();return}if(D||s.key.length!==1||s.key===" "||s.altKey||s.ctrlKey||s.metaKey)return;const E=Date.now(),N=E-a.timestamp>jt?s.key:a.text+s.key;m({text:N,timestamp:E});const K=([...N].every(j=>j===N[0])?s.key:N).toLocaleLowerCase(),R=[...b.slice(h+1),...b.slice(0,h+1)].find(j=>xe(j).trim().toLocaleLowerCase().startsWith(K));i.isDefined(R)&&(s.preventDefault(),R.focus())}},qt=({side:e,align:t="start",sideOffset:r=0,alignOffset:o,anchor:n,collisionPadding:c,container:a,keepMounted:m,width:s=200,className:d,style:l,children:D,initialFocus:v,onKeyDown:w,onFocus:f,onInput:C,onClick:A,onMouseDown:_,onPointerDown:p,"aria-label":b,"aria-labelledby":x,ref:h,...I})=>{const{type:E,isSubmenu:N,rowFocus:K,initialFocusEdge:R,focusOnOpen:j,triggerId:G,titleId:T,setSearchTargetId:S}=F(),M=(0,g.useRef)(null),[L,W]=(0,g.useState)(null),J=(0,le.useMergedRefs)(M,h,W),te=Ot(),Y=i.isDefined(b)?void 0:T??G;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Z.Popover.Portal,{container:a,keepMounted:m,children:(0,u.jsx)(Z.Popover.Positioner,{side:e??(N?"inline-end":"bottom"),align:t,sideOffset:r,alignOffset:o,anchor:n,collisionPadding:c,children:(0,u.jsx)(Z.Popover.Popup,{...I,ref:J,role:E==="menu"?"menu":"dialog","aria-label":b,"aria-labelledby":x??Y,"data-dropdown-content":"","data-type":E,className:X.mergeClassNames(P.content,d),style:y=>({width:s,...(0,H.isFunction)(l)?l(y):l}),initialFocus:v??(()=>j?i.isDefined(M.current)?Ie({content:M.current,edge:R,type:E}):!0:!1),onKeyDown:y=>{w?.(y),te(y),Pt(y)||y.stopPropagation()},onFocus:y=>{f?.(y);const{target:V}=y;V instanceof HTMLElement&&Ge({content:y.currentTarget,item:V})&&K.focusRow(V.id)},onInput:y=>{C?.(y),S(Te(y.currentTarget)?.id)},onClick:y=>{y.stopPropagation(),A?.(y)},onMouseDown:y=>{y.stopPropagation(),_?.(y)},onPointerDown:y=>{y.stopPropagation(),p?.(y)},children:D})})}),(0,u.jsx)(At,{contentRef:M}),(0,u.jsx)(kt,{content:L})]})},Lt=({className:e,...t})=>(0,u.jsx)(Pe.Text,{...t,role:"status","aria-live":"polite",className:(0,U.clsx)(P.status,e)}),Ft=({render:e,ref:t,className:r,...o})=>(0,de.useRender)({render:e,ref:t,props:{...o,className:(0,U.clsx)(P.header,r)}}),Mt=({className:e,...t})=>(0,u.jsx)(Pe.Text,{...t,role:"status","aria-live":"polite","aria-busy":"true",className:(0,U.clsx)(P.status,e)}),Gt=({render:e,ref:t,state:r,...o})=>(0,de.useRender)({render:e,ref:t,state:r,defaultTagName:"button",props:o}),Ce=(0,g.createContext)(void 0),Bt=({event:e,trigger:t})=>{let r=!1;return{reason:"item-press",event:e,trigger:t,cancel:()=>{r=!0},get isCanceled(){return r}}},Ut=({type:e,hasSelectionState:t,hasSelectionOwner:r,multiple:o,role:n})=>e==="menu"&&t?o?"menuitemcheckbox":"menuitemradio":e==="menu"?"menuitem":e==="picker"&&r?"option":n,Kt=({selection:e,value:t,standaloneSelected:r})=>!i.isDefined(e)||!i.isDefined(t)?r:e.multiple?e.value.includes(t):e.value===t,Ht=({value:e,selected:t,indicator:r,onSelect:o,closeOnSelect:n,color:c,startIcon:a,endIcon:m,description:s,descriptionPlacement:d,shortcut:l,shortcutJoinLabel:D,hasSubmenu:v,actions:w,actionsVisibility:f,children:C,render:A,disabled:_=!1,nativeButton:p=!i.isDefined(A),onClick:b,id:x,...h})=>{const{type:I,multiple:E,closeTree:N,searchTargetId:K}=F(),R=(0,g.useContext)(Ce),j=i.isDefined(R)&&i.isDefined(e),G=j?R.multiple:E,T=Kt({selection:R,value:e,standaloneSelected:t}),S=I==="menu",M=I==="picker"&&j,L=i.isDefined(T),W=!S&&!M&&(p||h.role==="button"),J=!S&&!M&&!W&&L&&T,te=Ut({type:I,hasSelectionState:L,hasSelectionOwner:j,multiple:G,role:h.role}),Y=G?"checkbox":"check",y=(0,g.useId)(),V=_e({id:x,render:A})??y,re=ye({id:V,disabled:_}),Q=ke.isRenderableSlot(w),se=K===V,oe=r??(L?Y:"none"),ie=Q&&oe==="check",ne=(0,u.jsx)(Ee.Button,{...h,id:V,disabled:_,nativeButton:p,role:te,"aria-checked":S&&L?T:void 0,"aria-selected":M?T:void 0,"aria-pressed":W&&L?T:void 0,"aria-current":J?"true":void 0,tabIndex:re.tabIndex,"data-dropdown-item":"","data-dropdown-option-item":"",onClick:q=>{if(b?.(q),q.defaultPrevented)return;const z=Bt({event:Ue.getEvent({item:q.currentTarget,event:q.nativeEvent}),trigger:q.currentTarget});o?.(z),!(z.isCanceled||q.defaultPrevented)&&(j&&R.select({value:e,eventDetails:z}),!(z.isCanceled||q.defaultPrevented)&&(n??(j?R.closeOnSelect:!G))&&N())},render:q=>{const z=he({nativeButton:p,renderProps:q});return(0,u.jsx)(De.ListItem,{...q,render:(0,u.jsx)(Gt,{render:A,disabled:z,state:{selected:T??!1,multiple:G,disabled:_}}),className:(0,U.clsx)(q.className,Q&&P.itemWithActionsPrimary),disabled:_,selected:T,focused:se,indicator:ie?"none":oe,color:c,startIcon:a,endIcon:m,actionsVisibility:f,description:s,descriptionPlacement:d,shortcut:l,shortcutJoinLabel:D,hasSubmenu:!Q&&v,children:C})}});return Q?(0,u.jsx)(Oe,{actions:w,actionsVisibility:f,color:c,selected:T,focused:se,indicator:oe,disabled:_,hasSubmenu:v,children:ne}):ne},Vt=({id:e,type:t,children:r})=>{const o=F(),{registerPage:n}=o,c=(0,g.useCallback)(a=>{i.isDefined(a)&&n({id:e,type:t})},[e,t,n]);return o.pageId!==e?null:(0,u.jsx)(ue.Provider,{value:{...o,type:t??o.rootType},children:(0,u.jsx)("div",{ref:c,className:P.page,"data-dropdown-page-type":t??o.rootType,children:r})})},Wt=({open:e,registerOpenNestedRoot:t})=>((0,g.useEffect)(()=>{if(e)return t?.()},[e,t]),null),zt=({rowIds:e=[],focusedRowId:t})=>i.isDefined(t)&&e.includes(t)?t:e[0],$t="data-base-ui-focus-guard",Yt=e=>{const t=e?.nextElementSibling;if(!(!(t instanceof HTMLElement)||!t.hasAttribute($t)))return t},Xt=e=>e instanceof FocusEvent?e.type==="focusout"&&e.relatedTarget instanceof Element?e.relatedTarget:null:e.target instanceof Element?e.target:null,we=({onDismiss:e,event:t,target:r=Xt(t)})=>{if(!i.isDefined(e))return!1;let o=!1;return e({target:r,type:t.type,preventDefault:()=>{o=!0}}),o},Ae=()=>{const[e,t]=(0,g.useState)();return[e,(0,g.useCallback)(r=>(t(r),()=>t(o=>o===r?void 0:o)),[])]},Jt=()=>{const[e,t]=(0,g.useState)(()=>new Map);return{selections:e,initializeSelection:(0,g.useCallback)(({id:r,state:o})=>{t(n=>n.get(r)?.multiple===o.multiple?n:new Map(n).set(r,o))},[]),updateSelection:(0,g.useCallback)(({id:r,state:o})=>{t(n=>new Map(n).set(r,o))},[])}},He=({children:e,type:t,open:r,defaultOpen:o=!1,onOpenChange:n,onEscapeKeyDown:c,onInteractOutside:a,multiple:m=!1,defaultPage:s="root",isSubmenu:d=!1})=>{const l=(0,g.useContext)(ue),D=Jt(),{selections:v,initializeSelection:w,updateSelection:f}=d&&i.isDefined(l)?l:D,C=(0,g.useRef)(0),A=(0,g.useCallback)(()=>(C.current+=1,()=>{C.current-=1}),[]),[_,p]=(0,g.useState)(o),b=r??_,[x,h]=(0,g.useState)(b),[I,E]=(0,g.useState)([{id:s}]),[N,K]=(0,g.useState)(),[R,j]=(0,g.useState)(),[G,T]=(0,g.useState)(),S=I[I.length-1]?.id,[M,L]=(0,g.useState)(),[W,J]=(0,g.useState)("first"),[te,Y]=(0,g.useState)(!0),[y,V]=(0,g.useState)(),[re,Q]=Ae(),[se,oe]=Ae(),ie=b&&!x,ne=!b&&x;(ie||ne)&&h(b),ie&&(E([{id:s}]),K(void 0),L(void 0),T(void 0)),ne&&(J("first"),Y(!0),V(void 0));const q=k=>{i.isDefined(r)||p(k),n?.(k)},z=k=>{i.isDefined(k)&&we({onDismiss:a,event:k,target:null})||(q(!1),d&&l?.closeTree(k))},ze=({ownerDocument:k,tabOutEvent:O})=>{const B=i.isDefined(re)?k.getElementById(re):null;if(d&&i.isDefined(l)){q(!1),B?.focus(),l.tabForwardOutOfTree({ownerDocument:k,tabOutEvent:O});return}const $=Yt(B);if(!i.isDefined($)){z(O);return}$.focus()},$e=({id:k,trigger:O})=>{L({pageId:k}),E(B=>[...B,{id:k,trigger:O}])},Ye=()=>{const k=I[I.length-2];if(!i.isDefined(k))return;const O=I[I.length-1]?.trigger;L({pageId:k.id,target:O}),E(B=>B.slice(0,-1))},Xe=(0,g.useCallback)(({id:k,type:O})=>{if(!b)return;const B=O??t;K($=>$?.id===k&&$.type===B?$:{id:k,type:B})},[b,t]);return(0,u.jsx)(Z.Popover.Root,{open:b,onOpenChange:(k,O)=>{if(!k&&!b){O.cancel();return}const B=O.reason==="outside-press"||O.reason==="focus-out";if(B&&C.current>0){O.cancel();return}const $=O.reason==="escape-key"&&we({onDismiss:c,event:O.event}),Je=B&&we({onDismiss:a,event:O.event});if($||Je){O.cancel();return}B&&Qe.preventDismissingClickActivation(O.event),Y(O.reason!=="trigger-hover"),q(k)},children:(0,u.jsxs)(ue.Provider,{value:{type:i.isDefined(N)&&N.id===S?N.type:t,rootType:t,open:b,multiple:m,selections:v,initializeSelection:w,updateSelection:f,isSubmenu:d,parentType:l?.type,rowFocus:{rowIds:R,tabStopRowId:zt({rowIds:R,focusedRowId:G}),focusRow:T},parentRowFocus:l?.rowFocus,setRowIds:j,pageId:S,pageFocusRequest:M,setPageFocusRequest:L,canGoBack:I.length>1,initialFocusEdge:W,setInitialFocusEdge:J,focusOnOpen:te,setFocusOnOpen:Y,setOpen:q,closeTree:z,tabForwardOutOfTree:ze,goToPage:$e,goBack:Ye,registerPage:Xe,registerOpenNestedRoot:A,searchTargetId:y,setSearchTargetId:V,triggerId:re,registerTrigger:Q,titleId:se,registerTitle:oe},children:[(0,u.jsx)(Wt,{open:b,registerOpenNestedRoot:d?void 0:l?.registerOpenNestedRoot}),(0,u.jsx)(Ce.Provider,{value:void 0,children:e})]})})},Qt=({onValueChange:e,className:t,...r})=>{const{searchTargetId:o}=F();return(0,u.jsx)("div",{className:P.searchContainer,children:(0,u.jsx)(et.Input,{type:"search",autoComplete:"off","aria-activedescendant":o,...r,"data-dropdown-search":"",className:X.mergeClassNames(P.search,t),onValueChange:n=>e?.(n)})})},Zt=({className:e,...t})=>(0,u.jsx)(ve.Menu.Group,{...t,className:X.mergeClassNames(P.group,e)}),er=({className:e,...t})=>(0,u.jsx)(ve.Menu.GroupLabel,{...t,className:X.mergeClassNames(P.groupLabel,e)}),tr=({label:e,scrollable:t,columns:r,style:o,className:n,children:c,...a})=>{const m=(0,H.isPositiveInteger)(r)?r:void 0;return(0,u.jsxs)(Zt,{...a,"data-scrollable":t||void 0,"data-dropdown-columns":m,style:{...o,...i.isDefined(m)&&{gridTemplateColumns:`repeat(${m}, minmax(0, 1fr))`}},className:(0,U.clsx)(P.section,n),children:[i.isDefined(e)&&(0,u.jsx)(er,{"data-dropdown-section-label":"",children:e}),c]})},Ve=({id:e,initialState:t,initializeSelection:r})=>((0,g.useLayoutEffect)(()=>{r({id:e,state:t})},[e,t,r]),null),We=({props:e,storedState:t})=>e.multiple?{multiple:!0,value:e.value??(t?.multiple?t.value:e.defaultValue??[])}:(0,H.isUndefined)(e.value)?{multiple:!1,value:t?.multiple===!1?t.value:e.defaultValue??null}:{multiple:!1,value:e.value},rr=e=>{const{id:t,multiple:r=!1,value:o,defaultValue:n,onValueChange:c,closeOnSelect:a=!r,render:m,ref:s,className:d,children:l,...D}=e,{type:v,selections:w,initializeSelection:f,updateSelection:C}=F(),A=(0,g.useId)(),_=t??A,p=We({props:e,storedState:w.get(_)}),b=({value:h,eventDetails:I})=>{if(!(!p.multiple&&p.value===h)){if(p.multiple&&e.multiple){const E=p.value.includes(h)?p.value.filter(N=>N!==h):[...p.value,h];e.onValueChange?.(E,I),!I.isCanceled&&(0,H.isUndefined)(o)&&C({id:_,state:{multiple:!0,value:E}});return}e.multiple||(e.onValueChange?.(h,I),!I.isCanceled&&(0,H.isUndefined)(o)&&C({id:_,state:{multiple:!1,value:h}}))}},x=(0,de.useRender)({render:m,ref:s,state:p,props:{...D,id:_,className:(0,U.clsx)(P.selectionGroup,d),role:v==="picker"?"listbox":"group","aria-multiselectable":v==="picker"?r:void 0,children:l}});return(0,u.jsxs)(Ce.Provider,{value:{...p,closeOnSelect:a,select:b},children:[(0,H.isUndefined)(o)&&(0,u.jsx)(Ve,{id:_,initialState:p,initializeSelection:f}),x]})},or=({className:e,...t})=>(0,u.jsx)(ve.Menu.Separator,{...t,role:"separator","data-dropdown-separator":"",className:(0,U.clsx)(P.separator,e)}),nr=({type:e="menu",...t})=>(0,u.jsx)(He,{...t,type:e,isSubmenu:!0}),Se=e=>(0,g.useCallback)(t=>{if(!(!i.isDefined(t)||!(0,H.isNonEmptyString)(t.id)))return e(t.id)},[e]),sr=({color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:n,shortcut:c,shortcutJoinLabel:a,hasSubmenu:m=!0,children:s,render:d,disabled:l=!1,nativeButton:D=!i.isDefined(d),openOnHover:v=!0,onKeyDown:w,id:f,ref:C,...A})=>{const _=(0,Re.useDirection)(),{type:p,rootType:b,parentType:x,open:h,setOpen:I,setFocusOnOpen:E,registerTrigger:N}=F(),K=h?p:b,R=(0,g.useId)(),j=_e({id:f,render:d})??R,G=ye({id:j,disabled:l,isSubmenuTrigger:!0}),T=(0,le.useMergedRefs)(C,Se(N));return(0,u.jsx)(Z.Popover.Trigger,{...A,ref:T,id:j,disabled:l,nativeButton:D,openOnHover:v,role:x==="menu"?"menuitem":void 0,"aria-haspopup":K==="menu"?"menu":"dialog",tabIndex:G.tabIndex,"data-dropdown-item":"",onKeyDown:S=>{if(w?.(S),S.defaultPrevented||l)return;const M=ee.doNotTranslate(_==="rtl"?"ArrowLeft":"ArrowRight");if(S.key===M){S.preventDefault(),S.stopPropagation(),E(!0);const L=S.currentTarget.getAttribute("aria-controls"),W=i.isDefined(L)?S.currentTarget.ownerDocument.getElementById(L):null;if(h&&i.isDefined(W)){Ie({content:W,type:p}).focus();return}I(!0)}},render:S=>{const M=he({nativeButton:D,renderProps:S});return(0,u.jsx)(De.ListItem,{...S,render:(0,u.jsx)(je,{render:d,disabled:M}),disabled:l,color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:n,shortcut:c,shortcutJoinLabel:a,hasSubmenu:m,children:s})}})},ir=({className:e,render:t,ref:r,...o})=>{const{registerTitle:n}=F(),c=(0,le.useMergedRefs)(r,Se(n));return(0,u.jsx)(Ne.Popover.Title,{...o,ref:c,render:t??(0,u.jsx)("div",{}),className:X.mergeClassNames(P.title,e)})},ar=({onKeyDown:e,onClick:t,ref:r,...o})=>{const{type:n,rootType:c,open:a,setOpen:m,setInitialFocusEdge:s,setFocusOnOpen:d,registerTrigger:l}=F(),D=a?n:c,v=(0,le.useMergedRefs)(r,Se(l));return(0,u.jsx)(Z.Popover.Trigger,{...o,ref:v,"aria-haspopup":D==="menu"?"menu":"dialog",onClick:w=>{w.stopPropagation(),w.preventDefault(),t?.(w)},onKeyDown:w=>{e?.(w),!(w.defaultPrevented||w.baseUIHandlerPrevented||o.disabled||D==="panel")&&(w.key!=="ArrowDown"&&w.key!=="ArrowUp"||(w.preventDefault(),d(!0),s(w.key==="ArrowUp"?"last":"first"),m(!0)))}})},cr=He,ur={Root:cr,Trigger:ar,Content:qt,ActionItem:Le,OptionItem:Ht,SelectionGroup:rr,Search:Qt,Header:Ft,Title:ir,Close:St,Page:Vt,Back:_t,Submenu:nr,SubmenuTrigger:sr,Section:tr,Separator:or,Loading:Mt,Empty:Lt};Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return ur}});Object.defineProperty(exports,"DropdownSelectionGroupEffect",{enumerable:!0,get:function(){return Ve}});Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return Fe}});Object.defineProperty(exports,"LightIconButton",{enumerable:!0,get:function(){return Me}});Object.defineProperty(exports,"getDropdownSelectionGroupState",{enumerable:!0,get:function(){return We}});Object.defineProperty(exports,"useDropdownContext",{enumerable:!0,get:function(){return F}});

package/dist/{ListItem-CjnrSbka.js → ListItem-DizNUBT8.js}

@@ -1,6 +1,6 @@
 import { t as R } from "./isDefined-fMi6eQ4r.js";
 import { Cn as b, Dn as S } from "./icon-CUE-QGQK.js";
-import { t as j } from "./Shortcut-BvWUZ3pb.js";
+import { t as j } from "./Shortcut-Bp9iDdQg.js";
 import { t as n } from "./isRenderableSlot-DT_depzM.js";
 import { t as q } from "./OverflowingTextWithTooltip-BmUROIah.js";
 import { n as s, t as a } from "./ListItem.module-BJ9Ttjrc.js";

package/dist/{ListItem-CHTR-GLd.cjs → ListItem-DwBb-I1D.cjs}

@@ -1 +1 @@
-const C=require("./isDefined-DS2Q42p5.cjs"),g=require("./Shortcut-CgrdLv_L.cjs"),a=require("./isRenderableSlot-Guryb6Nf.cjs"),v=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),e=require("./ListItem.module-CO4u2oeF.cjs");let S=require("@base-ui/react/use-render"),R=require("@sniptt/guards"),i=require("clsx"),t=require("react/jsx-runtime"),n=require("@tabler/icons-react");var D=({checked:l,disabled:s})=>(0,t.jsx)("span",{"aria-hidden":!0,className:(0,i.clsx)(e.Checkbox_module_default.root,e.Checkbox_module_default.solid,e.Checkbox_module_default.sm,e.Checkbox_module_default.square,e.Checkbox_module_default.accent),"data-checked":l||void 0,"data-disabled":s||void 0,children:l&&(0,t.jsx)("span",{className:e.Checkbox_module_default.indicator,children:(0,t.jsx)(n.IconCheck,{"aria-hidden":!0})})}),T=({color:l="neutral",selected:s=!1,focused:I=!1,disabled:o=!1,indicator:r="none",startIcon:c,endIcon:_,description:d,descriptionPlacement:m="inline",actions:h,actionsVisibility:b="hover",shortcut:x,shortcutJoinLabel:j,hasSubmenu:L=!1,className:p,children:u,render:q,ref:k,...N})=>{const f=a.isRenderableSlot(d);return(0,S.useRender)({render:q,ref:k,state:{color:l,indicator:r,selected:s,highlighted:I,disabled:o},props:{...N,"data-actions-visibility":b,className:(0,i.clsx)(e.ListItem_module_default.root,p),children:(0,t.jsxs)(t.Fragment,{children:[r==="checkbox"&&(0,t.jsx)(D,{checked:s,disabled:o}),a.isRenderableSlot(c)&&(0,t.jsx)("span",{className:e.ListItem_module_default.startIcon,children:c}),(0,t.jsxs)("span",{className:e.ListItem_module_default.label,children:[(0,t.jsx)("span",{className:e.ListItem_module_default.text,children:(0,R.isString)(u)?(0,t.jsx)(v.OverflowingTextWithTooltip,{text:u}):u}),f&&m==="inline"&&(0,t.jsx)("span",{className:(0,i.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.inlineDescription),children:d})]}),f&&m==="end"&&(0,t.jsx)("span",{className:(0,i.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.endDescription),children:d}),a.isRenderableSlot(h)&&(0,t.jsx)("span",{className:e.ListItem_module_default.actions,children:h}),C.isDefined(x)&&(0,t.jsx)(g.Shortcut,{className:e.ListItem_module_default.hotkeys,shortcut:x,sequenceJoinLabel:j}),a.isRenderableSlot(_)&&(0,t.jsx)("span",{className:e.ListItem_module_default.endIcon,children:_}),r==="check"&&s&&(0,t.jsx)(n.IconCheck,{className:e.ListItem_module_default.checkIndicator,"aria-hidden":!0}),L&&(0,t.jsx)(n.IconChevronRight,{className:e.ListItem_module_default.submenuIcon,"aria-hidden":!0})]})}})};Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return T}});
+const C=require("./isDefined-DS2Q42p5.cjs"),g=require("./Shortcut-N8TELGPI.cjs"),a=require("./isRenderableSlot-Guryb6Nf.cjs"),v=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),e=require("./ListItem.module-CO4u2oeF.cjs");let S=require("@base-ui/react/use-render"),R=require("@sniptt/guards"),i=require("clsx"),t=require("react/jsx-runtime"),n=require("@tabler/icons-react");var D=({checked:l,disabled:s})=>(0,t.jsx)("span",{"aria-hidden":!0,className:(0,i.clsx)(e.Checkbox_module_default.root,e.Checkbox_module_default.solid,e.Checkbox_module_default.sm,e.Checkbox_module_default.square,e.Checkbox_module_default.accent),"data-checked":l||void 0,"data-disabled":s||void 0,children:l&&(0,t.jsx)("span",{className:e.Checkbox_module_default.indicator,children:(0,t.jsx)(n.IconCheck,{"aria-hidden":!0})})}),T=({color:l="neutral",selected:s=!1,focused:I=!1,disabled:o=!1,indicator:r="none",startIcon:c,endIcon:_,description:d,descriptionPlacement:m="inline",actions:h,actionsVisibility:b="hover",shortcut:x,shortcutJoinLabel:j,hasSubmenu:L=!1,className:p,children:u,render:q,ref:k,...N})=>{const f=a.isRenderableSlot(d);return(0,S.useRender)({render:q,ref:k,state:{color:l,indicator:r,selected:s,highlighted:I,disabled:o},props:{...N,"data-actions-visibility":b,className:(0,i.clsx)(e.ListItem_module_default.root,p),children:(0,t.jsxs)(t.Fragment,{children:[r==="checkbox"&&(0,t.jsx)(D,{checked:s,disabled:o}),a.isRenderableSlot(c)&&(0,t.jsx)("span",{className:e.ListItem_module_default.startIcon,children:c}),(0,t.jsxs)("span",{className:e.ListItem_module_default.label,children:[(0,t.jsx)("span",{className:e.ListItem_module_default.text,children:(0,R.isString)(u)?(0,t.jsx)(v.OverflowingTextWithTooltip,{text:u}):u}),f&&m==="inline"&&(0,t.jsx)("span",{className:(0,i.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.inlineDescription),children:d})]}),f&&m==="end"&&(0,t.jsx)("span",{className:(0,i.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.endDescription),children:d}),a.isRenderableSlot(h)&&(0,t.jsx)("span",{className:e.ListItem_module_default.actions,children:h}),C.isDefined(x)&&(0,t.jsx)(g.Shortcut,{className:e.ListItem_module_default.hotkeys,shortcut:x,sequenceJoinLabel:j}),a.isRenderableSlot(_)&&(0,t.jsx)("span",{className:e.ListItem_module_default.endIcon,children:_}),r==="check"&&s&&(0,t.jsx)(n.IconCheck,{className:e.ListItem_module_default.checkIndicator,"aria-hidden":!0}),L&&(0,t.jsx)(n.IconChevronRight,{className:e.ListItem_module_default.submenuIcon,"aria-hidden":!0})]})}})};Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return T}});

package/dist/{ProgressBar-BvT1dyFo.js → ProgressBar-B3xACTV2.js}

@@ -1,6 +1,6 @@
 import { t as p } from "./mergeClassNames-ClFMR1v0.js";
 import { n as l, t as h } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
-import { t as B } from "./Button-D5enZ0Qz.js";
+import { t as B } from "./Button-DIw804CX.js";
 import { t as u } from "./isRenderableSlot-DT_depzM.js";
 import { useRender as N } from "@base-ui/react/use-render";
 import { isFunction as k, isNonEmptyString as y } from "@sniptt/guards";

package/dist/{ProgressBar-DfFz0fFB.cjs → ProgressBar-OpSMnDBz.cjs}

@@ -1 +1 @@
-const p=require("./mergeClassNames-D4lshrT6.cjs"),j=require("./getProgressIndicatorPercentage-Mii9lnYd.cjs"),q=require("./Button-Dbi5P05r.cjs"),b=require("./isRenderableSlot-Guryb6Nf.cjs");let P=require("@base-ui/react/use-render"),v=require("@sniptt/guards"),x=require("clsx"),e=require("react/jsx-runtime"),l=require("@base-ui/react/progress");var f={neutral:"gray",info:"blue",success:"green",warning:"orange",error:"red"},N="_action_c4pdy_1",h={action:N},S=({className:r,...n})=>(0,e.jsx)(q.Button,{...n,size:"sm",variant:"outline",className:p.mergeClassNames(h.action,r)}),y="_banner_181zy_1",O="_icon_181zy_52",A="_action_181zy_53",d={banner:y,icon:O,action:A},C=({status:r="info",variant:n="solid",color:t=f[r],icon:i,action:s,className:c,children:o,render:u,ref:_,...a})=>(0,P.useRender)({render:u,ref:_,state:{status:r,variant:n,color:t},props:{...a,className:(0,x.clsx)(d.banner,c),children:(0,e.jsxs)(e.Fragment,{children:[b.isRenderableSlot(i)&&(0,e.jsx)("span",{className:d.icon,children:i}),o,b.isRenderableSlot(s)&&(0,e.jsx)("div",{className:d.action,children:s})]})}}),k=Object.assign(C,{Action:S}),R="_bar_o09oi_1",z="_track_o09oi_17",E="_indicator_o09oi_23",F="_progressBarIndeterminate_o09oi_1",g={bar:R,track:z,indicator:E,progressBarIndeterminate:F},I=({size:r="md",className:n,style:t,children:i,barColor:s,backgroundColor:c="none",withBorderRadius:o=!1,withMinimumFillWidth:u=!0,..._})=>(0,e.jsxs)(l.Progress.Root,{..._,className:p.mergeClassNames(g.bar,n),"data-size":r,"data-with-border-radius":o||void 0,style:a=>({"--progress-bar-background-color":c,...(0,v.isNonEmptyString)(s)?{"--progress-bar-color":s}:{},...(0,v.isFunction)(t)?t(a):t}),children:[(0,e.jsx)(l.Progress.Track,{className:g.track,children:(0,e.jsx)(l.Progress.Indicator,{className:g.indicator,"data-with-border-radius":o||void 0,render:a=>{const m=j.getProgressIndicatorPercentage({width:a.style?.width,fallbackPercentage:0}),B=u&&m>0&&m<100;return(0,e.jsx)("div",{...a,"data-minimum-fill":B||void 0})}})}),i]});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"FEEDBACK_STATUS_COLORS",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return I}});
+const p=require("./mergeClassNames-D4lshrT6.cjs"),j=require("./getProgressIndicatorPercentage-Mii9lnYd.cjs"),q=require("./Button-DTm1WDzp.cjs"),b=require("./isRenderableSlot-Guryb6Nf.cjs");let P=require("@base-ui/react/use-render"),v=require("@sniptt/guards"),x=require("clsx"),e=require("react/jsx-runtime"),l=require("@base-ui/react/progress");var f={neutral:"gray",info:"blue",success:"green",warning:"orange",error:"red"},N="_action_c4pdy_1",h={action:N},S=({className:r,...n})=>(0,e.jsx)(q.Button,{...n,size:"sm",variant:"outline",className:p.mergeClassNames(h.action,r)}),y="_banner_181zy_1",O="_icon_181zy_52",A="_action_181zy_53",d={banner:y,icon:O,action:A},C=({status:r="info",variant:n="solid",color:t=f[r],icon:i,action:s,className:c,children:o,render:u,ref:_,...a})=>(0,P.useRender)({render:u,ref:_,state:{status:r,variant:n,color:t},props:{...a,className:(0,x.clsx)(d.banner,c),children:(0,e.jsxs)(e.Fragment,{children:[b.isRenderableSlot(i)&&(0,e.jsx)("span",{className:d.icon,children:i}),o,b.isRenderableSlot(s)&&(0,e.jsx)("div",{className:d.action,children:s})]})}}),k=Object.assign(C,{Action:S}),R="_bar_o09oi_1",z="_track_o09oi_17",E="_indicator_o09oi_23",F="_progressBarIndeterminate_o09oi_1",g={bar:R,track:z,indicator:E,progressBarIndeterminate:F},I=({size:r="md",className:n,style:t,children:i,barColor:s,backgroundColor:c="none",withBorderRadius:o=!1,withMinimumFillWidth:u=!0,..._})=>(0,e.jsxs)(l.Progress.Root,{..._,className:p.mergeClassNames(g.bar,n),"data-size":r,"data-with-border-radius":o||void 0,style:a=>({"--progress-bar-background-color":c,...(0,v.isNonEmptyString)(s)?{"--progress-bar-color":s}:{},...(0,v.isFunction)(t)?t(a):t}),children:[(0,e.jsx)(l.Progress.Track,{className:g.track,children:(0,e.jsx)(l.Progress.Indicator,{className:g.indicator,"data-with-border-radius":o||void 0,render:a=>{const m=j.getProgressIndicatorPercentage({width:a.style?.width,fallbackPercentage:0}),B=u&&m>0&&m<100;return(0,e.jsx)("div",{...a,"data-minimum-fill":B||void 0})}})}),i]});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"FEEDBACK_STATUS_COLORS",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return I}});

package/dist/{Radio-DMI1B7o5.js → Radio-BEAztmPu.js}

@@ -1,6 +1,6 @@
 import { t as g } from "./isDefined-fMi6eQ4r.js";
 import { t as i } from "./mergeClassNames-ClFMR1v0.js";
-import { n as v } from "./Button-D5enZ0Qz.js";
+import { n as v } from "./Button-DIw804CX.js";
 import { n as j, r as C } from "./Input-DZWl81G_.js";
 import { useRender as F } from "@base-ui/react/use-render";
 import { isBoolean as G } from "@sniptt/guards";

package/dist/{Radio-xmHgGHQO.cjs → Radio-Dx6b4SYZ.cjs}

@@ -1 +1 @@
-const x=require("./isDefined-DS2Q42p5.cjs"),_=require("./mergeClassNames-D4lshrT6.cjs"),v=require("./Button-Dbi5P05r.cjs"),p=require("./Input-DvL77rvu.cjs");let F=require("@base-ui/react/use-render"),I=require("@sniptt/guards"),s=require("clsx"),r=require("react/jsx-runtime"),t=require("@base-ui/react/number-field"),b=require("@base-ui/react/radio");var R="_trigger_hijh9_1",q="_value_hijh9_12",C="_icon_hijh9_31",G="_positioner_hijh9_42",S="_popup_hijh9_46",k="_item_hijh9_71",A="_indicator_hijh9_75",D="_groupLabel_hijh9_81",O="_separator_hijh9_89",P={trigger:R,value:q,icon:C,positioner:G,popup:S,item:k,indicator:A,groupLabel:D,separator:O},y="_group_mv9ls_1",B="_button_mv9ls_7",c={group:y,button:B},E=({className:e,...a})=>(0,r.jsx)(t.NumberField.Decrement,{...a,className:_.mergeClassNames((0,s.clsx)(v.Button_module_default.button,c.button),e)}),$=({className:e,...a})=>(0,r.jsx)(t.NumberField.Group,{...a,className:_.mergeClassNames(c.group,e)}),L=({className:e,...a})=>(0,r.jsx)(t.NumberField.Increment,{...a,className:_.mergeClassNames((0,s.clsx)(v.Button_module_default.button,c.button),e)}),w=({className:e,...a})=>(0,r.jsx)(t.NumberField.Input,{...a,className:_.mergeClassNames(p.Input_module_default.input,e)}),H={Root:t.NumberField.Root,Group:$,Input:w,Increment:L,Decrement:E,ScrubArea:t.NumberField.ScrubArea,ScrubAreaCursor:t.NumberField.ScrubAreaCursor},J="_root_lk8ci_1",K="_sm_lk8ci_27",M="_md_lk8ci_31",Q="_startElement_lk8ci_35",T="_endElement_lk8ci_36",n={root:J,sm:K,md:M,startElement:Q,endElement:T},m=e=>x.isDefined(e)&&!(0,I.isBoolean)(e)&&e!=="",U=({size:e="md",startElement:a,endElement:i,className:o,children:d,render:l,ref:f,...h})=>{const g=(0,F.useRender)({render:l,ref:f,props:{...h,className:(0,s.clsx)(n.root,n[e],o),children:(0,r.jsxs)(r.Fragment,{children:[m(a)&&(0,r.jsx)("span",{className:n.startElement,children:a}),d,m(i)&&(0,r.jsx)("span",{className:n.endElement,children:i})]})}});return(0,r.jsx)(p.InputGroupContext.Provider,{value:{size:e},children:g})},V="_root_1dv0f_1",W="_control_1dv0f_18",X="_sm_1dv0f_33",Y="_md_1dv0f_38",Z="_indicator_1dv0f_49",z="_card_1dv0f_90",ee="_cardContent_1dv0f_111",u={root:V,control:W,sm:X,md:Y,indicator:Z,card:z,cardContent:ee},N=b.Radio.Indicator,j=b.Radio.Root,re=({children:e,className:a,size:i="sm",variant:o="default",render:d=o==="card"?(0,r.jsx)("div",{}):void 0,...l})=>(0,r.jsxs)(j,{...l,render:d,className:_.mergeClassNames((0,s.clsx)(u.root,u[i],o==="card"&&u.card),a),children:[(0,r.jsx)("span",{className:u.control,"aria-hidden":!0,children:(0,r.jsx)(N,{className:u.indicator})}),o==="card"?(0,r.jsx)("span",{className:u.cardContent,children:e}):e]}),ae=Object.assign(re,{Root:j,Indicator:N});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return U}});Object.defineProperty(exports,"NumberField",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Select_module_default",{enumerable:!0,get:function(){return P}});
+const x=require("./isDefined-DS2Q42p5.cjs"),_=require("./mergeClassNames-D4lshrT6.cjs"),v=require("./Button-DTm1WDzp.cjs"),p=require("./Input-DvL77rvu.cjs");let F=require("@base-ui/react/use-render"),I=require("@sniptt/guards"),s=require("clsx"),r=require("react/jsx-runtime"),t=require("@base-ui/react/number-field"),b=require("@base-ui/react/radio");var R="_trigger_hijh9_1",q="_value_hijh9_12",C="_icon_hijh9_31",G="_positioner_hijh9_42",S="_popup_hijh9_46",k="_item_hijh9_71",A="_indicator_hijh9_75",D="_groupLabel_hijh9_81",O="_separator_hijh9_89",P={trigger:R,value:q,icon:C,positioner:G,popup:S,item:k,indicator:A,groupLabel:D,separator:O},y="_group_mv9ls_1",B="_button_mv9ls_7",c={group:y,button:B},E=({className:e,...a})=>(0,r.jsx)(t.NumberField.Decrement,{...a,className:_.mergeClassNames((0,s.clsx)(v.Button_module_default.button,c.button),e)}),$=({className:e,...a})=>(0,r.jsx)(t.NumberField.Group,{...a,className:_.mergeClassNames(c.group,e)}),L=({className:e,...a})=>(0,r.jsx)(t.NumberField.Increment,{...a,className:_.mergeClassNames((0,s.clsx)(v.Button_module_default.button,c.button),e)}),w=({className:e,...a})=>(0,r.jsx)(t.NumberField.Input,{...a,className:_.mergeClassNames(p.Input_module_default.input,e)}),H={Root:t.NumberField.Root,Group:$,Input:w,Increment:L,Decrement:E,ScrubArea:t.NumberField.ScrubArea,ScrubAreaCursor:t.NumberField.ScrubAreaCursor},J="_root_lk8ci_1",K="_sm_lk8ci_27",M="_md_lk8ci_31",Q="_startElement_lk8ci_35",T="_endElement_lk8ci_36",n={root:J,sm:K,md:M,startElement:Q,endElement:T},m=e=>x.isDefined(e)&&!(0,I.isBoolean)(e)&&e!=="",U=({size:e="md",startElement:a,endElement:i,className:o,children:d,render:l,ref:f,...h})=>{const g=(0,F.useRender)({render:l,ref:f,props:{...h,className:(0,s.clsx)(n.root,n[e],o),children:(0,r.jsxs)(r.Fragment,{children:[m(a)&&(0,r.jsx)("span",{className:n.startElement,children:a}),d,m(i)&&(0,r.jsx)("span",{className:n.endElement,children:i})]})}});return(0,r.jsx)(p.InputGroupContext.Provider,{value:{size:e},children:g})},V="_root_1dv0f_1",W="_control_1dv0f_18",X="_sm_1dv0f_33",Y="_md_1dv0f_38",Z="_indicator_1dv0f_49",z="_card_1dv0f_90",ee="_cardContent_1dv0f_111",u={root:V,control:W,sm:X,md:Y,indicator:Z,card:z,cardContent:ee},N=b.Radio.Indicator,j=b.Radio.Root,re=({children:e,className:a,size:i="sm",variant:o="default",render:d=o==="card"?(0,r.jsx)("div",{}):void 0,...l})=>(0,r.jsxs)(j,{...l,render:d,className:_.mergeClassNames((0,s.clsx)(u.root,u[i],o==="card"&&u.card),a),children:[(0,r.jsx)("span",{className:u.control,"aria-hidden":!0,children:(0,r.jsx)(N,{className:u.indicator})}),o==="card"?(0,r.jsx)("span",{className:u.cardContent,children:e}):e]}),ae=Object.assign(re,{Root:j,Indicator:N});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return U}});Object.defineProperty(exports,"NumberField",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Select_module_default",{enumerable:!0,get:function(){return P}});

package/dist/ResizeHandle-B1MuHTNA.cjs

@@ -0,0 +1 @@
+const u=require("./isDefined-DS2Q42p5.cjs"),I=require("./doNotTranslate-CHE7WmRS.cjs");let H=require("@base-ui/react/use-render"),A=require("@sniptt/guards"),M=require("clsx"),K=require("react"),U=require("react/jsx-runtime"),j=require("@base-ui/react/merge-props"),F=require("@base-ui/utils/useControlled"),Z=require("@base-ui/react/direction-provider"),O=require("@base-ui/utils/useStableCallback"),k=require("@base-ui/utils/clamp");var R={value:150,min:50,max:500,step:10,dragThreshold:0,edgeDragThreshold:5},X={left:{axis:"x",direction:"reverse"},right:{axis:"x",direction:"normal"},top:{axis:"y",direction:"reverse"},bottom:{axis:"y",direction:"normal"}},Y=({axis:d,isReversed:E,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:b,onResizeEnd:z,onActivate:g,scale:P,dragThreshold:T,min:_,max:D,disabled:l})=>{const n=(0,K.useRef)(null),c=(0,K.useRef)(!1),s=(0,O.useStableCallback)(e=>{const r=n.current;if(!u.isDefined(r)||(n.current=null,r.removeEscapeKeyListener(),c.current=e||r.hasStarted,r.target.hasPointerCapture?.(r.pointerId)&&r.target.releasePointerCapture?.(r.pointerId),!r.hasStarted))return;const o=e?(0,k.clamp)(r.startValue,_,D):r.currentValue;e&&h(o),e||w?.(o),z?.({cancelled:e,value:o})});(0,K.useEffect)(()=>()=>{s(!0)},[s]);const f=e=>{e.preventDefault()},q=e=>{if(l||e.defaultPrevented||e.button!==0||u.isDefined(n.current))return;const r=(0,A.isFunction)(P)?P():P,o=Number.isFinite(r)&&r>0?r:1,p=e.currentTarget.ownerDocument?.defaultView,a=x=>{x.key==="Escape"&&(x.preventDefault(),x.stopPropagation(),s(!0))};e.currentTarget.setPointerCapture?.(e.pointerId),p?.addEventListener("keydown",a,!0),c.current=!1,n.current={pointerId:e.pointerId,target:e.currentTarget,axis:d,startPosition:d==="y"?e.clientY:e.clientX,startValue:i,currentValue:i,multiplier:(E?-1:1)/o,threshold:Math.max(0,T),hasStarted:!1,removeEscapeKeyListener:()=>p?.removeEventListener("keydown",a,!0)}},C=e=>{const r=n.current;if(e.defaultPrevented||!u.isDefined(r)||r.pointerId!==e.pointerId)return;if(l){s(!0);return}const o=(r.axis==="y"?e.clientY:e.clientX)-r.startPosition,p=Math.abs(o)>r.threshold;if(!r.hasStarted&&!p)return;const a=(0,k.clamp)(r.startValue+o*r.multiplier,_,D);r.hasStarted&&a===r.currentValue||(r.currentValue=a,r.hasStarted||(r.hasStarted=!0,b?.(a)),h(a))},t=e=>{n.current?.pointerId===e.pointerId&&(C(e),s(l||e.defaultPrevented))},S=e=>{n.current?.pointerId===e.pointerId&&s(!0)};return{onMouseDown:f,onPointerDown:q,onPointerMove:C,onPointerUp:t,onPointerCancel:S,onLostPointerCapture:S,onClick:e=>{const r=c.current&&e.detail>0;c.current=!1,!(l||e.defaultPrevented||r)&&g?.()},isPointerActive:()=>u.isDefined(n.current)}},G=({axis:d,direction:E,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:b,onResizeEnd:z,onActivate:g,scale:P,dragThreshold:T,min:_,max:D,step:l,disabled:n})=>{const c=(0,Z.useDirection)(),s=u.isDefined(E)?E==="reverse":d==="x"&&c==="rtl",{isPointerActive:f,...q}=Y({axis:d,isReversed:s,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:b,onResizeEnd:z,onActivate:g,scale:P,dragThreshold:T,min:_,max:D,disabled:n});return{...q,onKeyDown:t=>{const S=t.altKey||t.ctrlKey||t.metaKey;if(t.defaultPrevented||n||S||f())return;if((t.key==="Enter"||t.key===" ")&&u.isDefined(g)){t.preventDefault(),t.stopPropagation(),t.repeat||g();return}const y=I.doNotTranslate(d==="y"?"ArrowDown":"ArrowRight"),e=I.doNotTranslate(d==="y"?"ArrowUp":"ArrowLeft"),r=s?e:y,o=s?y:e,p=new Map([[r,i+l],[o,i-l],[I.doNotTranslate("Home"),_],[I.doNotTranslate("End"),D]]).get(t.key);if(!u.isDefined(p))return;t.preventDefault(),t.stopPropagation();const a=(0,k.clamp)(p,_,D);a!==i&&(h(a),w?.(a))}}},W="_area_y24an_1",B="_bar_y24an_74",N={area:W,bar:B},J=({axis:d="y",direction:E,edge:i,placement:h=u.isDefined(i)?"edge":"inline",scale:w=1,dragThreshold:b=u.isDefined(i)?R.edgeDragThreshold:R.dragThreshold,value:z,defaultValue:g=R.value,onValueChange:P,onValueCommitted:T,onResizeStart:_,onResizeEnd:D,onActivate:l,min:n=R.min,max:c=R.max,step:s=R.step,disabled:f=!1,className:q,children:C=h==="gap"?null:(0,U.jsx)("div",{className:N.bar}),render:t,ref:S,...y})=>{const e=u.isDefined(i)?X[i]:void 0,r=e?.axis??d,o=e?.direction??E,[p,a]=(0,K.useState)(!1),[x,V]=(0,F.useControlled)({controlled:z,default:g,name:I.doNotTranslate("ResizeHandle")}),v=(0,k.clamp)(x,n,c),L=G({axis:r,direction:o,scale:w,dragThreshold:b,onValueCommitted:T,onResizeStart:m=>{a(!0),_?.(m)},onResizeEnd:m=>{a(!1),D?.(m)},onActivate:l,value:v,onValueChange:m=>{V(m),P?.(m)},min:n,max:c,step:s,disabled:f});return(0,H.useRender)({render:t,ref:S,state:{axis:r,edge:i,placement:h,disabled:f,resizing:p},props:(0,j.mergeProps)(L,y,{role:"separator",tabIndex:f?-1:y.tabIndex??0,"aria-label":y["aria-label"]??I.doNotTranslate("Resize"),"aria-orientation":r==="y"?"horizontal":"vertical","aria-valuemin":n,"aria-valuemax":c,"aria-valuenow":v,"aria-disabled":f||void 0,"aria-keyshortcuts":y["aria-keyshortcuts"]??(u.isDefined(l)&&!f?"Enter Space":void 0),className:(0,M.clsx)(N.area,q),children:C})})};Object.defineProperty(exports,"RESIZE_HANDLE_DEFAULTS",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return J}});

package/dist/{ResizeHandle-C1kQ3MYR.js → ResizeHandle-B30OYZxS.js}

@@ -1,14 +1,15 @@
 import { t as u } from "./isDefined-fMi6eQ4r.js";
-import { useRender as A } from "@base-ui/react/use-render";
-import { isFunction as M } from "@sniptt/guards";
-import { clsx as N } from "clsx";
-import { useEffect as U, useRef as L, useState as F } from "react";
-import { jsx as X } from "react/jsx-runtime";
-import { mergeProps as Y } from "@base-ui/react/merge-props";
-import { useDirection as Z } from "@base-ui/react/direction-provider";
-import { useStableCallback as j } from "@base-ui/utils/useStableCallback";
-import { useControlled as q } from "@base-ui/utils/useControlled";
-import { clamp as v } from "@base-ui/utils/clamp";
+import { t as z } from "./doNotTranslate-BSVT8Xyd.js";
+import { useRender as M } from "@base-ui/react/use-render";
+import { isFunction as N } from "@sniptt/guards";
+import { clsx as U } from "clsx";
+import { useEffect as F, useRef as L, useState as X } from "react";
+import { jsx as Y } from "react/jsx-runtime";
+import { mergeProps as Z } from "@base-ui/react/merge-props";
+import { useControlled as j } from "@base-ui/utils/useControlled";
+import { useDirection as q } from "@base-ui/react/direction-provider";
+import { useStableCallback as G } from "@base-ui/utils/useStableCallback";
+import { clamp as _ } from "@base-ui/utils/clamp";
 var S = {
   value: 150,
   min: 50,
@@ -16,7 +17,7 @@ var S = {
   step: 10,
   dragThreshold: 0,
   edgeDragThreshold: 5
-}, G = {
+}, W = {
   left: {
     axis: "x",
     direction: "reverse"
@@ -33,25 +34,25 @@ var S = {
     axis: "y",
     direction: "normal"
   }
-}, W = ({ axis: d, isReversed: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: z, onResizeEnd: K, onActivate: P, scale: D, dragThreshold: x, min: m, max: y, disabled: l }) => {
-  const n = L(null), c = L(!1), i = j((e) => {
+}, B = ({ axis: d, isReversed: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: K, onResizeEnd: x, onActivate: P, scale: D, dragThreshold: C, min: m, max: y, disabled: l }) => {
+  const n = L(null), c = L(!1), i = G((e) => {
     const r = n.current;
     if (!u(r) || (n.current = null, r.removeEscapeKeyListener(), c.current = e || r.hasStarted, r.target.hasPointerCapture?.(r.pointerId) && r.target.releasePointerCapture?.(r.pointerId), !r.hasStarted)) return;
-    const s = e ? v(r.startValue, m, y) : r.currentValue;
-    e && h(s), e || w?.(s), K?.({
+    const s = e ? _(r.startValue, m, y) : r.currentValue;
+    e && h(s), e || w?.(s), x?.({
       cancelled: e,
       value: s
     });
   });
-  U(() => () => {
+  F(() => () => {
     i(!0);
   }, [i]);
   const f = (e) => {
     e.preventDefault();
-  }, C = (e) => {
+  }, V = (e) => {
     if (l || e.defaultPrevented || e.button !== 0 || u(n.current)) return;
-    const r = M(D) ? D() : D, s = Number.isFinite(r) && r > 0 ? r : 1, p = e.currentTarget.ownerDocument?.defaultView, o = (k) => {
-      k.key === "Escape" && (k.preventDefault(), k.stopPropagation(), i(!0));
+    const r = N(D) ? D() : D, s = Number.isFinite(r) && r > 0 ? r : 1, p = e.currentTarget.ownerDocument?.defaultView, o = (v) => {
+      v.key === "Escape" && (v.preventDefault(), v.stopPropagation(), i(!0));
     };
     e.currentTarget.setPointerCapture?.(e.pointerId), p?.addEventListener("keydown", o, !0), c.current = !1, n.current = {
       pointerId: e.pointerId,
@@ -61,11 +62,11 @@ var S = {
       startValue: a,
       currentValue: a,
       multiplier: (R ? -1 : 1) / s,
-      threshold: Math.max(0, x),
+      threshold: Math.max(0, C),
       hasStarted: !1,
       removeEscapeKeyListener: () => p?.removeEventListener("keydown", o, !0)
     };
-  }, V = (e) => {
+  }, k = (e) => {
     const r = n.current;
     if (e.defaultPrevented || !u(r) || r.pointerId !== e.pointerId) return;
     if (l) {
@@ -74,17 +75,17 @@ var S = {
     }
     const s = (r.axis === "y" ? e.clientY : e.clientX) - r.startPosition, p = Math.abs(s) > r.threshold;
     if (!r.hasStarted && !p) return;
-    const o = v(r.startValue + s * r.multiplier, m, y);
-    r.hasStarted && o === r.currentValue || (r.currentValue = o, r.hasStarted || (r.hasStarted = !0, z?.(o)), h(o));
+    const o = _(r.startValue + s * r.multiplier, m, y);
+    r.hasStarted && o === r.currentValue || (r.currentValue = o, r.hasStarted || (r.hasStarted = !0, K?.(o)), h(o));
   }, t = (e) => {
-    n.current?.pointerId === e.pointerId && (V(e), i(l || e.defaultPrevented));
+    n.current?.pointerId === e.pointerId && (k(e), i(l || e.defaultPrevented));
   }, E = (e) => {
     n.current?.pointerId === e.pointerId && i(!0);
   };
   return {
     onMouseDown: f,
-    onPointerDown: C,
-    onPointerMove: V,
+    onPointerDown: V,
+    onPointerMove: k,
     onPointerUp: t,
     onPointerCancel: E,
     onLostPointerCapture: E,
@@ -94,24 +95,24 @@ var S = {
     },
     isPointerActive: () => u(n.current)
   };
-}, B = ({ axis: d, direction: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: z, onResizeEnd: K, onActivate: P, scale: D, dragThreshold: x, min: m, max: y, step: l, disabled: n }) => {
-  const c = Z(), i = u(R) ? R === "reverse" : d === "x" && c === "rtl", { isPointerActive: f, ...C } = W({
+}, J = ({ axis: d, direction: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: K, onResizeEnd: x, onActivate: P, scale: D, dragThreshold: C, min: m, max: y, step: l, disabled: n }) => {
+  const c = q(), i = u(R) ? R === "reverse" : d === "x" && c === "rtl", { isPointerActive: f, ...V } = B({
     axis: d,
     isReversed: i,
     value: a,
     onValueChange: h,
     onValueCommitted: w,
-    onResizeStart: z,
-    onResizeEnd: K,
+    onResizeStart: K,
+    onResizeEnd: x,
     onActivate: P,
     scale: D,
-    dragThreshold: x,
+    dragThreshold: C,
     min: m,
     max: y,
     disabled: n
   });
   return {
-    ...C,
+    ...V,
     onKeyDown: (t) => {
       const E = t.altKey || t.ctrlKey || t.metaKey;
       if (t.defaultPrevented || n || E || f()) return;
@@ -119,32 +120,32 @@ var S = {
         t.preventDefault(), t.stopPropagation(), t.repeat || P();
         return;
       }
-      const g = d === "y" ? "ArrowDown" : "ArrowRight", e = d === "y" ? "ArrowUp" : "ArrowLeft", r = i ? e : g, s = i ? g : e, p = (/* @__PURE__ */ new Map([
+      const g = z(d === "y" ? "ArrowDown" : "ArrowRight"), e = z(d === "y" ? "ArrowUp" : "ArrowLeft"), r = i ? e : g, s = i ? g : e, p = (/* @__PURE__ */ new Map([
         [r, a + l],
         [s, a - l],
-        ["Home", m],
-        ["End", y]
+        [z("Home"), m],
+        [z("End"), y]
       ])).get(t.key);
       if (!u(p)) return;
       t.preventDefault(), t.stopPropagation();
-      const o = v(p, m, y);
+      const o = _(p, m, y);
       o !== a && (h(o), w?.(o));
     }
   };
-}, J = "_area_y24an_1", O = "_bar_y24an_74", T = {
-  area: J,
-  bar: O
-}, fe = ({ axis: d = "y", direction: R, edge: a, placement: h = u(a) ? "edge" : "inline", scale: w = 1, dragThreshold: z = u(a) ? S.edgeDragThreshold : S.dragThreshold, value: K, defaultValue: P = S.value, onValueChange: D, onValueCommitted: x, onResizeStart: m, onResizeEnd: y, onActivate: l, min: n = S.min, max: c = S.max, step: i = S.step, disabled: f = !1, className: C, children: V = h === "gap" ? null : /* @__PURE__ */ X("div", { className: T.bar }), render: t, ref: E, ...g }) => {
-  const e = u(a) ? G[a] : void 0, r = e?.axis ?? d, s = e?.direction ?? R, [p, o] = F(!1), [k, H] = q({
-    controlled: K,
+}, O = "_area_y24an_1", Q = "_bar_y24an_74", H = {
+  area: O,
+  bar: Q
+}, he = ({ axis: d = "y", direction: R, edge: a, placement: h = u(a) ? "edge" : "inline", scale: w = 1, dragThreshold: K = u(a) ? S.edgeDragThreshold : S.dragThreshold, value: x, defaultValue: P = S.value, onValueChange: D, onValueCommitted: C, onResizeStart: m, onResizeEnd: y, onActivate: l, min: n = S.min, max: c = S.max, step: i = S.step, disabled: f = !1, className: V, children: k = h === "gap" ? null : /* @__PURE__ */ Y("div", { className: H.bar }), render: t, ref: E, ...g }) => {
+  const e = u(a) ? W[a] : void 0, r = e?.axis ?? d, s = e?.direction ?? R, [p, o] = X(!1), [v, b] = j({
+    controlled: x,
     default: P,
-    name: "ResizeHandle"
-  }), _ = v(k, n, c), b = B({
+    name: z("ResizeHandle")
+  }), T = _(v, n, c), A = J({
     axis: r,
     direction: s,
     scale: w,
-    dragThreshold: z,
-    onValueCommitted: x,
+    dragThreshold: K,
+    onValueCommitted: C,
     onResizeStart: (I) => {
       o(!0), m?.(I);
     },
@@ -152,16 +153,16 @@ var S = {
       o(!1), y?.(I);
     },
     onActivate: l,
-    value: _,
+    value: T,
     onValueChange: (I) => {
-      H(I), D?.(I);
+      b(I), D?.(I);
     },
     min: n,
     max: c,
     step: i,
     disabled: f
   });
-  return A({
+  return M({
     render: t,
     ref: E,
     state: {
@@ -171,22 +172,22 @@ var S = {
       disabled: f,
       resizing: p
     },
-    props: Y(b, g, {
+    props: Z(A, g, {
       role: "separator",
       tabIndex: f ? -1 : g.tabIndex ?? 0,
-      "aria-label": g["aria-label"] ?? "Resize",
+      "aria-label": g["aria-label"] ?? z("Resize"),
       "aria-orientation": r === "y" ? "horizontal" : "vertical",
       "aria-valuemin": n,
       "aria-valuemax": c,
-      "aria-valuenow": _,
+      "aria-valuenow": T,
       "aria-disabled": f || void 0,
       "aria-keyshortcuts": g["aria-keyshortcuts"] ?? (u(l) && !f ? "Enter Space" : void 0),
-      className: N(T.area, C),
-      children: V
+      className: U(H.area, V),
+      children: k
     })
   });
 };
 export {
   S as n,
-  fe as t
+  he as t
 };

package/dist/Shortcut-Bp9iDdQg.js

@@ -0,0 +1,73 @@
+import { t as A } from "./isDefined-fMi6eQ4r.js";
+import { t as o } from "./doNotTranslate-BSVT8Xyd.js";
+import { i as E, t as w } from "./useIsMobile-D1ImfQnE.js";
+import { isNonEmptyArray as g, isString as x } from "@sniptt/guards";
+import { clsx as y } from "clsx";
+import { Fragment as f } from "react";
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
+var j = new Map(o([
+  ["⌘", "Command"],
+  ["⌥", "Option"],
+  ["⇧", "Shift"],
+  ["⌃", "Control"],
+  ["Ctrl", "Control"],
+  ["⏎", "Enter"],
+  ["↵", "Enter"],
+  ["⌫", "Backspace"],
+  ["↑", "Arrow up"],
+  ["↓", "Arrow down"],
+  ["←", "Arrow left"],
+  ["→", "Arrow right"],
+  ["esc", "Escape"]
+])), M = (a) => a.every(x), N = ({ shortcut: a, platform: l, sequenceJoinLabel: c = "then", combinationSeparator: u, accessibleKeyLabels: _ }) => {
+  const n = E(), e = l === "mac" || !A(l) && (n === "mac" || n === "ios"), b = new Map([
+    [o("Mod"), e ? "⌘" : o("Ctrl")],
+    [o("CommandOrControl"), e ? "⌘" : o("Ctrl")],
+    [o("Command"), "⌘"],
+    o(["Control", "Ctrl"]),
+    [o("Alt"), e ? "⌥" : o("Alt")],
+    [o("Enter"), "⏎"]
+  ]), s = (M(a) ? [a] : a).filter(g).map((r) => r.map((t) => b.get(t) ?? t)), m = u ?? (e ? "" : " "), p = ` ${c} `;
+  return {
+    groups: s,
+    separator: m,
+    sequenceJoinLabel: c,
+    text: s.map((r) => r.join(m)).join(p),
+    accessibleLabel: s.map((r) => r.map((t) => _?.[t] ?? j.get(t) ?? t).join(" + ")).join(p)
+  };
+}, k = "_root_1llux_1", L = "_content_1llux_28", B = "_combination_1llux_29", D = "_key_1llux_35", d = {
+  root: k,
+  content: L,
+  combination: B,
+  key: D
+}, U = ({ shortcut: a, platform: l, sequenceJoinLabel: c, combinationSeparator: u, accessibleKeyLabels: _, variant: n = "keys", visibility: e = "always", className: b, "aria-label": s, ...m }) => {
+  const p = w(), r = N({
+    shortcut: a,
+    platform: l,
+    sequenceJoinLabel: c,
+    combinationSeparator: u,
+    accessibleKeyLabels: _
+  });
+  return !g(r.groups) || e === "desktop" && p ? null : /* @__PURE__ */ i("span", {
+    ...m,
+    className: y(d.root, b),
+    "data-variant": n,
+    role: "img",
+    "aria-label": s ?? r.accessibleLabel,
+    children: /* @__PURE__ */ i("span", {
+      className: d.content,
+      "aria-hidden": !0,
+      children: n !== "keys" ? r.text : r.groups.map((t, C) => /* @__PURE__ */ v(f, { children: [C > 0 && /* @__PURE__ */ i("span", { children: ` ${r.sequenceJoinLabel} ` }), /* @__PURE__ */ i("span", {
+        className: d.combination,
+        children: t.map((S, h) => /* @__PURE__ */ v(f, { children: [h > 0 && r.separator, /* @__PURE__ */ i("kbd", {
+          className: d.key,
+          children: S
+        })] }, h))
+      })] }, C))
+    })
+  });
+};
+export {
+  N as n,
+  U as t
+};

package/dist/Shortcut-N8TELGPI.cjs

@@ -0,0 +1 @@
+const v=require("./isDefined-DS2Q42p5.cjs"),r=require("./doNotTranslate-CHE7WmRS.cjs"),x=require("./useIsMobile-Byp9AIq-.cjs");let N=require("@sniptt/guards"),q=require("clsx"),j=require("react"),o=require("react/jsx-runtime");var y=new Map(r.doNotTranslate([["⌘","Command"],["⌥","Option"],["⇧","Shift"],["⌃","Control"],["Ctrl","Control"],["⏎","Enter"],["↵","Enter"],["⌫","Backspace"],["↑","Arrow up"],["↓","Arrow down"],["←","Arrow left"],["→","Arrow right"],["esc","Escape"]])),T=a=>a.every(N.isString),C=({shortcut:a,platform:l,sequenceJoinLabel:c="then",combinationSeparator:p,accessibleKeyLabels:_})=>{const s=x.getUserDevice(),n=l==="mac"||!v.isDefined(l)&&(s==="mac"||s==="ios"),b=new Map([[r.doNotTranslate("Mod"),n?"⌘":r.doNotTranslate("Ctrl")],[r.doNotTranslate("CommandOrControl"),n?"⌘":r.doNotTranslate("Ctrl")],[r.doNotTranslate("Command"),"⌘"],r.doNotTranslate(["Control","Ctrl"]),[r.doNotTranslate("Alt"),n?"⌥":r.doNotTranslate("Alt")],[r.doNotTranslate("Enter"),"⏎"]]),i=(T(a)?[a]:a).filter(N.isNonEmptyArray).map(e=>e.map(t=>b.get(t)??t)),u=p??(n?"":" "),d=` ${c} `;return{groups:i,separator:u,sequenceJoinLabel:c,text:i.map(e=>e.join(u)).join(d),accessibleLabel:i.map(e=>e.map(t=>_?.[t]??y.get(t)??t).join(" + ")).join(d)}},f="_root_1llux_1",A="_content_1llux_28",E="_combination_1llux_29",w="_key_1llux_35",m={root:f,content:A,combination:E,key:w},M=({shortcut:a,platform:l,sequenceJoinLabel:c,combinationSeparator:p,accessibleKeyLabels:_,variant:s="keys",visibility:n="always",className:b,"aria-label":i,...u})=>{const d=x.useIsMobile(),e=C({shortcut:a,platform:l,sequenceJoinLabel:c,combinationSeparator:p,accessibleKeyLabels:_});return!(0,N.isNonEmptyArray)(e.groups)||n==="desktop"&&d?null:(0,o.jsx)("span",{...u,className:(0,q.clsx)(m.root,b),"data-variant":s,role:"img","aria-label":i??e.accessibleLabel,children:(0,o.jsx)("span",{className:m.content,"aria-hidden":!0,children:s!=="keys"?e.text:e.groups.map((t,g)=>(0,o.jsxs)(j.Fragment,{children:[g>0&&(0,o.jsx)("span",{children:` ${e.sequenceJoinLabel} `}),(0,o.jsx)("span",{className:m.combination,children:t.map((S,h)=>(0,o.jsxs)(j.Fragment,{children:[h>0&&e.separator,(0,o.jsx)("kbd",{className:m.key,children:S})]},h))})]},g))})})};Object.defineProperty(exports,"Shortcut",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"getShortcutPresentation",{enumerable:!0,get:function(){return C}});

package/dist/{TintedIconTile-4BGa8g8n.js → TintedIconTile-B1XDtGrF.js}

@@ -1,5 +1,5 @@
 import { a as n, h as m } from "./theme-B2EaXhye.js";
-import { s as C } from "./utilities-CEi9I09B.js";
+import { s as C } from "./utilities-BKCMZyqZ.js";
 import { useRender as u } from "@base-ui/react/use-render";
 import { clsx as T } from "clsx";
 import { jsx as _ } from "react/jsx-runtime";

package/dist/{TintedIconTile-CU2hCerq.cjs → TintedIconTile-DO1XJXCQ.cjs}

@@ -1 +1 @@
-const n=require("./theme-1XkFz8Qu.cjs"),_=require("./utilities-BeLfNQ0Q.cjs");let C=require("@base-ui/react/use-render"),b=require("clsx"),T=require("react/jsx-runtime");var o={background:4,border:6,icon:10},t=(r,e)=>n.themeCssVariables.color[`${r}${e}`]??n.themeCssVariables.tag.text[r],l=r=>{const e=_.parseThemeColor(r);return{backgroundColor:t(e,o.background),iconColor:t(e,o.icon),borderColor:t(e,o.border)}},g="_root_9ntdy_1",h={root:g},m=({icon:r,color:e=n.DEFAULT_THEME_COLOR_FALLBACK,className:c,style:a,render:u,ref:s,...d})=>{const i=l(e);return(0,C.useRender)({render:u,ref:s,props:{...d,className:(0,b.clsx)(h.root,c),style:{backgroundColor:i.backgroundColor,color:i.iconColor,...a},children:(0,T.jsx)("span",{"aria-hidden":"true",children:r})}})};Object.defineProperty(exports,"TintedIconTile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"getIconTileColorShades",{enumerable:!0,get:function(){return l}});
+const n=require("./theme-1XkFz8Qu.cjs"),_=require("./utilities-xZh8D2gd.cjs");let C=require("@base-ui/react/use-render"),b=require("clsx"),T=require("react/jsx-runtime");var o={background:4,border:6,icon:10},t=(r,e)=>n.themeCssVariables.color[`${r}${e}`]??n.themeCssVariables.tag.text[r],l=r=>{const e=_.parseThemeColor(r);return{backgroundColor:t(e,o.background),iconColor:t(e,o.icon),borderColor:t(e,o.border)}},g="_root_9ntdy_1",h={root:g},m=({icon:r,color:e=n.DEFAULT_THEME_COLOR_FALLBACK,className:c,style:a,render:u,ref:s,...d})=>{const i=l(e);return(0,C.useRender)({render:u,ref:s,props:{...d,className:(0,b.clsx)(h.root,c),style:{backgroundColor:i.backgroundColor,color:i.iconColor,...a},children:(0,T.jsx)("span",{"aria-hidden":"true",children:r})}})};Object.defineProperty(exports,"TintedIconTile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"getIconTileColorShades",{enumerable:!0,get:function(){return l}});

package/dist/components/__stories__/reading-direction/DirectionalLayoutExample.d.ts

@@ -1,3 +1,5 @@
-export declare const DirectionalLayoutExample: ({ direction, }: {
+import { CSSProperties } from 'react';
+export declare const DirectionalLayoutExample: ({ direction, style, }: {
     direction: "ltr" | "rtl";
+    style?: CSSProperties;
 }) => import("react").JSX.Element;

package/dist/components/code-editor.cjs

@@ -1 +1 @@
-var re=Object.create;var z=Object.defineProperty;var oe=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var ae=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of te(r))!ie.call(e,n)&&n!==o&&z(e,n,{get:()=>r[n],enumerable:!(t=oe(r,n))||t.enumerable});return e};var de=(e,r,o)=>(o=e!=null?re(ne(e)):{},ae(r||!e||!e.__esModule?z(o,"default",{value:e,enumerable:!0}):o,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("../theme-1XkFz8Qu.cjs"),s=require("../isDefined-DS2Q42p5.cjs"),se=require("../Loader-Bb72CUQ9.cjs"),j=require("../ResizeHandle-DI4LHIQm.cjs");let ue=require("@base-ui/react/use-render"),C=require("@sniptt/guards"),F=require("clsx"),u=require("react"),d=require("react/jsx-runtime"),le=require("@base-ui/utils/clamp"),h=require("@monaco-editor/react");h=M.__toESM(h,1);var ce="baseCodeEditorTheme",fe=({shouldAutoHeight:e,editor:r,setContentHeight:o})=>((0,u.useEffect)(()=>{if(!e||!s.isDefined(r)){o(void 0);return}const t=()=>{const a=r.getContentHeight();!Number.isFinite(a)||a<=0||o(a)};t();const n=r.onDidContentSizeChange(t);return()=>n.dispose()},[r,e,o]),null),ge=({editor:e,setEditor:r,setMonaco:o,setIsEditorFocused:t})=>((0,u.useEffect)(()=>{if(!s.isDefined(e)){t(!1);return}t(e.hasWidgetFocus());const n=[e.onDidFocusEditorWidget(()=>t(!0)),e.onDidBlurEditorWidget(()=>t(!1)),e.onDidDispose(()=>{r(void 0),o(void 0)})];return()=>{for(const a of n)a.dispose()}},[e,r,o,t]),null),pe=({configureMonacoLoader:e,setIsMonacoLoaderConfigured:r})=>((0,u.useEffect)(()=>{let o=!0;return e().then(()=>{o&&r(!0)}),()=>{o=!1}},[e,r]),null),be=({editor:e,monaco:r,setMarkers:o})=>((0,u.useEffect)(()=>{if(!s.isDefined(e)||!s.isDefined(r)||!s.isDefined(o))return;const t=()=>{const a=e.getModel();s.isDefined(a)&&r.editor.setModelMarkers(a,"customMarker",o(a.getValue()))};t();const n=[e.onDidChangeModel(t),e.onDidChangeModelContent(t)];return()=>{for(const a of n)a.dispose()}},[e,r,o]),null),$=e=>(0,le.clamp)(e,j.RESIZE_HANDLE_DEFAULTS.min,j.RESIZE_HANDLE_DEFAULTS.max),_e=({height:e,resizable:r,editor:o,setResizedHeight:t})=>((0,u.useEffect)(()=>{if(!r||!s.isDefined(o))return;const n=o.getContainerDomNode().parentElement?.getBoundingClientRect().height;!s.isDefined(n)||n<=0||t({sourceHeight:e,value:$(n)})},[o,e,r,t]),null),i=e=>{if(e.trim()==="transparent")return"#00000000";const r=e.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);if(s.isDefined(r)){const[,o,t,n,a]=r;if(!s.isDefined(o)||!s.isDefined(t)||!s.isDefined(n))return e;const l=Math.round(parseFloat(o)*255).toString(16).padStart(2,"0"),c=Math.round(parseFloat(t)*255).toString(16).padStart(2,"0"),g=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0");return s.isDefined(a)?`#${l}${c}${g}${Math.round(parseFloat(a)*255).toString(16).padStart(2,"0")}`:`#${l}${c}${g}`}return e},ve=({theme:e,colorScheme:r})=>({base:r==="dark"?"vs-dark":"vs",inherit:!0,rules:[{token:"",foreground:i(e.font.color.secondary)},{token:"keyword",foreground:i(e.color.pink11)},{token:"keyword.control",foreground:i(e.color.pink11)},{token:"keyword.json",foreground:i(e.color.orange11)},{token:"number",foreground:i(e.color.orange11)},{token:"number.json",foreground:i(e.color.orange11)},{token:"regexp",foreground:i(e.color.orange11)},{token:"type",foreground:i(e.color.green11)},{token:"attribute.name",foreground:i(e.color.blue11)},{token:"tag",foreground:i(e.color.pink11)},{token:"string",foreground:i(e.color.green11)},{token:"string.key.json",foreground:i(e.color.blue11)},{token:"delimiter",foreground:i(e.font.color.light)},{token:"delimiter.bracket.json",foreground:i(e.font.color.light)},{token:"string.value.json",foreground:i(e.color.green11)},{token:"comment",foreground:i(e.font.color.light),fontStyle:"italic"}],colors:{"editor.background":i("transparent"),"editor.foreground":i(e.font.color.secondary),"editorCursor.foreground":i(e.font.color.primary),"editorLineNumber.foreground":i(e.font.color.extraLight),"editorLineNumber.activeForeground":i(e.font.color.light),"editor.lineHighlightBackground":i(e.background.tertiary),"editor.selectionBackground":i(e.background.transparent.blue),"editor.inactiveSelectionBackground":i(e.background.transparent.light),"editorIndentGuide.background1":i(e.border.color.light),"editorIndentGuide.activeBackground1":i(e.border.color.medium),"editorBracketMatch.background":i(e.background.transparent.light),"editorBracketMatch.border":i(e.border.color.medium)}}),A=({monaco:e,theme:r,colorScheme:o})=>{e.editor.defineTheme(ce,ve({theme:r,colorScheme:o}))},Ee=({monaco:e,theme:r,colorScheme:o,editorTheme:t})=>((0,u.useEffect)(()=>{s.isDefined(e)&&(A({monaco:e,theme:r,colorScheme:o}),e.editor.setTheme(t))},[o,t,e,r]),null),ke=({height:e,resizableHeight:r,contentHeight:o,shouldUseResizableHeight:t,shouldAutoHeight:n})=>t?r:n?o??e:e,Ce=({height:e,resizedHeight:r})=>r?.sourceHeight===e?r.value:(0,C.isNumber)(e)?$(e):450,he=({height:e,resizable:r,autoHeight:o})=>{const[t,n]=(0,u.useState)(),[a,l]=(0,u.useState)(),c=o&&!r,g=t?.sourceHeight===e,E=r&&(g||(0,C.isNumber)(e)),p=Ce({height:e,resizedHeight:t});return{currentHeight:ke({height:e,resizableHeight:p,contentHeight:a,shouldUseResizableHeight:E,shouldAutoHeight:c}),resizableHeight:p,setResizableHeight:b=>{n({sourceHeight:e,value:b})},setResizedHeight:n,setContentHeight:l,shouldAutoHeight:c}},He="_editorWrapper_zilk9_24",me="_editorLoader_zilk9_1",De="_container_zilk9_20",x={editorWrapper:He,editorLoader:me,container:De},B,xe=()=>(B??=import("monaco-editor").then(e=>{h.loader.config({monaco:e})}),B),Se=({onMount:e,beforeMount:r,setMarkers:o,height:t=450,width:n="100%",theme:a,loading:l=(0,d.jsx)(se.Loader,{}),variant:c="default",transparentBackground:g,isLoading:E=!1,options:p,resizable:b=!1,resizeLabel:W="Resize editor",contentPadding:w="default",autoHeight:I=!1,containerProps:H,ref:O,...P})=>{const _=M.useTheme(),y=M.useThemeColorScheme(),[L,q]=(0,u.useState)(),[v,N]=(0,u.useState)(),[K,U]=(0,u.useState)(!1),[G,V]=(0,u.useState)(!1),R=(0,u.useId)(),m=a??p?.theme??"baseCodeEditorTheme",{currentHeight:k,resizableHeight:Z,setResizableHeight:J,setResizedHeight:Q,setContentHeight:X,shouldAutoHeight:Y}=he({height:t,resizable:b,autoHeight:I}),D=(0,C.isNumber)(_.spacingMultiplicator)?_.spacingMultiplicator*4:void 0,ee=f=>{H?.onKeyDown?.(f),G&&f.stopPropagation()};return(0,d.jsxs)("div",{role:"group",...H,ref:O,className:(0,F.clsx)(x.container,H?.className),onKeyDown:ee,children:[(0,d.jsx)(pe,{configureMonacoLoader:xe,setIsMonacoLoaderConfigured:U}),(0,d.jsx)(_e,{height:t,resizable:b,editor:v,setResizedHeight:Q}),(0,d.jsx)(fe,{shouldAutoHeight:Y,editor:v,setContentHeight:X}),(0,d.jsx)(ge,{editor:v,setEditor:N,setMonaco:q,setIsEditorFocused:V}),(0,d.jsx)(be,{editor:v,monaco:L,setMarkers:o}),(0,d.jsx)(Ee,{monaco:L,theme:_,colorScheme:y,editorTheme:m}),E||!K?(0,d.jsx)("div",{className:x.editorLoader,"data-variant":c,style:{width:n,"--code-editor-height":(0,C.isNumber)(k)?`${k}px`:k},children:l}):(0,d.jsx)("div",{id:R,className:x.editorWrapper,"data-variant":c,"data-transparent-background":g||void 0,children:(0,d.jsx)(h.default,{...P,height:k,width:n,theme:m,loading:l,beforeMount:f=>{A({monaco:f,theme:_,colorScheme:y}),r?.(f)},onMount:(f,T)=>{q(T),N(f),e?.(f,T)},options:{formatOnPaste:!0,formatOnType:!0,fontFamily:_.code.font.family,bracketPairColorization:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,scrollbar:{vertical:"hidden",horizontal:"hidden"},minimap:{enabled:!1},...w==="comfortable"?{lineDecorationsWidth:D}:{},padding:{bottom:D,top:D},...p,theme:m}})}),b&&!E&&s.isDefined(v)&&(0,d.jsx)(j.ResizeHandle,{"aria-label":W,"aria-controls":R,value:Z,onValueChange:J})]})},Me="_editorHeader_19qlo_1",je="_elementContainer_19qlo_15",S={editorHeader:Me,elementContainer:je},ye=({title:e,startElement:r,endElement:o,className:t,render:n,ref:a,...l})=>(0,ue.useRender)({render:n,ref:a,props:{...l,className:(0,F.clsx)(S.editorHeader,t),children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:S.elementContainer,children:[r,e]}),(0,d.jsx)("div",{className:S.elementContainer,children:o})]})}});exports.CodeEditor=Se;exports.CodeEditorHeader=ye;
+var re=Object.create;var z=Object.defineProperty;var oe=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var ae=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of te(r))!ie.call(e,n)&&n!==o&&z(e,n,{get:()=>r[n],enumerable:!(t=oe(r,n))||t.enumerable});return e};var de=(e,r,o)=>(o=e!=null?re(ne(e)):{},ae(r||!e||!e.__esModule?z(o,"default",{value:e,enumerable:!0}):o,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("../theme-1XkFz8Qu.cjs"),s=require("../isDefined-DS2Q42p5.cjs"),se=require("../doNotTranslate-CHE7WmRS.cjs"),ue=require("../Loader-Bb72CUQ9.cjs"),j=require("../ResizeHandle-B1MuHTNA.cjs");let le=require("@base-ui/react/use-render"),C=require("@sniptt/guards"),F=require("clsx"),u=require("react"),d=require("react/jsx-runtime"),ce=require("@base-ui/utils/clamp"),h=require("@monaco-editor/react");h=M.__toESM(h,1);var fe="baseCodeEditorTheme",ge=({shouldAutoHeight:e,editor:r,setContentHeight:o})=>((0,u.useEffect)(()=>{if(!e||!s.isDefined(r)){o(void 0);return}const t=()=>{const a=r.getContentHeight();!Number.isFinite(a)||a<=0||o(a)};t();const n=r.onDidContentSizeChange(t);return()=>n.dispose()},[r,e,o]),null),pe=({editor:e,setEditor:r,setMonaco:o,setIsEditorFocused:t})=>((0,u.useEffect)(()=>{if(!s.isDefined(e)){t(!1);return}t(e.hasWidgetFocus());const n=[e.onDidFocusEditorWidget(()=>t(!0)),e.onDidBlurEditorWidget(()=>t(!1)),e.onDidDispose(()=>{r(void 0),o(void 0)})];return()=>{for(const a of n)a.dispose()}},[e,r,o,t]),null),_e=({configureMonacoLoader:e,setIsMonacoLoaderConfigured:r})=>((0,u.useEffect)(()=>{let o=!0;return e().then(()=>{o&&r(!0)}),()=>{o=!1}},[e,r]),null),be=({editor:e,monaco:r,setMarkers:o})=>((0,u.useEffect)(()=>{if(!s.isDefined(e)||!s.isDefined(r)||!s.isDefined(o))return;const t=()=>{const a=e.getModel();s.isDefined(a)&&r.editor.setModelMarkers(a,"customMarker",o(a.getValue()))};t();const n=[e.onDidChangeModel(t),e.onDidChangeModelContent(t)];return()=>{for(const a of n)a.dispose()}},[e,r,o]),null),$=e=>(0,ce.clamp)(e,j.RESIZE_HANDLE_DEFAULTS.min,j.RESIZE_HANDLE_DEFAULTS.max),ve=({height:e,resizable:r,editor:o,setResizedHeight:t})=>((0,u.useEffect)(()=>{if(!r||!s.isDefined(o))return;const n=o.getContainerDomNode().parentElement?.getBoundingClientRect().height;!s.isDefined(n)||n<=0||t({sourceHeight:e,value:$(n)})},[o,e,r,t]),null),i=e=>{if(e.trim()==="transparent")return"#00000000";const r=e.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);if(s.isDefined(r)){const[,o,t,n,a]=r;if(!s.isDefined(o)||!s.isDefined(t)||!s.isDefined(n))return e;const l=Math.round(parseFloat(o)*255).toString(16).padStart(2,"0"),c=Math.round(parseFloat(t)*255).toString(16).padStart(2,"0"),g=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0");return s.isDefined(a)?`#${l}${c}${g}${Math.round(parseFloat(a)*255).toString(16).padStart(2,"0")}`:`#${l}${c}${g}`}return e},Ee=({theme:e,colorScheme:r})=>({base:r==="dark"?"vs-dark":"vs",inherit:!0,rules:[{token:"",foreground:i(e.font.color.secondary)},{token:"keyword",foreground:i(e.color.pink11)},{token:"keyword.control",foreground:i(e.color.pink11)},{token:"keyword.json",foreground:i(e.color.orange11)},{token:"number",foreground:i(e.color.orange11)},{token:"number.json",foreground:i(e.color.orange11)},{token:"regexp",foreground:i(e.color.orange11)},{token:"type",foreground:i(e.color.green11)},{token:"attribute.name",foreground:i(e.color.blue11)},{token:"tag",foreground:i(e.color.pink11)},{token:"string",foreground:i(e.color.green11)},{token:"string.key.json",foreground:i(e.color.blue11)},{token:"delimiter",foreground:i(e.font.color.light)},{token:"delimiter.bracket.json",foreground:i(e.font.color.light)},{token:"string.value.json",foreground:i(e.color.green11)},{token:"comment",foreground:i(e.font.color.light),fontStyle:"italic"}],colors:{"editor.background":i("transparent"),"editor.foreground":i(e.font.color.secondary),"editorCursor.foreground":i(e.font.color.primary),"editorLineNumber.foreground":i(e.font.color.extraLight),"editorLineNumber.activeForeground":i(e.font.color.light),"editor.lineHighlightBackground":i(e.background.tertiary),"editor.selectionBackground":i(e.background.transparent.blue),"editor.inactiveSelectionBackground":i(e.background.transparent.light),"editorIndentGuide.background1":i(e.border.color.light),"editorIndentGuide.activeBackground1":i(e.border.color.medium),"editorBracketMatch.background":i(e.background.transparent.light),"editorBracketMatch.border":i(e.border.color.medium)}}),A=({monaco:e,theme:r,colorScheme:o})=>{e.editor.defineTheme(fe,Ee({theme:r,colorScheme:o}))},ke=({monaco:e,theme:r,colorScheme:o,editorTheme:t})=>((0,u.useEffect)(()=>{s.isDefined(e)&&(A({monaco:e,theme:r,colorScheme:o}),e.editor.setTheme(t))},[o,t,e,r]),null),Ce=({height:e,resizableHeight:r,contentHeight:o,shouldUseResizableHeight:t,shouldAutoHeight:n})=>t?r:n?o??e:e,he=({height:e,resizedHeight:r})=>r?.sourceHeight===e?r.value:(0,C.isNumber)(e)?$(e):450,He=({height:e,resizable:r,autoHeight:o})=>{const[t,n]=(0,u.useState)(),[a,l]=(0,u.useState)(),c=o&&!r,g=t?.sourceHeight===e,E=r&&(g||(0,C.isNumber)(e)),p=he({height:e,resizedHeight:t});return{currentHeight:Ce({height:e,resizableHeight:p,contentHeight:a,shouldUseResizableHeight:E,shouldAutoHeight:c}),resizableHeight:p,setResizableHeight:_=>{n({sourceHeight:e,value:_})},setResizedHeight:n,setContentHeight:l,shouldAutoHeight:c}},me="_editorWrapper_zilk9_24",De="_editorLoader_zilk9_1",xe="_container_zilk9_20",x={editorWrapper:me,editorLoader:De,container:xe},B,Se=()=>(B??=import("monaco-editor").then(e=>{h.loader.config({monaco:e})}),B),Me=({onMount:e,beforeMount:r,setMarkers:o,height:t=450,width:n="100%",theme:a,loading:l=(0,d.jsx)(ue.Loader,{}),variant:c="default",transparentBackground:g,isLoading:E=!1,options:p,resizable:_=!1,resizeLabel:W=se.doNotTranslate("Resize editor"),contentPadding:w="default",autoHeight:I=!1,containerProps:H,ref:O,...P})=>{const b=M.useTheme(),y=M.useThemeColorScheme(),[q,N]=(0,u.useState)(),[v,L]=(0,u.useState)(),[K,U]=(0,u.useState)(!1),[G,V]=(0,u.useState)(!1),T=(0,u.useId)(),m=a??p?.theme??"baseCodeEditorTheme",{currentHeight:k,resizableHeight:Z,setResizableHeight:J,setResizedHeight:Q,setContentHeight:X,shouldAutoHeight:Y}=He({height:t,resizable:_,autoHeight:I}),D=(0,C.isNumber)(b.spacingMultiplicator)?b.spacingMultiplicator*4:void 0,ee=f=>{H?.onKeyDown?.(f),G&&f.stopPropagation()};return(0,d.jsxs)("div",{role:"group",...H,ref:O,className:(0,F.clsx)(x.container,H?.className),onKeyDown:ee,children:[(0,d.jsx)(_e,{configureMonacoLoader:Se,setIsMonacoLoaderConfigured:U}),(0,d.jsx)(ve,{height:t,resizable:_,editor:v,setResizedHeight:Q}),(0,d.jsx)(ge,{shouldAutoHeight:Y,editor:v,setContentHeight:X}),(0,d.jsx)(pe,{editor:v,setEditor:L,setMonaco:N,setIsEditorFocused:V}),(0,d.jsx)(be,{editor:v,monaco:q,setMarkers:o}),(0,d.jsx)(ke,{monaco:q,theme:b,colorScheme:y,editorTheme:m}),E||!K?(0,d.jsx)("div",{className:x.editorLoader,"data-variant":c,style:{width:n,"--code-editor-height":(0,C.isNumber)(k)?`${k}px`:k},children:l}):(0,d.jsx)("div",{id:T,className:x.editorWrapper,"data-variant":c,"data-transparent-background":g||void 0,children:(0,d.jsx)(h.default,{...P,height:k,width:n,theme:m,loading:l,beforeMount:f=>{A({monaco:f,theme:b,colorScheme:y}),r?.(f)},onMount:(f,R)=>{N(R),L(f),e?.(f,R)},options:{formatOnPaste:!0,formatOnType:!0,fontFamily:b.code.font.family,bracketPairColorization:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,scrollbar:{vertical:"hidden",horizontal:"hidden"},minimap:{enabled:!1},...w==="comfortable"?{lineDecorationsWidth:D}:{},padding:{bottom:D,top:D},...p,theme:m}})}),_&&!E&&s.isDefined(v)&&(0,d.jsx)(j.ResizeHandle,{"aria-label":W,"aria-controls":T,value:Z,onValueChange:J})]})},je="_editorHeader_19qlo_1",ye="_elementContainer_19qlo_15",S={editorHeader:je,elementContainer:ye},qe=({title:e,startElement:r,endElement:o,className:t,render:n,ref:a,...l})=>(0,le.useRender)({render:n,ref:a,props:{...l,className:(0,F.clsx)(S.editorHeader,t),children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:S.elementContainer,children:[r,e]}),(0,d.jsx)("div",{className:S.elementContainer,children:o})]})}});exports.CodeEditor=Me;exports.CodeEditorHeader=qe;