@baseline-ui/core 0.6.1 → 0.6.2

package/dist/index.mjs

@@ -7,4 +7,4 @@
  * This notice may not be removed from this file.
  *
  */
-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 _1yep5z6ai _1yep5z6aq _1yep5z6ay _1yep5z6b6 _1yep5z6d8 _1yep5z6j4 _1yep5z6ga _1yep5z6gb _1yep5z6gc _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hs _1yep5z6ht _1yep5z6hu _1yep5z6ip _1yep5z6iz",variantClassNames:{size:{xxs:"uf19bs1",xs:"uf19bs2",sm:"uf19bs3",md:"uf19bs4",lg:"uf19bs5"},isHovered:{true:"uf19bs6"},isDisabled:{true:"uf19bs7 _1yep5z6ws"},isFocusVisible:{true:"uf19bs8"},variant:{primary:"uf19bs9",secondary:"uf19bsa",tertiary:"uf19bsb",ghost:"uf19bsc"}},defaultVariants:{},compoundVariants:[[{variant:"primary",isHovered:!0},"_1yep5z61h1"],[{variant:"secondary",isHovered:!0},"_1yep5z61g9"],[{variant:"tertiary",isHovered:!0},"_1yep5z61gc"],[{variant:"ghost",isHovered:!0},"_1yep5z61ge"],[{variant:"ghost",isDisabled:!1},"_1yep5z61gd"]]});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&&p.size){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,portalContainer:t})=>{let{state:i}=xt.useContext(ge);$l(i,"ModalContent must be a child of Modal");let n=xt.useRef(null),{modalProps:l,underlayProps:p}=Gg({isDismissable:o,isKeyboardDismissDisabled:s},i,n),{theme:d}=Ug(fe),m=ep(),c=jg({from:{opacity:0,transform:"scale(0.95)"},to:{opacity:1,transform:"scale(1)"},immediate:!!m,config:{easing:Ag.easeInBounce}});return po(Kg,{portalContainer:t,children:po(ye,{className:Eg(Ql,a),theme:d,UNSAFE_domProps:{...p,"data-testid":"underlay"},style:r,children:po(Jl.div,{...l,style:{...l.style,...c},ref:n,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};
+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 _1yep5z6ai _1yep5z6aq _1yep5z6ay _1yep5z6b6 _1yep5z6d8 _1yep5z6j4 _1yep5z6ga _1yep5z6gb _1yep5z6gc _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hs _1yep5z6ht _1yep5z6hu _1yep5z6ip _1yep5z6iz",variantClassNames:{size:{xxs:"uf19bs1",xs:"uf19bs2",sm:"uf19bs3",md:"uf19bs4",lg:"uf19bs5"},isHovered:{true:"uf19bs6"},isDisabled:{true:"uf19bs7 _1yep5z6ws"},isFocusVisible:{true:"uf19bs8"},variant:{primary:"uf19bs9",secondary:"uf19bsa",tertiary:"uf19bsb",ghost:"uf19bsc"}},defaultVariants:{},compoundVariants:[[{variant:"primary",isHovered:!0},"_1yep5z61h1"],[{variant:"secondary",isHovered:!0},"_1yep5z61g9"],[{variant:"tertiary",isHovered:!0},"_1yep5z61gc"],[{variant:"ghost",isHovered:!0},"_1yep5z61ge"],[{variant:"ghost",isDisabled:!1},"_1yep5z61gd"]]});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:z}=xc(t,p,n),F=bc(()=>t.isReadOnly?yc:t.isInvalid?fc:null,[t.isInvalid,t.isReadOnly]),S=me({description:t.description,errorMessageProps:z,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 z=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,z),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(z,P),"data-testid":"track",children:ue(Fc,{state:x,trackRef:z,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:z}=_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":z,"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:z}=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(z,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{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{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&&p.size){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),z=uv(h),{triggerProps:F,overlayProps:S}=mv({type:"listbox"},z,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:z.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:z.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})]})]}),z.isOpen&&q(ae,{placement:t==="start"?"bottom end":"bottom start",state:z,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:z,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.",...z},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({...z,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:C=>{C&&(N(C),I.current=C.length-1,p?.(C.map(X=>to(X,W))))},isDisabled:!d}),{keyboardProps:Ne}=Nv({onKeyDown:C=>{C.key==="Backspace"?fr():C.key==="z"&&(C.metaKey||C.ctrlKey)&&(C.shiftKey?J&&we():K&&O())}}),W=je.useMemo(()=>({...Tv,...z}),[z]),A=ut(C=>{C.persist(),C.buttons===1&&(_v(k,"svgCoordinates must be defined"),N(X=>{let he=[...X];return he[I.current]=[...he[I.current],{x:s?Nl(C.clientX-k.left,0,k.width):C.clientX-k.left,y:s?Nl(C.clientY-k.top,0,k.height):C.clientY-k.top,pressure:C.pressure}],he}))},[k,s]),B=ut(C=>{C.persist();let X=C.currentTarget.getBoundingClientRect();L(X),C.target.setPointerCapture(C.pointerId),I.current+=1,N(he=>{let yr=[...he];return yr[I.current]=[{x:C.clientX-X.x,y:C.clientY-X.y,pressure:C.pressure}],yr})},[]),ur=Ve();Cv(()=>{ur||n?.(R.map(C=>to(C,W)))},[R],[n,W,ur]);let fr=()=>{N([]),I.current=-1,ne([])},co=ut(()=>{p?.(R.map(C=>to(C,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:[(z.label||d)&&ao("div",{className:Rl({isInline:m}),children:[z.label?Y(oo,{type:"body",size:"sm",...D,children:z.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":z["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((C,X)=>Y("path",{d:hv(to(C,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:z,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(z,O);Ov(()=>{let T=J.current;return J.current=O.createElement("div"),()=>{T.remove()}},[O]);let{keyboardProps:C}=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",...C,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),[z,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||z||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(z=>ht(Zl,{state:y,renderOption:i,item:z,value:z.id,...c},z.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,portalContainer:t})=>{let{state:i}=xt.useContext(ge);$l(i,"ModalContent must be a child of Modal");let n=xt.useRef(null),{modalProps:l,underlayProps:p}=Gg({isDismissable:o,isKeyboardDismissDisabled:s},i,n),{theme:d}=Ug(fe),m=ep(),c=jg({from:{opacity:0,transform:"scale(0.95)"},to:{opacity:1,transform:"scale(1)"},immediate:!!m,config:{easing:Ag.easeInBounce}});return po(Kg,{portalContainer:t,children:po(ye,{className:Eg(Ql,a),theme:d,UNSAFE_domProps:{...p,"data-testid":"underlay"},style:r,children:po(Jl.div,{...l,style:{...l.style,...c},ref:n,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{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.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(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};