@baseline-ui/core 0.3.0 → 0.5.0

package/dist/index.mjs

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