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