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