@baseline-ui/core 0.4.0 → 0.5.0

package/dist/index.mjs

@@ -1 +1 @@
-import{classNames as Ml}from"@baseline-ui/utils";import{mergeRefs as Bl}from"@react-aria/utils";import nt from"react";import{mergeProps as Fl,useButton as Dl,useFocusRing as Hl,useHover as Vl}from"react-aria";function Tl(e,a){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var t=r.call(e,a||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(e)}function Sl(e){var a=Tl(e,"string");return typeof a=="symbol"?a:String(a)}function zl(e,a,r){return a=Sl(a),a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function tt(e,a){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);a&&(t=t.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,t)}return r}function at(e){for(var a=1;a<arguments.length;a++){var r=arguments[a]!=null?arguments[a]:{};a%2?tt(Object(r),!0).forEach(function(t){zl(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):tt(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function st(e,a){var r={};for(var t in e)r[t]=a(e[t],t);return r}var Ll=(e,a,r)=>{for(var t of Object.keys(e)){var s;if(e[t]!==((s=a[t])!==null&&s!==void 0?s:r[t]))return!1}return!0},m=e=>{var a=r=>{var t=e.defaultClassName,s=at(at({},e.defaultVariants),r);for(var o in s){var n,i=(n=s[o])!==null&&n!==void 0?n:e.defaultVariants[o];if(i!=null){var l=i;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=e.variantClassNames[o][l];p&&(t+=" "+p)}}for(var[c,u]of e.compoundVariants)Ll(c,s,e.defaultVariants)&&(t+=" "+u);return t};return a.variants=()=>Object.keys(e.variantClassNames),a.classNames={get base(){return e.defaultClassName.split(" ")[0]},get variants(){return st(e.variantClassNames,r=>st(r,t=>t.split(" ")[0]))}},a};var it=m({defaultClassName:"oom8bs0 _1yep5z6ai _1yep5z6aq _1yep5z6ay _1yep5z6b6 _1yep5z6ga _1yep5z6gb _1yep5z6gc _1yep5z69i _1yep5z69j _1yep5z69k _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6j4 _1yep5z6j5 _1yep5z6iz _1yep5z6c6 _1yep5z6ip",variantClassNames:{variant:{primary:"oom8bs1",secondary:"oom8bs2",tertiary:"oom8bs3",ghost:"oom8bs4"},isDisabled:{true:"oom8bs5"},isFocusVisible:{true:"oom8bs6"},isHovered:{true:"oom8bs7"},size:{sm:"oom8bs8",md:"oom8bs9"}},defaultVariants:{},compoundVariants:[[{variant:"primary",isHovered:!0},"oom8bsa"],[{variant:"secondary",isHovered:!0},"oom8bsb"],[{variant:"tertiary",isHovered:!0},"oom8bsc"],[{variant:"ghost",isHovered:!0},"oom8bsd"],[{variant:"primary",isFocusVisible:!0},"oom8bse"],[{variant:"tertiary",isFocusVisible:!0},"oom8bsf"]]});import{jsx as lt,jsxs as Ol}from"react/jsx-runtime";var El={sm:16,md:20},E=nt.forwardRef(({label:e,style:a,className:r,iconStart:t,iconEnd:s,variant:o="primary",elementType:n="button",isDisabled:i,size:l="sm","data-blockid":p,...c},u)=>{let d=nt.useRef(null),{buttonProps:b,isPressed:f}=Dl({...c,elementType:n,isDisabled:i},d),v=El[l],{hoverProps:y,isHovered:g}=Vl({isDisabled:i}),{isFocusVisible:x,isFocused:h,focusProps:_}=Hl();return Ol(n,{...Fl(b,y,_),className:Ml(it({isDisabled:!!i,isFocusVisible:x,isHovered:g,variant:o,size:l}),"BaselineUI-ActionButton",r),"data-focus-visible":x,"data-focused":h,"data-hovered":g,"data-disabled":i,"data-blockid":p,"data-pressed":f,style:a,ref:Bl(u,d),children:[!!t&&lt(t,{size:v}),e,!!s&&lt(s,{size:v})]})});E.displayName="ActionButton";import{mergeRefs as Al}from"@react-aria/utils";import Wr from"react";import{classNames as jl}from"@baseline-ui/utils";var pt=m({defaultClassName:"z9nup85",variantClassNames:{size:{xs:"z9nup86"}},defaultVariants:{},compoundVariants:[]});var rr="z9nup80",xe="z9nup83",dt="z9nup87";import{jsx as ql}from"react/jsx-runtime";var ct=Wr.forwardRef(({className:e,node:a},r)=>{let t=Wr.useRef(null);return Wr.useEffect(()=>{let s=t.current;return s?.append(a),()=>{s?.contains(a)&&a.remove()}},[a]),ql("div",{className:jl(rr,e),ref:Al(r,t)})});ct.displayName="DomNodeRenderer";import{classNames as He,filterTruthyValues as up}from"@baseline-ui/utils";import{mergeRefs as mp}from"@react-aria/utils";import Xr from"react";import{VisuallyHidden as fp,mergeProps as Nt,useFocusRing as bp,useHover as vp,useNumberFormatter as yp,useSlider as gp,useSliderThumb as hp}from"react-aria";import{useSliderState as xp}from"react-stately";var ut="_14uvjig0 z9nup81",mt="_14uvjig7",ft="_14uvjig3",bt=m({defaultClassName:"_14uvjig4",variantClassNames:{isDisabled:{true:"_14uvjig5"},hasNumberInput:{false:"_14uvjig6"}},defaultVariants:{},compoundVariants:[]}),vt=m({defaultClassName:"_14uvjige _14uvjig1",variantClassNames:{active:{true:"_14uvjigf _14uvjig2"},isDisabled:{true:"_14uvjigg"},isReadOnly:{true:"_14uvjigh"},isFocusVisible:{true:"_14uvjigi _14uvjig2"},isHovered:{true:"_14uvjigj _14uvjig2"}},defaultVariants:{},compoundVariants:[]}),yt="_14uvjig8",gt=m({defaultClassName:"_14uvjig9 _14uvjig1",variantClassNames:{active:{true:"_14uvjig2"},isFocusVisible:{true:"_14uvjigb _14uvjig2"},isDisabled:{true:"_14uvjigc"},isHovered:{true:"_14uvjig2"}},defaultVariants:{},compoundVariants:[]});import{ErrorFilledIcon as rp,ReadOnlyIcon as op}from"@baseline-ui/icons/16";import Rt,{useMemo as tp}from"react";import{classNames as tr,filterTruthyValues as ap}from"@baseline-ui/utils";import{mergeProps as wt,useFocusRing as sp,useHover as ip,useLocale as np,useNumberField as lp}from"react-aria";import{MinusIcon as pp,PlusIcon as dp}from"@baseline-ui/icons/8";import{useNumberFieldState as cp}from"react-stately";var _e=m({defaultClassName:"nrh1ehx",variantClassNames:{isDisabled:{true:"nrh1ehy"},hasError:{true:"nrh1ehz"},labelPosition:{start:"nrh1eh10",top:"nrh1eh11"}},defaultVariants:{},compoundVariants:[]}),or=m({defaultClassName:"nrh1eho",variantClassNames:{isDisabled:{true:"nrh1ehp"},labelPosition:{top:"nrh1ehq",start:"nrh1ehr"}},defaultVariants:{},compoundVariants:[]}),Ce=m({defaultClassName:"nrh1ehs",variantClassNames:{validationState:{valid:"nrh1eht",error:"nrh1ehu",warning:"nrh1ehv"},isReadOnly:{true:"nrh1ehw"}},defaultVariants:{},compoundVariants:[]}),$="nrh1eh3",J=m({defaultClassName:"nrh1eh4",variantClassNames:{labelPosition:{top:"nrh1eh5",start:"nrh1eh6"},hasMessage:{true:"nrh1eh7"}},defaultVariants:{},compoundVariants:[[{labelPosition:"start",hasMessage:!1},"nrh1eh8"]]}),ee=m({defaultClassName:"nrh1eh0",variantClassNames:{labelPosition:{top:"z9nup81",start:"nrh1eh2 z9nup82"}},defaultVariants:{},compoundVariants:[]}),Pe=m({defaultClassName:"nrh1eh9 z9nup82",variantClassNames:{validationState:{valid:"nrh1eha",error:"nrh1ehb",warning:"nrh1ehc"},isHovered:{true:"nrh1ehd"},isFocused:{true:"nrh1ehe"},isDisabled:{true:"nrh1ehf"},variant:{primary:"nrh1ehg",ghost:"nrh1ehh"},isReadOnly:{true:"nrh1ehi"}},defaultVariants:{},compoundVariants:[[{variant:"ghost",isHovered:!0,isFocused:!1,validationState:"valid"},"nrh1ehj"],[{variant:"ghost",isFocused:!1,isHovered:!1,validationState:"valid"},"nrh1ehk"],[{isHovered:!0,validationState:"valid",isDisabled:!1,isReadOnly:!1,isFocused:!1,variant:"primary"},"nrh1ehl"],[{isHovered:!0,validationState:"warning",isDisabled:!1,isReadOnly:!1,isFocused:!1},"nrh1ehm"],[{isReadOnly:!0,variant:"primary",isFocused:!1},"nrh1ehn"]]});import{jsx as Zr}from"react/jsx-runtime";function re({description:e,errorMessageProps:a,descriptionProps:r,warningMessage:t,errorMessage:s,labelPosition:o,isDisabled:n}){return e?Zr("div",{...r,className:_e({isDisabled:n,labelPosition:o}),children:e}):s?Zr("div",{...a,className:_e({hasError:!0,labelPosition:o}),children:s}):t?Zr("div",{className:_e({isDisabled:n,labelPosition:o}),children:t}):null}import Ul from"react";import{classNames as Kl}from"@baseline-ui/utils";import{useSeparator as Gl}from"react-aria";var ht=m({defaultClassName:"gukncs0",variantClassNames:{isVertical:{true:"gukncs1"},isSecondary:{true:"gukncs2"}},defaultVariants:{},compoundVariants:[]});import{jsx as Wl}from"react/jsx-runtime";var j=Ul.forwardRef(({className:e,style:a,variant:r="primary",orientation:t="horizontal",UNSAFE_omitRole:s,...o},n)=>{let{separatorProps:i}=Gl({...o,orientation:t});return Wl("div",{...i,className:Kl(ht({isVertical:t==="vertical",isSecondary:r==="secondary"}),"BaselineUI-Separator",e),"data-orientation":t,"data-blockid":o["data-blockid"],style:a,role:s?void 0:i.role,ref:n})});j.displayName="Separator";var xt=m({defaultClassName:"_1lnwne1 z9nup82",variantClassNames:{isHoveredOrFocused:{true:"_1lnwne2"},isInteractive:{false:"z9nup83"}},defaultVariants:{},compoundVariants:[[{isHoveredOrFocused:!0,isInteractive:!0},"_1lnwne4"]]}),_t="_1lnwne0";import{mergeRefs as Zl}from"@react-aria/utils";import Pt from"react";import{mergeProps as Xl,useButton as Ql,useFocusRing as Yl,useHover as $l}from"react-aria";import{classNames as Jl}from"@baseline-ui/utils";var Ct=m({defaultClassName:"uf19bs0",variantClassNames:{size:{xxs:"uf19bs1",xs:"uf19bs2",sm:"uf19bs3",md:"uf19bs4",lg:"uf19bs5"},isHovered:{true:"uf19bs6"},isDisabled:{true:"uf19bs7"},isFocusVisible:{true:"uf19bs8"},variant:{primary:"uf19bs9",secondary:"uf19bsa",tertiary:"uf19bsb"}},defaultVariants:{},compoundVariants:[[{variant:"primary",isHovered:!0},"uf19bsc"],[{variant:"secondary",isHovered:!0},"uf19bsd"],[{variant:"tertiary",isHovered:!0},"uf19bse"]]});import{jsx as kt}from"react/jsx-runtime";var ep={xxs:8,xs:12,sm:16,md:20,lg:24},N=Pt.forwardRef(({className:e,style:a,icon:r,size:t="md",variant:s="primary",UNSAFE_NON_INTERACTIVE:o,elementType:n=o?"div":"button",...i},l)=>{!i["aria-label"]&&!i["aria-labelledby"]&&console.warn("An `ActionIconButton` requires an aria-label or aria-labelledby prop.");let p=Pt.useRef(null),{buttonProps:c,isPressed:u}=Ql({...i,elementType:n},p),{isFocusVisible:d,isFocused:b,focusProps:f}=Yl(),{hoverProps:v,isHovered:y}=$l({isDisabled:i.isDisabled});return kt(n,{...Xl(c,v,f),className:Jl(Ct({variant:s,size:t,isDisabled:i.isDisabled,isFocusVisible:d,isHovered:y}),"BaselineUI-ActionIconButton",e),"data-blockid":i["data-blockid"],"data-focused":b,"data-focus-visible":d,"data-disabled":i.isDisabled,"data-hovered":y,"data-pressed":u,ref:Zl(l,p),style:a,...o&&{tabIndex:void 0,role:void 0,"aria-label":void 0,"aria-labelledby":void 0,"aria-disabled":void 0},children:kt(r,{role:"presentation",size:ep[t]})})});N.displayName="ActionIconButton";import{jsx as ke,jsxs as De}from"react/jsx-runtime";var ar=Rt.forwardRef(({className:e,style:a,labelPosition:r="top",variant:t="primary",showStepper:s=!0,...o},n)=>{let i=Rt.useRef(null),{locale:l}=np(),p=cp({...o,locale:l}),{hoverProps:c,isHovered:u}=ip({isDisabled:o.isDisabled}),{focusProps:d,isFocusVisible:b,isFocused:f}=sp(),{labelProps:v,decrementButtonProps:y,inputProps:g,incrementButtonProps:x,groupProps:h,descriptionProps:_,errorMessageProps:P}=lp(o,p,i),z=tp(()=>o.isReadOnly?op:o.isInvalid?rp:null,[o.isInvalid,o.isReadOnly]),M=re({description:o.description,errorMessageProps:P,descriptionProps:_,errorMessage:o.errorMessage,labelPosition:r,isDisabled:o.isDisabled}),R=ap({"data-disabled":o.isDisabled,"data-readonly":o.isReadOnly,"data-hovered":u,"data-focused":f,"data-focus-visible":b,"data-invalid":o.isInvalid,"data-blockid":o["data-blockid"]});return De("div",{style:a,className:tr(ee({labelPosition:r}),"BaselineUI-NumberInput",e),...R,ref:n,children:[o.label&&De("div",{className:J({labelPosition:r,hasMessage:!!M}),children:[ke("label",{...v,className:$,children:o.label}),r==="start"&&M]}),De("div",{className:tr({[xe]:o.isDisabled}),children:[De("div",{...wt(h,c),className:tr(Pe({isHovered:u,isDisabled:!!o.isDisabled,isReadOnly:!!o.isReadOnly,validationState:o.isInvalid?"error":"valid",isFocused:f,variant:t}),{[_t]:r==="start"}),children:[ke("input",{...wt(g,d),ref:i,className:tr("BaselineUI-NumberInput-Input",or({isDisabled:o.isDisabled,labelPosition:r}))}),z&&ke(z,{className:Ce({validationState:"error",isReadOnly:o.isReadOnly}),size:16}),s&&De("div",{className:xt({isHoveredOrFocused:u||f,isInteractive:!o.isReadOnly&&!o.isDisabled}),children:[ke(N,{variant:"secondary",size:"xxs",icon:pp,...y,className:"BaselineUI-NumberInput-DecrementButton"}),ke(j,{style:{height:16},orientation:"vertical"}),ke(N,{variant:"secondary",size:"xxs",icon:dp,...x,className:"BaselineUI-NumberInput-DecrementButton"})]})]}),r==="top"&&M]})]})});ar.displayName="NumberInput";import{Fragment as Cp,jsx as oe,jsxs as sr}from"react/jsx-runtime";var It=Xr.forwardRef(({className:e,style:a,onChange:r,onChangeEnd:t,numberFormatOptions:s,isDisabled:o,step:n,minValue:i,maxValue:l,value:p,"aria-label":c,"aria-labelledby":u,"aria-details":d,"aria-describedby":b,"data-blockid":f,defaultValue:v,isReadOnly:y,label:g,id:x,includeNumberInput:h},_)=>{let P=Xr.useRef(null),z={onChange:r===void 0?void 0:B=>r(B[0]),isDisabled:o||y,step:n,minValue:i,maxValue:l,onChangeEnd:t===void 0?void 0:B=>t(B[0]),value:p===void 0?void 0:[p],defaultValue:v===void 0?void 0:[v],"aria-label":c,"aria-labelledby":u,"aria-details":d,"aria-describedby":b,id:x,label:g},M=yp(s),R=xp({...z,numberFormatter:M}),{trackProps:w,groupProps:T,labelProps:L}=gp(z,R,P),I=oe(ar,{variant:"ghost",showStepper:!1,"aria-label":c,"aria-labelledby":L.id,value:R.getThumbValue(0),formatOptions:s,onChange:B=>R.setThumbValue(0,B),style:{width:55,textAlign:"right",flexShrink:0}});return sr("div",{...T,style:a,"data-blockid":f,className:He(ut,"BaselineUI-Slider",e),children:[g&&sr("div",{className:ft,children:[oe("label",{...L,className:He(bt({isDisabled:o,hasNumberInput:!!h}),"BaselineUI-Slider-Label"),children:g}),h&&I]}),sr("div",{className:mt,children:[oe("div",{...w,className:He(yt,"BaselineUI-Slider-Track"),ref:mp(P,_),"data-testid":"track",children:oe(_p,{state:R,trackRef:P,isDisabled:o,isReadOnly:y})}),h&&!g&&I]})]})});It.displayName="Slider";function _p({state:e,trackRef:a,isDisabled:r,isReadOnly:t}){let s=Xr.useRef(null),{thumbProps:o,inputProps:n,isDragging:i}=hp({trackRef:a,inputRef:s},e),{focusProps:l,isFocused:p,isFocusVisible:c}=bp(),{hoverProps:u,isHovered:d}=vp({isDisabled:r}),b=up({"data-disabled":r,"data-readonly":t,"data-hovered":d,"data-focus-visible":c,"data-dragging":i,"data-focused":p});return sr(Cp,{children:[oe("div",{className:He(gt({isDisabled:r,isFocusVisible:c,active:i,isHovered:d}),"BaselineUI-Slider-TrackHighlight"),style:{width:o.style?.left},"data-testid":"track-highlight"}),oe("div",{...Nt(o,u,b),className:He(vt({isDisabled:r,isFocusVisible:c,active:i,isReadOnly:t,isHovered:d}),"BaselineUI-Slider-Thumb"),"data-testid":"thumb",children:oe(fp,{children:oe("input",{ref:s,...Nt(n,l)})})})]})}import Ft from"react";import{useToggleState as Pp}from"react-stately";import{VisuallyHidden as kp,mergeProps as Dt,useFocusRing as Rp,useHover as wp,useSwitch as Np}from"react-aria";import{classNames as Ve,filterTruthyValues as Ip}from"@baseline-ui/utils";var Tt=m({defaultClassName:"bpklwa7",variantClassNames:{isReadOnly:{true:"bpklwa8"},isDisabled:{true:"bpklwa9"},isSelected:{true:"bpklwaa"},isFocused:{true:"bpklwab"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isDisabled:!1,isReadOnly:!1},"bpklwac"]]}),St=m({defaultClassName:"bpklwae",variantClassNames:{isDisabled:{true:"bpklwaf"},isSelected:{true:"bpklwag"},isReadOnly:{true:"bpklwah"}},defaultVariants:{},compoundVariants:[]}),zt="bpklwad",Lt=m({defaultClassName:"bpklwa0",variantClassNames:{labelPosition:{top:"bpklwa1",left:"bpklwa2"}},defaultVariants:{},compoundVariants:[]}),Mt="bpklwa6",Bt=m({defaultClassName:"bpklwa3",variantClassNames:{labelPosition:{top:"bpklwa4",left:"bpklwa5"}},defaultVariants:{},compoundVariants:[]});import{jsx as Re,jsxs as Ht}from"react/jsx-runtime";var Vt=Ft.forwardRef(({className:e,label:a,labelPosition:r="top",statusLabel:t,style:s,"data-blockid":o,...n},i)=>{let l=Ft.useRef(null),p=Pp(n),{inputProps:c,isPressed:u}=Np(n,p,l),{isFocusVisible:d,focusProps:b}=Rp(),{hoverProps:f,isHovered:v}=wp({isDisabled:n.isDisabled}),y=Ip({"data-blockid":o,"data-focused":d,"data-disabled":n.isDisabled,"data-focus-visible":d,"data-selected":p.isSelected,"data-readonly":n.isReadOnly,"data-hovered":v,"data-pressed":u}),g=Re("div",{className:Ve(Tt({isSelected:p.isSelected,isDisabled:!!n.isDisabled,isFocused:d,isReadOnly:!!n.isReadOnly}),"BaselineUI-Switch-Track"),children:Re("div",{className:Ve(St({isSelected:p.isSelected,isDisabled:n.isDisabled,isReadOnly:n.isReadOnly}),"BaselineUI-Switch-Knob"),"data-testid":"switch-knob"})});return Ht("label",{...Dt(y,f),className:Ve(Lt({labelPosition:r}),"BaselineUI-Switch",e),style:s,ref:i,children:[a&&Re("span",{className:Ve(zt,"BaselineUI-Switch-Label"),children:a}),Re(kp,{children:Re("input",{...Dt(c,b),ref:l})}),t?Ht("div",{className:Bt({labelPosition:r}),children:[Re("span",{className:Ve("BaselineUI-Switch-Status-Label",Mt),children:p.isSelected?t.on:t.off}),g]}):g]})});Vt.displayName="Switch";import{XIcon as Tp}from"@baseline-ui/icons/16";import{XIcon as Sp}from"@baseline-ui/icons/12";import{SearchIcon as At}from"@baseline-ui/icons/24";import{SearchIcon as zp}from"@baseline-ui/icons/20";import jt from"react";import{classNames as Lp,filterTruthyValues as Mp}from"@baseline-ui/utils";import{mergeProps as Bp,useFocusRing as Fp,useSearchField as Dp}from"react-aria";import{useSearchFieldState as Hp}from"react-stately";var Et="_19n40yy9",Ot=m({defaultClassName:"_19n40yy0",variantClassNames:{size:{lg:"_19n40yy1",md:"_19n40yy2",sm:"_19n40yy3"},variant:{primary:"_19n40yy4",ghost:"_19n40yy5"},isFocused:{true:"_19n40yy6"},hasText:{true:"_19n40yy7"},isDisabled:{true:"_19n40yy8"}},defaultVariants:{},compoundVariants:[]});import{jsx as Qr,jsxs as Ep}from"react/jsx-runtime";var Vp={sm:zp,md:At,lg:At},qt=jt.forwardRef(({className:e,size:a="md",variant:r="primary",...t},s)=>{let o=jt.useRef(null),n=Hp(t),{inputProps:i,clearButtonProps:l}=Dp({...t,"aria-haspopup":!1,"aria-autocomplete":"none",type:"search"},n,o),{focusProps:p,isFocusVisible:c,isFocused:u}=Fp({within:!0,isTextInput:!0}),d=Vp[a],b=a==="sm"?Sp:Tp,f=Mp({"data-blockid":t["data-blockid"],"data-focused":u,"data-disabled":t.isDisabled,"data-focus-visible":c});return Ep("div",{...f,className:Lp(Ot({size:a,isFocused:u,variant:r,hasText:!!n.value,isDisabled:t.isDisabled}),"BaselineUI-SearchInput",e),ref:s,children:[Qr(d,{size:a==="sm"?20:24}),Qr("input",{...Bp(i,p),className:Et,ref:o}),n.value!==""&&Qr(N,{icon:b,...l,size:a==="sm"?"xs":"sm",variant:"secondary"})]})});qt.displayName="SearchInput";import{classNames as jp}from"@baseline-ui/utils";import qp,{useMemo as Up}from"react";import{assignInlineVars as Kt}from"@vanilla-extract/dynamic";import{darkTheme as Kp,lightTheme as Gp,themeVars as Wp}from"@baseline-ui/tokens";import{mergeProps as Zp,useLocale as Xp}from"react-aria";import{useEffect as ir,useState as nr}from"react";function Yr(){let[e,a]=nr("light"),[r,t]=nr(!1),[s,o]=nr(!1),[n,i]=nr(!1);return ir(()=>{let l=window.matchMedia("(prefers-color-scheme: dark)"),p=c=>{a(c.matches?"dark":"light")};return l.matches&&a("dark"),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),ir(()=>{let l=window.matchMedia("(prefers-contrast: more)"),p=c=>{t(c.matches)};return t(l.matches),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),ir(()=>{let l=window.matchMedia("(prefers-reduced-motion: reduce)"),p=c=>{o(c.matches)};return l.matches&&o(!0),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),ir(()=>{let l=window.matchMedia("(prefers-reduced-transparency: reduce)"),p=c=>{i(c.matches)};return l.matches&&i(!0),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),{colorScheme:e,highContrast:r,reducedMotion:s,transparency:n}}import{lightTheme as Op}from"@baseline-ui/tokens";import{createContext as Ap}from"react";var te=Ap({theme:Op,setTheme:()=>{}});var Ut="var(--hj25q10)";import{jsx as Gt}from"react/jsx-runtime";var lr={LIGHT:{name:"light",theme:Gp},DARK:{name:"dark",theme:Kp}},ae=qp.forwardRef(({theme:e="system",children:a,setTheme:r,className:t,style:s,UNSAFE_domProps:o,"data-blockid":n},i)=>{let{direction:l}=Xp(),{colorScheme:p,reducedMotion:c,highContrast:u,transparency:d}=Yr(),{name:b,theme:f}=Up(()=>{switch(e){case"system":return p==="light"?lr.LIGHT:lr.DARK;case"light":return lr.LIGHT;case"dark":return lr.DARK;default:return{name:"custom",theme:e}}},[p,e]),v={"data-theme":b,"data-blockid":n,"data-reduced-motion":c,"data-high-contrast":u,"data-transparency":d};return Gt(te.Provider,{value:{theme:f,setTheme:r},children:Gt("div",{...Zp(o,v),className:jp(rr,"BaselineUI-ThemeProvider",t),style:{...Kt(Wp,f),...Kt({[Ut]:l==="rtl"?"-1":"1"}),...s},ref:i,children:a})})});ae.displayName="ThemeProvider";import wd from"react";import{useMenuTriggerState as Nd}from"react-stately";import{mergeRefs as gd}from"@react-aria/utils";import to from"react";import{Item as hd,Section as xd}from"react-stately";import{classNames as _d,invariant as Cd}from"@baseline-ui/utils";import{mergeProps as Pd,useMenuTrigger as kd}from"react-aria";import{classNames as Jp}from"@baseline-ui/utils";import{mergeRefs as ed}from"@react-aria/utils";import{animated as rd}from"@react-spring/web";import{assignInlineVars as od}from"@vanilla-extract/dynamic";import Qt,{useContext as td,useEffect as ad}from"react";import{DismissButton as Yt,Overlay as sd,usePopover as id}from"react-aria";import{config as Qp,useReducedMotion as Yp,useTransition as $p}from"@react-spring/web";function Wt({placement:e}){let a=Yp();return $p(!0,{from:{opacity:0,transform:`translate3d(${e==="bottom"?"0, 4px, 0":"0, -4px, 0"})`},enter:{opacity:1,transform:"translate3d(0, 0, 0)"},immediate:!!a,config:Qp.stiff})}var Zt="_1gzftth1",Xt="var(--_1gzftth0)";import{jsx as pr,jsxs as $t}from"react/jsx-runtime";var me=Qt.forwardRef(({className:e,style:a,state:r,overlayProps:t,underlayClassName:s,children:o,...n},i)=>{let{theme:l}=td(te),p=Qt.useRef(null),{underlayProps:c,popoverProps:u,placement:d}=id({...n,popoverRef:p},r),b=Wt({placement:d});return ad(()=>(n.scrollRef?.current?.addEventListener("scroll",r.close),()=>{n.scrollRef?.current?.removeEventListener("scroll",r.close)}),[n.scrollRef,r.close,n.isNonModal]),b((f,v)=>v&&pr(sd,{children:$t(ae,{ref:i,theme:l,style:a,className:s,UNSAFE_domProps:t,children:[pr("div",{...c}),$t(rd.div,{...u,style:{...u.style,...f,...od({[Xt]:`${n.triggerRef?.current?.offsetWidth}px`})},ref:ed(p,i),className:Jp(Zt,e),"data-placement":["top","bottom","left","right"].filter(y=>d?.includes(y)),children:[pr(Yt,{onDismiss:r.close}),o,pr(Yt,{onDismiss:r.close})]})]})}))});me.displayName="PopoverContentCore";import{mergeRefs as ud}from"@react-aria/utils";import sa from"react";import{mergeProps as md,useKeyboard as fd,useMenu as bd}from"react-aria";import{useTreeState as vd}from"react-stately";import{classNames as yd}from"@baseline-ui/utils";var Jt="xyd2ss1",ea=m({defaultClassName:"xyd2ss5",variantClassNames:{disabled:{true:"xyd2ss6"},focused:{true:"xyd2ss7"}},defaultVariants:{},compoundVariants:[]}),ra="xyd2ss4",oa="xyd2ss2",ta="xyd2ss3";import{classNames as nd,invariant as aa}from"@baseline-ui/utils";import $r from"react";import{useMenuItem as ld,useMenuSection as pd,useSeparator as dd}from"react-aria";import{Fragment as cd,jsx as Ee,jsxs as Jr}from"react/jsx-runtime";var eo=({section:e,state:a})=>{let{itemProps:r,headingProps:t,groupProps:s}=pd({heading:e.rendered,"aria-label":e["aria-label"]}),{separatorProps:o}=dd({elementType:"li"}),n=a.collection.getChildren?.(e.key);return aa(n,"MenuSection must have at least one child"),Jr(cd,{children:[e.key!==a.collection.getFirstKey()&&Ee("li",{...o,className:oa}),Jr("li",{...r,children:[e.rendered&&Ee("span",{...t,className:ta,children:e.rendered}),Ee("ul",{...s,className:ra,children:[...n].map(i=>(aa(i.type==="item"),Ee(dr,{item:i,state:a},i.key)))})]})]})};eo.displayName="MenuSection";var dr=({item:e,state:a,className:r})=>{let t=$r.useRef(null),{menuItemProps:s,isFocused:o,isSelected:n,isDisabled:i,keyboardShortcutProps:l,labelProps:p}=ld({key:e.key},a,t),[c,u]=e.rendered;return Jr("li",{...s,ref:t,className:nd(ea({disabled:i,focused:o}),r),children:[n&&Ee("span",{"aria-hidden":"true",children:"\u2705"}),$r.cloneElement(c,p),u&&$r.cloneElement(u,l)]})};dr.displayName="MenuContent";import{jsx as ro}from"react/jsx-runtime";var oo=sa.forwardRef(({className:e,itemClassName:a,onContentKeyDown:r,...t},s)=>{let o=vd(t),n=sa.useRef(null),{menuProps:i}=bd(t,o,n),{keyboardProps:l}=fd({onKeyDown:r});return ro("ul",{...md(i,l),className:yd(Jt,e),ref:ud(n,s),children:[...o.collection].map(p=>p.type==="section"?ro(eo,{section:p,state:o},p.key):ro(dr,{item:p,state:o,className:a},p.key))})});oo.displayName="MenuContent";import{Fragment as Rd,jsx as fe,jsxs as na}from"react/jsx-runtime";var ia=to.forwardRef(({isDisabled:e,className:a,contentClassName:r,triggerButtonProps:t,state:s,contentRef:o,placement:n="bottom start",isNonModal:i,shouldFlip:l,shouldUpdatePosition:p,boundaryElement:c,crossOffset:u,offset:d,...b},f)=>{let v=to.useRef(null),{menuTriggerProps:y,menuProps:g}=kd({isDisabled:e},s,v);return na(Rd,{children:[fe(E,{...Pd(y,t),isDisabled:e,className:_d(t?.className,a),ref:gd(v,f),label:b.label}),s.isOpen&&fe(me,{triggerRef:v,state:s,placement:n,isNonModal:i,shouldFlip:l,shouldUpdatePosition:p,boundaryElement:c,crossOffset:u,offset:d,children:fe(oo,{className:r,...g,...b,ref:o,autoFocus:s.focusStrategy||!0})})]})});ia.displayName="MenuRoot";var ao=to.forwardRef(({items:e,...a},r)=>{let t=s=>s.map(o=>{if("type"in o&&o.type==="section"){let n=o.isTitleVisible??!0;return fe(xd,{title:n?o.title:void 0,"aria-label":n?void 0:o.title,children:t(o.items)},o.group)}else return Cd("label"in o,"Item doesn't have a label"),na(hd,{textValue:o.label,children:[fe("div",{children:o.label}),o.shortcut&&fe("kbd",{children:o.shortcut})]},o.id)});return fe(ia,{...a,ref:r,children:t(e)})});ao.displayName="MenuBase";import{jsx as Id}from"react/jsx-runtime";var la=wd.forwardRef(({defaultOpen:e,isOpen:a,onOpenChange:r,...t},s)=>{let o=Nd({defaultOpen:e,isOpen:a,onOpenChange:r});return Id(ao,{...t,state:o,ref:s})});la.displayName="Menu";import{mergeRefs as Td}from"@react-aria/utils";import da from"react";import{classNames as Sd}from"@baseline-ui/utils";import{mergeProps as zd,useFocusRing as Ld,useHover as Md,useLink as Bd}from"react-aria";var pa=m({defaultClassName:"_13f0naj0",variantClassNames:{variant:{default:"_13f0naj1",inline:"_13f0naj2"},isHovered:{true:"_13f0naj3"},isFocusVisible:{true:"_13f0naj4"},isDisabled:{true:"_13f0naj5"},size:{sm:"_13f0naj6",md:"_13f0naj7",lg:"_13f0naj8"},isActive:{true:"_13f0naj9"}},defaultVariants:{},compoundVariants:[[{isActive:!0,isDisabled:!1},"_13f0naja"]]});import{jsx as Fd}from"react/jsx-runtime";var ca=da.forwardRef(({className:e,style:a,children:r,variant:t="default",size:s="md",elementType:o="a",...n},i)=>{let l=da.useRef(null),{linkProps:p,isPressed:c}=Bd({...n,elementType:n.onPress?"span":o},l),{isFocusVisible:u,focusProps:d}=Ld(),{hoverProps:b,isHovered:f}=Md({isDisabled:n.isDisabled});return Fd(o,{...zd(p,d,b),className:Sd(pa({variant:t,isFocusVisible:u,isHovered:f,isDisabled:n.isDisabled,size:s,isActive:c}),e),ref:Td(l,i),style:a,children:r})});ca.displayName="Link";import{mergeRefs as Hd}from"@react-aria/utils";import ya from"react";import{classNames as Vd,invariant as Ed}from"@baseline-ui/utils";import{VisuallyHidden as Od,mergeProps as ga,useDrop as Ad,useFocusRing as jd,useHover as qd}from"react-aria";import{invariant as Dd}from"@baseline-ui/utils";import{useId as so}from"react-aria";function ua({isDisabled:e,onValueChange:a,onChange:r,name:t,"aria-describedby":s,"aria-label":o,accept:n,multiple:i}){let l=so(),p=so(),c=so();return{inputProps:{type:"file",id:p,disabled:!!e,"aria-labelledby":o?void 0:l,"aria-describedby":s||c,"aria-label":o,onChange:d=>{let b=[...d.target.files||[]];a?.(b),r?.(d)},name:t,accept:n,multiple:i},labelProps:{htmlFor:p,id:l},descriptionProps:{id:c}}}async function io({items:e}){let a=e.filter(r=>r.kind==="file").map(r=>(Dd(r.kind==="file"),r.getFile()));return await Promise.all(a)}var ma=m({defaultClassName:"_180w5ed0",variantClassNames:{variant:{default:"_180w5ed1",inline:"_180w5ed2"},hoveredOrFocusedOrActive:{true:"_180w5ed3"},disabled:{true:"_180w5ed4"}},defaultVariants:{},compoundVariants:[[{variant:"inline",hoveredOrFocusedOrActive:!0},"_180w5ed5"],[{variant:"default",hoveredOrFocusedOrActive:!0},"_180w5ed6"],[{variant:"default",disabled:!0},"_180w5ed7"],[{variant:"inline",disabled:!0},"_180w5ed8"]]}),fa=m({defaultClassName:"_180w5ede",variantClassNames:{disabled:{true:"_180w5edf"}},defaultVariants:{},compoundVariants:[]}),ba=m({defaultClassName:"_180w5ed9",variantClassNames:{disabled:{true:"_180w5eda"}},defaultVariants:{},compoundVariants:[]}),va=m({defaultClassName:"_180w5edb",variantClassNames:{disabled:{true:"_180w5edc"},hovered:{true:"_180w5edd"}},defaultVariants:{},compoundVariants:[]});import{jsx as Oe,jsxs as ha}from"react/jsx-runtime";var xa=ya.forwardRef(({className:e,label:a,description:r,icon:t,variant:s="default",...o},n)=>{let i=ya.useRef(null),{inputProps:l,descriptionProps:p,labelProps:c}=ua(o),{dropProps:u}=Ad({ref:i,onDrop:async({items:y})=>{let g=y.filter(h=>h.kind==="file").map(h=>(Ed(h.kind==="file"),h.getFile())),x=await Promise.all(g);o.onValueChange?.(x)}}),{focusProps:d,isFocusVisible:b}=jd(),{hoverProps:f,isHovered:v}=qd({isDisabled:o.isDisabled});return ha("label",{...ga(u,f,c),className:Vd(ma({variant:s,disabled:o.isDisabled,hoveredOrFocusedOrActive:v||b}),e),ref:Hd(n,i),children:[Oe(Od,{children:Oe("input",{...ga(d,l)})}),t&&Oe(t,{size:20,className:ba({disabled:o.isDisabled})}),ha("div",{children:[Oe("div",{className:va({disabled:o.isDisabled,hovered:v}),children:a}),r&&Oe("div",{...p,className:fa({disabled:o.isDisabled}),children:r})]})]})});xa.displayName="FileUpload";import Ud from"react";import{classNames as Kd}from"@baseline-ui/utils";import{useId as Gd,useProgressBar as Wd}from"react-aria";var _a="_12vfhl40 z9nup81",Ca="_12vfhl41 z9nup82",Pa=m({defaultClassName:"_12vfhl48",variantClassNames:{variant:{success:"_12vfhl49",error:"_12vfhl4a",active:"_12vfhl4b"}},defaultVariants:{},compoundVariants:[]}),ka="_12vfhl42",Ra="_12vfhl47",wa="_12vfhl46 z9nup82",Na="_12vfhl45",Ia=m({defaultClassName:"_12vfhl43 _12vfhl42",variantClassNames:{hasLabel:{false:"_12vfhl44"}},defaultVariants:{},compoundVariants:[]});import{jsx as Ae,jsxs as cr}from"react/jsx-runtime";var Ta=Ud.forwardRef(({className:e,variant:a="active",showValue:r,description:t,errorMessage:s,...o},n)=>{let i=Gd(),{labelProps:l,progressBarProps:p}=Wd({...o,"aria-describedby":t?i:o["aria-describedby"]}),{minValue:c=0,maxValue:u=100,value:d=0,label:b}=o,f=(d-c)/(u-c),v=`${Math.round(f*100)}%`,y=Ae("output",{className:Ia({hasLabel:!!b}),children:p["aria-valuetext"]}),g=a==="error"?s:t;return cr("div",{...p,className:Kd(_a,e),ref:n,children:[b&&cr("div",{className:Ca,children:[Ae("label",{...l,className:ka,children:b}),r&&y]}),cr("div",{className:Na,children:[cr("div",{className:wa,children:[Ae("div",{className:Ra,children:Ae("div",{style:{width:v},className:Pa({variant:a})})}),!b&&r&&y]}),g&&Ae("div",{className:_e({hasError:a==="error"}),id:i,children:g})]})]})});Ta.displayName="ProgressBar";import Sa from"react";import{classNames as no}from"@baseline-ui/utils";import{mergeProps as Yd,useFocusRing as $d,useHover as Jd,useTextField as ec}from"react-aria";import{ErrorFilledIcon as Zd,ReadOnlyIcon as Xd,WarningFilledIcon as Qd}from"@baseline-ui/icons/16";function ur({isReadOnly:e,validationState:a}){return e?Xd:a==="error"?Zd:a==="warning"?Qd:null}import{jsx as lo,jsxs as mr}from"react/jsx-runtime";var za=Sa.forwardRef(({className:e,validationState:a="valid",variant:r="primary",style:t,labelPosition:s="top",inputStyle:o,inputClassName:n,...i},l)=>{let p=Sa.useRef(null),{inputProps:c,labelProps:u,descriptionProps:d,errorMessageProps:b}=ec({...i,validationState:a==="error"?"invalid":"valid"},p),{hoverProps:f,isHovered:v}=Jd({isDisabled:i.isDisabled}),{isFocused:y,focusProps:g}=$d(),x=ur({isReadOnly:i.isReadOnly,validationState:a}),h=re({...i,descriptionProps:d,errorMessageProps:b,labelPosition:s});return mr("div",{className:no(ee({labelPosition:s}),e),style:t,ref:l,children:[mr("div",{className:J({labelPosition:s,hasMessage:!!h}),children:[lo("label",{...u,className:$,children:i.label}),s==="start"&&h]}),mr("div",{className:no({[xe]:i.isDisabled}),children:[mr("div",{...f,className:Pe({validationState:a,isHovered:v,isFocused:y,variant:r,isReadOnly:!!i.isReadOnly,isDisabled:!!i.isDisabled}),children:[lo("input",{...Yd(c,g),className:no(or({isDisabled:i.isDisabled,labelPosition:s}),n),style:o,ref:p}),x&&lo(x,{className:Ce({validationState:a,isReadOnly:i.isReadOnly}),size:16})]}),s==="top"&&h]})]})});za.displayName="TextInput";import{CheckmarkIcon as ac}from"@baseline-ui/icons/20";import{CheckmarkIcon as sc}from"@baseline-ui/icons/16";import{classNames as ic}from"@baseline-ui/utils";import Da from"react";import{VisuallyHidden as nc,useFocusRing as lc,useHover as pc,useSwitch as dc}from"react-aria";import{useToggleState as cc}from"react-stately";import{useNumberFormatter as rc}from"react-aria";import{Fragment as oc,jsx as tc}from"react/jsx-runtime";var we=({value:e,...a})=>{let r=rc(a);return tc(oc,{children:r.format(e)})};we.displayName="NumberFormat";var La="_1yep5z6ga _1yep5z6gb _1yep5z6gc",Ma=m({defaultClassName:"_9b1tml0",variantClassNames:{isSelected:{true:"_9b1tml1",false:"_9b1tml2"},isDisabled:{true:"z9nup83"},isHovered:{true:"_9b1tml4"},isFocusVisible:{true:"_9b1tml5"},isReadOnly:{true:"_9b1tml6"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isFocusVisible:!0,isReadOnly:!1},"_9b1tml7"],[{isSelected:!0,isHovered:!0,isDisabled:!1,isReadOnly:!1},"_9b1tml8"],[{isSelected:!1,isHovered:!0,isDisabled:!1,isReadOnly:!1},"_9b1tml9"],[{isSelected:!0,isDisabled:!0},"_9b1tmla"],[{isSelected:!0,isReadOnly:!0},"_9b1tmlb"]]}),Ba=m({defaultClassName:"_9b1tmlf",variantClassNames:{isSelected:{true:"_9b1tmlg"},size:{sm:"_9b1tmlh",md:"_9b1tmli"},isDisabled:{true:"_9b1tmlj"},isReadOnly:{true:"_9b1tmlk"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isDisabled:!1,isReadOnly:!1},"_9b1tmll"],[{isSelected:!0,isDisabled:!0},"_9b1tmlm"],[{isSelected:!1,isDisabled:!0},"_9b1tmln"]]}),Fa=m({defaultClassName:"_9b1tmlc",variantClassNames:{isDisabled:{true:"_9b1tmld"},isReadOnly:{true:"_9b1tmle"}},defaultVariants:{},compoundVariants:[]});import{jsx as Ne,jsxs as Ha}from"react/jsx-runtime";var Va=Da.forwardRef(({className:e,count:a,style:r,size:t="md",icon:s,...o},n)=>{let i={isRequired:!1},l=s||(t==="md"?ac:sc);!o["aria-label"]&&!o["aria-labelledby"]&&console.warn("You must provide either an `aria-label` or `aria-labelledby` prop to the `Reaction` component.");let p=Da.useRef(null),c=cc({...o,...i}),{inputProps:u,isPressed:d,isDisabled:b,isReadOnly:f,isSelected:v}=dc({...o,...i},c,p),{focusProps:y,isFocused:g,isFocusVisible:x}=lc(),{hoverProps:h,isHovered:_}=pc({});return Ha("label",{ref:n,style:r,className:ic(La,"BaselineUI-Reaction",e),"data-blockid":o["data-blockid"],"data-focused":g,"data-focus-visible":x,"data-disabled":b,"data-hovered":_,"data-pressed":d,"data-selected":v,children:[Ne(nc,{children:Ne("input",{...u,...y,ref:p})}),Ha("div",{...h,className:Ma({isSelected:v,isFocusVisible:x,isHovered:_,isReadOnly:f,isDisabled:b}),children:[Ne("div",{className:Fa({isDisabled:b,isReadOnly:f}),children:Ne(l,{size:t==="md"?20:16})}),Ne("div",{className:Ba({isSelected:c.isSelected,isDisabled:b,isReadOnly:f,size:t}),children:Ne(we,{value:a})})]})]})});Va.displayName="Reaction";import{mergeRefs as jc}from"@react-aria/utils";import mo from"react";import{useOverlayPosition as qc,useTooltipTrigger as Uc}from"react-aria";import{useTooltipTriggerState as Kc}from"react-stately";import{FocusableProvider as Gc}from"@react-aria/focus";import uc,{useMemo as mc}from"react";import{mergeProps as fc,useTooltip as bc}from"react-aria";import{animated as vc,useReducedMotion as yc,useSpring as gc}from"@react-spring/web";var Ea=m({defaultClassName:"_1jwycy80",variantClassNames:{placement:{bottom:"_1jwycy81",left:"_1jwycy82",right:"_1jwycy83",top:"_1jwycy84"}},defaultVariants:{},compoundVariants:[]}),Oa="_1jwycy85 _1yep5z63u _1yep5z63v _1yep5z63w _1yep5z61i _1yep5z61j _1yep5z61k _1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z6aj _1yep5z6ar _1yep5z6az _1yep5z6b7 _1yep5z6e8 _1yep5z6d7 _1yep5z6cf";import{jsx as Aa,jsxs as hc}from"react/jsx-runtime";var po=uc.forwardRef(({children:e,state:a,overlayProps:r,arrowProps:t,placement:s,tooltipProps:o},n)=>{let{tooltipProps:i}=bc({isOpen:a.isOpen},a),l=mc(()=>{switch(s){case"top":return{x:0,y:4};case"bottom":return{x:0,y:-4};case"left":return{x:4,y:0};case"right":return{x:-4,y:0};default:return{x:0,y:0}}},[s]),p=yc(),[c]=gc(()=>({from:{opacity:0,transform:`translate(${l.x}px, ${l.y}px)`},to:{opacity:1,transform:"translate(0, 0)"},immediate:!!p})),u=s==="center"?"bottom":s;return hc(vc.span,{...r,style:{...c,...r.style},ref:n,"data-placement":u,children:[Aa("div",{className:Ea({placement:u}),...t}),Aa("div",{...fc(i,o),className:Oa,children:e})]})});po.displayName="TooltipContent";import xc,{useContext as _c}from"react";import{Overlay as Cc}from"react-aria";import{jsx as ja}from"react/jsx-runtime";var fr=xc.forwardRef(({className:e,children:a,...r},t)=>{let{theme:s}=_c(te);return ja(Cc,{...r,children:ja(ae,{ref:t,theme:s,className:e,children:a})})});fr.displayName="Portal";import Pc,{useEffect as qa}from"react";function Ua({ref:e,onIntersect:a,isDisabled:r,threshold:t,rootMargin:s,root:o}){let n=Pc.useRef(null);qa(()=>{if(r){n.current?.disconnect(),n.current=null;return}n.current=new IntersectionObserver(([i])=>{a(i)},{root:o?.current,rootMargin:s,threshold:t})},[a,r,o,s,t]),qa(()=>{let{current:i}=n;return e.current&&i?.observe(e.current),()=>i?.disconnect()},[e])}import br from"react";function Ka({ref:e,onResize:a,isDisabled:r}){let t=br.useRef(null),[s,o]=br.useState();return br.useEffect(()=>{if(r){t.current?.disconnect(),t.current=null;return}t.current=new ResizeObserver(([n])=>{o(n.contentRect),a?.(n)})},[a,r,o]),br.useEffect(()=>{let{current:n}=t;return e.current&&n?.observe(e.current),()=>n?.disconnect()},[e]),{size:s}}import{useEffect as kc,useState as co}from"react";function vr({src:e,alt:a}){let[r,t]=co(!1),[s,o]=co(!1),[n,i]=co(!1),l=()=>{t(!0),i(!1)},p=()=>{o(!0),i(!1)};return kc(()=>{if(!e)return;i(!0);let c=new Image;return c.src=e,c.addEventListener("load",l),c.addEventListener("error",p),()=>{c.removeEventListener("load",l),c.removeEventListener("error",p)}},[e]),{isLoaded:r,hasError:s,isLoading:n,imgProps:{src:r?e:void 0,alt:a}}}import{useGranularEffect as Nc}from"granular-hooks";import{useReducer as Ic,useRef as Tc}from"react";import{useEffect as Rc,useRef as wc}from"react";function Ie(){let e=wc(!0);return Rc(()=>{e.current=!1},[]),e.current}var Ga="SET_STATE",yr="UNDO",gr="REDO",Sc=(e,a)=>{let{past:r,present:t,future:s}=e;switch(a.type){case Ga:return{past:[...r,t],present:a.data,future:[]};case yr:return{past:r.slice(0,r?.length-1),present:r[r?.length-1],future:[t,...s]};case gr:return{past:[...r,t],present:s[0],future:s.slice(1)};default:throw new Error("Invalid action type")}},Wa=(e={},{isDisabled:a,onAction:r})=>{let t=Ie(),[s,o]=Ic(Sc,{past:[],present:e,future:[]}),{past:n,present:i,future:l}=s,p=v=>o({type:Ga,data:v}),c=Tc(),u=()=>{c.current=yr,o({type:yr})},d=()=>{c.current=gr,o({type:gr})},b=!!n?.length,f=!!l?.length;return Nc(()=>{(c.current===yr||c.current===gr)&&(r?.(i,c.current),c.current=void 0)},[i],[r,t]),{state:i,push:a?()=>{}:p,undo:a?()=>{}:u,redo:a?()=>{}:d,pastStates:n,futureStates:l,canUndo:b,canRedo:f}};import{cleanKeyFromGlobImport as Bc}from"@baseline-ui/utils";import{useContext as Fc}from"react";import{useLocale as Dc,useMessageFormatter as Hc}from"react-aria";import{I18nProvider as zc}from"react-aria";import Lc from"react";import{jsx as Za}from"react/jsx-runtime";var uo=Lc.createContext({messages:{}}),Mc=({children:e,messages:a={},...r})=>Za(zc,{...r,children:Za(uo.Provider,{value:{messages:a},children:e})});function G(e){let{messages:a}=Fc(uo),r=Hc(e?Bc(e):a),t=Dc();return{formatMessage:(s,o)=>{if(typeof s=="object")try{return r(s.id,o)}catch{return s.defaultMessage||s.id}else try{return r(s,o)}catch{return s}},locale:t}}function yP(e){return Object.fromEntries(Object.keys(e).map(a=>[a,e[a].id]))}import Xa from"react";function xP(e,a,r){let t=Xa.useRef(null);return Xa.useEffect(()=>{if(e)return t.current=new MutationObserver(r),t.current.observe(e,a),()=>{t.current&&t.current.disconnect()}},[e,a,r]),t.current}import{useState as Vc}from"react";function PP(e,a){let[r,t]=Vc(()=>{try{let o=window.localStorage.getItem(e);return o?JSON.parse(o):a}catch(o){return console.log(o),a}});return[r,o=>{try{let n=o instanceof Function?o(r):o;t(n),window.localStorage.setItem(e,JSON.stringify(n))}catch(n){console.log(n)}}]}import Ec,{useEffect as Oc}from"react";import{usePress as Ac}from"react-aria";function NP({ref:e,onSelectionChange:a,onSelectionEnd:r,isDisabled:t}){let s=Ec.useRef(null);Ac({ref:e,isDisabled:t,onPressEnd(){let o=window.getSelection();o&&e.current?.contains(o.anchorNode)&&r?.(o)},onPressStart(){s.current=window.getSelection(),s.current&&s.current.removeAllRanges()}}),Oc(()=>{if(!e.current||t)return;function n(){let i=window.getSelection();i&&e.current?.contains(i.anchorNode)&&a(i)}return document.addEventListener("selectionchange",n),()=>{document.removeEventListener("selectionchange",n)}},[e,a,t])}import{jsx as Qa,jsxs as Wc}from"react/jsx-runtime";var Ya=mo.forwardRef(({children:e,placement:a="bottom",delay:r=1e3,closeDelay:t=500,...s},o)=>{let n=mo.useRef(null),i=mo.useRef(null),l=!s.text||s.isDisabled,p=Kc({...s,delay:r,closeDelay:t,isDisabled:l}),{triggerProps:c,tooltipProps:u}=Uc({...s,isDisabled:l,delay:r,closeDelay:t},p,n),{overlayProps:d,arrowProps:b,placement:f,updatePosition:v}=qc({arrowSize:13,targetRef:n,arrowBoundaryOffset:8,offset:12,overlayRef:i,placement:a,isOpen:p.isOpen,...s});return Ua({ref:i,threshold:1,onIntersect:v,isDisabled:!p.isOpen}),Ka({ref:n,onResize:v,isDisabled:!p.isOpen}),Wc(Gc,{...c,ref:n,children:[e,p.isOpen&&Qa(fr,{disableFocusManagement:!0,children:Qa(po,{ref:jc(o,i),state:p,arrowProps:b,overlayProps:d,placement:f,tooltipProps:u,children:s.text})})]})});Ya.displayName="Tooltip";import Zc from"react";import{classNames as Xc}from"@baseline-ui/utils";import{CheckFilledIcon as Qc,ErrorAltFilledIcon as Yc}from"@baseline-ui/icons/16";import{CheckFilledIcon as $c,ErrorAltFilledIcon as Jc}from"@baseline-ui/icons/20";import{useProgressBar as eu}from"react-aria";import{assignInlineVars as ru}from"@vanilla-extract/dynamic";var $a="_1azy5686",Ja="_1azy5685",es="var(--_1azy5680)",rs="_1azy5688",os="_1azy5689",ts="_1azy5681 z9nup82",as="_1azy5682";var ss="_1azy5687";import{jsx as je,jsxs as fo}from"react/jsx-runtime";var ou={sm:16,md:20},tu={sm:[Qc,Yc],md:[$c,Jc]},hr=Zc.forwardRef(({className:e,style:a,size:r="md",variant:t="active",...s},o)=>{let{labelProps:n,progressBarProps:i}=eu({...s,isIndeterminate:!0}),l=ou[r],p=l/2-2,c=2*p*Math.PI,u=tu[r][t==="success"?0:1];return fo("div",{className:Xc(ts,e),ref:o,style:{...ru({[es]:`${c}px`}),...a},children:[fo("div",{...i,className:as,children:[(t==="active"||t==="inactive")&&fo("svg",{height:l,width:l,viewBox:`0 0 ${l} ${l}`,children:[je("circle",{role:"presentation",className:$a,cx:l/2,cy:l/2,r:p}),t==="active"&&je("circle",{role:"presentation",className:Ja,cx:l/2,cy:l/2,r:p})]}),t==="success"&&je(u,{className:ss,size:l}),t==="error"&&je(u,{className:rs,size:l})]}),s.label&&je("span",{...n,className:os,children:s.label})]})});hr.displayName="ProgressSpinner";import{CaretRightIcon as ns}from"@baseline-ui/icons/8";import{mergeRefs as au}from"@react-aria/utils";import ls from"react";import{classNames as su}from"@baseline-ui/utils";import{mergeProps as iu,useFocusRing as nu,useHover as lu,useToggleButton as pu}from"react-aria";import{useToggleState as du}from"react-stately";var bo=m({defaultClassName:"_5uw3kp8",variantClassNames:{direction:{top:"_5uw3kp9",bottom:"_5uw3kpa",left:"_5uw3kpb",right:"_5uw3kpc"},isSelected:{true:"_5uw3kpd"}},defaultVariants:{},compoundVariants:[[{direction:"top",isSelected:!0},"_5uw3kpe"],[{direction:"bottom",isSelected:!0},"_5uw3kpf"],[{direction:"right",isSelected:!0},"_5uw3kpg"],[{direction:"left",isSelected:!0},"_5uw3kph"]]}),is=m({defaultClassName:"_5uw3kp0 oom8bs0 z9nup82",variantClassNames:{isHovered:{true:"_5uw3kp1"},isFocusVisible:{true:"_5uw3kp2"},isDisabled:{true:"_5uw3kp3"},isSelected:{true:"_5uw3kp4"},size:{md:"_5uw3kp5",lg:"_5uw3kp6"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isFocusVisible:!0},"_5uw3kp7"]]});import{jsx as vo,jsxs as uu}from"react/jsx-runtime";var cu={md:20,lg:24},ps=ls.forwardRef(({className:e,style:a,popupPlacement:r="bottom",iconStart:t,size:s="md",elementType:o="button",...n},i)=>{let l=ls.useRef(null),p=du(n),{buttonProps:c,isPressed:u}=pu(n,p,l),{hoverProps:d,isHovered:b}=lu({isDisabled:n.isDisabled}),{isFocusVisible:f,isFocused:v,focusProps:y}=nu(),g=n["aria-haspopup"]==="true"||n["aria-haspopup"]===!0;return uu(o,{...iu(c,d,y),className:su(is({isHovered:b,isFocusVisible:f,isSelected:p.isSelected,size:s,isDisabled:n.isDisabled}),"BaselineUI-ToggleButton",e),"data-blockid":n["data-blockid"],"data-focused":v,"data-focus-visible":f,"data-disabled":n.isDisabled,"data-hovered":b,"data-pressed":u,"data-selected":p.isSelected,style:a,ref:au(l,i),children:[g&&r==="left"&&vo(ns,{className:bo({direction:r,isSelected:p.isSelected}),size:8}),t&&vo(t,{size:cu[s]}),n.label,g&&r!=="left"&&vo(ns,{className:bo({direction:r,isSelected:p.isSelected}),size:8})]})});ps.displayName="ToggleButton";import us from"react";import{classNames as mu,filterTruthyValues as fu}from"@baseline-ui/utils";import{VisuallyHidden as bu,mergeProps as vu,useCheckbox as yu,useFocusRing as gu,useHover as hu}from"react-aria";import{useToggleState as xu}from"react-stately";import{CheckmarkIcon as _u,MinusIcon as Cu}from"@baseline-ui/icons/12";var xr=m({defaultClassName:"_16vugd0e",variantClassNames:{isDisabled:{true:"_16vugd0f"}},defaultVariants:{},compoundVariants:[]}),ds=m({defaultClassName:"_16vugd01 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0",variantClassNames:{labelPosition:{end:"_1yep5z6zy _1yep5z6zz _1yep5z6100 _1yep5z6t0 _1yep5z6t1 _1yep5z6t2",start:"_1yep5z6104 _1yep5z6105 _1yep5z6106 _1yep5z611g _1yep5z611h _1yep5z611i"}},defaultVariants:{},compoundVariants:[]}),cs=m({defaultClassName:"_16vugd05",variantClassNames:{isIndeterminate:{true:"_16vugd04"},isSelected:{true:"_16vugd04"},isFocusVisible:{true:"_16vugd08"},isHovered:{true:"_16vugd09"},isDisabled:{true:"_16vugd0a"},isReadOnly:{true:"_16vugd0b"},hasError:{true:"_16vugd0c"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isDisabled:!0},"_16vugd0d"]]});import{jsx as qe,jsxs as ms}from"react/jsx-runtime";var fs=us.forwardRef(({className:e,style:a,label:r,labelPosition:t="end","data-blockid":s,...o},n)=>{let i=us.useRef(null),l=xu(o),{isFocusVisible:p,isFocused:c,focusProps:u}=gu(),{inputProps:d,isPressed:b,isDisabled:f,isSelected:v,isReadOnly:y}=yu({...o,children:r},l,i),{hoverProps:g,isHovered:x}=hu({isDisabled:f}),h=fu({"data-disabled":f,"data-readonly":y,"data-hovered":x,"data-selected":v,"data-pressed":b,"data-indeterminate":o.isIndeterminate,"data-invalid":o.isInvalid,"data-focus-visible":p,"data-focused":c,"data-blockid":s});return ms("label",{...h,className:mu(ds({labelPosition:t}),"BaselineUI-Checkbox",e),style:a,ref:n,children:[qe(bu,{children:qe("input",{...vu(d,u),ref:i})}),ms("div",{...g,className:cs({isSelected:v&&!o.isIndeterminate,isIndeterminate:o.isIndeterminate,isFocusVisible:p,isDisabled:f,isReadOnly:y,hasError:o.isInvalid,isHovered:x}),children:[v&&!o.isIndeterminate&&qe(_u,{size:12}),o.isIndeterminate&&qe(Cu,{size:12})]}),r&&qe("span",{className:xr({isDisabled:f}),children:r})]})});fs.displayName="Checkbox";import Ys from"react";import{classNames as $s,filterTruthyValues as rm}from"@baseline-ui/utils";import{mergeProps as Js,useFocusRing as om,useHover as tm,useLocale as am,useNumberField as sm}from"react-aria";import{useNumberFieldState as im}from"react-stately";import{CaretLeftIcon as nm,CaretRightIcon as lm}from"@baseline-ui/icons/12";import{CaretLeftIcon as pm,CaretRightIcon as dm}from"@baseline-ui/icons/16";import{CaretLeftIcon as cm,CaretRightIcon as um}from"@baseline-ui/icons/20";import{CaretLeftIcon as mm,CaretRightIcon as fm}from"@baseline-ui/icons/24";var bs={close:"Zav\u0159\xEDt"};var vs={close:"Cau"};var ys={close:"Luk"};var gs={close:"Schlie\xDFen"};var hs={close:"\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"};var xs={close:"Close"};var _s={close:"Close"};var Cs={close:"Cerrar"};var Ps={close:"Sulje"};var ks={close:"Fermer"};var Rs={close:"Fermer"};var ws={close:"\u05E1\u05D2\u05D9\u05E8\u05D4"};var Ns={close:"Zatvori"};var Is={close:"Tutup"};var Ts={close:"Chiudi"};var Ss={close:"\u9589\u3058\u308B"};var zs={close:"\uB2EB\uAE30"};var Ls={close:"Tutup"};var Ms={close:"Lukk"};var Bs={close:"Sluit"};var Fs={close:"Zamknij"};var Ds={close:"Fechar"};var Hs={close:"Fechar"};var Vs={close:"\u0417\u0430\u043A\u0440\u044B\u0442\u044C"};var Es={close:"Zavrie\u0165"};var Os={close:"Zapri"};var As={close:"St\xE4ng"};var js={close:"\u0E1B\u0E34\u0E14"};var qs={close:"Kapat"};var Us={close:"\u0417\u0430\u043A\u0440\u0438\u0442\u0438"};var Ks={close:"\u5173\u95ED"};var Gs={close:"\u95DC\u9589"};var se={cs:bs,cy:vs,da:ys,de:gs,el:hs,enGB:xs,en:_s,es:Cs,fi:Ps,frCA:ks,fr:Rs,he:ws,hr:Ns,id:Is,it:Ts,ja:Ss,ko:zs,ms:Ls,nbNO:Ms,nl:Bs,pl:Fs,ptPT:Ds,pt:Hs,ru:Vs,sk:Es,sl:Os,sv:As,th:js,tr:qs,uk:Us,zhHans:Ks,zhHant:Gs};var Ws=m({defaultClassName:"_1nsi9h17",variantClassNames:{isFocusVisible:{true:"_1nsi9h18"},variant:{pinned:"_1nsi9h19",floating:"_1nsi9h1a"}},defaultVariants:{},compoundVariants:[]}),Zs="_1nsi9h1b",Xs=m({defaultClassName:"_1nsi9h10",variantClassNames:{size:{xs:"_1nsi9h11",sm:"_1nsi9h12",md:"_1nsi9h13",lg:"_1nsi9h14"},variant:{floating:"_1nsi9h15",pinned:"_1nsi9h16"}},defaultVariants:{},compoundVariants:[]}),Qs="_1nsi9h1c";import{jsx as Te,jsxs as yo}from"react/jsx-runtime";var bm={style:"decimal"},vm={xs:[nm,lm],sm:[pm,dm],md:[cm,um],lg:[mm,fm]},ei=Ys.forwardRef(({className:e,style:a,minValue:r=1,defaultValue:t=1,incrementAriaLabel:s,decrementAriaLabel:o,"aria-label":n,size:i="md",variant:l="floating",...p},c)=>{let{locale:u}=am(),d=G(se),b={...p,formatOptions:bm,minValue:r,incrementAriaLabel:s||d.formatMessage("nextPage"),decrementAriaLabel:o||d.formatMessage("prevPage"),defaultValue:t,"aria-label":n||d.formatMessage("goToPage")},f=Ys.useRef(null),v=im({...b,locale:u}),{inputProps:y,decrementButtonProps:g,incrementButtonProps:x,groupProps:h}=sm({...b,onKeyDown:B=>{B.key==="Enter"&&f.current?.blur(),p.onKeyDown?.(B)}},v,f),{hoverProps:_,isHovered:P}=tm({}),{focusProps:z,isFocused:M,isFocusVisible:R}=om(),w=l==="floating",[T,L]=vm[i],I=rm({"data-focus-visible":R,"data-focused":M,"data-hovered":P,"data-blockid":p["data-blockid"]});return yo("div",{...Js(h,_,I),className:$s(Xs({size:i,variant:l}),"BaselineUI-Pagination",e),style:a,ref:c,children:[Te(N,{icon:T,...g,elementType:"div",size:i,style:{height:"100%",...w&&{borderRadius:0}},className:"BaselineUI-Pagination-DecrementButton"}),l==="floating"&&Te(j,{orientation:"vertical"}),yo("div",{className:Ws({isFocusVisible:R,variant:l}),"aria-label":d.formatMessage("pageXofY",{arg0:y.value,arg1:v.maxValue}),children:[Te("input",{...Js(y,z),ref:f,className:$s("BaselineUI-Pagination-Input",Zs),style:{width:`${y.value?.toString().length||1}ch`}}),yo("span",{className:Qs,children:["/ ",Te(we,{value:v.maxValue})]})]}),l==="floating"&&Te(j,{orientation:"vertical"}),Te(N,{icon:L,...x,elementType:"div",size:i,style:{height:"100%",...w&&{borderRadius:0}},className:"BaselineUI-Pagination-IncrementButton"})]})});ei.displayName="Pagination";import{useNumberFormatter as IR,useDateFormatter as TR,useCollator as SR}from"react-aria";import{useDateFormatter as ym}from"react-aria";import{Fragment as gm,jsx as hm}from"react/jsx-runtime";var ri=({date:e,...a})=>{let r=ym(a);return hm(gm,{children:r.format(e)})};ri.displayName="DateFormat";import zm from"react";import{Item as Lm}from"react-stately";import{XIcon as xm}from"@baseline-ui/icons/12";import{CheckmarkIcon as _m}from"@baseline-ui/icons/16";import{classNames as Cm}from"@baseline-ui/utils";import{mergeRefs as Pm}from"@react-aria/utils";import _r from"react";import{mergeProps as ii,useButton as km,useFocusRing as Rm,useHover as ni,useTag as wm,useTagGroup as Nm}from"react-aria";import{useListState as Im}from"react-stately";var oi=m({defaultClassName:"_1f789qj1",variantClassNames:{isFocusVisible:{true:"_1f789qj2"},variant:{neutral:"_1f789qj3",red:"_1f789qj4",green:"_1f789qj5",blue:"_1f789qj6","high-contrast":"_1f789qj7"},isDisabled:{true:"_1f789qj8"},allowsRemoving:{true:"_1f789qj9"},isSelected:{true:"_1f789qja"},allowsSelection:{true:"_1f789qjb"},isHovered:{true:"_1f789qjc"}},defaultVariants:{},compoundVariants:[[{allowsSelection:!0,isHovered:!0,variant:"neutral"},"_1f789qjd"],[{allowsSelection:!0,isHovered:!0,variant:"red"},"_1f789qje"],[{allowsSelection:!0,isHovered:!0,variant:"blue"},"_1f789qjf"],[{allowsSelection:!0,isHovered:!0,variant:"green"},"_1f789qjg"],[{allowsSelection:!0,isHovered:!0,variant:"high-contrast"},"_1f789qjh"],[{allowsSelection:!0,isSelected:!0,isHovered:!0},"_1f789qji"]]}),ti="_1f789qjj",ai="_1f789qj0",si=m({defaultClassName:"_1f789qjk",variantClassNames:{variant:{neutral:"_1f789qjl",red:"_1f789qjm",green:"_1f789qjn",blue:"_1f789qjo","high-contrast":"_1f789qjp"},isHovered:{true:"_1f789qjq"}},defaultVariants:{},compoundVariants:[[{isHovered:!0,variant:"neutral"},"_1f789qjr"],[{isHovered:!0,variant:"red"},"_1f789qjs"],[{isHovered:!0,variant:"blue"},"_1f789qjt"],[{isHovered:!0,variant:"green"},"_1f789qju"],[{isHovered:!0,variant:"high-contrast"},"_1f789qjv"]]});import{jsx as be,jsxs as Sm}from"react/jsx-runtime";var Tm=({item:e,state:a,variant:r="neutral"})=>{let t=_r.useRef(null),{focusProps:s,isFocusVisible:o}=Rm({within:!0}),{rowProps:n,gridCellProps:i,removeButtonProps:l,allowsRemoving:p,isDisabled:c,isSelected:u,allowsSelection:d}=wm({item:e},a,t),b=_r.useRef(null),{buttonProps:f}=km(l,b),{hoverProps:v,isHovered:y}=ni({isDisabled:c}),{hoverProps:g,isHovered:x}=ni({isDisabled:c}),h=e.value?.icon,_=e.value?.variant??r;return be("div",{...ii(n,s,g),ref:t,className:oi({isFocusVisible:o,variant:_,isDisabled:c,allowsRemoving:p,isSelected:u,allowsSelection:d,isHovered:x}),children:Sm("div",{...i,className:ti,children:[u&&be(_m,{size:16}),!u&&h&&be(h,{size:16}),e.rendered,p&&be("button",{...ii(f,v),className:si({variant:_,isHovered:y}),children:be(xm,{})})]})})},go=_r.forwardRef(({className:e,style:a,...r},t)=>{let s=_r.useRef(null),o=Im(r),{gridProps:n}=Nm(r,o,s);return be("div",{...n,className:Cm(ai,e),style:a,ref:Pm(t,s),children:[...o.collection].map(i=>be(Tm,{state:o,item:i,variant:r.variant},i.key))})});go.displayName="TagGroupBase";import{jsx as li}from"react/jsx-runtime";var pi=zm.forwardRef(({items:e,...a},r)=>li(go,{...a,items:e,ref:r,children:t=>li(Lm,{children:t.label})}));pi.displayName="TagGroup";import Ue,{useEffect as gi}from"react";import{FocusScope as Hm}from"react-aria";import{classNames as Mm}from"@baseline-ui/utils";import{getOwnerDocument as Bm}from"@react-aria/utils";import ho,{useContext as yi}from"react";import{useKeyboard as Fm}from"react-aria";var di="_1yep5z6j2",ci=m({defaultClassName:"_1kvz17db _1yep5z6ip _1yep5z6ir",variantClassNames:{showActionsOnTriggerOnly:{true:"_1kvz17dc"},isTriggered:{true:"_1kvz17dd"}},defaultVariants:{},compoundVariants:[]}),ui=m({defaultClassName:"_1kvz17d0 _1yep5z64u _1yep5z64v _1yep5z64w _1yep5z676 _1yep5z677 _1yep5z678 _1yep5z68c _1yep5z68d _1yep5z68e _1yep5z660 _1yep5z661 _1yep5z662 _1yep5z6ip _1yep5z6iq",variantClassNames:{isExpanded:{true:"_1kvz17d1"}},defaultVariants:{},compoundVariants:[]}),mi="_1yep5z6d3 _1yep5z6c6",fi=m({defaultClassName:"_1kvz17d2 _1yep5z63o _1yep5z63p _1yep5z63q _1yep5z61f _1yep5z61g _1yep5z61h _1yep5z63 _1yep5z64 _1yep5z65 _1yep5z62f _1yep5z62g _1yep5z62h _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hy _1yep5z6hz _1yep5z6i0 _1yep5z6ip _1yep5z6is",variantClassNames:{isFocusVisible:{true:"_1kvz17d3"},isHovered:{true:"_1yep5z6e1",false:"_1yep5z6e2"},isDisabled:{true:"z9nup83"}},defaultVariants:{},compoundVariants:[]}),bi="_1kvz17da _1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z6c7",vi=m({defaultClassName:"_1kvz17d7 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0",variantClassNames:{isDisabled:{true:"_1yep5z6d6",false:"_1yep5z6d2"}},defaultVariants:{},compoundVariants:[]});import{jsx as Dm}from"react/jsx-runtime";var xo=ho.forwardRef(({children:e,className:a,style:r},t)=>{let{headers:s}=yi(ie),{disabledKeys:o}=yi(ie),{keyboardProps:n}=Fm({onKeyDown:i=>{let l=Bm(i.target),p=[...s?.keys()||[]].findIndex(f=>s?.get(f)?.current===l.activeElement),c=s?.get(p||0),u=s?.size||0,d=f=>{let v=s.get(f-1<0?u-1:f-1);o?.has(v?.current?.getAttribute("data-key")||"")?d(f-1):v?.current?.focus()},b=f=>{let v=s.get((f+1)%u);o?.has(v?.current?.getAttribute("data-key")||"")?b(f+1):v?.current?.focus()};if(c)switch(i.key){case"Home":{i.preventDefault(),b(-1);break}case"End":{i.preventDefault(),d(u);break}case"ArrowDown":{i.preventDefault(),b(p);break}case"ArrowUp":{i.preventDefault(),d(p);break}default:i.continuePropagation()}}});return Dm("div",{...n,style:r,className:Mm(di,a),ref:t,children:ho.Children.map(e,(i,l)=>ho.cloneElement(i,{index:l}))})});xo.displayName="AccordionBase";import{jsx as _o}from"react/jsx-runtime";var ie=Ue.createContext({expandedKeys:new Set,setExpandedKeys:()=>{},disabledKeys:new Set,headers:new Map,expansionMode:"multiple"}),hi=Ue.forwardRef(({children:e,disabledKeys:a,defaultExpandedKeys:r=new Set,expandedKeys:t,expansionMode:s="multiple",onChange:o,className:n,style:i},l)=>{let[p,c]=Ue.useState(r),u=Ue.useRef(new Map).current,[d,b]=Ue.useState(s);return gi(()=>{b(d)},[d]),gi(()=>{o?.(p)},[p,o]),_o(ie.Provider,{value:{expandedKeys:t||p,setExpandedKeys:t?()=>{}:c,disabledKeys:a,headers:u,expansionMode:d},children:_o(Hm,{children:_o(xo,{className:n,style:i,ref:l,children:e})})})});hi.displayName="Accordion";import{animated as Gm,useReducedMotion as Wm,useTransition as Zm}from"@react-spring/web";import Ri,{useContext as Xm}from"react";import{FocusScope as Qm,useId as wi}from"react-aria";import{ChevronRightIcon as Vm}from"@baseline-ui/icons/8";import{invariant as xi}from"@baseline-ui/utils";import _i,{useContext as Em,useEffect as Om}from"react";import{mergeProps as Ci,useButton as Am,useFocusManager as jm,useFocusRing as Pi,useHover as qm,useKeyboard as Um,usePress as Km}from"react-aria";import{jsx as Ke,jsxs as ki}from"react/jsx-runtime";var Co=_i.forwardRef(({title:e,actions:a,controlId:r,value:t,id:s,index:o,subLabel:n,showActionsOnTriggerOnly:i},l)=>{let p=_i.useRef(null),{expandedKeys:c,setExpandedKeys:u,expansionMode:d,disabledKeys:b,headers:f}=Em(ie),v=b?.has(t),y=jm();xi(y);let{focusNext:g,focusPrevious:x}=y,{keyboardProps:h}=Um({onKeyDown:F=>{F.key==="ArrowRight"?g({wrap:!0}):F.key==="ArrowLeft"?x({wrap:!0}):F.continuePropagation()},isDisabled:v});Om(()=>{xi(typeof o=="number","AccordionItem must have an index"),f?.set(o,p)},[o,f]);let _=()=>{u(F=>{let V=new Set(F);return V.has(t)?V.delete(t):(d==="single"&&V.clear(),V.add(t)),V})},{buttonProps:P}=Am({"aria-expanded":c.has(t),"aria-controls":r,onPress:_,isDisabled:v},p),{pressProps:z}=Km({onPress:_,isDisabled:v}),{focusProps:M,isFocusVisible:R}=Pi(),{hoverProps:w,isHovered:T}=qm({isDisabled:v}),{focusProps:L,isFocusVisible:I}=Pi({within:!0}),B=c.has(t);return ki("h3",{...Ci(h,z,w,L),className:fi({isFocusVisible:R,isHovered:T,isDisabled:v}),ref:l,children:[ki("div",{className:vi({isDisabled:!!v}),children:[Ke(Vm,{className:ui({isExpanded:B}),size:8}),Ke("button",{...Ci(P,M),id:s,"data-key":t,className:bi,ref:p,children:e})]}),a?.length&&Ke("div",{"data-testid":"action-buttons",className:ci({showActionsOnTriggerOnly:i,isTriggered:I||T}),children:a.map((F,V)=>Ke(N,{variant:"secondary",size:"sm",excludeFromTabOrder:!0,isDisabled:v,...F},V))}),n&&Ke("div",{className:mi,children:n})]})});Co.displayName="AccordionHeader";import{Fragment as Ym,jsx as Cr,jsxs as $m}from"react/jsx-runtime";var Ni=Ri.forwardRef(({title:e,actions:a,children:r,value:t,index:s,subLabel:o,style:n,className:i,showActionsOnTriggerOnly:l},p)=>{let c=wi(),u=wi(),{expandedKeys:d}=Xm(ie),b=Ri.useRef(null),f=d.has(t),v=Ie(),y=Wm(),g=Zm(f?[t]:[],{from:!v&&!y&&{height:0,opacity:0},enter:()=>async x=>{await x({height:b.current?.scrollHeight,opacity:1})},leave:{height:0,opacity:0},keys:x=>x});return $m(Ym,{children:[Cr(Qm,{children:Cr(Co,{value:t,actions:a,id:u,title:e,controlId:c,ref:p,index:s,subLabel:o,showActionsOnTriggerOnly:l})}),g(x=>Cr(Gm.div,{role:"region","aria-labelledby":u,id:c,style:{...x,overflow:"hidden"},children:Cr("div",{ref:b,className:i,style:n,children:r})}))]})});Ni.displayName="AccordionItem";import Df from"react";import{Item as Gi,Section as Hf}from"react-stately";import{classNames as No}from"@baseline-ui/utils";import Ki from"react";import{HiddenSelect as Lf,useSelect as Mf}from"react-aria";import{useSelectState as Bf}from"react-stately";import Cf from"react";import{Item as Di,Section as Pf}from"react-stately";import{mergeRefs as mf}from"@react-aria/utils";import Fi from"react";import{classNames as ff,filterTruthyValues as bf}from"@baseline-ui/utils";import{ListKeyboardDelegate as vf,mergeProps as yf,useFocusRing as gf,useListBox as hf,useLocale as xf}from"react-aria";import{useListState as _f}from"react-stately";import{classNames as lf,invariant as pf}from"@baseline-ui/utils";import{useListBoxSection as df}from"react-aria";var Ii="_6n12k90",Ti=m({defaultClassName:"_6n12k98",variantClassNames:{isDisabled:{true:"_6n12k99"}},defaultVariants:{},compoundVariants:[]}),Si=m({defaultClassName:"_6n12k91 z9nup82",variantClassNames:{isSelected:{},isFocused:{true:"_6n12k92"},isHovered:{true:"_6n12k93"},isFirstChild:{true:"_6n12k94"},isLastChild:{true:"_6n12k95"},isDisabled:{true:"_6n12k96 z9nup83"}},defaultVariants:{},compoundVariants:[]}),zi="_6n12k97",Li="_6n12k9a";import{CheckmarkIcon as Jm}from"@baseline-ui/icons/24";import{mergeRefs as ef}from"@react-aria/utils";import Mi from"react";import{classNames as rf,filterTruthyValues as of,invariant as tf}from"@baseline-ui/utils";import{mergeProps as af,useHover as sf,useOption as nf}from"react-aria";import{jsx as Pr,jsxs as Bi}from"react/jsx-runtime";var Ge=Mi.forwardRef(({item:e,renderOption:a,showSelectedIcon:r,state:t},s)=>{let o=Mi.useRef(null),n=nf({key:e.key},t,o);tf(e.value&&(e.value.type==="option"||e.value.type===void 0),"Item cannot be a section");let{optionProps:i,isFocusVisible:l,isFocused:p,isPressed:c,isSelected:u,isDisabled:d}=n,{hoverProps:b,isHovered:f}=sf({isDisabled:d}),{icon:v,description:y}=e.value,g=of({"data-selected":u,"data-disabled":d,"data-focused":p,"data-hovered":f,"data-pressed":c,"data-focus-visible":l,"data-selection-mode":t.selectionManager.selectionMode});return a?a(e,n,o):Bi("li",{...af(i,b,g),className:rf(Si({isHovered:f,isFocused:l,isFirstChild:e.key===t.collection.getFirstKey(),isLastChild:e.key===t.collection.getLastKey(),isDisabled:d}),"BaselineUI-ListBox-Option"),ref:ef(o,s),children:[Bi("div",{className:zi,children:[r&&Pr("span",{"aria-hidden":!0,style:{height:24,width:24},children:u&&Pr(Jm,{size:24})}),v&&Pr(v,{size:24}),e.rendered]}),y&&Pr("span",{className:Ti({isDisabled:d}),children:y})]})});Ge.displayName="Option";import{Fragment as cf,jsx as kr,jsxs as uf}from"react/jsx-runtime";var Po=({section:e,state:a,showSelectedIcon:r})=>{let{itemProps:t,groupProps:s}=df({heading:e.rendered,"aria-label":e["aria-label"]}),o=a.collection.getChildren?.(e.key);return pf(o,"items with type `section` must have children"),uf(cf,{children:[e.key!==a.collection.getFirstKey()&&kr(j,{UNSAFE_omitRole:!0}),kr("li",{...t,className:lf(Li,"BaselineUI-ListBox-Section"),children:kr("ul",{...s,children:[...o].map(n=>kr(Ge,{item:n,state:a,showSelectedIcon:r},n.key))})})]})};Po.displayName="ListBoxSection";import{jsx as ko}from"react/jsx-runtime";var Ro=Fi.forwardRef(({className:e,layout:a="stack",orientation:r="vertical",showSelectedIcon:t=!0,UNSAFE_state:s,style:o,renderOption:n,"data-blockid":i,...l},p)=>{let c=_f(l),{direction:u}=xf(),d=s||c,b=Fi.useRef(null),{listBoxProps:f}=hf({...l,keyboardDelegate:new vf({collection:d.collection,ref:b,layout:a,orientation:r,direction:u,disabledKeys:d.disabledKeys})},d,b),{isFocusVisible:v,isFocused:y,focusProps:g}=gf(),x=bf({"data-blockid":i,"data-layout":a,"data-empty":d.collection.size===0,"data-focused":y,"data-focus-visible":v});return ko("ul",{...yf(f,g,x),className:ff(Ii,"BaselineUI-ListBox",e),style:o,ref:mf(p,b),children:[...d.collection].map(h=>h.type==="section"?ko(Po,{showSelectedIcon:t,section:h,state:d},h.key):ko(Ge,{showSelectedIcon:t,item:h,state:d,renderOption:n},h.key))})});Ro.displayName="ListBoxBase";import{jsx as Rr}from"react/jsx-runtime";var ne=Cf.forwardRef((e,a)=>Rr(Ro,{...e,ref:a,children:r=>r.type==="section"?Rr(Pf,{items:r.children,title:r.id,children:t=>Rr(Di,{children:t.label},t.id)},r.id):Rr(Di,{children:r.label},r.id)}));ne.displayName="ListBox";var Hi=m({defaultClassName:"_1mdhlqv4",variantClassNames:{isOpen:{true:"_1mdhlqv5"}},defaultVariants:{},compoundVariants:[]}),Vi="_1mdhlqv8",Ei=m({defaultClassName:"_1mdhlqv1",variantClassNames:{isFocused:{false:"_1mdhlqv2"},isDisabled:{true:"_1mdhlqv3 z9nup83"}},defaultVariants:{},compoundVariants:[]}),Oi="_1mdhlqv9",Ai="_1mdhlqv6",ji="_1mdhlqv7 z9nup82";import{ChevronDownIcon as kf}from"@baseline-ui/icons/8";import{classNames as qi,filterTruthyValues as Rf}from"@baseline-ui/utils";import{mergeRefs as wf}from"@react-aria/utils";import Ui from"react";import{mergeProps as Nf,useButton as If,useFocusRing as Tf,useHover as Sf}from"react-aria";import{jsx as wr,jsxs as zf}from"react/jsx-runtime";var wo=Ui.forwardRef(({variant:e,isOpen:a,validationState:r="valid",...t},s)=>{let o=Ui.useRef(null),{buttonProps:n,isPressed:i}=If({...t,isDisabled:t.isDisabled||t.isReadOnly},o),{hoverProps:l,isHovered:p}=Sf({isDisabled:t.isDisabled}),{focusProps:c,isFocused:u,isFocusVisible:d}=Tf(),b=ur({isReadOnly:t.isReadOnly,validationState:r});t.isReadOnly&&(n.disabled=!1);let f=Rf({"data-disabled":t.isDisabled,"data-readonly":t.isReadOnly,"data-focused":u,"data-focus-visible":d,"data-hovered":p,"data-pressed":i,"data-open":a});return zf("button",{...Nf(n,l,c,f),ref:wf(s,o),className:qi(Ei({isFocused:d,isDisabled:t.isDisabled}),Pe({variant:e,isHovered:p,isFocused:d,validationState:r,isDisabled:!!t.isDisabled,isReadOnly:t.isReadOnly}),"BaselineUI-Select-Button"),children:[t.children,b&&wr("span",{"aria-hidden":!0,className:qi(Ce({validationState:r,isReadOnly:!!t.isReadOnly}),Ai),children:wr(b,{size:16})}),wr("span",{"aria-hidden":!0,children:wr(kf,{size:8,className:Hi({isOpen:a})})})]})});wo.displayName="SelectButton";import{Fragment as Ff,jsx as ve,jsxs as Nr}from"react/jsx-runtime";var Io=Ki.forwardRef(({className:e,style:a,labelPosition:r="top",variant:t="primary","data-blockid":s,...o},n)=>{let i=Ki.useRef(null),l=Bf({...o,validationState:o.validationState==="error"?"invalid":"valid"}),{labelProps:p,triggerProps:c,valueProps:u,menuProps:d,descriptionProps:b,errorMessageProps:f}=Mf({...o,validationState:o.validationState==="error"?"invalid":"valid"},l,i),v=re({...o,descriptionProps:b,errorMessageProps:f,labelPosition:r}),y=l.selectedItem?.value,g=y&&"icon"in y&&y.icon;return Nr(Ff,{children:[Nr("div",{style:a,className:No(ee({labelPosition:r}),"BaselineUI-Select",e),"data-blockid":s,ref:n,children:[(o.label||v)&&Nr("div",{className:J({labelPosition:r,hasMessage:!!v}),children:[o.label&&ve("div",{...p,className:No($,"BaselineUI-Select-Label"),children:o.label}),r==="start"&&v]}),ve(Lf,{state:l,triggerRef:i,isDisabled:o.isDisabled,label:o.label,name:o.name}),ve(wo,{...c,isOpen:l.isOpen,variant:t,validationState:o.validationState,ref:i,isReadOnly:o.isReadOnly,children:Nr("span",{className:ji,children:[g&&ve(g,{size:24}),ve("span",{...u,children:y?"label"in y&&y?.label:o.placeholder})]})}),r==="top"&&v]}),l.isOpen&&ve(me,{offset:2,state:l,triggerRef:i,style:a,className:No(Vi,"BaselineUI-Select-Popover"),...o,children:ve(ne,{...d,label:o.label,items:o.items,UNSAFE_state:l,showSelectedIcon:o.showSelectedIcon,className:Oi})})]})});Io.displayName="SelectBase";import{jsx as Ir}from"react/jsx-runtime";var Wi=Df.forwardRef((e,a)=>Ir(Io,{...e,ref:a,children:r=>r.type==="section"?Ir(Hf,{items:r.children,title:r.id,children:t=>Ir(Gi,{children:t.label},t.id)},r.id):Ir(Gi,{textValue:r.label,children:r.label},r.id)}));Wi.displayName="Select";import{AvatarIcon as Vf}from"@baseline-ui/icons/16";import{AvatarIcon as Ef}from"@baseline-ui/icons/24";import Of from"react";import{classNames as Af}from"@baseline-ui/utils";var Zi="_1017q4c5",Xi=m({defaultClassName:"_1017q4c0",variantClassNames:{size:{md:"_1017q4c1",sm:"_1017q4c2"},isDisabled:{true:"_1017q4c3"}},defaultVariants:{},compoundVariants:[]}),Qi="_1017q4c4";import{jsx as To,jsxs as qf}from"react/jsx-runtime";var jf={sm:Vf,md:Ef},Yi=Of.forwardRef(({className:e,style:a,size:r="md",icon:t=jf[r],name:s,imgSrc:o,showInitials:n,isDisabled:i,hasNotifications:l,imgLoading:p,"data-blockid":c},u)=>{let{imgProps:d}=vr({src:o,alt:s}),b=s?.split(" ").map(f=>f[0]).join("");return qf("span",{className:Af(Xi({size:r,isDisabled:i}),"BaselineUI-Avatar",e),"data-disabled":i,ref:u,style:a,"aria-disabled":i,"data-blockid":c,children:[o&&To("img",{...d,loading:p,className:Qi}),!n&&!o&&To(t,{size:r==="sm"?16:24}),n&&!o&&(r==="sm"?b[0]:b),l&&To("div",{"data-testid":"notification",className:Zi})]})});Yi.displayName="Avatar";import Mo,{useMemo as ab}from"react";import{Item as sb}from"react-stately";import{XIcon as Qf}from"@baseline-ui/icons/8";import{classNames as sn,invariant as nn}from"@baseline-ui/utils";import So from"react";import{mergeProps as Yf,useFocusRing as $f,useHover as Jf,useKeyboard as eb,useTab as rb,useTabList as ob}from"react-aria";import{useTabListState as tb}from"react-stately";var $i="_1x62fhbj",Ji=m({defaultClassName:"_1x62fhb6",variantClassNames:{isHovered:{true:"_1x62fhb7"},isSelected:{true:"_1x62fhb8"},isFocusVisible:{true:"_1x62fhb9"},isDisabled:{true:"_1x62fhba z9nup83"},variant:{primary:"_1x62fhbb",ghost:"_1x62fhbc"}},defaultVariants:{},compoundVariants:[[{variant:"primary",isSelected:!0,isDisabled:!1},"_1x62fhbd"],[{variant:"primary",isSelected:!0},"_1x62fhbe"],[{variant:"ghost",isSelected:!0,isFocusVisible:!1},"_1x62fhbf"],[{variant:"ghost",isSelected:!0,isDisabled:!1},"_1x62fhbg"],[{variant:"ghost",isDisabled:!0,isSelected:!0},"_1x62fhbh"],[{variant:"primary",isHovered:!0},"_1x62fhbi"]]}),en=m({defaultClassName:"_1x62fhb3 z9nup82",variantClassNames:{variant:{primary:"_1x62fhb4",ghost:"_1x62fhb5"}},defaultVariants:{},compoundVariants:[]}),rn="_1x62fhbk",on="_1x62fhbl",tn=m({defaultClassName:"_1x62fhb0 z9nup82",variantClassNames:{variant:{primary:"_1x62fhb1",ghost:"_1x62fhb2"}},defaultVariants:{},compoundVariants:[]});import{classNames as Uf}from"@baseline-ui/utils";import Kf from"react";import{mergeProps as Gf,useFocusRing as Wf,useTabPanel as Zf}from"react-aria";import{jsx as Xf}from"react/jsx-runtime";var an=({state:e,...a})=>{let r=Kf.useRef(null),{tabPanelProps:t}=Zf(a,e,r),{selectedItem:s}=e,{focusProps:o,isFocusVisible:n}=Wf();if(!s?.value)return null;let{className:i,style:l,"data-blockid":p}=s.value;return Xf("div",{...Gf(t,o),ref:r,className:Uf({[on]:n},i),"data-blockid":p,style:l,children:s?.props.children})};import{jsx as ye,jsxs as zo}from"react/jsx-runtime";var Lo=So.forwardRef(({className:e,style:a,tabHeaderStyle:r,tabHeaderClassName:t,variant:s="primary",actions:o,onRemove:n,...i},l)=>{let p=tb({...i,selectedKey:i.selectedValue,defaultSelectedKey:i.defaultSelectedValue,disabledKeys:i.disabledValues}),c=So.useRef(null),{tabListProps:u}=ob({...i,selectedKey:i.selectedValue,defaultSelectedKey:i.defaultSelectedValue,disabledKeys:i.disabledValues},p,c);return zo("div",{className:e,style:a,ref:l,children:[zo("div",{className:sn(tn({variant:s}),t),style:r,children:[ye("div",{...u,className:en({variant:s}),ref:c,children:[...p.collection].map(d=>(nn(d.value,"TabItem requires a value prop"),ye(ln,{item:d,state:p,onRemove:n,variant:s},d.key)))}),o?.map((d,b)=>ye("div",{className:$i,children:ye(N,{...d,variant:"secondary",size:"sm",className:sn(rn,d.className)})},b))]}),ye(an,{state:p},p.selectedItem?.key)]})});Lo.displayName="TabsBase";var ln=({item:e,onRemove:a,state:r,variant:t})=>{let{key:s,value:o}=e,n=So.useRef(null),{tabProps:i,isSelected:l,isDisabled:p}=rb({key:s},r,n),{hoverProps:c,isHovered:u}=Jf({});nn(o,"TabButton requires a value prop");let{title:d,icon:b}=o,{focusProps:f,isFocusVisible:v,isFocused:y}=$f(),{keyboardProps:g}=eb({onKeyDown:x=>{x.key==="Backspace"&&a?a(s):x.continuePropagation()}});return zo("div",{...Yf(g,i,c,f),className:Ji({isHovered:u,isSelected:l,isFocusVisible:v,isDisabled:p,variant:t}),ref:n,children:[b&&ye(b,{size:20}),d,a&&ye(N,{variant:"secondary",elementType:"div",icon:Qf,size:"xxs",onPress:()=>a(s),excludeFromTabOrder:!0,UNSAFE_NON_INTERACTIVE:!0,style:{display:"inline-flex",color:"inherit",opacity:l||y||u?1:0}})]})};ln.displayName="TabButton";import{jsx as pn}from"react/jsx-runtime";var dn=Mo.forwardRef(({children:e,...a},r)=>{let t=ab(()=>Mo.Children.map(e,s=>!s||!Mo.isValidElement(s)||typeof s.type=="string"?null:{...s.props,id:s.props.value}).filter(Boolean),[e]);return pn(Lo,{...a,ref:r,items:t,children:s=>pn(sb,{title:s.title,children:s.children},s.key)})});dn.displayName="Tabs";import{invariant as Bo}from"@baseline-ui/utils";var cn=({children:e,title:a,value:r})=>(Bo(r,"TabItem requires a value prop"),Bo(a,"TabItem requires a title prop"),Bo(e,"TabItem requires children"),e);cn.displayName="TabItem";import{CheckFilledIcon as ib,CloseIcon as nb,ErrorAltFilledIcon as lb,InfoFilledIcon as pb,WarningFilledIcon as db}from"@baseline-ui/icons/16";import{CheckFilledIcon as cb,ErrorAltFilledIcon as ub,InfoFilledIcon as mb,WarningFilledIcon as fb}from"@baseline-ui/icons/20";import bb from"react";import{classNames as vb}from"@baseline-ui/utils";var un=m({defaultClassName:"kfun6yw",variantClassNames:{arrangement:{single:"kfun6yx",multi:"kfun6yy",compact:"kfun6yz"}},defaultVariants:{},compoundVariants:[]}),mn=m({defaultClassName:"kfun6y0 z9nup82",variantClassNames:{variant:{info:"kfun6y1",warning:"kfun6y2",error:"kfun6y3",success:"kfun6y4"},arrangement:{single:"kfun6y5",multi:"kfun6y6",compact:"kfun6y7"},hasButton:{true:"kfun6y8"},hasCloseButton:{true:"kfun6y9"}},defaultVariants:{},compoundVariants:[[{hasButton:!1,arrangement:"single"},"kfun6ya"],[{hasButton:!0,arrangement:"compact"},"kfun6yb"],[{hasCloseButton:!0,arrangement:"compact"},"kfun6yc"]]}),fn=m({defaultClassName:"kfun6yt",variantClassNames:{size:{sm:"kfun6yu",md:"kfun6yv"}},defaultVariants:{},compoundVariants:[]}),bn=m({defaultClassName:"kfun6yp",variantClassNames:{arrangement:{single:"kfun6yq",multi:"kfun6yr",compact:"kfun6ys"}},defaultVariants:{},compoundVariants:[]}),vn=m({defaultClassName:"kfun6yk",variantClassNames:{variant:{info:"kfun6yl",warning:"kfun6ym",error:"kfun6yn",success:"kfun6yo"}},defaultVariants:{},compoundVariants:[]}),yn=m({defaultClassName:"kfun6yh",variantClassNames:{size:{sm:"kfun6yi",md:"kfun6yj"}},defaultVariants:{},compoundVariants:[]}),gn=m({defaultClassName:"kfun6yd z9nup82",variantClassNames:{arrangement:{single:"kfun6ye",multi:"kfun6yf",compact:"kfun6yg"}},defaultVariants:{},compoundVariants:[]});import{jsx as We,jsxs as Tr}from"react/jsx-runtime";var yb={error:{sm:lb,md:ub},info:{sm:pb,md:mb},success:{sm:ib,md:cb},warning:{sm:db,md:fb}},hn=bb.forwardRef(({className:e,description:a,actionLabel:r,onAction:t,style:s,variant:o="info",title:n,arrangement:i="single",onClose:l,size:p="sm"},c)=>{let u=G(se),d=r&&We(E,{variant:i==="compact"?"tertiary":"ghost",label:r,onPress:t}),b=yb[o][p];return Tr("div",{className:vb(mn({variant:o,arrangement:i,hasButton:!!r||!!l,hasCloseButton:!!l}),e),style:s,role:"alert",ref:c,children:[Tr("div",{className:gn({arrangement:i}),children:[We(b,{className:vn({variant:o}),size:16}),Tr("div",{className:un({arrangement:i}),children:[We("h3",{className:yn({size:p}),children:n}),We("section",{className:fn({size:p}),children:a})]}),i==="compact"&&d]}),Tr("div",{className:bn({arrangement:i}),children:[i!=="compact"&&d,l&&We(N,{variant:"secondary",icon:nb,size:"sm",onPress:l,"aria-label":u.formatMessage("close")})]})]})});hn.displayName="InlineAlert";import{classNames as gb}from"@baseline-ui/utils";import{mergeRefs as hb}from"@react-aria/utils";import Fo from"react";import{useDialog as xb}from"react-aria";var xn=m({defaultClassName:"cjv3et0 _1yep5z6aj _1yep5z6ar _1yep5z6az _1yep5z6b7 _1yep5z6e0 _1yep5z6bf",variantClassNames:{size:{sm:"cjv3et1",md:"cjv3et2",lg:"cjv3et3"},variant:{primary:"cjv3et4 _1yep5z6ex",ghost:"cjv3et5"}},defaultVariants:{},compoundVariants:[]});import{jsx as _n}from"react/jsx-runtime";var Do=Fo.createContext({titleProps:{}}),Cn=Fo.forwardRef(({children:e,className:a,style:r,size:t="md",variant:s="primary",...o},n)=>{let i=Fo.useRef(null),{dialogProps:l,titleProps:p}=xb(o,i);return _n(Do.Provider,{value:{titleProps:p},children:_n("div",{...l,ref:hb(i,n),style:r,className:gb(xn({size:t,variant:s}),a),children:e})})});Cn.displayName="Dialog";import{Slot as _b}from"@radix-ui/react-slot";import Pn,{useContext as Cb}from"react";import{jsx as Pb}from"react/jsx-runtime";var kn=Pn.forwardRef(({children:e,className:a,style:r},t)=>{let{titleProps:s}=Cb(Do),o=Pn.isValidElement(e)?_b:"h3";return Pb(o,{...s,ref:t,className:a,style:r,children:e})});kn.displayName="DialogTitle";import{parseColor as Uo}from"@react-stately/color";import Bn,{useMemo as Ko}from"react";import{classNames as Fn}from"@baseline-ui/utils";import{VisuallyHidden as Zb,mergeProps as Xb,useId as Qb,useOverlayTrigger as Yb}from"react-aria";import{useOverlayTriggerState as $b}from"react-stately";import{parseColor as Ho}from"@react-stately/color";import{useEffect as kb,useRef as Rb,useState as wb}from"react";function Rn(e){let[a,r]=wb(()=>{let{defaultValue:i}=e;return i?typeof i=="string"?Ho(i):i:null}),t=e.value!==void 0,s=Rb(t);kb(()=>{t!==s.current&&console.warn("ColorInput: Cannot change from controlled to uncontrolled or vice versa."),s.current=t},[t]);let n=(typeof e.value=="string"?Ho(e.value):e.value)??a;return{colorValue:n,setColorValue:i=>{let l=i?Ho(i):null;n!==l&&(t||r(l),e.onChange?.(l))}}}import{NoneIcon as Nb}from"@baseline-ui/icons/16";import{classNames as Ib}from"@baseline-ui/utils";import{parseColor as Tb}from"@react-stately/color";import{useHover as Sb}from"react-aria";var wn="_1dbkl50 z9nup82",Nn=m({defaultClassName:"_1dbkl54 z9nup82 z9nup84",variantClassNames:{isHovered:{true:"_1dbkl55"},isFocusVisible:{true:"_1dbkl56"},isDisabled:{true:"_1dbkl57 z9nup83"},labelPosition:{top:"_1dbkl58",start:"_1dbkl59"}},defaultVariants:{},compoundVariants:[]}),In=m({defaultClassName:"_1dbkl51 nrh1eh3",variantClassNames:{labelPosition:{top:"_1dbkl52",start:"_1dbkl53"}},defaultVariants:{},compoundVariants:[]}),Sr="_1dbkl5n",Tn="_1dbkl5h",Ze=m({defaultClassName:"_1dbkl5b",variantClassNames:{isFocusVisible:{true:"_1dbkl5c _1dbkl5a"},isDisabled:{true:"_1dbkl5d"},removeBlendMode:{true:"_1dbkl5e"},isSelected:{true:"_1dbkl5a"},isHovered:{true:"_1dbkl5a"}},defaultVariants:{},compoundVariants:[]}),zr="_1dbkl5k",Sn="_1dbkl5m z9nup84",zn="_1dbkl5i",Lr="_1dbkl5j z9nup81";import{jsx as Vo}from"react/jsx-runtime";var ge=({color:e,isFocusVisible:a,isDisabled:r,isSelected:t,isPresentational:s})=>{let o=e&&e!=="none"&&Tb(e),n=o&&o.getChannelValue("alpha")===0,{hoverProps:i,isHovered:l}=Sb({isDisabled:r});return o?Vo("div",{...i,className:Ib(Ze({isFocusVisible:a,isDisabled:r,isSelected:t,isHovered:l&&!s&&!r}),{[pt({size:"xs"})]:n}),style:{backgroundColor:n?void 0:o.toString("hex")}}):Vo("div",{...i,className:Ze({removeBlendMode:!0,isFocusVisible:a,isSelected:t,isHovered:l&&!s&&!r}),children:Vo(Nb,{size:16})})};import{invariant as zb}from"@baseline-ui/utils";import Lb,{useCallback as Ln}from"react";import{jsx as Mr}from"react/jsx-runtime";var Eo=Lb.forwardRef(({triggerRef:e,selectedPreset:a,presets:r,colorState:t,state:s},o)=>{let n=Ln((l,{optionProps:p,isFocusVisible:c},u)=>(zb(l.value&&"label"in l.value,"Item must have label"),Mr("li",{...p,ref:u,"aria-label":l.value?.label||void 0,className:zr,children:Mr(ge,{color:l.value.description,isFocusVisible:c,isSelected:l.key===a?.id})})),[a]),i=Ln(l=>{if(l instanceof Set){let p=[...l][0],u=r.find(d=>d.id===p)?.description||null;t.setColorValue(u),s.close()}},[s,r,t]);return Mr("div",{className:Lr,style:{width:e.current?.offsetWidth},ref:o,children:Mr(ne,{autoFocus:"first",items:r,layout:"grid","aria-label":"Color presets",className:Sr,renderOption:n,selectionMode:"single",selectedKeys:a?[a.id]:void 0,onSelectionChange:i})})});Eo.displayName="ColorPresetList";import{PlusIcon as Mb,TrashIcon as Bb}from"@baseline-ui/icons/16";import{classNames as Fb,invariant as Db}from"@baseline-ui/utils";import Oo,{useCallback as Hb,useEffect as Vb}from"react";import{useId as Eb}from"react-aria";import{Fragment as Ab,jsx as Se,jsxs as Ao}from"react/jsx-runtime";var Ob=[{color:"add",label:"Add color"},{color:"delete",label:"Delete"}],jo=Oo.forwardRef(({localStorageKey:e},a)=>{let[r,t]=Oo.useState([]),[s,o]=Oo.useState(null),n=Eb(),i=e||"colors";Vb(()=>{let p=localStorage.getItem(i);p&&t(JSON.parse(p))},[i]);let l=Hb((p,{isFocusVisible:c,isDisabled:u,optionProps:d},b)=>(Db(p.value&&"label"in p.value,"Item must have label"),Se("li",{...d,ref:b,"aria-label":p.value?.label||void 0,className:zr,children:Ao("div",{className:Fb(Ze({isFocusVisible:c,isDisabled:u}),{[Tn]:p.key==="add"||p.key==="delete"}),children:[p.key==="add"&&Se(Mb,{size:16}),p.key==="delete"&&Se(Bb,{size:16})]})})),[]);return Ao(Ab,{children:[Se(j,{}),Ao("div",{className:Lr,ref:a,children:[Se("span",{id:n,className:Sn,children:"Custom"}),Se(ne,{layout:"grid","aria-labelledby":n,items:[...r,...Ob].map(p=>({id:p.color,label:p.label})),className:Sr,disabledKeys:s?[]:["delete"],renderOption:l})]})]})});jo.displayName="CustomColorList";import{mergeRefs as jb}from"@react-aria/utils";import Mn from"react";import{mergeProps as qb,useButton as Ub,useFocusRing as Kb,useHover as Gb}from"react-aria";import{jsx as Wb}from"react/jsx-runtime";var qo=Mn.forwardRef((e,a)=>{let r=Mn.useRef(null),{hoverProps:t,isHovered:s}=Gb({isDisabled:e.isDisabled}),{buttonProps:o}=Ub(e,r),{isFocusVisible:n,focusProps:i}=Kb();return Wb("button",{...qb(o,t,i),className:Nn({isHovered:s,isFocusVisible:n||e.isOpen,isDisabled:e.isDisabled,labelPosition:e.labelPosition}),ref:jb(a,r),children:e.children})});qo.displayName="ColorInputButton";import{Fragment as ev,jsx as ze,jsxs as Br}from"react/jsx-runtime";var Dn="none",Hn="transparent",Vn=Bn.forwardRef(({className:e,style:a,allowRemoval:r,allowAlpha:t,customColorPicker:s,presets:o,labelPosition:n="top",showColorLabel:i=!0,...l},p)=>{let c=Bn.useRef(null),u=$b(l),{triggerProps:d,overlayProps:b}=Yb({type:"listbox"},u,c),f=Rn(l),{formatMessage:v}=G(se),y=Ko(()=>[...o.map(_=>({id:_.color,label:_.label,description:Uo(_.color).toString("hexa")})),...t?[{id:Hn,label:v("transparent"),description:Uo("#ffffff00").toString("hexa")}]:[],{id:Dn,label:v("noColor"),description:""}],[o,t,v]),g=Ko(()=>y.find(_=>{let P=f.colorValue,z=_.description?Uo(_.description):null;return P?Jb(P,z):_.id==="none"}),[y,f.colorValue]),x=Ko(()=>g&&(g.id!==Dn||r)&&(g.id!==Hn||t)?g:void 0,[g,t,r]),h=Qb();return Br(ev,{children:[Br("div",{className:Fn({[wn]:n==="start"},"BaselineUI-ColorInput-Trigger",e),style:a,ref:p,children:[l.label&&ze("label",{id:h,className:In({labelPosition:n}),children:l.label}),Br(qo,{...Xb(d,{...l.label?{"aria-labelledby":h}:{"aria-label":l["aria-label"]}}),ref:c,isOpen:u.isOpen,isDisabled:l.isDisabled,labelPosition:n,children:[ze(ge,{isPresentational:!0,color:f.colorValue?.toString("hexa")}),g?.label&&i&&ze("div",{className:dt,children:g.label}),!i&&ze(Zb,{children:g?.label})]})]}),u.isOpen&&Br(me,{placement:n==="start"?"bottom end":"bottom start",state:u,offset:2,className:Fn("BaselineUI-ColorInput-Popover",zn),triggerRef:c,overlayProps:b,children:[ze(Eo,{state:u,triggerRef:c,colorState:f,presets:y.filter(_=>r||_.id!=="none"),selectedPreset:x}),s&&ze(jo,{})]})]})});Vn.displayName="ColorInput";function Jb(e,a){return e?.getChannelValue("alpha")?a?.toString("hexa")===e.toString("hexa"):!a?.getChannelValue("alpha")}import{RedoIcon as av,UndoIcon as sv}from"@baseline-ui/icons/16";import{classNames as Go,getSvgPathFromStroke as iv,invariant as nv}from"@baseline-ui/utils";import{clamp as Gn,mergeRefs as lv}from"@react-aria/utils";import{useGranularEffect as pv}from"granular-hooks";import{getStroke as Vr}from"perfect-freehand";import Le,{useCallback as Wo}from"react";import{VisuallyHidden as dv,mergeProps as cv,useFocusRing as uv,useHover as mv,useId as fv,useKeyboard as bv,useLabel as vv}from"react-aria";var Fr=m({defaultClassName:"mnnh5s1",variantClassNames:{isInline:{true:"mnnh5s2",false:"mnnh5s3"},isHovered:{true:"mnnh5s4"},hasLoadedImage:{true:"mnnh5s5"},includeCheckeredBackground:{true:"mnnh5s6"},showFocusRing:{true:"mnnh5s7"},isDisabled:{true:"mnnh5s8 z9nup83"}},defaultVariants:{},compoundVariants:[[{isHovered:!0,hasLoadedImage:!1},"mnnh5s9"],[{isInline:!0,isDisabled:!0},"mnnh5sa"],[{hasLoadedImage:!0,includeCheckeredBackground:!0},"mnnh5sb"]]}),En=m({defaultClassName:"mnnh5sh",variantClassNames:{isInline:{true:"mnnh5si",false:"mnnh5sj"}},defaultVariants:{},compoundVariants:[]}),On="mnnh5sk",Dr=m({defaultClassName:"mnnh5sc",variantClassNames:{isInline:{true:"mnnh5sd",false:"mnnh5se"},isDisabled:{true:"mnnh5sf"},hasLoadedImage:{true:"mnnh5s0"}},defaultVariants:{},compoundVariants:[]});var An=m({defaultClassName:"_1i0ytqa3",variantClassNames:{isFocusVisible:{true:"_1i0ytqa4"},isInline:{true:"_1i0ytqa5",false:"_1i0ytqa6"},isDisabled:{true:"_1i0ytqa7 z9nup83"}},defaultVariants:{},compoundVariants:[[{isInline:!0,isFocusVisible:!0},"_1i0ytqa8"],[{isInline:!1,isFocusVisible:!0},"_1i0ytqa9"],[{isInline:!0,isDisabled:!0},"_1i0ytqaa"],[{isInline:!1,isDisabled:!0},"_1i0ytqab"]]}),jn="_1i0ytqa0",qn=m({defaultClassName:"_1i0ytqac",variantClassNames:{isInline:{false:"_1i0ytqad"},isDisabled:{true:"_1i0ytqae z9nup83"}},defaultVariants:{},compoundVariants:[]}),Un=m({defaultClassName:"_1i0ytqa1 z9nup82",variantClassNames:{isInline:{false:"_1i0ytqa2"}},defaultVariants:{},compoundVariants:[]});import rv from"react";import{classNames as ov}from"@baseline-ui/utils";var Kn=m({defaultClassName:"_1tkzayn0 _1yep5z6c6",variantClassNames:{size:{sm:"_1tkzayn1",md:"_1tkzayn2",lg:"_1tkzayn3"},type:{subtitle:"_1yep5z6wk",title:"_1yep5z6wk",body:"_1yep5z6wl",value:"_1yep5z6wl",helper:"_1yep5z6wm"}},defaultVariants:{},compoundVariants:[[{type:"title",size:"sm"},"_1yep5z61el"],[{type:"title",size:"md"},"_1yep5z61eo"],[{type:"title",size:"lg"},"_1yep5z61er"],[{type:"subtitle",size:"sm"},"_1yep5z61f7"],[{type:"subtitle",size:"md"},"_1yep5z61fa"],[{type:"subtitle",size:"lg"},"_1yep5z61fa"],[{type:"body",size:"md"},"_1yep5z61f9"],[{type:"body",size:"lg"},"_1yep5z61f9"],[{type:"value",size:"md"},"_1yep5z61f9"],[{type:"value",size:"lg"},"_1yep5z61f9"],[{type:"helper",size:"sm"},"_1yep5z61f3"]]});import{jsx as tv}from"react/jsx-runtime";var Hr=rv.forwardRef(({elementType:e="span",type:a="title",children:r,size:t="md",...s},o)=>tv(e,{...s,className:ov(Kn({size:t,type:a}),"BaselineUI-Text",s.className),ref:o,children:r}));Hr.displayName="Text";import{jsx as q,jsxs as Er}from"react/jsx-runtime";var yv={size:1,thinning:0,smoothing:0,streamline:0,easing:e=>e,start:{taper:0,easing:e=>e,cap:!0},end:{taper:0,easing:e=>e,cap:!0},simulatePressure:!1},Wn=Le.forwardRef(({className:e,style:a,canvasClassName:r,canvasStyle:t,isBound:s=!0,strokeWidth:o=2,strokeColor:n="#3A87FD",onChange:i,defaultValue:l,onChangeEnd:p,enableHistory:c=!1,isInline:u=!0,isDisabled:d,placeholder:b,clearLabel:f,undoLabel:v,redoLabel:y,footerClassName:g,footerStyle:x,"data-blockid":h,description:_="This is a canvas for drawing using a mouse or touch input.",...P},z)=>{let M=G(se),R=Le.useRef(null),[w,T]=Le.useState(l?gv(l):[]),L=Le.useRef((l?.length||0)-1),[I,B]=Le.useState(),F=fv(),{labelProps:V,fieldProps:pe}=vv({...P,labelElementType:"span"}),{isFocusVisible:he,focusProps:Q}=uv({within:!0}),{hoverProps:Y,isHovered:W}=mv({isDisabled:d}),{undo:H,redo:de,canRedo:O,canUndo:U,push:D}=Wa(w,{onAction:C=>{C&&(T(C),L.current=C.length-1,p?.(C.map(A=>Vr(A,Z))))},isDisabled:!c}),{keyboardProps:S}=bv({onKeyDown:C=>{C.key==="Backspace"?Je():C.key==="z"&&(C.metaKey||C.ctrlKey)&&(C.shiftKey?O&&de():U&&H())}}),Z=Le.useMemo(()=>({...yv,...P}),[P]),Kr=Wo(C=>{C.buttons===1&&(nv(I,"svgCoordinates must be defined"),T(A=>{let ce=[...A];return ce[L.current]=[...ce[L.current],{x:s?Gn(C.clientX-I.left,0,I.width):C.clientX-I.left,y:s?Gn(C.clientY-I.top,0,I.height):C.clientY-I.top,pressure:C.pressure}],ce}))},[I,s]),Ye=Wo(C=>{let A=C.currentTarget.getBoundingClientRect();B(A),C.target.setPointerCapture(C.pointerId),L.current+=1,T(ce=>{let er=[...ce];return er[L.current]=[{x:C.clientX-A.x,y:C.clientY-A.y,pressure:C.pressure}],er})},[]),$e=Ie();pv(()=>{$e||i?.(w.map(C=>Vr(C,Z)))},[w],[i,Z,$e]);let Je=()=>{T([]),L.current=-1,D([])},Gr=Wo(()=>{p?.(w.map(C=>Vr(C,Z))),D(w)},[w,p,Z,D]);return Er("div",{ref:lv(R,z),className:Go(jn,"BaselineUI-FreehandCanvas",e),style:a,"aria-disabled":d,"data-blockid":h,children:[(P.label||c)&&Er("div",{className:Un({isInline:u}),children:[P.label?q(Hr,{type:"body",size:"sm",...V,children:P.label}):q("span",{}),c&&Er("div",{children:[q(N,{variant:"secondary",size:"sm",isDisabled:!U||d,icon:sv,onPress:H,"aria-label":v||M.formatMessage("undo")}),q(N,{variant:"secondary",size:"sm",isDisabled:!O||d,icon:av,onPress:de,"aria-label":y||M.formatMessage("redo")})]})]}),Er("div",{role:"application",...cv(Q,S,Y,pe),tabIndex:d?void 0:0,className:Go(Fr({isInline:u,isHovered:W}),An({isFocusVisible:he,isInline:u,isDisabled:d}),r),"aria-describedby":P["aria-describedby"]||F,style:t,children:[q(dv,{children:q("div",{id:F,children:_})}),q("svg",{width:t?.width||"100%",height:t?.height||"100%",onPointerDown:Ye,onPointerMove:Kr,onPointerUp:Gr,children:w.map((C,A)=>q("path",{d:iv(Vr(C,Z)),stroke:n,strokeWidth:o},A))})]}),(b||f)&&q("div",{style:x,className:Go(qn({isInline:u,isDisabled:d}),g),children:(w.length||!b)&&f?q(E,{size:"sm",variant:"ghost",label:f,isDisabled:d,onPress:Je}):q(E,{size:"sm",variant:"ghost",label:b,isDisabled:!0})})]})});Wn.displayName="FreehandCanvas";var gv=e=>e.map(a=>a.map(([r,t])=>({x:r,y:t,pressure:0})));import{getOwnerDocument as Cv,mergeRefs as Pv}from"@react-aria/utils";import kv,{useCallback as Zo,useEffect as Rv,useLayoutEffect as wv,useRef as Xo,useState as Xe}from"react";import{createPortal as Nv}from"react-dom";import{classNames as Iv,getHTMLElement as Tv}from"@baseline-ui/utils";import{useKeyboard as Sv}from"react-aria";import{Draggable as zv,Resizable as Lv,Rotatable as Mv,Snappable as Bv,makeMoveable as Fv}from"react-moveable";var Zn="_1vac7ws0",Xn=m({defaultClassName:"_1vac7ws1",variantClassNames:{isDragging:{true:"_1vac7ws2"}},defaultVariants:{},compoundVariants:[]});import{useGranularEffect as Qn}from"granular-hooks";import{useState as hv}from"react";function Yn(e,a){let[r,t]=hv([]),s=()=>e?.flatMap(o=>[...a.querySelectorAll(o)]).map(o=>({current:o}));return Qn(()=>{t(s())},[],[s]),Qn(()=>{let o=s();t(o)},[e],[s]),r}import{useEffect as xv}from"react";import{getHTMLElement as _v}from"@baseline-ui/utils";function $n(e){let{scrollable:a,ownerDocument:r,onScroll:t}=e;xv(()=>{let s=_v(a,r);if(s)return(s.style.position==="static"||!s.style.position)&&console.warn("Scrollable ancestor passed to `Transform` component should not be statically positioned."),s.addEventListener("scroll",t),()=>{s.removeEventListener("scroll",t)}},[a,t,r])}import{Fragment as Hv,jsx as Jn,jsxs as Vv}from"react/jsx-runtime";var Dv=Fv([zv,Lv,Mv,Bv]),el=kv.forwardRef(({className:e,children:a,isRotatable:r,isResizable:t,isDraggable:s,style:o,onTransform:n,onTransformStart:i,onTransformEnd:l,onDoubleClick:p,onDragStart:c,onDragEnd:u,onDrag:d,onResizeStart:b,onResizeEnd:f,onResize:v,onRotateStart:y,onRotateEnd:g,onRotate:x,onSnap:h,isSnappable:_,elementGuidelines:P,hideAnchorOnDrag:z=!0,title:M,rotationPosition:R,autoUpdate:w,bound:T,snapRotationDegrees:L,snapRotationThreshold:I,scrollableAncestor:B,renderDirections:F,stopPropagation:V,transformOrigin:pe,preventDefault:he},Q)=>{let Y=Xo(null),W=Xo(null),[H,de]=Xe(document),O=Xo(H.createElement("div")),[U,D]=Xe({}),[S,Z]=Xe(!1),[Kr,Ye]=Xe(!1),[$e,Je]=Xe(),Gr=Yn(P,H);wv(()=>{let k=O.current;return O.current=H.createElement("div"),()=>{k.remove()}},[H]);let{keyboardProps:C}=Sv({onKeyDown:k=>{let X=k.shiftKey?10:1,K=k.metaKey||k.ctrlKey;K&&k.shiftKey&&(X=45);function ue(Fe,Il="x"){K?W.current?.request("rotatable",{deltaRotate:Fe*X},!0):W.current?.request("draggable",Il==="x"?{deltaX:Fe*X}:{deltaY:Fe*X},!0)}switch(k.key){case"ArrowRight":{ue(1);break}case"ArrowLeft":{ue(-1);break}case"ArrowUp":{ue(-1,"y");break}case"ArrowDown":ue(1,"y")}requestAnimationFrame(()=>{W.current?.updateRect()})}});Rv(()=>{let k=Cv(Y.current);de(k);let X=O.current;k.body.append(O.current);function K(Fe){Ye(Fe.shiftKey)}function ue(){Ye(!1)}return k.addEventListener("keydown",K),k.addEventListener("keyup",ue),()=>{k.removeEventListener("keydown",K),k.removeEventListener("keyup",ue),X.remove()}},[]),$n({scrollable:B,onScroll:()=>{W.current?.updateRect()},ownerDocument:H});let A=Zo(k=>{D(X=>({...X,...k.style})),n?.(k)},[n]),ce=Zo(k=>{if(Z(!0),Y.current?.focus(),T){let K=Tv(T,H)?.getBoundingClientRect();Je({position:"client",left:K?.left??0,top:K?.top??0,right:K?.right??0,bottom:K?.bottom??0})}c?.(k)},[T,H,c]),er=Zo(k=>{Z(!1),u?.(k)},[u]),Nl=a({style:{...U.width&&{width:U.width},...U.height&&{height:U.height}}});return Vv(Hv,{children:[Jn("div",{role:"button",...C,ref:Pv(Y,Q),style:{display:"inline-block",...o,...U},className:Iv(Zn,e),onDoubleClick:p,tabIndex:0,title:M,children:Nl}),Nv(Jn(Dv,{ref:W,target:Y,draggable:s,resizable:t,rotatable:r,keepRatio:Kr,throttleDrag:1,snappable:_||!!T,elementGuidelines:Gr,snapRenderThreshold:.9,className:Xn({isDragging:S&&z}),onRender:A,onDragStart:ce,onDragEnd:er,useResizeObserver:w,useMutationObserver:w,onRenderEnd:l,onDrag:d,onResizeStart:b,onResizeEnd:f,onResize:v,onRotateStart:y,onRotateEnd:g,onRotate:x,onRenderStart:i,onSnap:h,rotationPosition:R,bounds:$e,snapRotationDegrees:L,snapRotationThreshold:I,renderDirections:F,stopPropagation:V,preventDefault:he,transformOrigin:pe}),O.current)]})});el.displayName="Transform";import{mergeRefs as Wv}from"@react-aria/utils";import Qe from"react";import{classNames as Zv,filterTruthyValues as Xv}from"@baseline-ui/utils";import{VisuallyHidden as Qv,mergeProps as rl,useClipboard as Yv,useDrop as $v,useField as Jv,useFocusRing as ey,useHover as ry}from"react-aria";import{invariant as Ev}from"@baseline-ui/utils";import{animated as Ov,useTransition as Av}from"@react-spring/web";import{FocusScope as jv,useFocusManager as qv,useKeyboard as Uv}from"react-aria";import{jsx as Or}from"react/jsx-runtime";var Kv=({isInline:e,style:a,actionButtons:r})=>{let t=qv();Ev(t);let{keyboardProps:s}=Uv({onKeyDown:o=>{o.key==="ArrowLeft"?(o.preventDefault(),t.focusPrevious()):o.key==="ArrowRight"?(o.preventDefault(),t.focusNext()):o.continuePropagation()}});return Or("div",{...s,className:En({isInline:e}),style:a,onClick:o=>{o.stopPropagation(),o.preventDefault()},children:r.map((o,n)=>Or(E,{excludeFromTabOrder:!0,...o},n))})},Gv=Ov(Kv),Ar=({show:e,...a})=>Av(e,{from:{opacity:0},enter:{opacity:1}})((t,s)=>s&&Or(jv,{restoreFocus:!1,autoFocus:!0,children:Or(Gv,{...a,style:t})}));import{jsx as Me,jsxs as oy}from"react/jsx-runtime";var ol=Qe.forwardRef(({className:e,style:a,isInline:r=!0,accept:t="image/*",defaultImageSrc:s,imageSrc:o,imageAlt:n,pickerButtonLabel:i="Choose Image",removeButtonLabel:l="Delete",isDisabled:p,onDrop:c,onPaste:u,includeCheckeredBackground:d=!0,"data-blockid":b,...f},v)=>{let y=Qe.useRef(null),g=Qe.useRef(null),[x,h]=Qe.useState(s||null),_=Qe.useCallback(D=>{let S=new FileReader;S.addEventListener("load",()=>{h(S.result)}),S.readAsDataURL(D)},[]),{fieldProps:P,labelProps:z}=Jv(f),{dropProps:M,isDropTarget:R}=$v({ref:y,onDrop:async D=>{if(p)return;let S=await io({items:D.items});S.length&&(f.onValueChange?.(S),_(S[0])),c?.(D)},...f}),{clipboardProps:w}=Yv({onPaste:async D=>{if(p)return;let S=await io({items:D});S.length&&(f.onValueChange?.(S),_(S[0])),u?.(D)},...f}),T=()=>{h(null),g.current&&(g.current.value=""),f.onValueChange?.([])},L={type:"file",onChange:D=>{let S=[...D.target.files];f.onValueChange?.(S),_(S[0]),f.onChange?.(D)},accept:t,disabled:p||!!o},{focusProps:I,isFocused:B,isFocusVisible:F}=ey({within:!0}),{hoverProps:V,isHovered:pe}=ry({isDisabled:p}),he=o||x||void 0,Q=!!he,{imgProps:Y,isLoading:W,isLoaded:H}=vr({src:he,alt:n||""}),de=Q&&!o&&(F||pe),O={label:i,onPress:()=>y.current?.click(),variant:"secondary",isDisabled:p,excludeFromTabOrder:!0,className:R&&!p?On:void 0},U=Xv({"data-loaded":H,"data-blockid":b,"data-hovered":pe,"data-focused":B,"data-drop-target":R,"data-disabled":p,"data-focus-visible":F});return oy("label",{...rl(M,z,V,I,U),className:Zv(Fr({isInline:r,isHovered:pe&&!o&&!R,isDisabled:p,hasLoadedImage:H,includeCheckeredBackground:d,showFocusRing:(F||R)&&!p&&!de}),"BaselineUI-ImageDropZone",e),style:a,ref:Wv(y,v),children:[Me(Qv,{children:Me("input",{...rl(P,w,L),ref:g})}),!Q&&Me(E,{...O}),Q&&(W?Me(hr,{}):Me("img",{className:Dr({isInline:r,isDisabled:p,hasLoadedImage:Q&&H&&d}),...Y})),Me(Ar,{isInline:r,style:a,show:de,actionButtons:[O,{label:l,onPress:T}]})]})});ol.displayName="ImageDropZone";import ty from"react";import{classNames as ay,invariant as sy}from"@baseline-ui/utils";import{mergeProps as iy,useFocusRing as ny,useHover as ly,usePress as py}from"react-aria";var Qo="_1vm2oh4b",tl=m({defaultClassName:"_1vm2oh40 mnnh5s1",variantClassNames:{isInline:{true:"_1vm2oh41 mnnh5s2",false:"_1vm2oh42"},isFocusVisible:{true:"_1vm2oh43 mnnh5s7"},isDisabled:{true:"mnnh5s8 z9nup83"},hasActionButtons:{true:"_1vm2oh45",false:"_1vm2oh46"},isHovered:{true:"_1vm2oh47"}},defaultVariants:{},compoundVariants:[[{isFocusVisible:!0,hasActionButtons:!1},"_1vm2oh48"],[{isHovered:!0,hasActionButtons:!1,isInline:!0},"_1vm2oh49"],[{isHovered:!0,hasActionButtons:!1,isInline:!1},"_1vm2oh4a"]]});import{jsx as Yo,jsxs as al}from"react/jsx-runtime";var sl=ty.forwardRef(({className:e,style:a,isDisabled:r,actionButtons:t,isInline:s=!0,imageAlt:o,imageSrc:n,svgSrc:i,textValue:l,textStyle:p,onPress:c,"data-blockid":u,...d},b)=>{let{focusProps:f,isFocused:v,isFocusVisible:y}=ny({within:!0}),{isHovered:g,hoverProps:x}=ly({isDisabled:r}),{pressProps:h}=py({isDisabled:r||!!t,onPress:c});return sy(n||i||l,"Preview must have content. You must provide either an `imageSrc`, `svgSrc`, or `textValue` prop."),al("div",{...iy(x,f,d,h),className:ay(tl({isInline:s,isFocusVisible:y,isDisabled:r,hasActionButtons:!!t,isHovered:g}),"BaselineUI-Preview",e),"data-hovered":g,"data-focus-visible":y,"data-focused":v,"aria-label":d["aria-label"]||o||l,"data-blockid":u,"data-disabled":r,style:a,ref:b,tabIndex:y&&t||r?-1:0,"aria-disabled":r,children:[al("div",{style:p,className:Qo,children:[n&&Yo("img",{src:n,alt:o,className:Dr({isInline:s,isDisabled:r})}),!!i&&typeof i=="object"&&i,l]}),typeof i=="string"&&Yo("div",{className:Qo,dangerouslySetInnerHTML:{__html:i}}),t&&Yo(Ar,{isInline:s,actionButtons:t,show:y||g})]})});sl.displayName="Preview";import hy from"react";import{classNames as jr,filterTruthyValues as xy}from"@baseline-ui/utils";import{mergeProps as _y,useRadioGroup as Cy}from"react-aria";import{useRadioGroupState as Py}from"react-stately";var il="_1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gj _1yep5z6gk _1yep5z6gl _1yep5z69c _1yep5z69d _1yep5z69e",nl=m({defaultClassName:"cw3m0n8 _1yep5z6d4 _1yep5z6c3",variantClassNames:{isDisabled:{true:"_1yep5z6wo"}},defaultVariants:{},compoundVariants:[]}),ll="cw3m0n7",pl=m({defaultClassName:"cw3m0n0 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6gg _1yep5z6gh _1yep5z6gi",variantClassNames:{labelPosition:{end:"_1yep5z6zy _1yep5z6zz _1yep5z6100 _1yep5z6t0 _1yep5z6t1 _1yep5z6t2",start:"_1yep5z6104 _1yep5z6105 _1yep5z6106 _1yep5z611g _1yep5z611h _1yep5z611i"}},defaultVariants:{},compoundVariants:[]}),dl="_1yep5z6ai _1yep5z6aq _1yep5z6ay _1yep5z6b6 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gj _1yep5z6gk _1yep5z6gl _1yep5z69i _1yep5z69j _1yep5z69k _1yep5z6iz",cl=m({defaultClassName:"cw3m0n3 _16vugd05",variantClassNames:{isFocusVisible:{true:"_16vugd08"},isSelected:{true:"_16vugd07"},isDisabled:{true:"_16vugd0a"}},defaultVariants:{},compoundVariants:[]});import{classNames as dy,filterTruthyValues as cy}from"@baseline-ui/utils";import uy from"react";import{VisuallyHidden as my,mergeProps as fy,useFocusRing as by,useHover as vy,useRadio as yy}from"react-aria";import{jsx as Be,jsxs as $o}from"react/jsx-runtime";var gy=({label:e,description:a},{isSelected:r,isFocusVisible:t,isDisabled:s,optionLabelPosition:o})=>$o("div",{className:pl({labelPosition:o}),children:[Be("div",{className:cl({isSelected:r,isFocusVisible:t,isDisabled:s}),children:r&&Be("div",{className:ll})}),e&&$o("div",{className:il,children:[Be("span",{className:xr({isDisabled:s}),children:e}),a&&Be("span",{className:nl({isDisabled:s}),children:a})]})]}),ul=({state:e,renderOption:a=gy,item:r,optionLabelPosition:t="end",optionStyle:s,optionClassName:o,isReadOnly:n,...i})=>{let l=!!i.isDisabled||!!i.disabledValues?.includes(r.id),p=uy.useRef(null),{inputProps:c,isPressed:u,isSelected:d}=yy({...i,isDisabled:l,children:r.label,value:r.id},e,p),{focusProps:b,isFocusVisible:f,isFocused:v}=by(),{isHovered:y}=vy({isDisabled:l}),g=cy({"data-selected":d,"data-focused":v,"data-focus-visible":f,"data-hovered":y,"data-disabled":l,"data-pressed":u,"data-read-only":n});return $o("label",{...g,style:s,className:dy("BaselineUI-Radio-Item",o),children:[Be(my,{children:Be("input",{...fy(c,b),ref:p})}),a(r,{isFocusVisible:f,isSelected:d,isFocused:v,isHovered:y,isDisabled:l,optionLabelPosition:t,isReadOnly:n})]})};import{jsx as Jo,jsxs as et}from"react/jsx-runtime";var qr=hy.forwardRef(({className:e,style:a,optionsContainerClassName:r,optionsContainerStyle:t,items:s,labelPosition:o="top",renderOption:n,"aria-label":i,"aria-labelledby":l,"aria-describedby":p,"aria-details":c,"data-blockid":u,...d},b)=>{let f=Py(d),{radioGroupProps:v,labelProps:y,descriptionProps:g,errorMessageProps:x}=Cy({...d,"aria-label":i,"aria-labelledby":l,"aria-describedby":p,"aria-details":c},f),h=re({...d,descriptionProps:g,errorMessageProps:x,labelPosition:o}),_=xy({"data-orientation":d.orientation,"data-blockid":u,"data-disabled":d.isDisabled,"data-readonly":d.isReadOnly});return et("div",{..._y(v,_),className:jr(ee({labelPosition:o}),"BaselineUI-RadioGroup",e),style:a,ref:b,children:[(d.label||h)&&et("div",{className:J({labelPosition:o,hasMessage:!!h}),children:[Jo("span",{...y,className:jr($,"BaselineUI-RadioGroup-Label"),children:d.label}),o==="start"&&h]}),et("div",{className:jr({[xe]:d.isDisabled}),children:[Jo("div",{className:jr(dl,r),style:t,children:s.map(P=>Jo(ul,{state:f,renderOption:n,item:P,value:P.id,...d},P.id))}),o==="top"&&h]})]})});qr.displayName="RadioGroup";import ky from"react";import{useOverlayTrigger as Ry}from"react-aria";import{useOverlayTriggerState as wy}from"react-stately";import{jsx as Ny}from"react/jsx-runtime";var le=ky.createContext({state:null,triggerProps:{},overlayProps:{}}),ml=({children:e,...a})=>{let r=wy(a),{triggerProps:t,overlayProps:s}=Ry({type:"dialog"},r);return Ny(le.Provider,{value:{state:r,triggerProps:t,overlayProps:s},children:e})};ml.displayName="Modal";import{classNames as Iy,invariant as bl}from"@baseline-ui/utils";import{animated as vl,easings as Ty,useReducedMotion as yl,useSpring as Sy,useTransition as zy}from"@react-spring/web";import rt,{useContext as Ly}from"react";import{Overlay as My,useModalOverlay as By}from"react-aria";var fl="aml2vl0 _1yep5z6ea _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hs _1yep5z6ht _1yep5z6hu";import{jsx as Ur}from"react/jsx-runtime";var Fy=({children:e,className:a,style:r,isDismissable:t=!0,isKeyboardDismissDisabled:s=!1})=>{let{state:o}=rt.useContext(le);bl(o,"ModalContent must be a child of Modal");let n=rt.useRef(null),{modalProps:i,underlayProps:l}=By({isDismissable:t,isKeyboardDismissDisabled:s},o,n),{theme:p}=Ly(te),c=yl(),u=Sy({from:{opacity:0,transform:"scale(0.95)"},to:{opacity:1,transform:"scale(1)"},immediate:!!c,config:{easing:Ty.easeInBounce}});return Ur(My,{children:Ur(ae,{className:Iy(fl,a),theme:p,UNSAFE_domProps:{...l,"data-testid":"underlay"},style:r,children:Ur(vl.div,{...i,style:{...i.style,...u},ref:n,children:e})})})},Dy=vl(Fy),Hy=({children:e,style:a,...r})=>{let{state:t}=rt.useContext(le);bl(t,"ModalContent must be a child of Modal");let s=yl();return zy(t.isOpen,{from:{opacity:0},enter:{opacity:1},immediate:!!s})((n,i)=>i&&Ur(Dy,{...r,style:{...a,...n},children:typeof e=="function"?e({close:t.close}):e}))};import{Slot as Vy}from"@radix-ui/react-slot";import Ey from"react";import{jsx as Oy}from"react/jsx-runtime";var gl=({children:e})=>{let{triggerProps:a}=Ey.useContext(le);return Oy(Vy,{...a,children:e})};gl.displayName="ModalTrigger";import{Slot as Ay}from"@radix-ui/react-slot";import jy from"react";import{jsx as Uy}from"react/jsx-runtime";var qy=({children:e})=>{let{state:a}=jy.useContext(le);return Uy(Ay,{onPress:()=>a?.close(),children:e})};import{invariant as Ky}from"@baseline-ui/utils";import{Fragment as Gy}from"react";import{jsx as Wy}from"react/jsx-runtime";var hl=({id:e,defaultMessage:a,elementType:r=Gy})=>{Ky(e||a,"`id` or `defaultMessage` is required.");let t=G();return Wy(r,{children:t.formatMessage(e)||a})};hl.displayName="MessageFormat";import Zy from"react";import{useHover as Xy}from"react-aria";import{jsx as Qy}from"react/jsx-runtime";var xl=Zy.forwardRef(({className:e,style:a,children:r,role:t="group",isDisabled:s,...o},n)=>{let{hoverProps:i,isHovered:l}=Xy({isDisabled:s});return Qy("div",{...i,role:t,"data-hovered":l,"data-disabled":s,className:e,style:a,...o,ref:n,children:r})});xl.displayName="Group";import{Unstable_Sprinkles as _l}from"@baseline-ui/tokens";import{classNames as Yy}from"@baseline-ui/utils";import $y,{useMemo as Jy}from"react";import{jsx as rg}from"react/jsx-runtime";function eg(e){return _l.base.properties.has(e)}var Cl=$y.forwardRef(({elementType:e="div",children:a,...r},t)=>{let s=e,{sprinkleProps:o,domProps:n}=Jy(()=>{let i={},l={};for(let p in r)eg(p)?i[p]=r[p]:l[p]=r[p];return{sprinkleProps:i,domProps:l}},[r]);return rg(s,{...n,className:Yy(_l.base(o),"BaselineUI-Box",n.className),ref:t,children:a})});Cl.displayName="Box";import{classNames as Rl}from"@baseline-ui/utils";import og,{useMemo as tg}from"react";import{VisuallyHidden as ag}from"react-aria";var Pl="_1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z63o _1yep5z63p _1yep5z63q _1yep5z61c _1yep5z61d _1yep5z61e",kl="_1yep5z61jg _1yep5z61jh _1yep5z61ji _1yep5z61cf _1yep5z61cg _1yep5z61ch";import{jsx as ot,jsxs as sg}from"react/jsx-runtime";var wl=og.forwardRef(({items:e,optionsContainerClassName:a,...r},t)=>{let s=tg(()=>e.map(o=>({id:o.color,label:o.label})),[e]);return ot(qr,{items:s,optionsContainerClassName:Rl(kl,a),renderOption:({label:o,id:n},{isSelected:i,isFocusVisible:l})=>sg("div",{className:Pl,children:[ot(ge,{isFocusVisible:l,color:n,isSelected:i}),ot(ag,{children:o})]}),...r,className:Rl(r.className,"BaselineUI-ColorPresetInput"),ref:t})});wl.displayName="ColorPresetInput";export{hi as Accordion,Ni as AccordionItem,E as ActionButton,N as ActionIconButton,Yi as Avatar,Cl as Box,fs as Checkbox,Vn as ColorInput,wl as ColorPresetInlineInput,ge as ColorSwatch,ri as DateFormat,Cn as Dialog,kn as DialogTitle,ct as DomNodeRenderer,xa as FileUpload,Wn as FreehandCanvas,xl as Group,Mc as I18nProvider,ol as ImageDropZone,hn as InlineAlert,ca as Link,ne as ListBox,la as Menu,hl as MessageFormat,ml as Modal,qy as ModalClose,Hy as ModalContent,gl as ModalTrigger,we as NumberFormat,ar as NumberInput,ei as Pagination,fr as Portal,sl as Preview,Ta as ProgressBar,hr as ProgressSpinner,qr as RadioGroup,Va as Reaction,qt as SearchInput,Wi as Select,j as Separator,It as Slider,Vt as Switch,cn as TabItem,dn as Tabs,pi as TagGroup,Hr as Text,za as TextInput,ae as ThemeProvider,ps as ToggleButton,Ya as Tooltip,el as Transform,yP as defineMessages,SR as useCollator,TR as useDateFormatter,G as useI18n,vr as useImage,Ua as useIntersectionObserver,Ie as useIsFirstRender,PP as useLocalStorage,xP as useMutationObserver,IR as useNumberFormatter,Ka as useResizeObserver,NP as useTextSelection,Wa as useUndoRedo,Yr as useUserPreferences};
+import{classNames as Hl}from"@baseline-ui/utils";import{mergeRefs as Vl}from"@react-aria/utils";import lt from"react";import{mergeProps as El,useButton as Ol,useFocusRing as Al,useHover as jl}from"react-aria";function Ml(e,a){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var o=r.call(e,a||"default");if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(e)}function Bl(e){var a=Ml(e,"string");return typeof a=="symbol"?a:String(a)}function Fl(e,a,r){return a=Bl(a),a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function at(e,a){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);a&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,o)}return r}function st(e){for(var a=1;a<arguments.length;a++){var r=arguments[a]!=null?arguments[a]:{};a%2?at(Object(r),!0).forEach(function(o){Fl(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):at(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}function it(e,a){var r={};for(var o in e)r[o]=a(e[o],o);return r}var Dl=(e,a,r)=>{for(var o of Object.keys(e)){var s;if(e[o]!==((s=a[o])!==null&&s!==void 0?s:r[o]))return!1}return!0},u=e=>{var a=r=>{var o=e.defaultClassName,s=st(st({},e.defaultVariants),r);for(var t in s){var n,i=(n=s[t])!==null&&n!==void 0?n:e.defaultVariants[t];if(i!=null){var l=i;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=e.variantClassNames[t][l];p&&(o+=" "+p)}}for(var[c,m]of e.compoundVariants)Dl(c,s,e.defaultVariants)&&(o+=" "+m);return o};return a.variants=()=>Object.keys(e.variantClassNames),a.classNames={get base(){return e.defaultClassName.split(" ")[0]},get variants(){return it(e.variantClassNames,r=>it(r,o=>o.split(" ")[0]))}},a};var nt=u({defaultClassName:"oom8bs0 _1yep5z6ai _1yep5z6aq _1yep5z6ay _1yep5z6b6 _1yep5z6ga _1yep5z6gb _1yep5z6gc _1yep5z69i _1yep5z69j _1yep5z69k _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6j4 _1yep5z6j5 _1yep5z6iz _1yep5z6c6 _1yep5z6ip",variantClassNames:{variant:{primary:"oom8bs1",secondary:"oom8bs2",tertiary:"oom8bs3",ghost:"oom8bs4"},isDisabled:{true:"oom8bs5"},isFocusVisible:{true:"oom8bs6"},isHovered:{true:"oom8bs7"},size:{sm:"oom8bs8",md:"oom8bs9"}},defaultVariants:{},compoundVariants:[[{variant:"primary",isHovered:!0},"oom8bsa"],[{variant:"secondary",isHovered:!0},"oom8bsb"],[{variant:"tertiary",isHovered:!0},"oom8bsc"],[{variant:"ghost",isHovered:!0},"oom8bsd"],[{variant:"primary",isFocusVisible:!0},"oom8bse"],[{variant:"tertiary",isFocusVisible:!0},"oom8bsf"]]});import{jsx as pt,jsxs as Ul}from"react/jsx-runtime";var ql={sm:16,md:20},V=lt.forwardRef(({label:e,style:a,className:r,iconStart:o,iconEnd:s,variant:t="primary",elementType:n="button",isDisabled:i,size:l="sm","data-blockid":p,...c},m)=>{let d=lt.useRef(null),{buttonProps:f,isPressed:b}=Ol({...c,elementType:n,isDisabled:i},d),v=ql[l],{hoverProps:y,isHovered:g}=jl({isDisabled:i}),{isFocusVisible:x,isFocused:h,focusProps:_}=Al();return Ul(n,{...El(f,y,_),className:Hl(nt({isDisabled:!!i,isFocusVisible:x,isHovered:g,variant:t,size:l}),"BaselineUI-ActionButton",r),"data-focus-visible":x,"data-focused":h,"data-hovered":g,"data-disabled":i,"data-blockid":p,"data-pressed":b,style:a,ref:Vl(m,d),children:[!!o&&pt(o,{size:v}),e,!!s&&pt(s,{size:v})]})});V.displayName="ActionButton";import{mergeRefs as Kl}from"@react-aria/utils";import Zr from"react";import{classNames as Gl}from"@baseline-ui/utils";var dt=u({defaultClassName:"z9nup85",variantClassNames:{size:{xs:"z9nup86"}},defaultVariants:{},compoundVariants:[]});var tr="z9nup80",he="z9nup83",ct="z9nup87";import{jsx as Wl}from"react/jsx-runtime";var mt=Zr.forwardRef(({className:e,node:a},r)=>{let o=Zr.useRef(null);return Zr.useEffect(()=>{let s=o.current;return s?.append(a),()=>{s?.contains(a)&&a.remove()}},[a]),Wl("div",{className:Gl(tr,e),ref:Kl(r,o)})});mt.displayName="DomNodeRenderer";import{classNames as Ve,filterTruthyValues as vp}from"@baseline-ui/utils";import{mergeRefs as yp}from"@react-aria/utils";import Qr from"react";import{VisuallyHidden as gp,mergeProps as It,useFocusRing as hp,useHover as xp,useNumberFormatter as _p,useSlider as Cp,useSliderThumb as Pp}from"react-aria";import{useSliderState as kp}from"react-stately";var ut="_14uvjig0 z9nup81",ft="_14uvjig7",bt="_14uvjig3",vt=u({defaultClassName:"_14uvjig4",variantClassNames:{isDisabled:{true:"_14uvjig5"},hasNumberInput:{false:"_14uvjig6"}},defaultVariants:{},compoundVariants:[]}),yt=u({defaultClassName:"_14uvjige _14uvjig1",variantClassNames:{active:{true:"_14uvjigf _14uvjig2"},isDisabled:{true:"_14uvjigg"},isReadOnly:{true:"_14uvjigh"},isFocusVisible:{true:"_14uvjigi _14uvjig2"},isHovered:{true:"_14uvjigj _14uvjig2"}},defaultVariants:{},compoundVariants:[]}),gt="_14uvjig8",ht=u({defaultClassName:"_14uvjig9 _14uvjig1",variantClassNames:{active:{true:"_14uvjig2"},isFocusVisible:{true:"_14uvjigb _14uvjig2"},isDisabled:{true:"_14uvjigc"},isHovered:{true:"_14uvjig2"}},defaultVariants:{},compoundVariants:[]});import{ErrorFilledIcon as sp,ReadOnlyIcon as ip}from"@baseline-ui/icons/16";import wt,{useMemo as np}from"react";import{classNames as sr,filterTruthyValues as lp}from"@baseline-ui/utils";import{mergeProps as Nt,useFocusRing as pp,useHover as dp,useLocale as cp,useNumberField as mp}from"react-aria";import{MinusIcon as up,PlusIcon as fp}from"@baseline-ui/icons/8";import{useNumberFieldState as bp}from"react-stately";var xe=u({defaultClassName:"nrh1ehx",variantClassNames:{isDisabled:{true:"nrh1ehy"},hasError:{true:"nrh1ehz"},labelPosition:{start:"nrh1eh10",top:"nrh1eh11"}},defaultVariants:{},compoundVariants:[]}),ar=u({defaultClassName:"nrh1eho",variantClassNames:{isDisabled:{true:"nrh1ehp"},labelPosition:{top:"nrh1ehq",start:"nrh1ehr"}},defaultVariants:{},compoundVariants:[]}),_e=u({defaultClassName:"nrh1ehs",variantClassNames:{validationState:{valid:"nrh1eht",error:"nrh1ehu",warning:"nrh1ehv"},isReadOnly:{true:"nrh1ehw"}},defaultVariants:{},compoundVariants:[]}),$="nrh1eh3",J=u({defaultClassName:"nrh1eh4",variantClassNames:{labelPosition:{top:"nrh1eh5",start:"nrh1eh6"},hasMessage:{true:"nrh1eh7"}},defaultVariants:{},compoundVariants:[[{labelPosition:"start",hasMessage:!1},"nrh1eh8"]]}),ee=u({defaultClassName:"nrh1eh0",variantClassNames:{labelPosition:{top:"z9nup81",start:"nrh1eh2 z9nup82"}},defaultVariants:{},compoundVariants:[]}),Ce=u({defaultClassName:"nrh1eh9 z9nup82",variantClassNames:{validationState:{valid:"nrh1eha",error:"nrh1ehb",warning:"nrh1ehc"},isHovered:{true:"nrh1ehd"},isFocused:{true:"nrh1ehe"},isDisabled:{true:"nrh1ehf"},variant:{primary:"nrh1ehg",ghost:"nrh1ehh"},isReadOnly:{true:"nrh1ehi"}},defaultVariants:{},compoundVariants:[[{variant:"ghost",isHovered:!0,isFocused:!1,validationState:"valid"},"nrh1ehj"],[{variant:"ghost",isFocused:!1,isHovered:!1,validationState:"valid"},"nrh1ehk"],[{isHovered:!0,validationState:"valid",isDisabled:!1,isReadOnly:!1,isFocused:!1,variant:"primary"},"nrh1ehl"],[{isHovered:!0,validationState:"warning",isDisabled:!1,isReadOnly:!1,isFocused:!1},"nrh1ehm"],[{isReadOnly:!0,variant:"primary",isFocused:!1},"nrh1ehn"]]});import{jsx as Xr}from"react/jsx-runtime";function re({description:e,errorMessageProps:a,descriptionProps:r,warningMessage:o,errorMessage:s,labelPosition:t,isDisabled:n}){return e?Xr("div",{...r,className:xe({isDisabled:n,labelPosition:t}),children:e}):s?Xr("div",{...a,className:xe({hasError:!0,labelPosition:t}),children:s}):o?Xr("div",{className:xe({isDisabled:n,labelPosition:t}),children:o}):null}import Zl from"react";import{classNames as Xl}from"@baseline-ui/utils";import{useSeparator as Ql}from"react-aria";var xt=u({defaultClassName:"gukncs0",variantClassNames:{isVertical:{true:"gukncs1"},isSecondary:{true:"gukncs2"}},defaultVariants:{},compoundVariants:[]});import{jsx as Yl}from"react/jsx-runtime";var U=Zl.forwardRef(({className:e,style:a,variant:r="primary",orientation:o="horizontal",UNSAFE_omitRole:s,...t},n)=>{let{separatorProps:i}=Ql({...t,orientation:o});return Yl("div",{...i,className:Xl(xt({isVertical:o==="vertical",isSecondary:r==="secondary"}),"BaselineUI-Separator",e),"data-orientation":o,"data-blockid":t["data-blockid"],style:a,role:s?void 0:i.role,ref:n})});U.displayName="Separator";var _t=u({defaultClassName:"_1lnwne1 z9nup82",variantClassNames:{isHoveredOrFocused:{true:"_1lnwne2"},isInteractive:{false:"z9nup83"}},defaultVariants:{},compoundVariants:[[{isHoveredOrFocused:!0,isInteractive:!0},"_1lnwne4"]]}),Ct="_1lnwne0";import{mergeRefs as $l}from"@react-aria/utils";import kt from"react";import{mergeProps as Jl,useButton as ep,useFocusRing as rp,useHover as op}from"react-aria";import{classNames as tp}from"@baseline-ui/utils";var Pt=u({defaultClassName:"uf19bs0",variantClassNames:{size:{xxs:"uf19bs1",xs:"uf19bs2",sm:"uf19bs3",md:"uf19bs4",lg:"uf19bs5"},isHovered:{true:"uf19bs6"},isDisabled:{true:"uf19bs7"},isFocusVisible:{true:"uf19bs8"},variant:{primary:"uf19bs9",secondary:"uf19bsa",tertiary:"uf19bsb"}},defaultVariants:{},compoundVariants:[[{variant:"primary",isHovered:!0},"uf19bsc"],[{variant:"secondary",isHovered:!0},"uf19bsd"],[{variant:"tertiary",isHovered:!0},"uf19bse"]]});import{jsx as Rt}from"react/jsx-runtime";var ap={xxs:8,xs:12,sm:16,md:20,lg:24},I=kt.forwardRef(({className:e,style:a,icon:r,size:o="md",variant:s="primary",UNSAFE_NON_INTERACTIVE:t,elementType:n=t?"div":"button",...i},l)=>{!i["aria-label"]&&!i["aria-labelledby"]&&console.warn("An `ActionIconButton` requires an aria-label or aria-labelledby prop.");let p=kt.useRef(null),{buttonProps:c,isPressed:m}=ep({...i,elementType:n},p),{isFocusVisible:d,isFocused:f,focusProps:b}=rp(),{hoverProps:v,isHovered:y}=op({isDisabled:i.isDisabled});return Rt(n,{...Jl(c,v,b),className:tp(Pt({variant:s,size:o,isDisabled:i.isDisabled,isFocusVisible:d,isHovered:y}),"BaselineUI-ActionIconButton",e),"data-blockid":i["data-blockid"],"data-focused":f,"data-focus-visible":d,"data-disabled":i.isDisabled,"data-hovered":y,"data-pressed":m,ref:$l(l,p),style:a,...t&&{tabIndex:void 0,role:void 0,"aria-label":void 0,"aria-labelledby":void 0,"aria-disabled":void 0},children:Rt(r,{role:"presentation",size:ap[o]})})});I.displayName="ActionIconButton";import{jsx as Pe,jsxs as He}from"react/jsx-runtime";var ir=wt.forwardRef(({className:e,style:a,labelPosition:r="top",variant:o="primary",showStepper:s=!0,...t},n)=>{let i=wt.useRef(null),{locale:l}=cp(),p=bp({...t,locale:l}),{hoverProps:c,isHovered:m}=dp({isDisabled:t.isDisabled}),{focusProps:d,isFocusVisible:f,isFocused:b}=pp(),{labelProps:v,decrementButtonProps:y,inputProps:g,incrementButtonProps:x,groupProps:h,descriptionProps:_,errorMessageProps:P}=mp(t,p,i),T=np(()=>t.isReadOnly?ip:t.isInvalid?sp:null,[t.isInvalid,t.isReadOnly]),B=re({description:t.description,errorMessageProps:P,descriptionProps:_,errorMessage:t.errorMessage,labelPosition:r,isDisabled:t.isDisabled}),L=lp({"data-disabled":t.isDisabled,"data-readonly":t.isReadOnly,"data-hovered":m,"data-focused":b,"data-focus-visible":f,"data-invalid":t.isInvalid,"data-blockid":t["data-blockid"]});return He("div",{style:a,className:sr(ee({labelPosition:r}),"BaselineUI-NumberInput",e),...L,ref:n,children:[t.label&&He("div",{className:J({labelPosition:r,hasMessage:!!B}),children:[Pe("label",{...v,className:$,children:t.label}),r==="start"&&B]}),He("div",{className:sr({[he]:t.isDisabled}),children:[He("div",{...Nt(h,c),className:sr(Ce({isHovered:m,isDisabled:!!t.isDisabled,isReadOnly:!!t.isReadOnly,validationState:t.isInvalid?"error":"valid",isFocused:b,variant:o}),{[Ct]:r==="start"}),children:[Pe("input",{...Nt(g,d),ref:i,className:sr("BaselineUI-NumberInput-Input",ar({isDisabled:t.isDisabled,labelPosition:r}))}),T&&Pe(T,{className:_e({validationState:"error",isReadOnly:t.isReadOnly}),size:16}),s&&He("div",{className:_t({isHoveredOrFocused:m||b,isInteractive:!t.isReadOnly&&!t.isDisabled}),children:[Pe(I,{variant:"secondary",size:"xxs",icon:up,...y,className:"BaselineUI-NumberInput-DecrementButton"}),Pe(U,{style:{height:16},orientation:"vertical"}),Pe(I,{variant:"secondary",size:"xxs",icon:fp,...x,className:"BaselineUI-NumberInput-DecrementButton"})]})]}),r==="top"&&B]})]})});ir.displayName="NumberInput";import{Fragment as wp,jsx as oe,jsxs as nr}from"react/jsx-runtime";var Tt=Qr.forwardRef(({className:e,style:a,onChange:r,onChangeEnd:o,numberFormatOptions:s,isDisabled:t,step:n,minValue:i,maxValue:l,value:p,"aria-label":c,"aria-labelledby":m,"aria-details":d,"aria-describedby":f,"data-blockid":b,defaultValue:v,isReadOnly:y,label:g,id:x,includeNumberInput:h},_)=>{let P=Qr.useRef(null),T={onChange:r===void 0?void 0:F=>r(F[0]),isDisabled:t||y,step:n,minValue:i,maxValue:l,onChangeEnd:o===void 0?void 0:F=>o(F[0]),value:p===void 0?void 0:[p],defaultValue:v===void 0?void 0:[v],"aria-label":c,"aria-labelledby":m,"aria-details":d,"aria-describedby":f,id:x,label:g},B=_p(s),L=kp({...T,numberFormatter:B}),{trackProps:w,groupProps:k,labelProps:M}=Cp(T,L,P),S=oe(ir,{variant:"ghost",showStepper:!1,"aria-label":c,"aria-labelledby":M.id,value:L.getThumbValue(0),formatOptions:s,onChange:F=>L.setThumbValue(0,F),style:{width:55,textAlign:"right",flexShrink:0}});return nr("div",{...k,style:a,"data-blockid":b,className:Ve(ut,"BaselineUI-Slider",e),children:[g&&nr("div",{className:bt,children:[oe("label",{...M,className:Ve(vt({isDisabled:t,hasNumberInput:!!h}),"BaselineUI-Slider-Label"),children:g}),h&&S]}),nr("div",{className:ft,children:[oe("div",{...w,className:Ve(gt,"BaselineUI-Slider-Track"),ref:yp(P,_),"data-testid":"track",children:oe(Rp,{state:L,trackRef:P,isDisabled:t,isReadOnly:y})}),h&&!g&&S]})]})});Tt.displayName="Slider";function Rp({state:e,trackRef:a,isDisabled:r,isReadOnly:o}){let s=Qr.useRef(null),{thumbProps:t,inputProps:n,isDragging:i}=Pp({trackRef:a,inputRef:s},e),{focusProps:l,isFocused:p,isFocusVisible:c}=hp(),{hoverProps:m,isHovered:d}=xp({isDisabled:r}),f=vp({"data-disabled":r,"data-readonly":o,"data-hovered":d,"data-focus-visible":c,"data-dragging":i,"data-focused":p});return nr(wp,{children:[oe("div",{className:Ve(ht({isDisabled:r,isFocusVisible:c,active:i,isHovered:d}),"BaselineUI-Slider-TrackHighlight"),style:{width:t.style?.left},"data-testid":"track-highlight"}),oe("div",{...It(t,m,f),className:Ve(yt({isDisabled:r,isFocusVisible:c,active:i,isReadOnly:o,isHovered:d}),"BaselineUI-Slider-Thumb"),"data-testid":"thumb",children:oe(gp,{children:oe("input",{ref:s,...It(n,l)})})})]})}import Dt from"react";import{useToggleState as Np}from"react-stately";import{VisuallyHidden as Ip,mergeProps as Ht,useFocusRing as Tp,useHover as Sp,useSwitch as zp}from"react-aria";import{classNames as Ee,filterTruthyValues as Lp}from"@baseline-ui/utils";var St=u({defaultClassName:"bpklwa7",variantClassNames:{isReadOnly:{true:"bpklwa8"},isDisabled:{true:"bpklwa9"},isSelected:{true:"bpklwaa"},isFocused:{true:"bpklwab"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isDisabled:!1,isReadOnly:!1},"bpklwac"]]}),zt=u({defaultClassName:"bpklwae",variantClassNames:{isDisabled:{true:"bpklwaf"},isSelected:{true:"bpklwag"},isReadOnly:{true:"bpklwah"}},defaultVariants:{},compoundVariants:[]}),Lt="bpklwad",Mt=u({defaultClassName:"bpklwa0",variantClassNames:{labelPosition:{top:"bpklwa1",left:"bpklwa2"}},defaultVariants:{},compoundVariants:[]}),Bt="bpklwa6",Ft=u({defaultClassName:"bpklwa3",variantClassNames:{labelPosition:{top:"bpklwa4",left:"bpklwa5"}},defaultVariants:{},compoundVariants:[]});import{jsx as ke,jsxs as Vt}from"react/jsx-runtime";var Et=Dt.forwardRef(({className:e,label:a,labelPosition:r="top",statusLabel:o,style:s,"data-blockid":t,...n},i)=>{let l=Dt.useRef(null),p=Np(n),{inputProps:c,isPressed:m}=zp(n,p,l),{isFocusVisible:d,focusProps:f}=Tp(),{hoverProps:b,isHovered:v}=Sp({isDisabled:n.isDisabled}),y=Lp({"data-blockid":t,"data-focused":d,"data-disabled":n.isDisabled,"data-focus-visible":d,"data-selected":p.isSelected,"data-readonly":n.isReadOnly,"data-hovered":v,"data-pressed":m}),g=ke("div",{className:Ee(St({isSelected:p.isSelected,isDisabled:!!n.isDisabled,isFocused:d,isReadOnly:!!n.isReadOnly}),"BaselineUI-Switch-Track"),children:ke("div",{className:Ee(zt({isSelected:p.isSelected,isDisabled:n.isDisabled,isReadOnly:n.isReadOnly}),"BaselineUI-Switch-Knob"),"data-testid":"switch-knob"})});return Vt("label",{...Ht(y,b),className:Ee(Mt({labelPosition:r}),"BaselineUI-Switch",e),style:s,ref:i,children:[a&&ke("span",{className:Ee(Lt,"BaselineUI-Switch-Label"),children:a}),ke(Ip,{children:ke("input",{...Ht(c,f),ref:l})}),o?Vt("div",{className:Ft({labelPosition:r}),children:[ke("span",{className:Ee("BaselineUI-Switch-Status-Label",Bt),children:p.isSelected?o.on:o.off}),g]}):g]})});Et.displayName="Switch";import{XIcon as Mp}from"@baseline-ui/icons/16";import{XIcon as Bp}from"@baseline-ui/icons/12";import{SearchIcon as jt}from"@baseline-ui/icons/24";import{SearchIcon as Fp}from"@baseline-ui/icons/20";import qt from"react";import{classNames as Dp,filterTruthyValues as Hp}from"@baseline-ui/utils";import{mergeProps as Vp,useFocusRing as Ep,useSearchField as Op}from"react-aria";import{useSearchFieldState as Ap}from"react-stately";var Ot="_19n40yy9",At=u({defaultClassName:"_19n40yy0",variantClassNames:{size:{lg:"_19n40yy1",md:"_19n40yy2",sm:"_19n40yy3"},variant:{primary:"_19n40yy4",ghost:"_19n40yy5"},isFocused:{true:"_19n40yy6"},hasText:{true:"_19n40yy7"},isDisabled:{true:"_19n40yy8"}},defaultVariants:{},compoundVariants:[]});import{jsx as Yr,jsxs as qp}from"react/jsx-runtime";var jp={sm:Fp,md:jt,lg:jt},Ut=qt.forwardRef(({className:e,size:a="md",variant:r="primary",...o},s)=>{let t=qt.useRef(null),n=Ap(o),{inputProps:i,clearButtonProps:l}=Op({...o,"aria-haspopup":!1,"aria-autocomplete":"none",type:"search"},n,t),{focusProps:p,isFocusVisible:c,isFocused:m}=Ep({within:!0,isTextInput:!0}),d=jp[a],f=a==="sm"?Bp:Mp,b=Hp({"data-blockid":o["data-blockid"],"data-focused":m,"data-disabled":o.isDisabled,"data-focus-visible":c});return qp("div",{...b,className:Dp(At({size:a,isFocused:m,variant:r,hasText:!!n.value,isDisabled:o.isDisabled}),"BaselineUI-SearchInput",e),ref:s,children:[Yr(d,{size:a==="sm"?20:24}),Yr("input",{...Vp(i,p),className:Ot,ref:t}),n.value!==""&&Yr(I,{icon:f,...l,size:a==="sm"?"xs":"sm",variant:"secondary"})]})});Ut.displayName="SearchInput";import{classNames as Gp}from"@baseline-ui/utils";import Wp,{useMemo as Zp}from"react";import{assignInlineVars as Gt}from"@vanilla-extract/dynamic";import{darkTheme as Xp,lightTheme as Qp,themeVars as Yp}from"@baseline-ui/tokens";import{mergeProps as $p,useLocale as Jp}from"react-aria";import{useEffect as lr,useState as pr}from"react";function $r(){let[e,a]=pr("light"),[r,o]=pr(!1),[s,t]=pr(!1),[n,i]=pr(!1);return lr(()=>{let l=window.matchMedia("(prefers-color-scheme: dark)"),p=c=>{a(c.matches?"dark":"light")};return l.matches&&a("dark"),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),lr(()=>{let l=window.matchMedia("(prefers-contrast: more)"),p=c=>{o(c.matches)};return o(l.matches),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),lr(()=>{let l=window.matchMedia("(prefers-reduced-motion: reduce)"),p=c=>{t(c.matches)};return l.matches&&t(!0),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),lr(()=>{let l=window.matchMedia("(prefers-reduced-transparency: reduce)"),p=c=>{i(c.matches)};return l.matches&&i(!0),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),{colorScheme:e,highContrast:r,reducedMotion:s,transparency:n}}import{lightTheme as Up}from"@baseline-ui/tokens";import{createContext as Kp}from"react";var te=Kp({theme:Up,setTheme:()=>{}});var Kt="var(--hj25q10)";import{jsx as Wt}from"react/jsx-runtime";var dr={LIGHT:{name:"light",theme:Qp},DARK:{name:"dark",theme:Xp}},ae=Wp.forwardRef(({theme:e="system",children:a,setTheme:r,className:o,style:s,UNSAFE_domProps:t,"data-blockid":n},i)=>{let{direction:l}=Jp(),{colorScheme:p,reducedMotion:c,highContrast:m,transparency:d}=$r(),{name:f,theme:b}=Zp(()=>{switch(e){case"system":return p==="light"?dr.LIGHT:dr.DARK;case"light":return dr.LIGHT;case"dark":return dr.DARK;default:return{name:"custom",theme:e}}},[p,e]),v={"data-theme":f,"data-blockid":n,"data-reduced-motion":c,"data-high-contrast":m,"data-transparency":d};return Wt(te.Provider,{value:{theme:b,setTheme:r},children:Wt("div",{...$p(t,v),className:Gp(tr,"BaselineUI-ThemeProvider",o),style:{...Gt(Yp,b),...Gt({[Kt]:l==="rtl"?"-1":"1"}),...s},ref:i,children:a})})});ae.displayName="ThemeProvider";import Sd from"react";import{useMenuTriggerState as zd}from"react-stately";import{mergeRefs as Cd}from"@react-aria/utils";import ao from"react";import{Item as Pd,Section as kd}from"react-stately";import{classNames as Rd,invariant as wd}from"@baseline-ui/utils";import{mergeProps as Nd,useMenuTrigger as Id}from"react-aria";import{classNames as td}from"@baseline-ui/utils";import{mergeRefs as ad}from"@react-aria/utils";import{animated as sd}from"@react-spring/web";import{assignInlineVars as id}from"@vanilla-extract/dynamic";import Yt,{useContext as nd,useEffect as ld}from"react";import{DismissButton as $t,Overlay as pd,usePopover as dd}from"react-aria";import{config as ed,useReducedMotion as rd,useTransition as od}from"@react-spring/web";function Zt({placement:e}){let a=rd();return od(!0,{from:{opacity:0,transform:`translate3d(${e==="bottom"?"0, 4px, 0":"0, -4px, 0"})`},enter:{opacity:1,transform:"translate3d(0, 0, 0)"},immediate:!!a,config:ed.stiff})}var Xt="_1gzftth1",Qt="var(--_1gzftth0)";import{jsx as cr,jsxs as Jt}from"react/jsx-runtime";var Q=Yt.forwardRef(({className:e,style:a,state:r,overlayProps:o,underlayClassName:s,children:t,...n},i)=>{let{theme:l}=nd(te),p=Yt.useRef(null),{underlayProps:c,popoverProps:m,placement:d}=dd({...n,popoverRef:p},r),f=Zt({placement:d});return ld(()=>(n.scrollRef?.current?.addEventListener("scroll",r.close),()=>{n.scrollRef?.current?.removeEventListener("scroll",r.close)}),[n.scrollRef,r.close,n.isNonModal]),f((b,v)=>v&&cr(pd,{children:Jt(ae,{ref:i,theme:l,style:a,className:s,UNSAFE_domProps:o,children:[cr("div",{...c}),Jt(sd.div,{...m,style:{...m.style,...b,...id({[Qt]:`${n.triggerRef?.current?.offsetWidth}px`})},ref:ad(p,i),className:td(Xt,e),"data-placement":["top","bottom","left","right"].filter(y=>d?.includes(y)),children:[cr($t,{onDismiss:r.close}),t,cr($t,{onDismiss:r.close})]})]})}))});Q.displayName="PopoverContentCore";import{mergeRefs as vd}from"@react-aria/utils";import ia from"react";import{mergeProps as yd,useKeyboard as gd,useMenu as hd}from"react-aria";import{useTreeState as xd}from"react-stately";import{classNames as _d}from"@baseline-ui/utils";var ea="xyd2ss1",ra=u({defaultClassName:"xyd2ss5",variantClassNames:{disabled:{true:"xyd2ss6"},focused:{true:"xyd2ss7"}},defaultVariants:{},compoundVariants:[]}),oa="xyd2ss4",ta="xyd2ss2",aa="xyd2ss3";import{classNames as cd,invariant as sa}from"@baseline-ui/utils";import Jr from"react";import{useMenuItem as md,useMenuSection as ud,useSeparator as fd}from"react-aria";import{Fragment as bd,jsx as Oe,jsxs as eo}from"react/jsx-runtime";var ro=({section:e,state:a})=>{let{itemProps:r,headingProps:o,groupProps:s}=ud({heading:e.rendered,"aria-label":e["aria-label"]}),{separatorProps:t}=fd({elementType:"li"}),n=a.collection.getChildren?.(e.key);return sa(n,"MenuSection must have at least one child"),eo(bd,{children:[e.key!==a.collection.getFirstKey()&&Oe("li",{...t,className:ta}),eo("li",{...r,children:[e.rendered&&Oe("span",{...o,className:aa,children:e.rendered}),Oe("ul",{...s,className:oa,children:[...n].map(i=>(sa(i.type==="item"),Oe(mr,{item:i,state:a},i.key)))})]})]})};ro.displayName="MenuSection";var mr=({item:e,state:a,className:r})=>{let o=Jr.useRef(null),{menuItemProps:s,isFocused:t,isSelected:n,isDisabled:i,keyboardShortcutProps:l,labelProps:p}=md({key:e.key},a,o),[c,m]=e.rendered;return eo("li",{...s,ref:o,className:cd(ra({disabled:i,focused:t}),r),children:[n&&Oe("span",{"aria-hidden":"true",children:"\u2705"}),Jr.cloneElement(c,p),m&&Jr.cloneElement(m,l)]})};mr.displayName="MenuContent";import{jsx as oo}from"react/jsx-runtime";var to=ia.forwardRef(({className:e,itemClassName:a,onContentKeyDown:r,...o},s)=>{let t=xd(o),n=ia.useRef(null),{menuProps:i}=hd(o,t,n),{keyboardProps:l}=gd({onKeyDown:r});return oo("ul",{...yd(i,l),className:_d(ea,e),ref:vd(n,s),children:[...t.collection].map(p=>p.type==="section"?oo(ro,{section:p,state:t},p.key):oo(mr,{item:p,state:t,className:a},p.key))})});to.displayName="MenuContent";import{Fragment as Td,jsx as ue,jsxs as la}from"react/jsx-runtime";var na=ao.forwardRef(({isDisabled:e,className:a,contentClassName:r,triggerButtonProps:o,state:s,contentRef:t,placement:n="bottom start",isNonModal:i,shouldFlip:l,shouldUpdatePosition:p,boundaryElement:c,crossOffset:m,offset:d,...f},b)=>{let v=ao.useRef(null),{menuTriggerProps:y,menuProps:g}=Id({isDisabled:e},s,v);return la(Td,{children:[ue(V,{...Nd(y,o),isDisabled:e,className:Rd(o?.className,a),ref:Cd(v,b),label:f.label}),s.isOpen&&ue(Q,{triggerRef:v,state:s,placement:n,isNonModal:i,shouldFlip:l,shouldUpdatePosition:p,boundaryElement:c,crossOffset:m,offset:d,children:ue(to,{className:r,...g,...f,ref:t,autoFocus:s.focusStrategy||!0})})]})});na.displayName="MenuRoot";var so=ao.forwardRef(({items:e,...a},r)=>{let o=s=>s.map(t=>{if("type"in t&&t.type==="section"){let n=t.isTitleVisible??!0;return ue(kd,{title:n?t.title:void 0,"aria-label":n?void 0:t.title,children:o(t.items)},t.group)}else return wd("label"in t,"Item doesn't have a label"),la(Pd,{textValue:t.label,children:[ue("div",{children:t.label}),t.shortcut&&ue("kbd",{children:t.shortcut})]},t.id)});return ue(na,{...a,ref:r,children:o(e)})});so.displayName="MenuBase";import{jsx as Ld}from"react/jsx-runtime";var pa=Sd.forwardRef(({defaultOpen:e,isOpen:a,onOpenChange:r,...o},s)=>{let t=zd({defaultOpen:e,isOpen:a,onOpenChange:r});return Ld(so,{...o,state:t,ref:s})});pa.displayName="Menu";import{mergeRefs as Md}from"@react-aria/utils";import ca from"react";import{classNames as Bd}from"@baseline-ui/utils";import{mergeProps as Fd,useFocusRing as Dd,useHover as Hd,useLink as Vd}from"react-aria";var da=u({defaultClassName:"_13f0naj0",variantClassNames:{variant:{default:"_13f0naj1",inline:"_13f0naj2"},isHovered:{true:"_13f0naj3"},isFocusVisible:{true:"_13f0naj4"},isDisabled:{true:"_13f0naj5"},size:{sm:"_13f0naj6",md:"_13f0naj7",lg:"_13f0naj8"},isActive:{true:"_13f0naj9"}},defaultVariants:{},compoundVariants:[[{isActive:!0,isDisabled:!1},"_13f0naja"]]});import{jsx as Ed}from"react/jsx-runtime";var ma=ca.forwardRef(({className:e,style:a,children:r,variant:o="default",size:s="md",elementType:t="a",...n},i)=>{let l=ca.useRef(null),{linkProps:p,isPressed:c}=Vd({...n,elementType:n.onPress?"span":t},l),{isFocusVisible:m,focusProps:d}=Dd(),{hoverProps:f,isHovered:b}=Hd({isDisabled:n.isDisabled});return Ed(t,{...Fd(p,d,f),className:Bd(da({variant:o,isFocusVisible:m,isHovered:b,isDisabled:n.isDisabled,size:s,isActive:c}),e),ref:Md(l,i),style:a,children:r})});ma.displayName="Link";import{mergeRefs as Ad}from"@react-aria/utils";import ga from"react";import{classNames as jd,invariant as qd}from"@baseline-ui/utils";import{VisuallyHidden as Ud,mergeProps as ha,useDrop as Kd,useFocusRing as Gd,useHover as Wd}from"react-aria";import{invariant as Od}from"@baseline-ui/utils";import{useId as io}from"react-aria";function ua({isDisabled:e,onValueChange:a,onChange:r,name:o,"aria-describedby":s,"aria-label":t,accept:n,multiple:i}){let l=io(),p=io(),c=io();return{inputProps:{type:"file",id:p,disabled:!!e,"aria-labelledby":t?void 0:l,"aria-describedby":s||c,"aria-label":t,onChange:d=>{let f=[...d.target.files||[]];a?.(f),r?.(d)},name:o,accept:n,multiple:i},labelProps:{htmlFor:p,id:l},descriptionProps:{id:c}}}async function no({items:e}){let a=e.filter(r=>r.kind==="file").map(r=>(Od(r.kind==="file"),r.getFile()));return await Promise.all(a)}var fa=u({defaultClassName:"_180w5ed0",variantClassNames:{variant:{default:"_180w5ed1",inline:"_180w5ed2"},hoveredOrFocusedOrActive:{true:"_180w5ed3"},disabled:{true:"_180w5ed4"}},defaultVariants:{},compoundVariants:[[{variant:"inline",hoveredOrFocusedOrActive:!0},"_180w5ed5"],[{variant:"default",hoveredOrFocusedOrActive:!0},"_180w5ed6"],[{variant:"default",disabled:!0},"_180w5ed7"],[{variant:"inline",disabled:!0},"_180w5ed8"]]}),ba=u({defaultClassName:"_180w5ede",variantClassNames:{disabled:{true:"_180w5edf"}},defaultVariants:{},compoundVariants:[]}),va=u({defaultClassName:"_180w5ed9",variantClassNames:{disabled:{true:"_180w5eda"}},defaultVariants:{},compoundVariants:[]}),ya=u({defaultClassName:"_180w5edb",variantClassNames:{disabled:{true:"_180w5edc"},hovered:{true:"_180w5edd"}},defaultVariants:{},compoundVariants:[]});import{jsx as Ae,jsxs as xa}from"react/jsx-runtime";var _a=ga.forwardRef(({className:e,label:a,description:r,icon:o,variant:s="default",...t},n)=>{let i=ga.useRef(null),{inputProps:l,descriptionProps:p,labelProps:c}=ua(t),{dropProps:m}=Kd({ref:i,onDrop:async({items:y})=>{let g=y.filter(h=>h.kind==="file").map(h=>(qd(h.kind==="file"),h.getFile())),x=await Promise.all(g);t.onValueChange?.(x)}}),{focusProps:d,isFocusVisible:f}=Gd(),{hoverProps:b,isHovered:v}=Wd({isDisabled:t.isDisabled});return xa("label",{...ha(m,b,c),className:jd(fa({variant:s,disabled:t.isDisabled,hoveredOrFocusedOrActive:v||f}),e),ref:Ad(n,i),children:[Ae(Ud,{children:Ae("input",{...ha(d,l)})}),o&&Ae(o,{size:20,className:va({disabled:t.isDisabled})}),xa("div",{children:[Ae("div",{className:ya({disabled:t.isDisabled,hovered:v}),children:a}),r&&Ae("div",{...p,className:ba({disabled:t.isDisabled}),children:r})]})]})});_a.displayName="FileUpload";import Zd from"react";import{classNames as Xd}from"@baseline-ui/utils";import{useId as Qd,useProgressBar as Yd}from"react-aria";var Ca="_12vfhl40 z9nup81",Pa="_12vfhl41 z9nup82",ka=u({defaultClassName:"_12vfhl48",variantClassNames:{variant:{success:"_12vfhl49",error:"_12vfhl4a",active:"_12vfhl4b"}},defaultVariants:{},compoundVariants:[]}),Ra="_12vfhl42",wa="_12vfhl47",Na="_12vfhl46 z9nup82",Ia="_12vfhl45",Ta=u({defaultClassName:"_12vfhl43 _12vfhl42",variantClassNames:{hasLabel:{false:"_12vfhl44"}},defaultVariants:{},compoundVariants:[]});import{jsx as je,jsxs as ur}from"react/jsx-runtime";var Sa=Zd.forwardRef(({className:e,variant:a="active",showValue:r,description:o,errorMessage:s,...t},n)=>{let i=Qd(),{labelProps:l,progressBarProps:p}=Yd({...t,"aria-describedby":o?i:t["aria-describedby"]}),{minValue:c=0,maxValue:m=100,value:d=0,label:f}=t,b=(d-c)/(m-c),v=`${Math.round(b*100)}%`,y=je("output",{className:Ta({hasLabel:!!f}),children:p["aria-valuetext"]}),g=a==="error"?s:o;return ur("div",{...p,className:Xd(Ca,e),ref:n,children:[f&&ur("div",{className:Pa,children:[je("label",{...l,className:Ra,children:f}),r&&y]}),ur("div",{className:Ia,children:[ur("div",{className:Na,children:[je("div",{className:wa,children:je("div",{style:{width:v},className:ka({variant:a})})}),!f&&r&&y]}),g&&je("div",{className:xe({hasError:a==="error"}),id:i,children:g})]})]})});Sa.displayName="ProgressBar";import za from"react";import{classNames as lo}from"@baseline-ui/utils";import{mergeProps as rc,useFocusRing as oc,useHover as tc,useTextField as ac}from"react-aria";import{ErrorFilledIcon as $d,ReadOnlyIcon as Jd,WarningFilledIcon as ec}from"@baseline-ui/icons/16";function fr({isReadOnly:e,validationState:a}){return e?Jd:a==="error"?$d:a==="warning"?ec:null}import{jsx as po,jsxs as br}from"react/jsx-runtime";var La=za.forwardRef(({className:e,validationState:a="valid",variant:r="primary",style:o,labelPosition:s="top",inputStyle:t,inputClassName:n,...i},l)=>{let p=za.useRef(null),{inputProps:c,labelProps:m,descriptionProps:d,errorMessageProps:f}=ac({...i,validationState:a==="error"?"invalid":"valid"},p),{hoverProps:b,isHovered:v}=tc({isDisabled:i.isDisabled}),{isFocused:y,focusProps:g}=oc(),x=fr({isReadOnly:i.isReadOnly,validationState:a}),h=re({...i,descriptionProps:d,errorMessageProps:f,labelPosition:s});return br("div",{className:lo(ee({labelPosition:s}),e),style:o,ref:l,children:[br("div",{className:J({labelPosition:s,hasMessage:!!h}),children:[po("label",{...m,className:$,children:i.label}),s==="start"&&h]}),br("div",{className:lo({[he]:i.isDisabled}),children:[br("div",{...b,className:Ce({validationState:a,isHovered:v,isFocused:y,variant:r,isReadOnly:!!i.isReadOnly,isDisabled:!!i.isDisabled}),children:[po("input",{...rc(c,g),className:lo(ar({isDisabled:i.isDisabled,labelPosition:s}),n),style:t,ref:p}),x&&po(x,{className:_e({validationState:a,isReadOnly:i.isReadOnly}),size:16})]}),s==="top"&&h]})]})});La.displayName="TextInput";import{CheckmarkIcon as lc}from"@baseline-ui/icons/20";import{CheckmarkIcon as pc}from"@baseline-ui/icons/16";import{classNames as dc}from"@baseline-ui/utils";import Ha from"react";import{VisuallyHidden as cc,useFocusRing as mc,useHover as uc,useSwitch as fc}from"react-aria";import{useToggleState as bc}from"react-stately";import{useNumberFormatter as sc}from"react-aria";import{Fragment as ic,jsx as nc}from"react/jsx-runtime";var Re=({value:e,...a})=>{let r=sc(a);return nc(ic,{children:r.format(e)})};Re.displayName="NumberFormat";var Ma="_1yep5z6ga _1yep5z6gb _1yep5z6gc",Ba=u({defaultClassName:"_9b1tml0",variantClassNames:{isSelected:{true:"_9b1tml1",false:"_9b1tml2"},isDisabled:{true:"z9nup83"},isHovered:{true:"_9b1tml4"},isFocusVisible:{true:"_9b1tml5"},isReadOnly:{true:"_9b1tml6"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isFocusVisible:!0,isReadOnly:!1},"_9b1tml7"],[{isSelected:!0,isHovered:!0,isDisabled:!1,isReadOnly:!1},"_9b1tml8"],[{isSelected:!1,isHovered:!0,isDisabled:!1,isReadOnly:!1},"_9b1tml9"],[{isSelected:!0,isDisabled:!0},"_9b1tmla"],[{isSelected:!0,isReadOnly:!0},"_9b1tmlb"]]}),Fa=u({defaultClassName:"_9b1tmlf",variantClassNames:{isSelected:{true:"_9b1tmlg"},size:{sm:"_9b1tmlh",md:"_9b1tmli"},isDisabled:{true:"_9b1tmlj"},isReadOnly:{true:"_9b1tmlk"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isDisabled:!1,isReadOnly:!1},"_9b1tmll"],[{isSelected:!0,isDisabled:!0},"_9b1tmlm"],[{isSelected:!1,isDisabled:!0},"_9b1tmln"]]}),Da=u({defaultClassName:"_9b1tmlc",variantClassNames:{isDisabled:{true:"_9b1tmld"},isReadOnly:{true:"_9b1tmle"}},defaultVariants:{},compoundVariants:[]});import{jsx as we,jsxs as Va}from"react/jsx-runtime";var Ea=Ha.forwardRef(({className:e,count:a,style:r,size:o="md",icon:s,...t},n)=>{let i={isRequired:!1},l=s||(o==="md"?lc:pc);!t["aria-label"]&&!t["aria-labelledby"]&&console.warn("You must provide either an `aria-label` or `aria-labelledby` prop to the `Reaction` component.");let p=Ha.useRef(null),c=bc({...t,...i}),{inputProps:m,isPressed:d,isDisabled:f,isReadOnly:b,isSelected:v}=fc({...t,...i},c,p),{focusProps:y,isFocused:g,isFocusVisible:x}=mc(),{hoverProps:h,isHovered:_}=uc({});return Va("label",{ref:n,style:r,className:dc(Ma,"BaselineUI-Reaction",e),"data-blockid":t["data-blockid"],"data-focused":g,"data-focus-visible":x,"data-disabled":f,"data-hovered":_,"data-pressed":d,"data-selected":v,children:[we(cc,{children:we("input",{...m,...y,ref:p})}),Va("div",{...h,className:Ba({isSelected:v,isFocusVisible:x,isHovered:_,isReadOnly:b,isDisabled:f}),children:[we("div",{className:Da({isDisabled:f,isReadOnly:b}),children:we(l,{size:o==="md"?20:16})}),we("div",{className:Fa({isSelected:c.isSelected,isDisabled:f,isReadOnly:b,size:o}),children:we(Re,{value:a})})]})]})});Ea.displayName="Reaction";import{mergeRefs as Gc}from"@react-aria/utils";import fo from"react";import{useOverlayPosition as Wc,useTooltipTrigger as Zc}from"react-aria";import{useTooltipTriggerState as Xc}from"react-stately";import{FocusableProvider as Qc}from"@react-aria/focus";import vc,{useMemo as yc}from"react";import{mergeProps as gc,useTooltip as hc}from"react-aria";import{animated as xc,useReducedMotion as _c,useSpring as Cc}from"@react-spring/web";var Oa=u({defaultClassName:"_1jwycy80",variantClassNames:{placement:{bottom:"_1jwycy81",left:"_1jwycy82",right:"_1jwycy83",top:"_1jwycy84"}},defaultVariants:{},compoundVariants:[]}),Aa="_1jwycy85 _1yep5z63u _1yep5z63v _1yep5z63w _1yep5z61i _1yep5z61j _1yep5z61k _1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z6aj _1yep5z6ar _1yep5z6az _1yep5z6b7 _1yep5z6e8 _1yep5z6d7 _1yep5z6cf";import{jsx as ja,jsxs as Pc}from"react/jsx-runtime";var co=vc.forwardRef(({children:e,state:a,overlayProps:r,arrowProps:o,placement:s,tooltipProps:t},n)=>{let{tooltipProps:i}=hc({isOpen:a.isOpen},a),l=yc(()=>{switch(s){case"top":return{x:0,y:4};case"bottom":return{x:0,y:-4};case"left":return{x:4,y:0};case"right":return{x:-4,y:0};default:return{x:0,y:0}}},[s]),p=_c(),[c]=Cc(()=>({from:{opacity:0,transform:`translate(${l.x}px, ${l.y}px)`},to:{opacity:1,transform:"translate(0, 0)"},immediate:!!p})),m=s==="center"?"bottom":s;return Pc(xc.span,{...r,style:{...c,...r.style},ref:n,"data-placement":m,children:[ja("div",{className:Oa({placement:m}),...o}),ja("div",{...gc(i,t),className:Aa,children:e})]})});co.displayName="TooltipContent";import kc,{useContext as Rc}from"react";import{Overlay as wc}from"react-aria";import{jsx as qa}from"react/jsx-runtime";var vr=kc.forwardRef(({className:e,children:a,...r},o)=>{let{theme:s}=Rc(te);return qa(wc,{...r,children:qa(ae,{ref:o,theme:s,className:e,children:a})})});vr.displayName="Portal";import Nc,{useEffect as Ua}from"react";function Ka({ref:e,onIntersect:a,isDisabled:r,threshold:o,rootMargin:s,root:t}){let n=Nc.useRef(null);Ua(()=>{if(r){n.current?.disconnect(),n.current=null;return}n.current=new IntersectionObserver(([i])=>{a(i)},{root:t?.current,rootMargin:s,threshold:o})},[a,r,t,s,o]),Ua(()=>{let{current:i}=n;return e.current&&i?.observe(e.current),()=>i?.disconnect()},[e])}import yr from"react";function Ga({ref:e,onResize:a,isDisabled:r}){let o=yr.useRef(null),[s,t]=yr.useState();return yr.useEffect(()=>{if(r){o.current?.disconnect(),o.current=null;return}o.current=new ResizeObserver(([n])=>{t(n.contentRect),a?.(n)})},[a,r,t]),yr.useEffect(()=>{let{current:n}=o;return e.current&&n?.observe(e.current),()=>n?.disconnect()},[e]),{size:s}}import{useEffect as Ic,useState as mo}from"react";function gr({src:e,alt:a}){let[r,o]=mo(!1),[s,t]=mo(!1),[n,i]=mo(!1),l=()=>{o(!0),i(!1)},p=()=>{t(!0),i(!1)};return Ic(()=>{if(!e)return;i(!0);let c=new Image;return c.src=e,c.addEventListener("load",l),c.addEventListener("error",p),()=>{c.removeEventListener("load",l),c.removeEventListener("error",p)}},[e]),{isLoaded:r,hasError:s,isLoading:n,imgProps:{src:r?e:void 0,alt:a}}}import{useGranularEffect as zc}from"granular-hooks";import{useReducer as Lc,useRef as Mc}from"react";import{useEffect as Tc,useRef as Sc}from"react";function Ne(){let e=Sc(!0);return Tc(()=>{e.current=!1},[]),e.current}var Wa="SET_STATE",hr="UNDO",xr="REDO",Bc=(e,a)=>{let{past:r,present:o,future:s}=e;switch(a.type){case Wa:return{past:[...r,o],present:a.data,future:[]};case hr:return{past:r.slice(0,r?.length-1),present:r[r?.length-1],future:[o,...s]};case xr:return{past:[...r,o],present:s[0],future:s.slice(1)};default:throw new Error("Invalid action type")}},Za=(e={},{isDisabled:a,onAction:r})=>{let o=Ne(),[s,t]=Lc(Bc,{past:[],present:e,future:[]}),{past:n,present:i,future:l}=s,p=v=>t({type:Wa,data:v}),c=Mc(),m=()=>{c.current=hr,t({type:hr})},d=()=>{c.current=xr,t({type:xr})},f=!!n?.length,b=!!l?.length;return zc(()=>{(c.current===hr||c.current===xr)&&(r?.(i,c.current),c.current=void 0)},[i],[r,o]),{state:i,push:a?()=>{}:p,undo:a?()=>{}:m,redo:a?()=>{}:d,pastStates:n,futureStates:l,canUndo:f,canRedo:b}};import{cleanKeyFromGlobImport as Vc}from"@baseline-ui/utils";import{useContext as Ec}from"react";import{useLocale as Oc,useMessageFormatter as Ac}from"react-aria";import{I18nProvider as Fc}from"react-aria";import Dc from"react";import{jsx as Xa}from"react/jsx-runtime";var uo=Dc.createContext({messages:{}}),Hc=({children:e,messages:a={},...r})=>Xa(Fc,{...r,children:Xa(uo.Provider,{value:{messages:a},children:e})});function W(e){let{messages:a}=Ec(uo),r=Ac(e?Vc(e):a),o=Oc();return{formatMessage:(s,t)=>{if(typeof s=="object")try{return r(s.id,t)}catch{return s.defaultMessage||s.id}else try{return r(s,t)}catch{return s}},locale:o}}function MP(e){return Object.fromEntries(Object.keys(e).map(a=>[a,e[a].id]))}import Qa from"react";function DP(e,a,r){let o=Qa.useRef(null);return Qa.useEffect(()=>{if(e)return o.current=new MutationObserver(r),o.current.observe(e,a),()=>{o.current&&o.current.disconnect()}},[e,a,r]),o.current}import{useState as jc}from"react";function EP(e,a){let[r,o]=jc(()=>{try{let t=window.localStorage.getItem(e);return t?JSON.parse(t):a}catch(t){return console.log(t),a}});return[r,t=>{try{let n=t instanceof Function?t(r):t;o(n),window.localStorage.setItem(e,JSON.stringify(n))}catch(n){console.log(n)}}]}import qc,{useEffect as Uc}from"react";import{usePress as Kc}from"react-aria";function qP({ref:e,onSelectionChange:a,onSelectionEnd:r,isDisabled:o}){let s=qc.useRef(null);Kc({ref:e,isDisabled:o,onPressEnd(){let t=window.getSelection();t&&e.current?.contains(t.anchorNode)&&r?.(t)},onPressStart(){s.current=window.getSelection(),s.current&&s.current.removeAllRanges()}}),Uc(()=>{if(!e.current||o)return;function n(){let i=window.getSelection();i&&e.current?.contains(i.anchorNode)&&a(i)}return document.addEventListener("selectionchange",n),()=>{document.removeEventListener("selectionchange",n)}},[e,a,o])}import{jsx as Ya,jsxs as Yc}from"react/jsx-runtime";var $a=fo.forwardRef(({children:e,placement:a="bottom",delay:r=1e3,closeDelay:o=500,...s},t)=>{let n=fo.useRef(null),i=fo.useRef(null),l=!s.text||s.isDisabled,p=Xc({...s,delay:r,closeDelay:o,isDisabled:l}),{triggerProps:c,tooltipProps:m}=Zc({...s,isDisabled:l,delay:r,closeDelay:o},p,n),{overlayProps:d,arrowProps:f,placement:b,updatePosition:v}=Wc({arrowSize:13,targetRef:n,arrowBoundaryOffset:8,offset:12,overlayRef:i,placement:a,isOpen:p.isOpen,...s});return Ka({ref:i,threshold:1,onIntersect:v,isDisabled:!p.isOpen}),Ga({ref:n,onResize:v,isDisabled:!p.isOpen}),Yc(Qc,{...c,ref:n,children:[e,p.isOpen&&Ya(vr,{disableFocusManagement:!0,children:Ya(co,{ref:Gc(t,i),state:p,arrowProps:f,overlayProps:d,placement:b,tooltipProps:m,children:s.text})})]})});$a.displayName="Tooltip";import $c from"react";import{classNames as Jc}from"@baseline-ui/utils";import{CheckFilledIcon as em,ErrorAltFilledIcon as rm}from"@baseline-ui/icons/16";import{CheckFilledIcon as om,ErrorAltFilledIcon as tm}from"@baseline-ui/icons/20";import{useProgressBar as am}from"react-aria";import{assignInlineVars as sm}from"@vanilla-extract/dynamic";var Ja="_1azy5686",es="_1azy5685",rs="var(--_1azy5680)",os="_1azy5688",ts="_1azy5689",as="_1azy5681 z9nup82",ss="_1azy5682";var is="_1azy5687";import{jsx as qe,jsxs as bo}from"react/jsx-runtime";var im={sm:16,md:20},nm={sm:[em,rm],md:[om,tm]},_r=$c.forwardRef(({className:e,style:a,size:r="md",variant:o="active",...s},t)=>{let{labelProps:n,progressBarProps:i}=am({...s,isIndeterminate:!0}),l=im[r],p=l/2-2,c=2*p*Math.PI,m=nm[r][o==="success"?0:1];return bo("div",{className:Jc(as,e),ref:t,style:{...sm({[rs]:`${c}px`}),...a},children:[bo("div",{...i,className:ss,children:[(o==="active"||o==="inactive")&&bo("svg",{height:l,width:l,viewBox:`0 0 ${l} ${l}`,children:[qe("circle",{role:"presentation",className:Ja,cx:l/2,cy:l/2,r:p}),o==="active"&&qe("circle",{role:"presentation",className:es,cx:l/2,cy:l/2,r:p})]}),o==="success"&&qe(m,{className:is,size:l}),o==="error"&&qe(m,{className:os,size:l})]}),s.label&&qe("span",{...n,className:ts,children:s.label})]})});_r.displayName="ProgressSpinner";import{CaretRightIcon as ls}from"@baseline-ui/icons/8";import{mergeRefs as lm}from"@react-aria/utils";import ps from"react";import{classNames as pm}from"@baseline-ui/utils";import{mergeProps as dm,useFocusRing as cm,useHover as mm,useToggleButton as um}from"react-aria";import{useToggleState as fm}from"react-stately";var vo=u({defaultClassName:"_5uw3kp8",variantClassNames:{direction:{top:"_5uw3kp9",bottom:"_5uw3kpa",left:"_5uw3kpb",right:"_5uw3kpc"},isSelected:{true:"_5uw3kpd"}},defaultVariants:{},compoundVariants:[[{direction:"top",isSelected:!0},"_5uw3kpe"],[{direction:"bottom",isSelected:!0},"_5uw3kpf"],[{direction:"right",isSelected:!0},"_5uw3kpg"],[{direction:"left",isSelected:!0},"_5uw3kph"]]}),ns=u({defaultClassName:"_5uw3kp0 oom8bs0 z9nup82",variantClassNames:{isHovered:{true:"_5uw3kp1"},isFocusVisible:{true:"_5uw3kp2"},isDisabled:{true:"_5uw3kp3"},isSelected:{true:"_5uw3kp4"},size:{md:"_5uw3kp5",lg:"_5uw3kp6"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isFocusVisible:!0},"_5uw3kp7"]]});import{jsx as yo,jsxs as vm}from"react/jsx-runtime";var bm={md:20,lg:24},ds=ps.forwardRef(({className:e,style:a,popupPlacement:r="bottom",iconStart:o,size:s="md",elementType:t="button",...n},i)=>{let l=ps.useRef(null),p=fm(n),{buttonProps:c,isPressed:m}=um(n,p,l),{hoverProps:d,isHovered:f}=mm({isDisabled:n.isDisabled}),{isFocusVisible:b,isFocused:v,focusProps:y}=cm(),g=n["aria-haspopup"]==="true"||n["aria-haspopup"]===!0;return vm(t,{...dm(c,d,y),className:pm(ns({isHovered:f,isFocusVisible:b,isSelected:p.isSelected,size:s,isDisabled:n.isDisabled}),"BaselineUI-ToggleButton",e),"data-blockid":n["data-blockid"],"data-focused":v,"data-focus-visible":b,"data-disabled":n.isDisabled,"data-hovered":f,"data-pressed":m,"data-selected":p.isSelected,style:a,ref:lm(l,i),children:[g&&r==="left"&&yo(ls,{className:vo({direction:r,isSelected:p.isSelected}),size:8}),o&&yo(o,{size:bm[s]}),n.label,g&&r!=="left"&&yo(ls,{className:vo({direction:r,isSelected:p.isSelected}),size:8})]})});ds.displayName="ToggleButton";import us from"react";import{classNames as ym,filterTruthyValues as gm}from"@baseline-ui/utils";import{VisuallyHidden as hm,mergeProps as xm,useCheckbox as _m,useFocusRing as Cm,useHover as Pm}from"react-aria";import{useToggleState as km}from"react-stately";import{CheckmarkIcon as Rm,MinusIcon as wm}from"@baseline-ui/icons/12";var Cr=u({defaultClassName:"_16vugd0e",variantClassNames:{isDisabled:{true:"_16vugd0f"}},defaultVariants:{},compoundVariants:[]}),cs=u({defaultClassName:"_16vugd01 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0",variantClassNames:{labelPosition:{end:"_1yep5z6zy _1yep5z6zz _1yep5z6100 _1yep5z6t0 _1yep5z6t1 _1yep5z6t2",start:"_1yep5z6104 _1yep5z6105 _1yep5z6106 _1yep5z611g _1yep5z611h _1yep5z611i"}},defaultVariants:{},compoundVariants:[]}),ms=u({defaultClassName:"_16vugd05",variantClassNames:{isIndeterminate:{true:"_16vugd04"},isSelected:{true:"_16vugd04"},isFocusVisible:{true:"_16vugd08"},isHovered:{true:"_16vugd09"},isDisabled:{true:"_16vugd0a"},isReadOnly:{true:"_16vugd0b"},hasError:{true:"_16vugd0c"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isDisabled:!0},"_16vugd0d"]]});import{jsx as Ue,jsxs as fs}from"react/jsx-runtime";var bs=us.forwardRef(({className:e,style:a,label:r,labelPosition:o="end","data-blockid":s,...t},n)=>{let i=us.useRef(null),l=km(t),{isFocusVisible:p,isFocused:c,focusProps:m}=Cm(),{inputProps:d,isPressed:f,isDisabled:b,isSelected:v,isReadOnly:y}=_m({...t,children:r},l,i),{hoverProps:g,isHovered:x}=Pm({isDisabled:b}),h=gm({"data-disabled":b,"data-readonly":y,"data-hovered":x,"data-selected":v,"data-pressed":f,"data-indeterminate":t.isIndeterminate,"data-invalid":t.isInvalid,"data-focus-visible":p,"data-focused":c,"data-blockid":s});return fs("label",{...h,className:ym(cs({labelPosition:o}),"BaselineUI-Checkbox",e),style:a,ref:n,children:[Ue(hm,{children:Ue("input",{...xm(d,m),ref:i})}),fs("div",{...g,className:ms({isSelected:v&&!t.isIndeterminate,isIndeterminate:t.isIndeterminate,isFocusVisible:p,isDisabled:b,isReadOnly:y,hasError:t.isInvalid,isHovered:x}),children:[v&&!t.isIndeterminate&&Ue(Rm,{size:12}),t.isIndeterminate&&Ue(wm,{size:12})]}),r&&Ue("span",{className:Cr({isDisabled:b}),children:r})]})});bs.displayName="Checkbox";import $s from"react";import{classNames as Js,filterTruthyValues as su}from"@baseline-ui/utils";import{mergeProps as ei,useFocusRing as iu,useHover as nu,useLocale as lu,useNumberField as pu}from"react-aria";import{useNumberFieldState as du}from"react-stately";import{CaretLeftIcon as cu,CaretRightIcon as mu}from"@baseline-ui/icons/12";import{CaretLeftIcon as uu,CaretRightIcon as fu}from"@baseline-ui/icons/16";import{CaretLeftIcon as bu,CaretRightIcon as vu}from"@baseline-ui/icons/20";import{CaretLeftIcon as yu,CaretRightIcon as gu}from"@baseline-ui/icons/24";var vs={close:"Zav\u0159\xEDt"};var ys={close:"Cau"};var gs={close:"Luk"};var hs={close:"Schlie\xDFen"};var xs={close:"\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"};var _s={close:"Close"};var Cs={close:"Close"};var Ps={close:"Cerrar"};var ks={close:"Sulje"};var Rs={close:"Fermer"};var ws={close:"Fermer"};var Ns={close:"\u05E1\u05D2\u05D9\u05E8\u05D4"};var Is={close:"Zatvori"};var Ts={close:"Tutup"};var Ss={close:"Chiudi"};var zs={close:"\u9589\u3058\u308B"};var Ls={close:"\uB2EB\uAE30"};var Ms={close:"Tutup"};var Bs={close:"Lukk"};var Fs={close:"Sluit"};var Ds={close:"Zamknij"};var Hs={close:"Fechar"};var Vs={close:"Fechar"};var Es={close:"\u0417\u0430\u043A\u0440\u044B\u0442\u044C"};var Os={close:"Zavrie\u0165"};var As={close:"Zapri"};var js={close:"St\xE4ng"};var qs={close:"\u0E1B\u0E34\u0E14"};var Us={close:"Kapat"};var Ks={close:"\u0417\u0430\u043A\u0440\u0438\u0442\u0438"};var Gs={close:"\u5173\u95ED"};var Ws={close:"\u95DC\u9589"};var se={cs:vs,cy:ys,da:gs,de:hs,el:xs,enGB:_s,en:Cs,es:Ps,fi:ks,frCA:Rs,fr:ws,he:Ns,hr:Is,id:Ts,it:Ss,ja:zs,ko:Ls,ms:Ms,nbNO:Bs,nl:Fs,pl:Ds,ptPT:Hs,pt:Vs,ru:Es,sk:Os,sl:As,sv:js,th:qs,tr:Us,uk:Ks,zhHans:Gs,zhHant:Ws};var Zs=u({defaultClassName:"_1nsi9h17",variantClassNames:{isFocusVisible:{true:"_1nsi9h18"},variant:{pinned:"_1nsi9h19",floating:"_1nsi9h1a"}},defaultVariants:{},compoundVariants:[]}),Xs="_1nsi9h1b",Qs=u({defaultClassName:"_1nsi9h10",variantClassNames:{size:{xs:"_1nsi9h11",sm:"_1nsi9h12",md:"_1nsi9h13",lg:"_1nsi9h14"},variant:{floating:"_1nsi9h15",pinned:"_1nsi9h16"}},defaultVariants:{},compoundVariants:[]}),Ys="_1nsi9h1c";import{jsx as Ie,jsxs as go}from"react/jsx-runtime";var hu={style:"decimal"},xu={xs:[cu,mu],sm:[uu,fu],md:[bu,vu],lg:[yu,gu]},ri=$s.forwardRef(({className:e,style:a,minValue:r=1,defaultValue:o=1,incrementAriaLabel:s,decrementAriaLabel:t,"aria-label":n,size:i="md",variant:l="floating",...p},c)=>{let{locale:m}=lu(),d=W(se),f={...p,formatOptions:hu,minValue:r,incrementAriaLabel:s||d.formatMessage("nextPage"),decrementAriaLabel:t||d.formatMessage("prevPage"),defaultValue:o,"aria-label":n||d.formatMessage("goToPage")},b=$s.useRef(null),v=du({...f,locale:m}),{inputProps:y,decrementButtonProps:g,incrementButtonProps:x,groupProps:h}=pu({...f,onKeyDown:F=>{F.key==="Enter"&&b.current?.blur(),p.onKeyDown?.(F)}},v,b),{hoverProps:_,isHovered:P}=nu({}),{focusProps:T,isFocused:B,isFocusVisible:L}=iu(),w=l==="floating",[k,M]=xu[i],S=su({"data-focus-visible":L,"data-focused":B,"data-hovered":P,"data-blockid":p["data-blockid"]});return go("div",{...ei(h,_,S),className:Js(Qs({size:i,variant:l}),"BaselineUI-Pagination",e),style:a,ref:c,children:[Ie(I,{icon:k,...g,elementType:"div",size:i,style:{height:"100%",...w&&{borderRadius:0}},className:"BaselineUI-Pagination-DecrementButton"}),l==="floating"&&Ie(U,{orientation:"vertical"}),go("div",{className:Zs({isFocusVisible:L,variant:l}),"aria-label":d.formatMessage("pageXofY",{arg0:y.value,arg1:v.maxValue}),children:[Ie("input",{...ei(y,T),ref:b,className:Js("BaselineUI-Pagination-Input",Xs),style:{width:`${y.value?.toString().length||1}ch`}}),go("span",{className:Ys,children:["/ ",Ie(Re,{value:v.maxValue})]})]}),l==="floating"&&Ie(U,{orientation:"vertical"}),Ie(I,{icon:M,...x,elementType:"div",size:i,style:{height:"100%",...w&&{borderRadius:0}},className:"BaselineUI-Pagination-IncrementButton"})]})});ri.displayName="Pagination";import{useNumberFormatter as UR,useDateFormatter as KR,useCollator as GR}from"react-aria";import{useDateFormatter as _u}from"react-aria";import{Fragment as Cu,jsx as Pu}from"react/jsx-runtime";var oi=({date:e,...a})=>{let r=_u(a);return Pu(Cu,{children:r.format(e)})};oi.displayName="DateFormat";import Fu from"react";import{Item as Du}from"react-stately";import{XIcon as ku}from"@baseline-ui/icons/12";import{CheckmarkIcon as Ru}from"@baseline-ui/icons/16";import{classNames as wu}from"@baseline-ui/utils";import{mergeRefs as Nu}from"@react-aria/utils";import Pr from"react";import{mergeProps as ni,useButton as Iu,useFocusRing as Tu,useHover as li,useTag as Su,useTagGroup as zu}from"react-aria";import{useListState as Lu}from"react-stately";var ti=u({defaultClassName:"_1f789qj1",variantClassNames:{isFocusVisible:{true:"_1f789qj2"},variant:{neutral:"_1f789qj3",red:"_1f789qj4",green:"_1f789qj5",blue:"_1f789qj6","high-contrast":"_1f789qj7"},isDisabled:{true:"_1f789qj8"},allowsRemoving:{true:"_1f789qj9"},isSelected:{true:"_1f789qja"},allowsSelection:{true:"_1f789qjb"},isHovered:{true:"_1f789qjc"}},defaultVariants:{},compoundVariants:[[{allowsSelection:!0,isHovered:!0,variant:"neutral"},"_1f789qjd"],[{allowsSelection:!0,isHovered:!0,variant:"red"},"_1f789qje"],[{allowsSelection:!0,isHovered:!0,variant:"blue"},"_1f789qjf"],[{allowsSelection:!0,isHovered:!0,variant:"green"},"_1f789qjg"],[{allowsSelection:!0,isHovered:!0,variant:"high-contrast"},"_1f789qjh"],[{allowsSelection:!0,isSelected:!0,isHovered:!0},"_1f789qji"]]}),ai="_1f789qjj",si="_1f789qj0",ii=u({defaultClassName:"_1f789qjk",variantClassNames:{variant:{neutral:"_1f789qjl",red:"_1f789qjm",green:"_1f789qjn",blue:"_1f789qjo","high-contrast":"_1f789qjp"},isHovered:{true:"_1f789qjq"}},defaultVariants:{},compoundVariants:[[{isHovered:!0,variant:"neutral"},"_1f789qjr"],[{isHovered:!0,variant:"red"},"_1f789qjs"],[{isHovered:!0,variant:"blue"},"_1f789qjt"],[{isHovered:!0,variant:"green"},"_1f789qju"],[{isHovered:!0,variant:"high-contrast"},"_1f789qjv"]]});import{jsx as fe,jsxs as Bu}from"react/jsx-runtime";var Mu=({item:e,state:a,variant:r="neutral"})=>{let o=Pr.useRef(null),{focusProps:s,isFocusVisible:t}=Tu({within:!0}),{rowProps:n,gridCellProps:i,removeButtonProps:l,allowsRemoving:p,isDisabled:c,isSelected:m,allowsSelection:d}=Su({item:e},a,o),f=Pr.useRef(null),{buttonProps:b}=Iu(l,f),{hoverProps:v,isHovered:y}=li({isDisabled:c}),{hoverProps:g,isHovered:x}=li({isDisabled:c}),h=e.value?.icon,_=e.value?.variant??r;return fe("div",{...ni(n,s,g),ref:o,className:ti({isFocusVisible:t,variant:_,isDisabled:c,allowsRemoving:p,isSelected:m,allowsSelection:d,isHovered:x}),children:Bu("div",{...i,className:ai,children:[m&&fe(Ru,{size:16}),!m&&h&&fe(h,{size:16}),e.rendered,p&&fe("button",{...ni(b,v),className:ii({variant:_,isHovered:y}),children:fe(ku,{})})]})})},ho=Pr.forwardRef(({className:e,style:a,...r},o)=>{let s=Pr.useRef(null),t=Lu(r),{gridProps:n}=zu(r,t,s);return fe("div",{...n,className:wu(si,e),style:a,ref:Nu(o,s),children:[...t.collection].map(i=>fe(Mu,{state:t,item:i,variant:r.variant},i.key))})});ho.displayName="TagGroupBase";import{jsx as pi}from"react/jsx-runtime";var di=Fu.forwardRef(({items:e,...a},r)=>pi(ho,{...a,items:e,ref:r,children:o=>pi(Du,{children:o.label})}));di.displayName="TagGroup";import Ke,{useEffect as hi}from"react";import{FocusScope as Au}from"react-aria";import{classNames as Hu}from"@baseline-ui/utils";import{getOwnerDocument as Vu}from"@react-aria/utils";import xo,{useContext as gi}from"react";import{useKeyboard as Eu}from"react-aria";var ci="_1yep5z6j2",mi=u({defaultClassName:"_1kvz17db _1yep5z6ip _1yep5z6ir",variantClassNames:{showActionsOnTriggerOnly:{true:"_1kvz17dc"},isTriggered:{true:"_1kvz17dd"}},defaultVariants:{},compoundVariants:[]}),ui=u({defaultClassName:"_1kvz17d0 _1yep5z64u _1yep5z64v _1yep5z64w _1yep5z676 _1yep5z677 _1yep5z678 _1yep5z68c _1yep5z68d _1yep5z68e _1yep5z660 _1yep5z661 _1yep5z662 _1yep5z6ip _1yep5z6iq",variantClassNames:{isExpanded:{true:"_1kvz17d1"}},defaultVariants:{},compoundVariants:[]}),fi="_1yep5z6d3 _1yep5z6c6",bi=u({defaultClassName:"_1kvz17d2 _1yep5z63o _1yep5z63p _1yep5z63q _1yep5z61f _1yep5z61g _1yep5z61h _1yep5z63 _1yep5z64 _1yep5z65 _1yep5z62f _1yep5z62g _1yep5z62h _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hy _1yep5z6hz _1yep5z6i0 _1yep5z6ip _1yep5z6is",variantClassNames:{isFocusVisible:{true:"_1kvz17d3"},isHovered:{true:"_1yep5z6e1",false:"_1yep5z6e2"},isDisabled:{true:"z9nup83"}},defaultVariants:{},compoundVariants:[]}),vi="_1kvz17da _1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z6c7",yi=u({defaultClassName:"_1kvz17d7 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0",variantClassNames:{isDisabled:{true:"_1yep5z6d6",false:"_1yep5z6d2"}},defaultVariants:{},compoundVariants:[]});import{jsx as Ou}from"react/jsx-runtime";var _o=xo.forwardRef(({children:e,className:a,style:r},o)=>{let{headers:s}=gi(ie),{disabledKeys:t}=gi(ie),{keyboardProps:n}=Eu({onKeyDown:i=>{let l=Vu(i.target),p=[...s?.keys()||[]].findIndex(b=>s?.get(b)?.current===l.activeElement),c=s?.get(p||0),m=s?.size||0,d=b=>{let v=s.get(b-1<0?m-1:b-1);t?.has(v?.current?.getAttribute("data-key")||"")?d(b-1):v?.current?.focus()},f=b=>{let v=s.get((b+1)%m);t?.has(v?.current?.getAttribute("data-key")||"")?f(b+1):v?.current?.focus()};if(c)switch(i.key){case"Home":{i.preventDefault(),f(-1);break}case"End":{i.preventDefault(),d(m);break}case"ArrowDown":{i.preventDefault(),f(p);break}case"ArrowUp":{i.preventDefault(),d(p);break}default:i.continuePropagation()}}});return Ou("div",{...n,style:r,className:Hu(ci,a),ref:o,children:xo.Children.map(e,(i,l)=>xo.cloneElement(i,{index:l}))})});_o.displayName="AccordionBase";import{jsx as Co}from"react/jsx-runtime";var ie=Ke.createContext({expandedKeys:new Set,setExpandedKeys:()=>{},disabledKeys:new Set,headers:new Map,expansionMode:"multiple"}),xi=Ke.forwardRef(({children:e,disabledKeys:a,defaultExpandedKeys:r=new Set,expandedKeys:o,expansionMode:s="multiple",onChange:t,className:n,style:i},l)=>{let[p,c]=Ke.useState(r),m=Ke.useRef(new Map).current,[d,f]=Ke.useState(s);return hi(()=>{f(d)},[d]),hi(()=>{t?.(p)},[p,t]),Co(ie.Provider,{value:{expandedKeys:o||p,setExpandedKeys:o?()=>{}:c,disabledKeys:a,headers:m,expansionMode:d},children:Co(Au,{children:Co(_o,{className:n,style:i,ref:l,children:e})})})});xi.displayName="Accordion";import{animated as Qu,useReducedMotion as Yu,useTransition as $u}from"@react-spring/web";import wi,{useContext as Ju}from"react";import{FocusScope as ef,useId as Ni}from"react-aria";import{ChevronRightIcon as ju}from"@baseline-ui/icons/8";import{invariant as _i}from"@baseline-ui/utils";import Ci,{useContext as qu,useEffect as Uu}from"react";import{mergeProps as Pi,useButton as Ku,useFocusManager as Gu,useFocusRing as ki,useHover as Wu,useKeyboard as Zu,usePress as Xu}from"react-aria";import{jsx as Ge,jsxs as Ri}from"react/jsx-runtime";var Po=Ci.forwardRef(({title:e,actions:a,controlId:r,value:o,id:s,index:t,subLabel:n,showActionsOnTriggerOnly:i},l)=>{let p=Ci.useRef(null),{expandedKeys:c,setExpandedKeys:m,expansionMode:d,disabledKeys:f,headers:b}=qu(ie),v=f?.has(o),y=Gu();_i(y);let{focusNext:g,focusPrevious:x}=y,{keyboardProps:h}=Zu({onKeyDown:D=>{D.key==="ArrowRight"?g({wrap:!0}):D.key==="ArrowLeft"?x({wrap:!0}):D.continuePropagation()},isDisabled:v});Uu(()=>{_i(typeof t=="number","AccordionItem must have an index"),b?.set(t,p)},[t,b]);let _=()=>{m(D=>{let H=new Set(D);return H.has(o)?H.delete(o):(d==="single"&&H.clear(),H.add(o)),H})},{buttonProps:P}=Ku({"aria-expanded":c.has(o),"aria-controls":r,onPress:_,isDisabled:v},p),{pressProps:T}=Xu({onPress:_,isDisabled:v}),{focusProps:B,isFocusVisible:L}=ki(),{hoverProps:w,isHovered:k}=Wu({isDisabled:v}),{focusProps:M,isFocusVisible:S}=ki({within:!0}),F=c.has(o);return Ri("h3",{...Pi(h,T,w,M),className:bi({isFocusVisible:L,isHovered:k,isDisabled:v}),ref:l,children:[Ri("div",{className:yi({isDisabled:!!v}),children:[Ge(ju,{className:ui({isExpanded:F}),size:8}),Ge("button",{...Pi(P,B),id:s,"data-key":o,className:vi,ref:p,children:e})]}),a?.length&&Ge("div",{"data-testid":"action-buttons",className:mi({showActionsOnTriggerOnly:i,isTriggered:S||k}),children:a.map((D,H)=>Ge(I,{variant:"secondary",size:"sm",excludeFromTabOrder:!0,isDisabled:v,...D},H))}),n&&Ge("div",{className:fi,children:n})]})});Po.displayName="AccordionHeader";import{Fragment as rf,jsx as kr,jsxs as of}from"react/jsx-runtime";var Ii=wi.forwardRef(({title:e,actions:a,children:r,value:o,index:s,subLabel:t,style:n,className:i,showActionsOnTriggerOnly:l},p)=>{let c=Ni(),m=Ni(),{expandedKeys:d}=Ju(ie),f=wi.useRef(null),b=d.has(o),v=Ne(),y=Yu(),g=$u(b?[o]:[],{from:!v&&!y&&{height:0,opacity:0},enter:()=>async x=>{await x({height:f.current?.scrollHeight,opacity:1})},leave:{height:0,opacity:0},keys:x=>x});return of(rf,{children:[kr(ef,{children:kr(Po,{value:o,actions:a,id:m,title:e,controlId:c,ref:p,index:s,subLabel:t,showActionsOnTriggerOnly:l})}),g(x=>kr(Qu.div,{role:"region","aria-labelledby":m,id:c,style:{...x,overflow:"hidden"},children:kr("div",{ref:f,className:i,style:n,children:r})}))]})});Ii.displayName="AccordionItem";import Of from"react";import{Item as Wi,Section as Af}from"react-stately";import{classNames as Io}from"@baseline-ui/utils";import Gi from"react";import{HiddenSelect as Df,useSelect as Hf}from"react-aria";import{useSelectState as Vf}from"react-stately";import wf from"react";import{Item as Hi,Section as Nf}from"react-stately";import{mergeRefs as yf}from"@react-aria/utils";import Di from"react";import{classNames as gf,filterTruthyValues as hf}from"@baseline-ui/utils";import{ListKeyboardDelegate as xf,mergeProps as _f,useFocusRing as Cf,useListBox as Pf,useLocale as kf}from"react-aria";import{useListState as Rf}from"react-stately";import{classNames as mf,invariant as uf}from"@baseline-ui/utils";import{useListBoxSection as ff}from"react-aria";var Ti="_6n12k90",Si=u({defaultClassName:"_6n12k98",variantClassNames:{isDisabled:{true:"_6n12k99"}},defaultVariants:{},compoundVariants:[]}),zi=u({defaultClassName:"_6n12k91 z9nup82",variantClassNames:{isSelected:{},isFocused:{true:"_6n12k92"},isHovered:{true:"_6n12k93"},isFirstChild:{true:"_6n12k94"},isLastChild:{true:"_6n12k95"},isDisabled:{true:"_6n12k96 z9nup83"}},defaultVariants:{},compoundVariants:[]}),Li="_6n12k97",Mi="_6n12k9a";import{CheckmarkIcon as tf}from"@baseline-ui/icons/24";import{mergeRefs as af}from"@react-aria/utils";import Bi from"react";import{classNames as sf,filterTruthyValues as nf,invariant as lf}from"@baseline-ui/utils";import{mergeProps as pf,useHover as df,useOption as cf}from"react-aria";import{jsx as Rr,jsxs as Fi}from"react/jsx-runtime";var We=Bi.forwardRef(({item:e,renderOption:a,showSelectedIcon:r,state:o},s)=>{let t=Bi.useRef(null),n=cf({key:e.key},o,t);lf(e.value&&(e.value.type==="option"||e.value.type===void 0),"Item cannot be a section");let{optionProps:i,isFocusVisible:l,isFocused:p,isPressed:c,isSelected:m,isDisabled:d}=n,{hoverProps:f,isHovered:b}=df({isDisabled:d}),{icon:v,description:y}=e.value,g=nf({"data-selected":m,"data-disabled":d,"data-focused":p,"data-hovered":b,"data-pressed":c,"data-focus-visible":l,"data-selection-mode":o.selectionManager.selectionMode});return a?a(e,n,t):Fi("li",{...pf(i,f,g),className:sf(zi({isHovered:b,isFocused:l,isFirstChild:e.key===o.collection.getFirstKey(),isLastChild:e.key===o.collection.getLastKey(),isDisabled:d}),"BaselineUI-ListBox-Option"),ref:af(t,s),children:[Fi("div",{className:Li,children:[r&&Rr("span",{"aria-hidden":!0,style:{height:24,width:24},children:m&&Rr(tf,{size:24})}),v&&Rr(v,{size:24}),e.rendered]}),y&&Rr("span",{className:Si({isDisabled:d}),children:y})]})});We.displayName="Option";import{Fragment as bf,jsx as wr,jsxs as vf}from"react/jsx-runtime";var ko=({section:e,state:a,showSelectedIcon:r})=>{let{itemProps:o,groupProps:s}=ff({heading:e.rendered,"aria-label":e["aria-label"]}),t=a.collection.getChildren?.(e.key);return uf(t,"items with type `section` must have children"),vf(bf,{children:[e.key!==a.collection.getFirstKey()&&wr(U,{UNSAFE_omitRole:!0}),wr("li",{...o,className:mf(Mi,"BaselineUI-ListBox-Section"),children:wr("ul",{...s,children:[...t].map(n=>wr(We,{item:n,state:a,showSelectedIcon:r},n.key))})})]})};ko.displayName="ListBoxSection";import{jsx as Ro}from"react/jsx-runtime";var wo=Di.forwardRef(({className:e,layout:a="stack",orientation:r="vertical",showSelectedIcon:o=!0,UNSAFE_state:s,style:t,renderOption:n,"data-blockid":i,...l},p)=>{let c=Rf(l),{direction:m}=kf(),d=s||c,f=Di.useRef(null),{listBoxProps:b}=Pf({...l,keyboardDelegate:new xf({collection:d.collection,ref:f,layout:a,orientation:r,direction:m,disabledKeys:d.disabledKeys})},d,f),{isFocusVisible:v,isFocused:y,focusProps:g}=Cf(),x=hf({"data-blockid":i,"data-layout":a,"data-empty":d.collection.size===0,"data-focused":y,"data-focus-visible":v});return Ro("ul",{..._f(b,g,x),className:gf(Ti,"BaselineUI-ListBox",e),style:t,ref:yf(p,f),children:[...d.collection].map(h=>h.type==="section"?Ro(ko,{showSelectedIcon:o,section:h,state:d},h.key):Ro(We,{showSelectedIcon:o,item:h,state:d,renderOption:n},h.key))})});wo.displayName="ListBoxBase";import{jsx as Nr}from"react/jsx-runtime";var ne=wf.forwardRef((e,a)=>Nr(wo,{...e,ref:a,children:r=>r.type==="section"?Nr(Nf,{items:r.children,title:r.id,children:o=>Nr(Hi,{children:o.label},o.id)},r.id):Nr(Hi,{children:r.label},r.id)}));ne.displayName="ListBox";var Vi=u({defaultClassName:"_1mdhlqv4",variantClassNames:{isOpen:{true:"_1mdhlqv5"}},defaultVariants:{},compoundVariants:[]}),Ei="_1mdhlqv8",Oi=u({defaultClassName:"_1mdhlqv1",variantClassNames:{isFocused:{false:"_1mdhlqv2"},isDisabled:{true:"_1mdhlqv3 z9nup83"}},defaultVariants:{},compoundVariants:[]}),Ai="_1mdhlqv9",ji="_1mdhlqv6",qi="_1mdhlqv7 z9nup82";import{ChevronDownIcon as If}from"@baseline-ui/icons/8";import{classNames as Ui,filterTruthyValues as Tf}from"@baseline-ui/utils";import{mergeRefs as Sf}from"@react-aria/utils";import Ki from"react";import{mergeProps as zf,useButton as Lf,useFocusRing as Mf,useHover as Bf}from"react-aria";import{jsx as Ir,jsxs as Ff}from"react/jsx-runtime";var No=Ki.forwardRef(({variant:e,isOpen:a,validationState:r="valid",...o},s)=>{let t=Ki.useRef(null),{buttonProps:n,isPressed:i}=Lf({...o,isDisabled:o.isDisabled||o.isReadOnly},t),{hoverProps:l,isHovered:p}=Bf({isDisabled:o.isDisabled}),{focusProps:c,isFocused:m,isFocusVisible:d}=Mf(),f=fr({isReadOnly:o.isReadOnly,validationState:r});o.isReadOnly&&(n.disabled=!1);let b=Tf({"data-disabled":o.isDisabled,"data-readonly":o.isReadOnly,"data-focused":m,"data-focus-visible":d,"data-hovered":p,"data-pressed":i,"data-open":a});return Ff("button",{...zf(n,l,c,b),ref:Sf(s,t),className:Ui(Oi({isFocused:d,isDisabled:o.isDisabled}),Ce({variant:e,isHovered:p,isFocused:d,validationState:r,isDisabled:!!o.isDisabled,isReadOnly:o.isReadOnly}),"BaselineUI-Select-Button"),children:[o.children,f&&Ir("span",{"aria-hidden":!0,className:Ui(_e({validationState:r,isReadOnly:!!o.isReadOnly}),ji),children:Ir(f,{size:16})}),Ir("span",{"aria-hidden":!0,children:Ir(If,{size:8,className:Vi({isOpen:a})})})]})});No.displayName="SelectButton";import{Fragment as Ef,jsx as be,jsxs as Tr}from"react/jsx-runtime";var To=Gi.forwardRef(({className:e,style:a,labelPosition:r="top",variant:o="primary","data-blockid":s,...t},n)=>{let i=Gi.useRef(null),l=Vf({...t,validationState:t.validationState==="error"?"invalid":"valid"}),{labelProps:p,triggerProps:c,valueProps:m,menuProps:d,descriptionProps:f,errorMessageProps:b}=Hf({...t,validationState:t.validationState==="error"?"invalid":"valid"},l,i),v=re({...t,descriptionProps:f,errorMessageProps:b,labelPosition:r}),y=l.selectedItem?.value,g=y&&"icon"in y&&y.icon;return Tr(Ef,{children:[Tr("div",{style:a,className:Io(ee({labelPosition:r}),"BaselineUI-Select",e),"data-blockid":s,ref:n,children:[(t.label||v)&&Tr("div",{className:J({labelPosition:r,hasMessage:!!v}),children:[t.label&&be("div",{...p,className:Io($,"BaselineUI-Select-Label"),children:t.label}),r==="start"&&v]}),be(Df,{state:l,triggerRef:i,isDisabled:t.isDisabled,label:t.label,name:t.name}),be(No,{...c,isOpen:l.isOpen,variant:o,validationState:t.validationState,ref:i,isReadOnly:t.isReadOnly,children:Tr("span",{className:qi,children:[g&&be(g,{size:24}),be("span",{...m,children:y?"label"in y&&y?.label:t.placeholder})]})}),r==="top"&&v]}),l.isOpen&&be(Q,{offset:2,state:l,triggerRef:i,style:a,className:Io(Ei,"BaselineUI-Select-Popover"),...t,children:be(ne,{...d,label:t.label,items:t.items,UNSAFE_state:l,showSelectedIcon:t.showSelectedIcon,className:Ai})})]})});To.displayName="SelectBase";import{jsx as Sr}from"react/jsx-runtime";var Zi=Of.forwardRef((e,a)=>Sr(To,{...e,ref:a,children:r=>r.type==="section"?Sr(Af,{items:r.children,title:r.id,children:o=>Sr(Wi,{children:o.label},o.id)},r.id):Sr(Wi,{textValue:r.label,children:r.label},r.id)}));Zi.displayName="Select";import{AvatarIcon as jf}from"@baseline-ui/icons/16";import{AvatarIcon as qf}from"@baseline-ui/icons/24";import Uf from"react";import{classNames as Kf}from"@baseline-ui/utils";var Xi="_1017q4c5",Qi=u({defaultClassName:"_1017q4c0",variantClassNames:{size:{md:"_1017q4c1",sm:"_1017q4c2"},isDisabled:{true:"_1017q4c3"}},defaultVariants:{},compoundVariants:[]}),Yi="_1017q4c4";import{jsx as So,jsxs as Wf}from"react/jsx-runtime";var Gf={sm:jf,md:qf},$i=Uf.forwardRef(({className:e,style:a,size:r="md",icon:o=Gf[r],name:s,imgSrc:t,showInitials:n,isDisabled:i,hasNotifications:l,imgLoading:p,"data-blockid":c},m)=>{let{imgProps:d}=gr({src:t,alt:s}),f=s?.split(" ").map(b=>b[0]).join("");return Wf("span",{className:Kf(Qi({size:r,isDisabled:i}),"BaselineUI-Avatar",e),"data-disabled":i,ref:m,style:a,"aria-disabled":i,"data-blockid":c,children:[t&&So("img",{...d,loading:p,className:Yi}),!n&&!t&&So(o,{size:r==="sm"?16:24}),n&&!t&&(r==="sm"?f[0]:f),l&&So("div",{"data-testid":"notification",className:Xi})]})});$i.displayName="Avatar";import Bo,{useMemo as lb}from"react";import{Item as pb}from"react-stately";import{XIcon as eb}from"@baseline-ui/icons/8";import{classNames as nn,invariant as ln}from"@baseline-ui/utils";import zo from"react";import{mergeProps as rb,useFocusRing as ob,useHover as tb,useKeyboard as ab,useTab as sb,useTabList as ib}from"react-aria";import{useTabListState as nb}from"react-stately";var Ji="_1x62fhbj",en=u({defaultClassName:"_1x62fhb6",variantClassNames:{isHovered:{true:"_1x62fhb7"},isSelected:{true:"_1x62fhb8"},isFocusVisible:{true:"_1x62fhb9"},isDisabled:{true:"_1x62fhba z9nup83"},variant:{primary:"_1x62fhbb",ghost:"_1x62fhbc"}},defaultVariants:{},compoundVariants:[[{variant:"primary",isSelected:!0,isDisabled:!1},"_1x62fhbd"],[{variant:"primary",isSelected:!0},"_1x62fhbe"],[{variant:"ghost",isSelected:!0,isFocusVisible:!1},"_1x62fhbf"],[{variant:"ghost",isSelected:!0,isDisabled:!1},"_1x62fhbg"],[{variant:"ghost",isDisabled:!0,isSelected:!0},"_1x62fhbh"],[{variant:"primary",isHovered:!0},"_1x62fhbi"]]}),rn=u({defaultClassName:"_1x62fhb3 z9nup82",variantClassNames:{variant:{primary:"_1x62fhb4",ghost:"_1x62fhb5"}},defaultVariants:{},compoundVariants:[]}),on="_1x62fhbk",tn="_1x62fhbl",an=u({defaultClassName:"_1x62fhb0 z9nup82",variantClassNames:{variant:{primary:"_1x62fhb1",ghost:"_1x62fhb2"}},defaultVariants:{},compoundVariants:[]});import{classNames as Zf}from"@baseline-ui/utils";import Xf from"react";import{mergeProps as Qf,useFocusRing as Yf,useTabPanel as $f}from"react-aria";import{jsx as Jf}from"react/jsx-runtime";var sn=({state:e,...a})=>{let r=Xf.useRef(null),{tabPanelProps:o}=$f(a,e,r),{selectedItem:s}=e,{focusProps:t,isFocusVisible:n}=Yf();if(!s?.value)return null;let{className:i,style:l,"data-blockid":p}=s.value;return Jf("div",{...Qf(o,t),ref:r,className:Zf({[tn]:n},i),"data-blockid":p,style:l,children:s?.props.children})};import{jsx as ve,jsxs as Lo}from"react/jsx-runtime";var Mo=zo.forwardRef(({className:e,style:a,tabHeaderStyle:r,tabHeaderClassName:o,variant:s="primary",actions:t,onRemove:n,...i},l)=>{let p=nb({...i,selectedKey:i.selectedValue,defaultSelectedKey:i.defaultSelectedValue,disabledKeys:i.disabledValues}),c=zo.useRef(null),{tabListProps:m}=ib({...i,selectedKey:i.selectedValue,defaultSelectedKey:i.defaultSelectedValue,disabledKeys:i.disabledValues},p,c);return Lo("div",{className:e,style:a,ref:l,children:[Lo("div",{className:nn(an({variant:s}),o),style:r,children:[ve("div",{...m,className:rn({variant:s}),ref:c,children:[...p.collection].map(d=>(ln(d.value,"TabItem requires a value prop"),ve(pn,{item:d,state:p,onRemove:n,variant:s},d.key)))}),t?.map((d,f)=>ve("div",{className:Ji,children:ve(I,{...d,variant:"secondary",size:"sm",className:nn(on,d.className)})},f))]}),ve(sn,{state:p},p.selectedItem?.key)]})});Mo.displayName="TabsBase";var pn=({item:e,onRemove:a,state:r,variant:o})=>{let{key:s,value:t}=e,n=zo.useRef(null),{tabProps:i,isSelected:l,isDisabled:p}=sb({key:s},r,n),{hoverProps:c,isHovered:m}=tb({});ln(t,"TabButton requires a value prop");let{title:d,icon:f}=t,{focusProps:b,isFocusVisible:v,isFocused:y}=ob(),{keyboardProps:g}=ab({onKeyDown:x=>{x.key==="Backspace"&&a?a(s):x.continuePropagation()}});return Lo("div",{...rb(g,i,c,b),className:en({isHovered:m,isSelected:l,isFocusVisible:v,isDisabled:p,variant:o}),ref:n,children:[f&&ve(f,{size:20}),d,a&&ve(I,{variant:"secondary",elementType:"div",icon:eb,size:"xxs",onPress:()=>a(s),excludeFromTabOrder:!0,UNSAFE_NON_INTERACTIVE:!0,style:{display:"inline-flex",color:"inherit",opacity:l||y||m?1:0}})]})};pn.displayName="TabButton";import{jsx as dn}from"react/jsx-runtime";var cn=Bo.forwardRef(({children:e,...a},r)=>{let o=lb(()=>Bo.Children.map(e,s=>!s||!Bo.isValidElement(s)||typeof s.type=="string"?null:{...s.props,id:s.props.value}).filter(Boolean),[e]);return dn(Mo,{...a,ref:r,items:o,children:s=>dn(pb,{title:s.title,children:s.children},s.key)})});cn.displayName="Tabs";import{invariant as Fo}from"@baseline-ui/utils";var mn=({children:e,title:a,value:r})=>(Fo(r,"TabItem requires a value prop"),Fo(a,"TabItem requires a title prop"),Fo(e,"TabItem requires children"),e);mn.displayName="TabItem";import{CheckFilledIcon as db,CloseIcon as cb,ErrorAltFilledIcon as mb,InfoFilledIcon as ub,WarningFilledIcon as fb}from"@baseline-ui/icons/16";import{CheckFilledIcon as bb,ErrorAltFilledIcon as vb,InfoFilledIcon as yb,WarningFilledIcon as gb}from"@baseline-ui/icons/20";import hb from"react";import{classNames as xb}from"@baseline-ui/utils";var un=u({defaultClassName:"kfun6yw",variantClassNames:{arrangement:{single:"kfun6yx",multi:"kfun6yy",compact:"kfun6yz"}},defaultVariants:{},compoundVariants:[]}),fn=u({defaultClassName:"kfun6y0 z9nup82",variantClassNames:{variant:{info:"kfun6y1",warning:"kfun6y2",error:"kfun6y3",success:"kfun6y4"},arrangement:{single:"kfun6y5",multi:"kfun6y6",compact:"kfun6y7"},hasButton:{true:"kfun6y8"},hasCloseButton:{true:"kfun6y9"}},defaultVariants:{},compoundVariants:[[{hasButton:!1,arrangement:"single"},"kfun6ya"],[{hasButton:!0,arrangement:"compact"},"kfun6yb"],[{hasCloseButton:!0,arrangement:"compact"},"kfun6yc"]]}),bn=u({defaultClassName:"kfun6yt",variantClassNames:{size:{sm:"kfun6yu",md:"kfun6yv"}},defaultVariants:{},compoundVariants:[]}),vn=u({defaultClassName:"kfun6yp",variantClassNames:{arrangement:{single:"kfun6yq",multi:"kfun6yr",compact:"kfun6ys"}},defaultVariants:{},compoundVariants:[]}),yn=u({defaultClassName:"kfun6yk",variantClassNames:{variant:{info:"kfun6yl",warning:"kfun6ym",error:"kfun6yn",success:"kfun6yo"}},defaultVariants:{},compoundVariants:[]}),gn=u({defaultClassName:"kfun6yh",variantClassNames:{size:{sm:"kfun6yi",md:"kfun6yj"}},defaultVariants:{},compoundVariants:[]}),hn=u({defaultClassName:"kfun6yd z9nup82",variantClassNames:{arrangement:{single:"kfun6ye",multi:"kfun6yf",compact:"kfun6yg"}},defaultVariants:{},compoundVariants:[]});import{jsx as Ze,jsxs as zr}from"react/jsx-runtime";var _b={error:{sm:mb,md:vb},info:{sm:ub,md:yb},success:{sm:db,md:bb},warning:{sm:fb,md:gb}},xn=hb.forwardRef(({className:e,description:a,actionLabel:r,onAction:o,style:s,variant:t="info",title:n,arrangement:i="single",onClose:l,size:p="sm"},c)=>{let m=W(se),d=r&&Ze(V,{variant:i==="compact"?"tertiary":"ghost",label:r,onPress:o}),f=_b[t][p];return zr("div",{className:xb(fn({variant:t,arrangement:i,hasButton:!!r||!!l,hasCloseButton:!!l}),e),style:s,role:"alert",ref:c,children:[zr("div",{className:hn({arrangement:i}),children:[Ze(f,{className:yn({variant:t}),size:16}),zr("div",{className:un({arrangement:i}),children:[Ze("h3",{className:gn({size:p}),children:n}),Ze("section",{className:bn({size:p}),children:a})]}),i==="compact"&&d]}),zr("div",{className:vn({arrangement:i}),children:[i!=="compact"&&d,l&&Ze(I,{variant:"secondary",icon:cb,size:"sm",onPress:l,"aria-label":m.formatMessage("close")})]})]})});xn.displayName="InlineAlert";import{classNames as Cb}from"@baseline-ui/utils";import{mergeRefs as Pb}from"@react-aria/utils";import Do from"react";import{useDialog as kb}from"react-aria";var _n=u({defaultClassName:"cjv3et0 _1yep5z6aj _1yep5z6ar _1yep5z6az _1yep5z6b7 _1yep5z6e0 _1yep5z6bf",variantClassNames:{size:{sm:"cjv3et1",md:"cjv3et2",lg:"cjv3et3"},variant:{primary:"cjv3et4 _1yep5z6ex",ghost:"cjv3et5"}},defaultVariants:{},compoundVariants:[]});import{jsx as Cn}from"react/jsx-runtime";var Ho=Do.createContext({titleProps:{}}),Pn=Do.forwardRef(({children:e,className:a,style:r,size:o="md",variant:s="primary",...t},n)=>{let i=Do.useRef(null),{dialogProps:l,titleProps:p}=kb(t,i);return Cn(Ho.Provider,{value:{titleProps:p},children:Cn("div",{...l,ref:Pb(i,n),style:r,className:Cb(_n({size:o,variant:s}),a),children:e})})});Pn.displayName="Dialog";import{Slot as Rb}from"@radix-ui/react-slot";import kn,{useContext as wb}from"react";import{jsx as Nb}from"react/jsx-runtime";var Rn=kn.forwardRef(({children:e,className:a,style:r},o)=>{let{titleProps:s}=wb(Ho),t=kn.isValidElement(e)?Rb:"h3";return Nb(t,{...s,ref:o,className:a,style:r,children:e})});Rn.displayName="DialogTitle";import{parseColor as Ko}from"@react-stately/color";import Fn,{useMemo as Go}from"react";import{classNames as Dn}from"@baseline-ui/utils";import{VisuallyHidden as $b,mergeProps as Jb,useId as ev,useOverlayTrigger as rv}from"react-aria";import{useOverlayTriggerState as ov}from"react-stately";import{parseColor as Vo}from"@react-stately/color";import{useEffect as Ib,useRef as Tb,useState as Sb}from"react";function wn(e){let[a,r]=Sb(()=>{let{defaultValue:i}=e;return i?typeof i=="string"?Vo(i):i:null}),o=e.value!==void 0,s=Tb(o);Ib(()=>{o!==s.current&&console.warn("ColorInput: Cannot change from controlled to uncontrolled or vice versa."),s.current=o},[o]);let n=(typeof e.value=="string"?Vo(e.value):e.value)??a;return{colorValue:n,setColorValue:i=>{let l=i?Vo(i):null;n!==l&&(o||r(l),e.onChange?.(l))}}}import{NoneIcon as zb}from"@baseline-ui/icons/16";import{classNames as Lb}from"@baseline-ui/utils";import{parseColor as Mb}from"@react-stately/color";import{useHover as Bb}from"react-aria";var Nn="_1dbkl50 z9nup82",In=u({defaultClassName:"_1dbkl54 z9nup82 z9nup84",variantClassNames:{isHovered:{true:"_1dbkl55"},isFocusVisible:{true:"_1dbkl56"},isDisabled:{true:"_1dbkl57 z9nup83"},labelPosition:{top:"_1dbkl58",start:"_1dbkl59"}},defaultVariants:{},compoundVariants:[]}),Tn=u({defaultClassName:"_1dbkl51 nrh1eh3",variantClassNames:{labelPosition:{top:"_1dbkl52",start:"_1dbkl53"}},defaultVariants:{},compoundVariants:[]}),Lr="_1dbkl5n",Sn="_1dbkl5h",Xe=u({defaultClassName:"_1dbkl5b",variantClassNames:{isFocusVisible:{true:"_1dbkl5c _1dbkl5a"},isDisabled:{true:"_1dbkl5d"},removeBlendMode:{true:"_1dbkl5e"},isSelected:{true:"_1dbkl5a"},isHovered:{true:"_1dbkl5a"}},defaultVariants:{},compoundVariants:[]}),Mr="_1dbkl5k",zn="_1dbkl5m z9nup84",Ln="_1dbkl5i",Br="_1dbkl5j z9nup81";import{jsx as Eo}from"react/jsx-runtime";var ye=({color:e,isFocusVisible:a,isDisabled:r,isSelected:o,isPresentational:s})=>{let t=e&&e!=="none"&&Mb(e),n=t&&t.getChannelValue("alpha")===0,{hoverProps:i,isHovered:l}=Bb({isDisabled:r});return t?Eo("div",{...i,className:Lb(Xe({isFocusVisible:a,isDisabled:r,isSelected:o,isHovered:l&&!s&&!r}),{[dt({size:"xs"})]:n}),style:{backgroundColor:n?void 0:t.toString("hex")}}):Eo("div",{...i,className:Xe({removeBlendMode:!0,isFocusVisible:a,isSelected:o,isHovered:l&&!s&&!r}),children:Eo(zb,{size:16})})};import{invariant as Fb}from"@baseline-ui/utils";import Db,{useCallback as Mn}from"react";import{jsx as Fr}from"react/jsx-runtime";var Oo=Db.forwardRef(({triggerRef:e,selectedPreset:a,presets:r,colorState:o,state:s},t)=>{let n=Mn((l,{optionProps:p,isFocusVisible:c},m)=>(Fb(l.value&&"label"in l.value,"Item must have label"),Fr("li",{...p,ref:m,"aria-label":l.value?.label||void 0,className:Mr,children:Fr(ye,{color:l.value.description,isFocusVisible:c,isSelected:l.key===a?.id})})),[a]),i=Mn(l=>{if(l instanceof Set){let p=[...l][0],m=r.find(d=>d.id===p)?.description||null;o.setColorValue(m),s.close()}},[s,r,o]);return Fr("div",{className:Br,style:{width:e.current?.offsetWidth},ref:t,children:Fr(ne,{autoFocus:"first",items:r,layout:"grid","aria-label":"Color presets",className:Lr,renderOption:n,selectionMode:"single",selectedKeys:a?[a.id]:void 0,onSelectionChange:i})})});Oo.displayName="ColorPresetList";import{PlusIcon as Hb,TrashIcon as Vb}from"@baseline-ui/icons/16";import{classNames as Eb,invariant as Ob}from"@baseline-ui/utils";import Ao,{useCallback as Ab,useEffect as jb}from"react";import{useId as qb}from"react-aria";import{Fragment as Kb,jsx as Te,jsxs as jo}from"react/jsx-runtime";var Ub=[{color:"add",label:"Add color"},{color:"delete",label:"Delete"}],qo=Ao.forwardRef(({localStorageKey:e},a)=>{let[r,o]=Ao.useState([]),[s,t]=Ao.useState(null),n=qb(),i=e||"colors";jb(()=>{let p=localStorage.getItem(i);p&&o(JSON.parse(p))},[i]);let l=Ab((p,{isFocusVisible:c,isDisabled:m,optionProps:d},f)=>(Ob(p.value&&"label"in p.value,"Item must have label"),Te("li",{...d,ref:f,"aria-label":p.value?.label||void 0,className:Mr,children:jo("div",{className:Eb(Xe({isFocusVisible:c,isDisabled:m}),{[Sn]:p.key==="add"||p.key==="delete"}),children:[p.key==="add"&&Te(Hb,{size:16}),p.key==="delete"&&Te(Vb,{size:16})]})})),[]);return jo(Kb,{children:[Te(U,{}),jo("div",{className:Br,ref:a,children:[Te("span",{id:n,className:zn,children:"Custom"}),Te(ne,{layout:"grid","aria-labelledby":n,items:[...r,...Ub].map(p=>({id:p.color,label:p.label})),className:Lr,disabledKeys:s?[]:["delete"],renderOption:l})]})]})});qo.displayName="CustomColorList";import{mergeRefs as Gb}from"@react-aria/utils";import Bn from"react";import{mergeProps as Wb,useButton as Zb,useFocusRing as Xb,useHover as Qb}from"react-aria";import{jsx as Yb}from"react/jsx-runtime";var Uo=Bn.forwardRef((e,a)=>{let r=Bn.useRef(null),{hoverProps:o,isHovered:s}=Qb({isDisabled:e.isDisabled}),{buttonProps:t}=Zb(e,r),{isFocusVisible:n,focusProps:i}=Xb();return Yb("button",{...Wb(t,o,i),className:In({isHovered:s,isFocusVisible:n||e.isOpen,isDisabled:e.isDisabled,labelPosition:e.labelPosition}),ref:Gb(a,r),children:e.children})});Uo.displayName="ColorInputButton";import{Fragment as av,jsx as Se,jsxs as Dr}from"react/jsx-runtime";var Hn="none",Vn="transparent",En=Fn.forwardRef(({className:e,style:a,allowRemoval:r,allowAlpha:o,customColorPicker:s,presets:t,labelPosition:n="top",showColorLabel:i=!0,...l},p)=>{let c=Fn.useRef(null),m=ov(l),{triggerProps:d,overlayProps:f}=rv({type:"listbox"},m,c),b=wn(l),{formatMessage:v}=W(se),y=Go(()=>[...t.map(_=>({id:_.color,label:_.label,description:Ko(_.color).toString("hexa")})),...o?[{id:Vn,label:v("transparent"),description:Ko("#ffffff00").toString("hexa")}]:[],{id:Hn,label:v("noColor"),description:""}],[t,o,v]),g=Go(()=>y.find(_=>{let P=b.colorValue,T=_.description?Ko(_.description):null;return P?tv(P,T):_.id==="none"}),[y,b.colorValue]),x=Go(()=>g&&(g.id!==Hn||r)&&(g.id!==Vn||o)?g:void 0,[g,o,r]),h=ev();return Dr(av,{children:[Dr("div",{className:Dn({[Nn]:n==="start"},"BaselineUI-ColorInput-Trigger",e),style:a,ref:p,children:[l.label&&Se("label",{id:h,className:Tn({labelPosition:n}),children:l.label}),Dr(Uo,{...Jb(d,{...l.label?{"aria-labelledby":h}:{"aria-label":l["aria-label"]}}),ref:c,isOpen:m.isOpen,isDisabled:l.isDisabled,labelPosition:n,children:[Se(ye,{isPresentational:!0,color:b.colorValue?.toString("hexa")}),g?.label&&i&&Se("div",{className:ct,children:g.label}),!i&&Se($b,{children:g?.label})]})]}),m.isOpen&&Dr(Q,{placement:n==="start"?"bottom end":"bottom start",state:m,offset:2,className:Dn("BaselineUI-ColorInput-Popover",Ln),triggerRef:c,overlayProps:f,children:[Se(Oo,{state:m,triggerRef:c,colorState:b,presets:y.filter(_=>r||_.id!=="none"),selectedPreset:x}),s&&Se(qo,{})]})]})});En.displayName="ColorInput";function tv(e,a){return e?.getChannelValue("alpha")?a?.toString("hexa")===e.toString("hexa"):!a?.getChannelValue("alpha")}import{RedoIcon as lv,UndoIcon as pv}from"@baseline-ui/icons/16";import{classNames as Wo,getSvgPathFromStroke as dv,invariant as cv}from"@baseline-ui/utils";import{clamp as Wn,mergeRefs as mv}from"@react-aria/utils";import{useGranularEffect as uv}from"granular-hooks";import{getStroke as Or}from"perfect-freehand";import ze,{useCallback as Zo}from"react";import{VisuallyHidden as fv,mergeProps as bv,useFocusRing as vv,useHover as yv,useId as gv,useKeyboard as hv,useLabel as xv}from"react-aria";var Hr=u({defaultClassName:"mnnh5s1",variantClassNames:{isInline:{true:"mnnh5s2",false:"mnnh5s3"},isHovered:{true:"mnnh5s4"},hasLoadedImage:{true:"mnnh5s5"},includeCheckeredBackground:{true:"mnnh5s6"},showFocusRing:{true:"mnnh5s7"},isDisabled:{true:"mnnh5s8 z9nup83"}},defaultVariants:{},compoundVariants:[[{isHovered:!0,hasLoadedImage:!1},"mnnh5s9"],[{isInline:!0,isDisabled:!0},"mnnh5sa"],[{hasLoadedImage:!0,includeCheckeredBackground:!0},"mnnh5sb"]]}),On=u({defaultClassName:"mnnh5sh",variantClassNames:{isInline:{true:"mnnh5si",false:"mnnh5sj"}},defaultVariants:{},compoundVariants:[]}),An="mnnh5sk",Vr=u({defaultClassName:"mnnh5sc",variantClassNames:{isInline:{true:"mnnh5sd",false:"mnnh5se"},isDisabled:{true:"mnnh5sf"},hasLoadedImage:{true:"mnnh5s0"}},defaultVariants:{},compoundVariants:[]});var jn=u({defaultClassName:"_1i0ytqa3",variantClassNames:{isFocusVisible:{true:"_1i0ytqa4"},isInline:{true:"_1i0ytqa5",false:"_1i0ytqa6"},isDisabled:{true:"_1i0ytqa7 z9nup83"}},defaultVariants:{},compoundVariants:[[{isInline:!0,isFocusVisible:!0},"_1i0ytqa8"],[{isInline:!1,isFocusVisible:!0},"_1i0ytqa9"],[{isInline:!0,isDisabled:!0},"_1i0ytqaa"],[{isInline:!1,isDisabled:!0},"_1i0ytqab"]]}),qn="_1i0ytqa0",Un=u({defaultClassName:"_1i0ytqac",variantClassNames:{isInline:{false:"_1i0ytqad"},isDisabled:{true:"_1i0ytqae z9nup83"}},defaultVariants:{},compoundVariants:[]}),Kn=u({defaultClassName:"_1i0ytqa1 z9nup82",variantClassNames:{isInline:{false:"_1i0ytqa2"}},defaultVariants:{},compoundVariants:[]});import sv from"react";import{classNames as iv}from"@baseline-ui/utils";var Gn=u({defaultClassName:"_1tkzayn0 _1yep5z6c6",variantClassNames:{size:{sm:"_1tkzayn1",md:"_1tkzayn2",lg:"_1tkzayn3"},type:{subtitle:"_1yep5z6wk",title:"_1yep5z6wk",body:"_1yep5z6wl",value:"_1yep5z6wl",helper:"_1yep5z6wm"}},defaultVariants:{},compoundVariants:[[{type:"title",size:"sm"},"_1yep5z61el"],[{type:"title",size:"md"},"_1yep5z61eo"],[{type:"title",size:"lg"},"_1yep5z61er"],[{type:"subtitle",size:"sm"},"_1yep5z61f7"],[{type:"subtitle",size:"md"},"_1yep5z61fa"],[{type:"subtitle",size:"lg"},"_1yep5z61fa"],[{type:"body",size:"md"},"_1yep5z61f9"],[{type:"body",size:"lg"},"_1yep5z61f9"],[{type:"value",size:"md"},"_1yep5z61f9"],[{type:"value",size:"lg"},"_1yep5z61f9"],[{type:"helper",size:"sm"},"_1yep5z61f3"]]});import{jsx as nv}from"react/jsx-runtime";var Er=sv.forwardRef(({elementType:e="span",type:a="title",children:r,size:o="md",...s},t)=>nv(e,{...s,className:iv(Gn({size:o,type:a}),"BaselineUI-Text",s.className),ref:t,children:r}));Er.displayName="Text";import{jsx as K,jsxs as Ar}from"react/jsx-runtime";var _v={size:1,thinning:0,smoothing:0,streamline:0,easing:e=>e,start:{taper:0,easing:e=>e,cap:!0},end:{taper:0,easing:e=>e,cap:!0},simulatePressure:!1},Zn=ze.forwardRef(({className:e,style:a,canvasClassName:r,canvasStyle:o,isBound:s=!0,strokeWidth:t=2,strokeColor:n="#3A87FD",onChange:i,defaultValue:l,onChangeEnd:p,enableHistory:c=!1,isInline:m=!0,isDisabled:d,placeholder:f,clearLabel:b,undoLabel:v,redoLabel:y,footerClassName:g,footerStyle:x,"data-blockid":h,description:_="This is a canvas for drawing using a mouse or touch input.",...P},T)=>{let B=W(se),L=ze.useRef(null),[w,k]=ze.useState(l?Cv(l):[]),M=ze.useRef((l?.length||0)-1),[S,F]=ze.useState(),D=gv(),{labelProps:H,fieldProps:pe}=xv({...P,labelElementType:"span"}),{isFocusVisible:Be,focusProps:de}=vv({within:!0}),{hoverProps:Z,isHovered:E}=yv({isDisabled:d}),{undo:O,redo:ge,canRedo:A,canUndo:j,push:Y}=Za(w,{onAction:C=>{C&&(k(C),M.current=C.length-1,p?.(C.map(q=>Or(q,N))))},isDisabled:!c}),{keyboardProps:Fe}=hv({onKeyDown:C=>{C.key==="Backspace"?rr():C.key==="z"&&(C.metaKey||C.ctrlKey)&&(C.shiftKey?A&&ge():j&&O())}}),N=ze.useMemo(()=>({..._v,...P}),[P]),z=Zo(C=>{C.buttons===1&&(cv(S,"svgCoordinates must be defined"),k(q=>{let ce=[...q];return ce[M.current]=[...ce[M.current],{x:s?Wn(C.clientX-S.left,0,S.width):C.clientX-S.left,y:s?Wn(C.clientY-S.top,0,S.height):C.clientY-S.top,pressure:C.pressure}],ce}))},[S,s]),Je=Zo(C=>{let q=C.currentTarget.getBoundingClientRect();F(q),C.target.setPointerCapture(C.pointerId),M.current+=1,k(ce=>{let or=[...ce];return or[M.current]=[{x:C.clientX-q.x,y:C.clientY-q.y,pressure:C.pressure}],or})},[]),er=Ne();uv(()=>{er||i?.(w.map(C=>Or(C,N)))},[w],[i,N,er]);let rr=()=>{k([]),M.current=-1,Y([])},Wr=Zo(()=>{p?.(w.map(C=>Or(C,N))),Y(w)},[w,p,N,Y]);return Ar("div",{ref:mv(L,T),className:Wo(qn,"BaselineUI-FreehandCanvas",e),style:a,"aria-disabled":d,"data-blockid":h,children:[(P.label||c)&&Ar("div",{className:Kn({isInline:m}),children:[P.label?K(Er,{type:"body",size:"sm",...H,children:P.label}):K("span",{}),c&&Ar("div",{children:[K(I,{variant:"secondary",size:"sm",isDisabled:!j||d,icon:pv,onPress:O,"aria-label":v||B.formatMessage("undo")}),K(I,{variant:"secondary",size:"sm",isDisabled:!A||d,icon:lv,onPress:ge,"aria-label":y||B.formatMessage("redo")})]})]}),Ar("div",{role:"application",...bv(de,Fe,Z,pe),tabIndex:d?void 0:0,className:Wo(Hr({isInline:m,isHovered:E}),jn({isFocusVisible:Be,isInline:m,isDisabled:d}),r),"aria-describedby":P["aria-describedby"]||D,style:o,children:[K(fv,{children:K("div",{id:D,children:_})}),K("svg",{width:o?.width||"100%",height:o?.height||"100%",onPointerDown:Je,onPointerMove:z,onPointerUp:Wr,children:w.map((C,q)=>K("path",{d:dv(Or(C,N)),stroke:n,strokeWidth:t},q))})]}),(f||b)&&K("div",{style:x,className:Wo(Un({isInline:m,isDisabled:d}),g),children:(w.length||!f)&&b?K(V,{size:"sm",variant:"ghost",label:b,isDisabled:d,onPress:rr}):K(V,{size:"sm",variant:"ghost",label:f,isDisabled:!0})})]})});Zn.displayName="FreehandCanvas";var Cv=e=>e.map(a=>a.map(([r,o])=>({x:r,y:o,pressure:0})));import{getOwnerDocument as wv,mergeRefs as Nv}from"@react-aria/utils";import Iv,{useCallback as Xo,useEffect as Tv,useLayoutEffect as Sv,useRef as Qo,useState as Qe}from"react";import{createPortal as zv}from"react-dom";import{classNames as Lv,getHTMLElement as Mv}from"@baseline-ui/utils";import{useKeyboard as Bv}from"react-aria";import{Draggable as Fv,Resizable as Dv,Rotatable as Hv,Snappable as Vv,makeMoveable as Ev}from"react-moveable";var Xn="_1vac7ws0",Qn=u({defaultClassName:"_1vac7ws1",variantClassNames:{isDragging:{true:"_1vac7ws2"}},defaultVariants:{},compoundVariants:[]});import{useGranularEffect as Yn}from"granular-hooks";import{useState as Pv}from"react";function $n(e,a){let[r,o]=Pv([]),s=()=>e?.flatMap(t=>[...a.querySelectorAll(t)]).map(t=>({current:t}));return Yn(()=>{o(s())},[],[s]),Yn(()=>{let t=s();o(t)},[e],[s]),r}import{useEffect as kv}from"react";import{getHTMLElement as Rv}from"@baseline-ui/utils";function Jn(e){let{scrollable:a,ownerDocument:r,onScroll:o}=e;kv(()=>{let s=Rv(a,r);if(s)return(s.style.position==="static"||!s.style.position)&&console.warn("Scrollable ancestor passed to `Transform` component should not be statically positioned."),s.addEventListener("scroll",o),()=>{s.removeEventListener("scroll",o)}},[a,o,r])}import{Fragment as Av,jsx as el,jsxs as jv}from"react/jsx-runtime";var Ov=Ev([Fv,Dv,Hv,Vv]),rl=Iv.forwardRef(({className:e,children:a,isRotatable:r,isResizable:o,isDraggable:s,style:t,onTransform:n,onTransformStart:i,onTransformEnd:l,onDoubleClick:p,onDragStart:c,onDragEnd:m,onDrag:d,onResizeStart:f,onResizeEnd:b,onResize:v,onRotateStart:y,onRotateEnd:g,onRotate:x,onSnap:h,isSnappable:_,elementGuidelines:P,hideAnchorOnDrag:T=!0,title:B,rotationPosition:L,autoUpdate:w,bound:k,snapRotationDegrees:M,snapRotationThreshold:S,scrollableAncestor:F,renderDirections:D,stopPropagation:H,transformOrigin:pe,preventDefault:Be},de)=>{let Z=Qo(null),E=Qo(null),[O,ge]=Qe(document),A=Qo(O.createElement("div")),[j,Y]=Qe({}),[Fe,N]=Qe(!1),[z,Je]=Qe(!1),[er,rr]=Qe(),Wr=$n(P,O);Sv(()=>{let R=A.current;return A.current=O.createElement("div"),()=>{R.remove()}},[O]);let{keyboardProps:C}=Bv({onKeyDown:R=>{let X=R.shiftKey?10:1,G=R.metaKey||R.ctrlKey;G&&R.shiftKey&&(X=45);function me(De,Ll="x"){G?E.current?.request("rotatable",{deltaRotate:De*X},!0):E.current?.request("draggable",Ll==="x"?{deltaX:De*X}:{deltaY:De*X},!0)}switch(R.key){case"ArrowRight":{me(1);break}case"ArrowLeft":{me(-1);break}case"ArrowUp":{me(-1,"y");break}case"ArrowDown":me(1,"y")}requestAnimationFrame(()=>{E.current?.updateRect()})}});Tv(()=>{let R=wv(Z.current);ge(R);let X=A.current;R.body.append(A.current);function G(De){Je(De.shiftKey)}function me(){Je(!1)}return R.addEventListener("keydown",G),R.addEventListener("keyup",me),()=>{R.removeEventListener("keydown",G),R.removeEventListener("keyup",me),X.remove()}},[]),Jn({scrollable:F,onScroll:()=>{E.current?.updateRect()},ownerDocument:O});let q=Xo(R=>{Y(X=>({...X,...R.style})),n?.(R)},[n]),ce=Xo(R=>{if(N(!0),Z.current?.focus(),k){let G=Mv(k,O)?.getBoundingClientRect();rr({position:"client",left:G?.left??0,top:G?.top??0,right:G?.right??0,bottom:G?.bottom??0})}c?.(R)},[k,O,c]),or=Xo(R=>{N(!1),m?.(R)},[m]),zl=a({style:{...j.width&&{width:j.width},...j.height&&{height:j.height}}});return jv(Av,{children:[el("div",{role:"button",...C,ref:Nv(Z,de),style:{display:"inline-block",...t,...j},className:Lv(Xn,e),onDoubleClick:p,tabIndex:0,title:B,children:zl}),zv(el(Ov,{ref:E,target:Z,draggable:s,resizable:o,rotatable:r,keepRatio:z,throttleDrag:1,snappable:_||!!k,elementGuidelines:Wr,snapRenderThreshold:.9,className:Qn({isDragging:Fe&&T}),onRender:q,onDragStart:ce,onDragEnd:or,useResizeObserver:w,useMutationObserver:w,onRenderEnd:l,onDrag:d,onResizeStart:f,onResizeEnd:b,onResize:v,onRotateStart:y,onRotateEnd:g,onRotate:x,onRenderStart:i,onSnap:h,rotationPosition:L,bounds:er,snapRotationDegrees:M,snapRotationThreshold:S,renderDirections:D,stopPropagation:H,preventDefault:Be,transformOrigin:pe}),A.current)]})});rl.displayName="Transform";import{mergeRefs as Yv}from"@react-aria/utils";import Ye from"react";import{classNames as ol,filterTruthyValues as $v}from"@baseline-ui/utils";import{VisuallyHidden as Jv,mergeProps as tl,useClipboard as ey,useDrop as ry,useField as oy,useFocusRing as ty,useHover as ay}from"react-aria";import{invariant as qv}from"@baseline-ui/utils";import{animated as Uv,useTransition as Kv}from"@react-spring/web";import{FocusScope as Gv,useFocusManager as Wv,useKeyboard as Zv}from"react-aria";import{jsx as jr}from"react/jsx-runtime";var Xv=({isInline:e,style:a,actionButtons:r})=>{let o=Wv();qv(o);let{keyboardProps:s}=Zv({onKeyDown:t=>{t.key==="ArrowLeft"?(t.preventDefault(),o.focusPrevious()):t.key==="ArrowRight"?(t.preventDefault(),o.focusNext()):t.continuePropagation()}});return jr("div",{...s,className:On({isInline:e}),style:a,onClick:t=>{t.stopPropagation(),t.preventDefault()},children:r.map((t,n)=>jr(V,{excludeFromTabOrder:!0,...t},n))})},Qv=Uv(Xv),qr=({show:e,...a})=>Kv(e,{from:{opacity:0},enter:{opacity:1}})((o,s)=>s&&jr(Gv,{restoreFocus:!1,autoFocus:!0,children:jr(Qv,{...a,style:o})}));import{jsx as Le,jsxs as sy}from"react/jsx-runtime";var al=Ye.forwardRef(({className:e,style:a,isInline:r=!0,accept:o="image/*",defaultImageSrc:s,imageSrc:t,imageAlt:n,pickerButtonLabel:i="Choose Image",removeButtonLabel:l="Delete",isDisabled:p,onDrop:c,onPaste:m,includeCheckeredBackground:d=!0,"data-blockid":f,pickerButtonStyle:b,pickerButtonClassName:v,...y},g)=>{let x=Ye.useRef(null),h=Ye.useRef(null),[_,P]=Ye.useState(s||null),T=Ye.useCallback(N=>{let z=new FileReader;z.addEventListener("load",()=>{P(z.result)}),z.readAsDataURL(N)},[]),{fieldProps:B,labelProps:L}=oy(y),{dropProps:w,isDropTarget:k}=ry({ref:x,onDrop:async N=>{if(p)return;let z=await no({items:N.items});z.length&&(y.onValueChange?.(z),T(z[0])),c?.(N)},...y}),{clipboardProps:M}=ey({onPaste:async N=>{if(p)return;let z=await no({items:N});z.length&&(y.onValueChange?.(z),T(z[0])),m?.(N)},...y}),S=()=>{P(null),h.current&&(h.current.value=""),y.onValueChange?.([])},F={type:"file",onChange:N=>{let z=[...N.target.files];y.onValueChange?.(z),T(z[0]),y.onChange?.(N)},accept:o,disabled:p||!!t},{focusProps:D,isFocused:H,isFocusVisible:pe}=ty({within:!0}),{hoverProps:Be,isHovered:de}=ay({isDisabled:p}),Z=t||_||void 0,E=!!Z,{imgProps:O,isLoading:ge,isLoaded:A}=gr({src:Z,alt:n||""}),j=E&&!t&&(pe||de),Y={label:i,onPress:()=>x.current?.click(),variant:"secondary",isDisabled:p,excludeFromTabOrder:!0,className:ol({[An]:k&&!p},v),style:b},Fe=$v({"data-loaded":A,"data-blockid":f,"data-hovered":de,"data-focused":H,"data-drop-target":k,"data-disabled":p,"data-focus-visible":pe});return sy("label",{...tl(w,L,Be,D,Fe),className:ol(Hr({isInline:r,isHovered:de&&!t&&!k,isDisabled:p,hasLoadedImage:A,includeCheckeredBackground:d,showFocusRing:(pe||k)&&!p&&!j}),"BaselineUI-ImageDropZone",e),style:a,ref:Yv(x,g),children:[Le(Jv,{children:Le("input",{...tl(B,M,F),ref:h})}),!E&&Le(V,{...Y}),E&&(ge?Le(_r,{}):Le("img",{className:Vr({isInline:r,isDisabled:p,hasLoadedImage:E&&A&&d}),...O})),Le(qr,{isInline:r,style:a,show:j,actionButtons:[Y,{label:l,onPress:S}]})]})});al.displayName="ImageDropZone";import iy from"react";import{classNames as ny,invariant as ly}from"@baseline-ui/utils";import{mergeProps as py,useFocusRing as dy,useHover as cy,usePress as my}from"react-aria";var Yo="_1vm2oh4b",sl=u({defaultClassName:"_1vm2oh40 mnnh5s1",variantClassNames:{isInline:{true:"_1vm2oh41 mnnh5s2",false:"_1vm2oh42"},isFocusVisible:{true:"_1vm2oh43 mnnh5s7"},isDisabled:{true:"mnnh5s8 z9nup83"},hasActionButtons:{true:"_1vm2oh45",false:"_1vm2oh46"},isHovered:{true:"_1vm2oh47"}},defaultVariants:{},compoundVariants:[[{isFocusVisible:!0,hasActionButtons:!1},"_1vm2oh48"],[{isHovered:!0,hasActionButtons:!1,isInline:!0},"_1vm2oh49"],[{isHovered:!0,hasActionButtons:!1,isInline:!1},"_1vm2oh4a"]]});import{jsx as $o,jsxs as il}from"react/jsx-runtime";var nl=iy.forwardRef(({className:e,style:a,isDisabled:r,actionButtons:o,isInline:s=!0,imageAlt:t,imageSrc:n,svgSrc:i,textValue:l,textStyle:p,onPress:c,"data-blockid":m,...d},f)=>{let{focusProps:b,isFocused:v,isFocusVisible:y}=dy({within:!0}),{isHovered:g,hoverProps:x}=cy({isDisabled:r}),{pressProps:h}=my({isDisabled:r||!!o,onPress:c});return ly(n||i||l,"Preview must have content. You must provide either an `imageSrc`, `svgSrc`, or `textValue` prop."),il("div",{...py(x,b,d,h),className:ny(sl({isInline:s,isFocusVisible:y,isDisabled:r,hasActionButtons:!!o,isHovered:g}),"BaselineUI-Preview",e),"data-hovered":g,"data-focus-visible":y,"data-focused":v,"aria-label":d["aria-label"]||t||l,"data-blockid":m,"data-disabled":r,style:a,ref:f,tabIndex:y&&o||r?-1:0,"aria-disabled":r,children:[il("div",{style:p,className:Yo,children:[n&&$o("img",{src:n,alt:t,className:Vr({isInline:s,isDisabled:r})}),!!i&&typeof i=="object"&&i,l]}),typeof i=="string"&&$o("div",{className:Yo,dangerouslySetInnerHTML:{__html:i}}),o&&$o(qr,{isInline:s,actionButtons:o,show:y||g})]})});nl.displayName="Preview";import Cy from"react";import{classNames as Ur,filterTruthyValues as Py}from"@baseline-ui/utils";import{mergeProps as ky,useRadioGroup as Ry}from"react-aria";import{useRadioGroupState as wy}from"react-stately";var ll="_1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gj _1yep5z6gk _1yep5z6gl _1yep5z69c _1yep5z69d _1yep5z69e",pl=u({defaultClassName:"cw3m0n8 _1yep5z6d4 _1yep5z6c3",variantClassNames:{isDisabled:{true:"_1yep5z6wo"}},defaultVariants:{},compoundVariants:[]}),dl="cw3m0n7",cl=u({defaultClassName:"cw3m0n0 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6gg _1yep5z6gh _1yep5z6gi",variantClassNames:{labelPosition:{end:"_1yep5z6zy _1yep5z6zz _1yep5z6100 _1yep5z6t0 _1yep5z6t1 _1yep5z6t2",start:"_1yep5z6104 _1yep5z6105 _1yep5z6106 _1yep5z611g _1yep5z611h _1yep5z611i"}},defaultVariants:{},compoundVariants:[]}),ml="_1yep5z6ai _1yep5z6aq _1yep5z6ay _1yep5z6b6 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gj _1yep5z6gk _1yep5z6gl _1yep5z69i _1yep5z69j _1yep5z69k _1yep5z6iz",ul=u({defaultClassName:"cw3m0n3 _16vugd05",variantClassNames:{isFocusVisible:{true:"_16vugd08"},isSelected:{true:"_16vugd07"},isDisabled:{true:"_16vugd0a"}},defaultVariants:{},compoundVariants:[]});import{classNames as uy,filterTruthyValues as fy}from"@baseline-ui/utils";import by from"react";import{VisuallyHidden as vy,mergeProps as yy,useFocusRing as gy,useHover as hy,useRadio as xy}from"react-aria";import{jsx as Me,jsxs as Jo}from"react/jsx-runtime";var _y=({label:e,description:a},{isSelected:r,isFocusVisible:o,isDisabled:s,optionLabelPosition:t})=>Jo("div",{className:cl({labelPosition:t}),children:[Me("div",{className:ul({isSelected:r,isFocusVisible:o,isDisabled:s}),children:r&&Me("div",{className:dl})}),e&&Jo("div",{className:ll,children:[Me("span",{className:Cr({isDisabled:s}),children:e}),a&&Me("span",{className:pl({isDisabled:s}),children:a})]})]}),fl=({state:e,renderOption:a=_y,item:r,optionLabelPosition:o="end",optionStyle:s,optionClassName:t,isReadOnly:n,...i})=>{let l=!!i.isDisabled||!!i.disabledValues?.includes(r.id),p=by.useRef(null),{inputProps:c,isPressed:m,isSelected:d}=xy({...i,isDisabled:l,children:r.label,value:r.id},e,p),{focusProps:f,isFocusVisible:b,isFocused:v}=gy(),{isHovered:y}=hy({isDisabled:l}),g=fy({"data-selected":d,"data-focused":v,"data-focus-visible":b,"data-hovered":y,"data-disabled":l,"data-pressed":m,"data-read-only":n});return Jo("label",{...g,style:s,className:uy("BaselineUI-Radio-Item",t),children:[Me(vy,{children:Me("input",{...yy(c,f),ref:p})}),a(r,{isFocusVisible:b,isSelected:d,isFocused:v,isHovered:y,isDisabled:l,optionLabelPosition:o,isReadOnly:n})]})};import{jsx as et,jsxs as rt}from"react/jsx-runtime";var Kr=Cy.forwardRef(({className:e,style:a,optionsContainerClassName:r,optionsContainerStyle:o,items:s,labelPosition:t="top",renderOption:n,"aria-label":i,"aria-labelledby":l,"aria-describedby":p,"aria-details":c,"data-blockid":m,...d},f)=>{let b=wy(d),{radioGroupProps:v,labelProps:y,descriptionProps:g,errorMessageProps:x}=Ry({...d,"aria-label":i,"aria-labelledby":l,"aria-describedby":p,"aria-details":c},b),h=re({...d,descriptionProps:g,errorMessageProps:x,labelPosition:t}),_=Py({"data-orientation":d.orientation,"data-blockid":m,"data-disabled":d.isDisabled,"data-readonly":d.isReadOnly});return rt("div",{...ky(v,_),className:Ur(ee({labelPosition:t}),"BaselineUI-RadioGroup",e),style:a,ref:f,children:[(d.label||h)&&rt("div",{className:J({labelPosition:t,hasMessage:!!h}),children:[et("span",{...y,className:Ur($,"BaselineUI-RadioGroup-Label"),children:d.label}),t==="start"&&h]}),rt("div",{className:Ur({[he]:d.isDisabled}),children:[et("div",{className:Ur(ml,r),style:o,children:s.map(P=>et(fl,{state:b,renderOption:n,item:P,value:P.id,...d},P.id))}),t==="top"&&h]})]})});Kr.displayName="RadioGroup";import Ny from"react";import{useOverlayTrigger as Iy}from"react-aria";import{useOverlayTriggerState as Ty}from"react-stately";import{jsx as Sy}from"react/jsx-runtime";var le=Ny.createContext({state:null,triggerProps:{},overlayProps:{}}),bl=({children:e,...a})=>{let r=Ty(a),{triggerProps:o,overlayProps:s}=Iy({type:"dialog"},r);return Sy(le.Provider,{value:{state:r,triggerProps:o,overlayProps:s},children:e})};bl.displayName="Modal";import{classNames as zy,invariant as yl}from"@baseline-ui/utils";import{animated as gl,easings as Ly,useReducedMotion as hl,useSpring as My,useTransition as By}from"@react-spring/web";import ot,{useContext as Fy}from"react";import{Overlay as Dy,useModalOverlay as Hy}from"react-aria";var vl="aml2vl0 _1yep5z6ea _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hs _1yep5z6ht _1yep5z6hu";import{jsx as Gr}from"react/jsx-runtime";var Vy=({children:e,className:a,style:r,isDismissable:o=!0,isKeyboardDismissDisabled:s=!1})=>{let{state:t}=ot.useContext(le);yl(t,"ModalContent must be a child of Modal");let n=ot.useRef(null),{modalProps:i,underlayProps:l}=Hy({isDismissable:o,isKeyboardDismissDisabled:s},t,n),{theme:p}=Fy(te),c=hl(),m=My({from:{opacity:0,transform:"scale(0.95)"},to:{opacity:1,transform:"scale(1)"},immediate:!!c,config:{easing:Ly.easeInBounce}});return Gr(Dy,{children:Gr(ae,{className:zy(vl,a),theme:p,UNSAFE_domProps:{...l,"data-testid":"underlay"},style:r,children:Gr(gl.div,{...i,style:{...i.style,...m},ref:n,children:e})})})},Ey=gl(Vy),Oy=({children:e,style:a,...r})=>{let{state:o}=ot.useContext(le);yl(o,"ModalContent must be a child of Modal");let s=hl();return By(o.isOpen,{from:{opacity:0},enter:{opacity:1},immediate:!!s})((n,i)=>i&&Gr(Ey,{...r,style:{...a,...n},children:typeof e=="function"?e({close:o.close}):e}))};import{Slot as Ay}from"@radix-ui/react-slot";import jy from"react";import{jsx as qy}from"react/jsx-runtime";var xl=({children:e})=>{let{triggerProps:a}=jy.useContext(le);return qy(Ay,{...a,children:e})};xl.displayName="ModalTrigger";import{Slot as Uy}from"@radix-ui/react-slot";import Ky from"react";import{jsx as Wy}from"react/jsx-runtime";var Gy=({children:e})=>{let{state:a}=Ky.useContext(le);return Wy(Uy,{onPress:()=>a?.close(),children:e})};import{invariant as Zy}from"@baseline-ui/utils";import{Fragment as Xy}from"react";import{jsx as Qy}from"react/jsx-runtime";var _l=({id:e,defaultMessage:a,elementType:r=Xy})=>{Zy(e||a,"`id` or `defaultMessage` is required.");let o=W();return Qy(r,{children:o.formatMessage(e)||a})};_l.displayName="MessageFormat";import Yy from"react";import{useHover as $y}from"react-aria";import{jsx as Jy}from"react/jsx-runtime";var Cl=Yy.forwardRef(({className:e,style:a,children:r,role:o="group",isDisabled:s,...t},n)=>{let{hoverProps:i,isHovered:l}=$y({isDisabled:s});return Jy("div",{...i,role:o,"data-hovered":l,"data-disabled":s,className:e,style:a,...t,ref:n,children:r})});Cl.displayName="Group";import{Unstable_Sprinkles as Pl}from"@baseline-ui/tokens";import{classNames as eg}from"@baseline-ui/utils";import rg,{useMemo as og}from"react";import{jsx as ag}from"react/jsx-runtime";function tg(e){return Pl.base.properties.has(e)}var kl=rg.forwardRef(({elementType:e="div",children:a,...r},o)=>{let s=e,{sprinkleProps:t,domProps:n}=og(()=>{let i={},l={};for(let p in r)tg(p)?i[p]=r[p]:l[p]=r[p];return{sprinkleProps:i,domProps:l}},[r]);return ag(s,{...n,className:eg(Pl.base(t),"BaselineUI-Box",n.className),ref:o,children:a})});kl.displayName="Box";import{classNames as Nl}from"@baseline-ui/utils";import sg,{useMemo as ig}from"react";import{VisuallyHidden as ng}from"react-aria";var Rl="_1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z63o _1yep5z63p _1yep5z63q _1yep5z61c _1yep5z61d _1yep5z61e",wl="_1yep5z61jg _1yep5z61jh _1yep5z61ji _1yep5z61cf _1yep5z61cg _1yep5z61ch";import{jsx as tt,jsxs as lg}from"react/jsx-runtime";var Il=sg.forwardRef(({items:e,optionsContainerClassName:a,...r},o)=>{let s=ig(()=>e.map(t=>({id:t.color,label:t.label})),[e]);return tt(Kr,{items:s,optionsContainerClassName:Nl(wl,a),renderOption:({label:t,id:n},{isSelected:i,isFocusVisible:l})=>lg("div",{className:Rl,children:[tt(ye,{isFocusVisible:l,color:n,isSelected:i}),tt(ng,{children:t})]}),...r,className:Nl(r.className,"BaselineUI-ColorPresetInput"),ref:o})});Il.displayName="ColorPresetInput";import{invariant as ug}from"@baseline-ui/utils";import fg,{useContext as bg}from"react";import Tl from"react";import{useOverlayTrigger as pg}from"react-aria";import{useOverlayTriggerState as dg}from"react-stately";import{jsx as mg}from"react/jsx-runtime";var $e=Tl.createContext({state:null,overlayTriggerAria:{triggerProps:{},overlayProps:{}},triggerRef:void 0}),cg=({children:e,...a})=>{let r=Tl.useRef(null),o=dg(a),s=pg(a,o);return mg($e.Provider,{value:{state:o,overlayTriggerAria:s,triggerRef:r},children:typeof e=="function"?e(o):e})};import{jsx as vg}from"react/jsx-runtime";var Sl=fg.forwardRef((e,a)=>{let{state:r,overlayTriggerAria:{overlayProps:o},triggerRef:s}=bg($e);return ug(s),r?.isOpen?vg(Q,{ref:a,...e,triggerRef:e.triggerRef||s,overlayProps:o,state:r}):null});Sl.displayName="PopoverContent";import{invariant as yg}from"@baseline-ui/utils";import{Slot as gg}from"@radix-ui/react-slot";import{useContext as hg}from"react";import{jsx as _g}from"react/jsx-runtime";var xg=({children:e})=>{let{state:a,overlayTriggerAria:r,triggerRef:o}=hg($e);yg(a,"PopoverTrigger must be used within a Popover");let{triggerProps:s}=r;return _g(gg,{...s,ref:o,children:e})};export{xi as Accordion,Ii as AccordionItem,V as ActionButton,I as ActionIconButton,$i as Avatar,kl as Box,bs as Checkbox,En as ColorInput,Il as ColorPresetInlineInput,ye as ColorSwatch,oi as DateFormat,Pn as Dialog,Rn as DialogTitle,mt as DomNodeRenderer,_a as FileUpload,Zn as FreehandCanvas,Cl as Group,Hc as I18nProvider,al as ImageDropZone,xn as InlineAlert,ma as Link,ne as ListBox,pa as Menu,_l as MessageFormat,bl as Modal,Gy as ModalClose,Oy as ModalContent,xl as ModalTrigger,Re as NumberFormat,ir as NumberInput,ri as Pagination,cg as Popover,Sl as PopoverContent,xg as PopoverTrigger,vr as Portal,nl as Preview,Sa as ProgressBar,_r as ProgressSpinner,Kr as RadioGroup,Ea as Reaction,Ut as SearchInput,Zi as Select,U as Separator,Tt as Slider,Et as Switch,mn as TabItem,cn as Tabs,di as TagGroup,Er as Text,La as TextInput,ae as ThemeProvider,ds as ToggleButton,$a as Tooltip,rl as Transform,MP as defineMessages,GR as useCollator,KR as useDateFormatter,W as useI18n,gr as useImage,Ka as useIntersectionObserver,Ne as useIsFirstRender,EP as useLocalStorage,DP as useMutationObserver,UR as useNumberFormatter,Ga as useResizeObserver,qP as useTextSelection,Za as useUndoRedo,$r as useUserPreferences};