@baseline-ui/core 0.5.0 → 0.6.0

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