@baseline-ui/core 0.2.0 → 0.3.0

package/dist/index.mjs

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