@baseline-ui/core 0.6.2 → 0.7.0

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: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};
+var Wp=Object.defineProperty;var P=(e,a)=>{for(var r in a)Wp(e,r,{get:a[r],enumerable:!0})};import Rc from"react";import{Item as ya,Section as wc}from"react-stately";import{mergeRefs as vc}from"@react-aria/utils";import fa from"react";import{classNames as gc,filterTruthyValues as hc}from"@baseline-ui/utils";import{ListKeyboardDelegate as _c,mergeProps as xc,useFocusRing as Cc,useListBox as zc,useLocale as Pc}from"react-aria";import{useListState as kc}from"react-stately";import{classNames as mc,invariant as uc}from"@baseline-ui/utils";import{useListBoxSection as fc}from"react-aria";function Xp(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 Zp(e){var a=Xp(e,"string");return typeof a=="symbol"?a:String(a)}function Yp(e,a,r){return a=Zp(a),a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function ta(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 aa(e){for(var a=1;a<arguments.length;a++){var r=arguments[a]!=null?arguments[a]:{};a%2?ta(Object(r),!0).forEach(function(o){Yp(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ta(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}function sa(e,a){var r={};for(var o in e)r[o]=a(e[o],o);return r}var Qp=(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},f=e=>{var a=r=>{var o=e.defaultClassName,s=aa(aa({},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)Qp(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 sa(e.variantClassNames,r=>sa(r,o=>o.split(" ")[0]))}},a};var ia="_1yep5z6j5",na=f({defaultClassName:"_6n12k98 _1yep5z6d3 _1yep5z6bi _1yep5z6c3",variantClassNames:{isDisabled:{true:"_1yep5z6d6"}},defaultVariants:{},compoundVariants:[]}),la=f({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:[]}),pa="_1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z69l _1yep5z69m _1yep5z69n",ca="_6n12k90";import $p from"react";import{classNames as Jp}from"@baseline-ui/utils";import{useSeparator as ec}from"react-aria";var da=f({defaultClassName:"gukncs0",variantClassNames:{isVertical:{true:"gukncs1"},isSecondary:{true:"gukncs2"}},defaultVariants:{},compoundVariants:[]});import{jsx as rc}from"react/jsx-runtime";var A=$p.forwardRef(({className:e,style:a,variant:r="primary",orientation:o="horizontal",UNSAFE_omitRole:s,elementType:t="div",...i},n)=>{let{separatorProps:l}=ec({...i,orientation:o,elementType:t});return rc(t,{...l,className:Jp(da({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})});A.displayName="Separator";import{mergeRefs as pc}from"@react-aria/utils";import ua from"react";import{useOption as cc}from"react-aria";import{CheckmarkIcon as oc}from"@baseline-ui/icons/24/index";import{classNames as tc,filterTruthyValues as ac,invariant as sc}from"@baseline-ui/utils";import ic from"react";import{mergeProps as nc,useHover as lc}from"react-aria";import{jsx as We,jsxs as ma}from"react/jsx-runtime";var Xe=ic.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)=>{sc(e.value&&(e.value.type==="option"||e.value.type===void 0),"Item cannot be a section");let{icon:u,label:y}=e.value,{hoverProps:b,isHovered:v}=lc({isDisabled:a}),g=ac({"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 ma("li",{...nc(s,b,g),className:tc(la({isHovered:v,isFocused:r,isFirstChild:m.collection.getFirstKey()===e.key,isLastChild:m.collection.getLastKey()===e.key,isDisabled:a}),"BaselineUI-ListBox-Option"),ref:c,children:[ma("div",{className:pa,children:[t&&We("span",{"aria-hidden":!0,style:{height:24,width:24},children:o&&We(oc,{size:24})}),u&&We(u,{size:24}),We("span",{...l,children:y})]}),i&&We("span",{className:na({isDisabled:a}),...n,children:i})]})});Xe.displayName="DefaultRenderOption";import{jsx as dc}from"react/jsx-runtime";var Ze=ua.forwardRef(({item:e,renderOption:a=(t,i,n)=>dc(Xe,{item:t,liProps:i.optionProps,...i,ref:n}),showSelectedIcon:r,state:o},s)=>{let t=ua.useRef(null),i=cc({key:e.key},o,t);return a(e,{...i,showSelectedIcon:r,_state:o},pc(t,s))});Ze.displayName="Option";import{Fragment as yc,jsx as vr,jsxs as bc}from"react/jsx-runtime";var yo=({section:e,state:a,showSelectedIcon:r})=>{let{itemProps:o,groupProps:s}=fc({heading:e.rendered,"aria-label":e["aria-label"]}),t=a.collection.getChildren?.(e.key);return uc(t,"items with type `section` must have children"),bc(yc,{children:[e.key!==a.collection.getFirstKey()&&vr(A,{UNSAFE_omitRole:!0}),vr("li",{...o,className:mc(ca,"BaselineUI-ListBox-Section"),children:vr("ul",{...s,children:[...t].map(i=>vr(Ze,{item:i,state:a,showSelectedIcon:r},i.key))})})]})};yo.displayName="ListBoxSection";import{jsx as bo}from"react/jsx-runtime";var vo=fa.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=kc(l),{direction:m}=Pc(),c=s||d,u=fa.useRef(null),{listBoxProps:y}=zc({...l,keyboardDelegate:new _c({collection:c.collection,ref:u,layout:a,orientation:r,direction:m,disabledKeys:c.disabledKeys})},c,u),{isFocusVisible:b,isFocused:v,focusProps:g}=Cc(),h=hc({"data-blockid":n,"data-layout":a,"data-empty":c.collection.size===0,"data-focused":v,"data-focus-visible":b});return bo("ul",{...xc(y,g,h),className:gc(ia,"BaselineUI-ListBox",e),style:t,ref:vc(p,u),children:[...c.collection].map(_=>_.type==="section"?bo(yo,{showSelectedIcon:o,section:_,state:c},_.key):bo(Ze,{showSelectedIcon:o,item:_,state:c,renderOption:i},_.key))})});vo.displayName="ListBoxBase";import{jsx as gr}from"react/jsx-runtime";var le=Rc.forwardRef((e,a)=>gr(vo,{...e,ref:a,children:r=>r.type==="section"?gr(wc,{items:r.children,title:r.id,children:o=>gr(ya,{children:o.label},o.id)},r.id):gr(ya,{children:r.label},r.id)}));le.displayName="ListBox";import{classNames as Nc}from"@baseline-ui/utils";import{mergeRefs as Ic}from"@react-aria/utils";import va from"react";import{mergeProps as Tc,useButton as Sc,useFocusRing as Lc,useHover as Mc}from"react-aria";var ba=f({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 ga,jsxs as Bc}from"react/jsx-runtime";var Fc={sm:16,md:20},Z=va.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=va.useRef(null),{buttonProps:u,isPressed:y}=Sc({...d,elementType:i,isDisabled:n},c),b=Fc[l],{hoverProps:v,isHovered:g}=Mc({isDisabled:n}),{isFocusVisible:h,isFocused:_,focusProps:z}=Lc();return Bc(i,{...Tc(u,v,z),className:Nc(ba({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:Ic(m,c),children:[!!o&&ga(o,{size:b}),e,!!s&&ga(s,{size:b})]})});Z.displayName="ActionButton";import{mergeRefs as Hc}from"@react-aria/utils";import go from"react";import{classNames as Dc}from"@baseline-ui/utils";var Ye=f({defaultClassName:"z9nup84",variantClassNames:{size:{xs:"z9nup85",sm:"z9nup86"}},defaultVariants:{},compoundVariants:[]});var hr="z9nup80",Te="z9nup83";import{jsx as Vc}from"react/jsx-runtime";var ha=go.forwardRef(({className:e,node:a},r)=>{let o=go.useRef(null);return go.useEffect(()=>{let s=o.current;return s?.append(a),()=>{s?.contains(a)&&a.remove()}},[a]),Vc("div",{className:Dc(hr,e),ref:Hc(r,o)})});ha.displayName="DomNodeRenderer";import{classNames as $e,filterTruthyValues as td}from"@baseline-ui/utils";import{mergeRefs as ad}from"@react-aria/utils";import _o from"react";import{VisuallyHidden as sd,mergeProps as Fa,useFocusRing as id,useHover as nd,useNumberFormatter as ld,useSlider as pd,useSliderThumb as cd}from"react-aria";import{useSliderState as dd}from"react-stately";var _a="_14uvjig0 z9nup81",xa="_14uvjig7",Ca="_14uvjig3",za=f({defaultClassName:"_14uvjig4",variantClassNames:{isDisabled:{true:"_14uvjig5"},hasNumberInput:{false:"_14uvjig6"}},defaultVariants:{},compoundVariants:[]}),Pa=f({defaultClassName:"_14uvjige _14uvjig1",variantClassNames:{active:{true:"_14uvjigf _14uvjig2"},isDisabled:{true:"_14uvjigg"},isReadOnly:{true:"_14uvjigh"},isFocusVisible:{true:"_14uvjigi _14uvjig2"},isHovered:{true:"_14uvjigj _14uvjig2"}},defaultVariants:{},compoundVariants:[]}),ka="_14uvjig8",Ra=f({defaultClassName:"_14uvjig9 _14uvjig1",variantClassNames:{active:{true:"_14uvjig2"},isFocusVisible:{true:"_14uvjigb _14uvjig2"},isDisabled:{true:"_14uvjigc"},isHovered:{true:"_14uvjig2"}},defaultVariants:{},compoundVariants:[]});import{ErrorFilledIcon as Gc,ReadOnlyIcon as Wc}from"@baseline-ui/icons/16";import La,{useMemo as Xc}from"react";import{classNames as xr,filterTruthyValues as Zc}from"@baseline-ui/utils";import{mergeProps as Ma,useFocusRing as Yc,useHover as Qc,useLocale as $c,useNumberField as Jc}from"react-aria";import{MinusIcon as ed,PlusIcon as rd}from"@baseline-ui/icons/8";import{useNumberFieldState as od}from"react-stately";var Se=f({defaultClassName:"nrh1ehx",variantClassNames:{isDisabled:{true:"nrh1ehy"},hasError:{true:"nrh1ehz"},labelPosition:{start:"nrh1eh10",top:"nrh1eh11"}},defaultVariants:{},compoundVariants:[]}),_r=f({defaultClassName:"nrh1eho",variantClassNames:{isDisabled:{true:"nrh1ehp"},labelPosition:{top:"nrh1ehq",start:"nrh1ehr"}},defaultVariants:{},compoundVariants:[]}),Le=f({defaultClassName:"nrh1ehs",variantClassNames:{validationState:{valid:"nrh1eht",error:"nrh1ehu",warning:"nrh1ehv"},isReadOnly:{true:"nrh1ehw"}},defaultVariants:{},compoundVariants:[]}),pe="nrh1eh3",ce=f({defaultClassName:"nrh1eh4",variantClassNames:{labelPosition:{top:"nrh1eh5",start:"nrh1eh6"},hasMessage:{true:"nrh1eh7"}},defaultVariants:{},compoundVariants:[[{labelPosition:"start",hasMessage:!1},"nrh1eh8"]]}),de=f({defaultClassName:"nrh1eh0",variantClassNames:{labelPosition:{top:"z9nup81",start:"nrh1eh2 z9nup82"}},defaultVariants:{},compoundVariants:[]}),Me=f({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 ho}from"react/jsx-runtime";function me({description:e,errorMessageProps:a,descriptionProps:r,warningMessage:o,errorMessage:s,labelPosition:t,isDisabled:i}){return e?ho("div",{...r,className:Se({isDisabled:i,labelPosition:t}),children:e}):s?ho("div",{...a,className:Se({hasError:!0,labelPosition:t}),children:s}):o?ho("div",{className:Se({isDisabled:i,labelPosition:t}),children:o}):null}var wa=f({defaultClassName:"_1lnwne1 z9nup82",variantClassNames:{isHoveredOrFocused:{true:"_1lnwne2"},isInteractive:{false:"z9nup83"}},defaultVariants:{},compoundVariants:[[{isHoveredOrFocused:!0,isInteractive:!0},"_1lnwne4"]]}),Na="_1lnwne0";import{mergeRefs as Oc}from"@react-aria/utils";import Ta from"react";import{mergeProps as Ec,useButton as Ac,useFocusRing as jc,useHover as qc}from"react-aria";import{classNames as Uc}from"@baseline-ui/utils";var Ia=f({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 _1yep5z6u1 _1yep5z6u9 _1yep5z6uh _1yep5z6up"},isHovered:{true:"uf19bs6"},isDisabled:{true:"uf19bs7 _1yep5z6ws"},isFocusVisible:{true:"uf19bs8"},variant:{primary:"uf19bs9",secondary:"uf19bsa",tertiary:"uf19bsb",ghost:"uf19bsc",toolbar:"_1yep5z6u7 _1yep5z6uf _1yep5z6un _1yep5z6uv"},isPressed:{true:"uf19bse"}},defaultVariants:{},compoundVariants:[[{variant:"toolbar",isHovered:!0},"_1yep5z61h1"],[{variant:"primary",isHovered:!0},"_1yep5z61h1"],[{variant:"secondary",isHovered:!0},"_1yep5z61g9"],[{variant:"tertiary",isHovered:!0},"_1yep5z61g8 _1yep5z61h2"],[{variant:"ghost",isHovered:!0},"_1yep5z61ge"],[{variant:"toolbar",isPressed:!0},"_1yep5z61h1"],[{variant:"primary",isPressed:!0},"_1yep5z61h1"],[{variant:"secondary",isPressed:!0},"_1yep5z61g9"],[{variant:"tertiary",isPressed:!0},"_1yep5z61gc _1yep5z61h2"],[{variant:"ghost",isPressed:!0},"_1yep5z61gf"],[{variant:"ghost",isDisabled:!1},"_1yep5z61gd"]]});import{jsx as Sa}from"react/jsx-runtime";var Kc={xxs:8,xs:12,sm:16,md:20,lg:24},T=Ta.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=Ta.useRef(null),{buttonProps:d,isPressed:m}=Ac({...n,elementType:i},p),{isFocusVisible:c,isFocused:u,focusProps:y}=jc(),{hoverProps:b,isHovered:v}=qc({isDisabled:n.isDisabled});return Sa(i,{...Ec(d,b,y),className:Uc(Ia({variant:s,size:o,isDisabled:!!n.isDisabled,isFocusVisible:c,isHovered:v,isPressed:m}),"BaselineUI-ActionIconButton",e),"data-blockid":n["data-blockid"],"data-focused":u,"data-focus-visible":c,"data-disabled":n.isDisabled,"data-hovered":v,"data-pressed":m,ref:Oc(l,p),style:a,...t&&{tabIndex:void 0,role:void 0,"aria-label":void 0,"aria-labelledby":void 0,"aria-disabled":void 0},children:Sa(r,{role:"presentation",size:Kc[o]})})});T.displayName="ActionIconButton";import{jsx as Fe,jsxs as Qe}from"react/jsx-runtime";var te=La.forwardRef(({className:e,style:a,labelPosition:r="top",variant:o="primary",showStepper:s=!0,...t},i)=>{let n=La.useRef(null),{locale:l}=$c(),p=od({...t,locale:l}),{hoverProps:d,isHovered:m}=Qc({isDisabled:t.isDisabled}),{focusProps:c,isFocusVisible:u,isFocused:y}=Yc(),{labelProps:b,decrementButtonProps:v,inputProps:g,incrementButtonProps:h,groupProps:_,descriptionProps:z,errorMessageProps:k}=Jc(t,p,n),I=Xc(()=>t.isReadOnly?Wc:t.isInvalid?Gc:null,[t.isInvalid,t.isReadOnly]),F=me({description:t.description,errorMessageProps:k,descriptionProps:z,errorMessage:t.errorMessage,labelPosition:r,isDisabled:t.isDisabled}),x=Zc({"data-disabled":t.isDisabled,"data-readonly":t.isReadOnly,"data-hovered":m,"data-focused":y,"data-focus-visible":u,"data-invalid":t.isInvalid,"data-blockid":t["data-blockid"]});return Qe("div",{style:a,className:xr(de({labelPosition:r}),"BaselineUI-NumberInput",e),...x,ref:i,children:[t.label&&Qe("div",{className:ce({labelPosition:r,hasMessage:!!F}),children:[Fe("label",{...b,className:pe,children:t.label}),r==="start"&&F]}),Qe("div",{className:xr({[Te]:t.isDisabled}),children:[Qe("div",{...Ma(_,d),className:xr(Me({isHovered:m,isDisabled:!!t.isDisabled,isReadOnly:!!t.isReadOnly,validationState:t.isInvalid?"error":"valid",isFocused:y,variant:o}),{[Na]:r==="start"},"BaselineUI-NumberInput-Container"),children:[Fe("input",{...Ma(g,c),ref:n,className:xr("BaselineUI-NumberInput-Input",_r({isDisabled:t.isDisabled,labelPosition:r}))}),I&&Fe(I,{className:Le({validationState:"error",isReadOnly:t.isReadOnly}),size:16}),s&&Qe("div",{className:wa({isHoveredOrFocused:m||y,isInteractive:!t.isReadOnly&&!t.isDisabled}),children:[Fe(T,{variant:"secondary",size:"xxs",icon:ed,...v,className:"BaselineUI-NumberInput-DecrementButton"}),Fe(A,{style:{height:16},orientation:"vertical"}),Fe(T,{variant:"secondary",size:"xxs",icon:rd,...h,className:"BaselineUI-NumberInput-DecrementButton"})]})]}),r==="top"&&F]})]})});te.displayName="NumberInput";import{Fragment as ud,jsx as ue,jsxs as Cr}from"react/jsx-runtime";var Ba=_o.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":u,"data-blockid":y,defaultValue:b,isReadOnly:v,label:g,id:h,includeNumberInput:_},z)=>{let k=_o.useRef(null),I={onChange:r===void 0?void 0:R=>r(R[0]),isDisabled:t||v,step:i,minValue:n,maxValue:l,onChangeEnd:o===void 0?void 0:R=>o(R[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":u,id:h,label:g},F=ld(s),x=dd({...I,numberFormatter:F}),{trackProps:O,groupProps:w,labelProps:L}=pd(I,x,k),N=ue(te,{variant:"ghost",showStepper:!1,"aria-label":d,"aria-labelledby":L.id,value:x.getThumbValue(0),formatOptions:s,onChange:R=>x.setThumbValue(0,R),style:{width:55,textAlign:"right",flexShrink:0}});return Cr("div",{...w,style:a,"data-blockid":y,className:$e(_a,"BaselineUI-Slider",e),children:[g&&Cr("div",{className:Ca,children:[ue("label",{...L,className:$e(za({isDisabled:t,hasNumberInput:!!_}),"BaselineUI-Slider-Label"),children:g}),_&&N]}),Cr("div",{className:xa,children:[ue("div",{...O,className:$e(ka,"BaselineUI-Slider-Track"),ref:ad(k,z),"data-testid":"track",children:ue(md,{state:x,trackRef:k,isDisabled:t,isReadOnly:v})}),_&&!g&&N]})]})});Ba.displayName="Slider";function md({state:e,trackRef:a,isDisabled:r,isReadOnly:o}){let s=_o.useRef(null),{thumbProps:t,inputProps:i,isDragging:n}=cd({trackRef:a,inputRef:s},e),{focusProps:l,isFocused:p,isFocusVisible:d}=id(),{hoverProps:m,isHovered:c}=nd({isDisabled:r}),u=td({"data-disabled":r,"data-readonly":o,"data-hovered":c,"data-focus-visible":d,"data-dragging":n,"data-focused":p});return Cr(ud,{children:[ue("div",{className:$e(Ra({isDisabled:r,isFocusVisible:d,active:n,isHovered:c}),"BaselineUI-Slider-TrackHighlight"),style:{width:t.style?.left},"data-testid":"track-highlight"}),ue("div",{...Fa(t,m,u),className:$e(Pa({isDisabled:r,isFocusVisible:d,active:n,isReadOnly:o,isHovered:c}),"BaselineUI-Slider-Thumb"),"data-testid":"thumb",children:ue(sd,{children:ue("input",{ref:s,...Fa(i,l)})})})]})}import ja from"react";import{useToggleState as fd}from"react-stately";import{VisuallyHidden as yd,mergeProps as qa,useFocusRing as bd,useHover as vd,useSwitch as gd}from"react-aria";import{classNames as Je,filterTruthyValues as hd}from"@baseline-ui/utils";var Ha=f({defaultClassName:"bpklwa7",variantClassNames:{isReadOnly:{true:"bpklwa8"},isDisabled:{true:"bpklwa9"},isSelected:{true:"bpklwaa"},isFocused:{true:"bpklwab"}},defaultVariants:{},compoundVariants:[[{isSelected:!0,isDisabled:!1,isReadOnly:!1},"bpklwac"]]}),Da=f({defaultClassName:"bpklwae",variantClassNames:{isDisabled:{true:"bpklwaf"},isSelected:{true:"bpklwag"},isReadOnly:{true:"bpklwah"}},defaultVariants:{},compoundVariants:[]}),Va="bpklwad",Oa=f({defaultClassName:"bpklwa0",variantClassNames:{labelPosition:{top:"bpklwa1",left:"bpklwa2"}},defaultVariants:{},compoundVariants:[]}),Ea="bpklwa6",Aa=f({defaultClassName:"bpklwa3",variantClassNames:{labelPosition:{top:"bpklwa4",left:"bpklwa5"}},defaultVariants:{},compoundVariants:[]});import{jsx as Be,jsxs as Ua}from"react/jsx-runtime";var Ka=ja.forwardRef(({className:e,label:a,labelPosition:r="top",statusLabel:o,style:s,"data-blockid":t,...i},n)=>{let l=ja.useRef(null),p=fd(i),{inputProps:d,isPressed:m}=gd(i,p,l),{isFocusVisible:c,focusProps:u}=bd(),{hoverProps:y,isHovered:b}=vd({isDisabled:i.isDisabled}),v=hd({"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=Be("div",{className:Je(Ha({isSelected:p.isSelected,isDisabled:!!i.isDisabled,isFocused:c,isReadOnly:!!i.isReadOnly}),"BaselineUI-Switch-Track"),children:Be("div",{className:Je(Da({isSelected:p.isSelected,isDisabled:i.isDisabled,isReadOnly:i.isReadOnly}),"BaselineUI-Switch-Knob"),"data-testid":"switch-knob"})});return Ua("label",{...qa(v,y),className:Je(Oa({labelPosition:r}),"BaselineUI-Switch",e),style:s,ref:n,children:[a&&Be("span",{className:Je(Va,"BaselineUI-Switch-Label"),children:a}),Be(yd,{children:Be("input",{...qa(d,u),ref:l})}),o?Ua("div",{className:Aa({labelPosition:r}),children:[Be("span",{className:Je("BaselineUI-Switch-Status-Label",Ea),children:p.isSelected?o.on:o.off}),g]}):g]})});Ka.displayName="Switch";import{XIcon as _d}from"@baseline-ui/icons/16";import{XIcon as xd}from"@baseline-ui/icons/12";import{SearchIcon as Xa}from"@baseline-ui/icons/24";import{SearchIcon as Cd}from"@baseline-ui/icons/20";import Za from"react";import{classNames as zd,filterTruthyValues as Pd}from"@baseline-ui/utils";import{mergeProps as kd,useFocusRing as Rd,useSearchField as wd}from"react-aria";import{useSearchFieldState as Nd}from"react-stately";var Ga="_19n40yy9",Wa=f({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 xo,jsxs as Td}from"react/jsx-runtime";var Id={sm:Cd,md:Xa,lg:Xa},Ya=Za.forwardRef(({className:e,size:a="md",variant:r="primary",...o},s)=>{let t=Za.useRef(null),i=Nd(o),{inputProps:n,clearButtonProps:l}=wd({...o,"aria-haspopup":!1,"aria-autocomplete":"none",type:"search"},i,t),{focusProps:p,isFocusVisible:d,isFocused:m}=Rd({within:!0,isTextInput:!0}),c=Id[a],u=a==="sm"?xd:_d,y=Pd({"data-blockid":o["data-blockid"],"data-focused":m,"data-disabled":o.isDisabled,"data-focus-visible":d});return Td("div",{...y,className:zd(Wa({size:a,isFocused:m,variant:r,hasText:!!i.value,isDisabled:o.isDisabled}),"BaselineUI-SearchInput",e),ref:s,children:[xo(c,{size:a==="sm"?20:24}),xo("input",{...kd(n,p),className:Ga,ref:t}),i.value!==""&&xo(T,{icon:u,...l,size:a==="sm"?"xs":"sm",variant:"secondary"})]})});Ya.displayName="SearchInput";import{classNames as Md}from"@baseline-ui/utils";import Fd,{useMemo as Bd}from"react";import{assignInlineVars as $a}from"@vanilla-extract/dynamic";import{darkTheme as Hd,lightTheme as Dd,themeVars as Vd}from"@baseline-ui/tokens";import{mergeProps as Od,useLocale as Ed}from"react-aria";import{useEffect as zr,useState as Pr}from"react";function Co(){let[e,a]=Pr("light"),[r,o]=Pr(!1),[s,t]=Pr(!1),[i,n]=Pr(!1);return zr(()=>{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)}},[]),zr(()=>{let l=window.matchMedia("(prefers-contrast: more)"),p=d=>{o(d.matches)};return o(l.matches),l.addEventListener("change",p),()=>{l.addEventListener("change",p)}},[]),zr(()=>{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)}},[]),zr(()=>{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 Sd}from"@baseline-ui/tokens";import{createContext as Ld}from"react";var fe=Ld({theme:Sd,setTheme:()=>{}});var Qa="var(--hj25q10)";import{jsx as Ja}from"react/jsx-runtime";var kr={LIGHT:{name:"light",theme:Dd},DARK:{name:"dark",theme:Hd}},ye=Fd.forwardRef(({theme:e="system",children:a,setTheme:r,className:o,style:s,UNSAFE_domProps:t,"data-blockid":i},n)=>{let{direction:l}=Ed(),{colorScheme:p,reducedMotion:d,highContrast:m,transparency:c}=Co(),{name:u,theme:y}=Bd(()=>{switch(e){case"system":return p==="light"?kr.LIGHT:kr.DARK;case"light":return kr.LIGHT;case"dark":return kr.DARK;default:return{name:"custom",theme:e}}},[p,e]),b={"data-theme":u,"data-blockid":i,"data-reduced-motion":d,"data-high-contrast":m,"data-transparency":c};return Ja(fe.Provider,{value:{theme:y,setTheme:r},children:Ja("div",{...Od(t,b),className:Md(hr,"BaselineUI-ThemeProvider",o),style:{...$a(Vd,y),...$a({[Qa]:l==="rtl"?"-1":"1"}),...s},ref:n,children:a})})});ye.displayName="ThemeProvider";import hm from"react";import{useMenuTriggerState as _m}from"react-stately";import{Slot as mm}from"@radix-ui/react-slot";import Ir from"react";import{Item as ys,Section as um}from"react-stately";import{invariant as fm}from"@baseline-ui/utils";import{mergeProps as ym,useMenuTrigger as bm}from"react-aria";var es=f({defaultClassName:"_1mdhlqv4",variantClassNames:{isOpen:{true:"_1mdhlqv5"}},defaultVariants:{},compoundVariants:[]}),Rr="_1mdhlqv7 _1yep5z6aj _1yep5z6ar _1yep5z6az _1yep5z6b7 _1yep5z6bf",rs=f({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:[]}),os="_1mdhlqv8 _1yep5z6aj _1yep5z6ar _1yep5z6az _1yep5z6b7 _1yep5z6e0",ts="_1yep5z66x _1yep5z66y _1yep5z66z",as="_1mdhlqv6 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gg _1yep5z6gh _1yep5z6gi _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z69i _1yep5z69j _1yep5z69k";import{classNames as Ud}from"@baseline-ui/utils";import{mergeRefs as Kd}from"@react-aria/utils";import{animated as Gd}from"@react-spring/web";import{assignInlineVars as Wd}from"@vanilla-extract/dynamic";import ls,{useContext as Xd,useEffect as Zd}from"react";import{DismissButton as ps,Overlay as Yd,usePopover as Qd}from"react-aria";import{config as Ad,useReducedMotion as jd,useTransition as qd}from"@react-spring/web";function ss({placement:e}){let a=jd();return qd(!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:Ad.stiff})}var is="_1gzftth1",ns="var(--_1gzftth0)";import{jsx as wr,jsxs as cs}from"react/jsx-runtime";var ae=ls.forwardRef(({className:e,style:a,state:r,overlayProps:o,underlayClassName:s,children:t,...i},n)=>{let{theme:l}=Xd(fe),p=ls.useRef(null),{underlayProps:d,popoverProps:m,placement:c}=Qd({...i,popoverRef:p},r),u=ss({placement:c});return Zd(()=>(i.scrollRef?.current?.addEventListener("scroll",r.close),()=>{i.scrollRef?.current?.removeEventListener("scroll",r.close)}),[i.scrollRef,r.close,i.isNonModal]),u((y,b)=>b&&wr(Yd,{children:cs(ye,{ref:n,theme:l,style:a,className:s,UNSAFE_domProps:o,children:[wr("div",{...d}),cs(Gd.div,{...m,style:{...m.style,...y,...Wd({[ns]:`${i.triggerRef?.current?.offsetWidth}px`})},ref:Kd(p,n),className:Ud(is,e),"data-placement":["top","bottom","left","right"].filter(v=>c?.includes(v)),children:[wr(ps,{onDismiss:r.close}),t,wr(ps,{onDismiss:r.close})]})]})}))});ae.displayName="PopoverContentCore";import{mergeRefs as im}from"@react-aria/utils";import fs from"react";import{mergeProps as nm,useKeyboard as lm,useMenu as pm}from"react-aria";import{useTreeState as cm}from"react-stately";import{classNames as dm}from"@baseline-ui/utils";var ds="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",ms="xyd2ss0 _1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z64l _1yep5z64m _1yep5z64n _1yep5z629 _1yep5z62a _1yep5z62b";import{invariant as $d}from"@baseline-ui/utils";import Jd from"react";import{VisuallyHidden as em,mergeProps as rm,useFocusRing as om,useMenuItem as tm,useMenuSection as am}from"react-aria";import{Fragment as sm,jsx as He,jsxs as us}from"react/jsx-runtime";var zo=({section:e,showSelectedIcon:a,state:r})=>{let{itemProps:o,groupProps:s,headingProps:t}=am({heading:e.value?.title,"aria-label":e["aria-label"]});return us(sm,{children:[e.key!==r.collection.getFirstKey()&&He(A,{elementType:"li"}),us("li",{...o,children:[e.value?.title&&He(em,{children:He("span",{...t,children:e.value.title})}),He("ul",{...s,className:ms,children:[...e.childNodes].map(i=>($d(i.type==="item"),He(Nr,{item:i,state:r,showSelectedIcon:a},i.key)))})]})]})};zo.displayName="MenuSection";var Nr=({item:e,state:a,className:r,showSelectedIcon:o})=>{let s=Jd.useRef(null),t=tm({key:e.key},a,s),{isFocusVisible:i,focusProps:n}=om();return He(Xe,{item:e,liProps:rm(t.menuItemProps,n,{className:r}),...t,isFocusVisible:i,ref:s,description:e.value?.keyboardShortcut,descriptionProps:t.keyboardShortcutProps,_state:a,showSelectedIcon:o})};Nr.displayName="MenuItem";import{jsx as Po}from"react/jsx-runtime";var ko=fs.forwardRef(({className:e,itemClassName:a,onContentKeyDown:r,...o},s)=>{let t=cm(o),i=fs.useRef(null),{menuProps:n}=pm(o,t,i),{keyboardProps:l}=lm({onKeyDown:r});return Po("ul",{...nm(n,l),className:dm(ds,e),ref:im(i,s),children:[...t.collection].map(p=>p.type==="section"?Po(zo,{section:p,state:t,showSelectedIcon:o.selectionMode==="multiple"||o.selectionMode==="single"},p.key):Po(Nr,{item:p,state:t,className:a,showSelectedIcon:o.selectionMode==="multiple"||o.selectionMode==="single"},p.key))})});ko.displayName="MenuContent";import{Fragment as vm,jsx as Ce,jsxs as gm}from"react/jsx-runtime";var V5=Ir.createContext({menuTriggerProps:{}}),bs=Ir.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 u=Ir.useRef(null),{menuTriggerProps:y,menuProps:b}=bm({isDisabled:e,type:"menu"},r,u);return gm(vm,{children:[Ce(mm,{...ym(y,{isDisabled:e,popupPlacement:["top","bottom","right","left"].find(v=>o.includes(v)),isSelected:r.isOpen}),ref:u,children:d}),r.isOpen&&Ce(ae,{triggerRef:u,state:r,placement:o,isNonModal:s,shouldFlip:t,shouldUpdatePosition:i,boundaryElement:n,crossOffset:l,offset:p||2,className:Rr,children:Ce(ko,{className:a,...b,...m,ref:c,autoFocus:r.focusStrategy||"first"})})]})});bs.displayName="MenuRoot";var Ro=Ir.forwardRef((e,a)=>{let r=e.children;return Ce(bs,{...e,ref:a,triggerButton:r,children:o=>"type"in o&&o.type==="section"?Ce(um,{items:o.children,title:o.title,children:s=>Ce(ys,{children:s.label},s.id)},o.id):(fm("label"in o,"Item doesn't have a label"),Ce(ys,{textValue:o.label,children:o.label},o.id))})});Ro.displayName="MenuBase";import{jsx as xm}from"react/jsx-runtime";var vs=hm.forwardRef(({defaultOpen:e,isOpen:a,onOpenChange:r,...o},s)=>{let t=_m({defaultOpen:e,isOpen:a,onOpenChange:r});return xm(Ro,{...o,state:t,ref:s})});vs.displayName="Menu";import{mergeRefs as Cm}from"@react-aria/utils";import hs from"react";import{classNames as zm}from"@baseline-ui/utils";import{mergeProps as Pm,useFocusRing as km,useHover as Rm,useLink as wm}from"react-aria";var gs=f({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 Nm}from"react/jsx-runtime";var _s=hs.forwardRef(({className:e,style:a,children:r,variant:o="default",size:s="md",elementType:t="a",...i},n)=>{let l=hs.useRef(null),{linkProps:p,isPressed:d}=wm({...i,elementType:i.onPress?"span":t},l),{isFocusVisible:m,focusProps:c}=km(),{hoverProps:u,isHovered:y}=Rm({isDisabled:i.isDisabled});return Nm(t,{...Pm(p,c,u),className:zm(gs({variant:o,isFocusVisible:m,isHovered:y,isDisabled:i.isDisabled,size:s,isActive:d}),e),ref:Cm(l,n),style:a,children:r})});_s.displayName="Link";import{mergeRefs as Tm}from"@react-aria/utils";import Rs from"react";import{classNames as Sm,invariant as Lm}from"@baseline-ui/utils";import{VisuallyHidden as Mm,mergeProps as ws,useDrop as Fm,useFocusRing as Bm,useHover as Hm}from"react-aria";import{invariant as Im}from"@baseline-ui/utils";import{useId as wo}from"react-aria";function xs({isDisabled:e,onValueChange:a,onChange:r,name:o,"aria-describedby":s,"aria-label":t,accept:i,multiple:n}){let l=wo(),p=wo(),d=wo();return{inputProps:{type:"file",id:p,disabled:!!e,"aria-labelledby":t?void 0:l,"aria-describedby":s||d,"aria-label":t,onChange:c=>{let u=[...c.target.files||[]];a?.(u),r?.(c)},name:o,accept:i,multiple:n},labelProps:{htmlFor:p,id:l},descriptionProps:{id:d}}}async function No({items:e}){let a=e.filter(r=>r.kind==="file").map(r=>(Im(r.kind==="file"),r.getFile()));return await Promise.all(a)}var Cs=f({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"]]}),zs=f({defaultClassName:"_180w5ede",variantClassNames:{disabled:{true:"_180w5edf"}},defaultVariants:{},compoundVariants:[]}),Ps=f({defaultClassName:"_180w5ed9",variantClassNames:{disabled:{true:"_180w5eda"}},defaultVariants:{},compoundVariants:[]}),ks=f({defaultClassName:"_180w5edb",variantClassNames:{disabled:{true:"_180w5edc"},hovered:{true:"_180w5edd"}},defaultVariants:{},compoundVariants:[]});import{jsx as er,jsxs as Ns}from"react/jsx-runtime";var Is=Rs.forwardRef(({className:e,label:a,description:r,icon:o,variant:s="default",...t},i)=>{let n=Rs.useRef(null),{inputProps:l,descriptionProps:p,labelProps:d}=xs(t),{dropProps:m}=Fm({ref:n,onDrop:async({items:v})=>{let g=v.filter(_=>_.kind==="file").map(_=>(Lm(_.kind==="file"),_.getFile())),h=await Promise.all(g);t.onValueChange?.(h)}}),{focusProps:c,isFocusVisible:u}=Bm(),{hoverProps:y,isHovered:b}=Hm({isDisabled:t.isDisabled});return Ns("label",{...ws(m,y,d),className:Sm(Cs({variant:s,disabled:t.isDisabled,hoveredOrFocusedOrActive:b||u}),e),ref:Tm(i,n),children:[er(Mm,{children:er("input",{...ws(c,l)})}),o&&er(o,{size:20,className:Ps({disabled:t.isDisabled})}),Ns("div",{children:[er("div",{className:ks({disabled:t.isDisabled,hovered:b}),children:a}),r&&er("div",{...p,className:zs({disabled:t.isDisabled}),children:r})]})]})});Is.displayName="FileUpload";import Dm from"react";import{classNames as Vm}from"@baseline-ui/utils";import{useId as Om,useProgressBar as Em}from"react-aria";var Ts="_12vfhl40 z9nup81",Ss="_12vfhl41 z9nup82",Ls=f({defaultClassName:"_12vfhl48",variantClassNames:{variant:{success:"_12vfhl49",error:"_12vfhl4a",active:"_12vfhl4b"}},defaultVariants:{},compoundVariants:[]}),Ms="_12vfhl42",Fs="_12vfhl47",Bs="_12vfhl46 z9nup82",Hs="_12vfhl45",Ds=f({defaultClassName:"_12vfhl43 _12vfhl42",variantClassNames:{hasLabel:{false:"_12vfhl44"}},defaultVariants:{},compoundVariants:[]});import{jsx as rr,jsxs as Tr}from"react/jsx-runtime";var Vs=Dm.forwardRef(({className:e,variant:a="active",showValue:r,description:o,errorMessage:s,...t},i)=>{let n=Om(),{labelProps:l,progressBarProps:p}=Em({...t,"aria-describedby":o?n:t["aria-describedby"]}),{minValue:d=0,maxValue:m=100,value:c=0,label:u}=t,y=(c-d)/(m-d),b=`${Math.round(y*100)}%`,v=rr("output",{className:Ds({hasLabel:!!u}),children:p["aria-valuetext"]}),g=a==="error"?s:o;return Tr("div",{...p,className:Vm(Ts,e),ref:i,children:[u&&Tr("div",{className:Ss,children:[rr("label",{...l,className:Ms,children:u}),r&&v]}),Tr("div",{className:Hs,children:[Tr("div",{className:Bs,children:[rr("div",{className:Fs,children:rr("div",{style:{width:b},className:Ls({variant:a})})}),!u&&r&&v]}),g&&rr("div",{className:Se({hasError:a==="error"}),id:n,children:g})]})]})});Vs.displayName="ProgressBar";import Os from"react";import{classNames as Io}from"@baseline-ui/utils";import{mergeProps as Um,useFocusRing as Km,useHover as Gm,useTextField as Wm}from"react-aria";import{ErrorFilledIcon as Am,ReadOnlyIcon as jm,WarningFilledIcon as qm}from"@baseline-ui/icons/16";function Sr({isReadOnly:e,validationState:a}){return e?jm:a==="error"?Am:a==="warning"?qm:null}import{jsx as To,jsxs as Lr}from"react/jsx-runtime";var Es=Os.forwardRef(({className:e,validationState:a="valid",variant:r="primary",style:o,labelPosition:s="top",inputStyle:t,inputClassName:i,...n},l)=>{let p=Os.useRef(null),{inputProps:d,labelProps:m,descriptionProps:c,errorMessageProps:u}=Wm({...n,validationState:a==="error"?"invalid":"valid"},p),{hoverProps:y,isHovered:b}=Gm({isDisabled:n.isDisabled}),{isFocused:v,focusProps:g}=Km(),h=Sr({isReadOnly:n.isReadOnly,validationState:a}),_=me({...n,descriptionProps:c,errorMessageProps:u,labelPosition:s});return Lr("div",{className:Io(de({labelPosition:s}),e),style:o,ref:l,children:[Lr("div",{className:ce({labelPosition:s,hasMessage:!!_}),children:[To("label",{...m,className:pe,children:n.label}),s==="start"&&_]}),Lr("div",{className:Io({[Te]:n.isDisabled}),children:[Lr("div",{...y,className:Me({validationState:a,isHovered:b,isFocused:v,variant:r,isReadOnly:!!n.isReadOnly,isDisabled:!!n.isDisabled}),children:[To("input",{...Um(d,g),className:Io(_r({isDisabled:n.isDisabled,labelPosition:s}),i),style:t,ref:p}),h&&To(h,{className:Le({validationState:a,isReadOnly:n.isReadOnly}),size:16})]}),s==="top"&&_]})]})});Es.displayName="TextInput";import{CheckmarkIcon as Qm}from"@baseline-ui/icons/20";import{CheckmarkIcon as $m}from"@baseline-ui/icons/16";import{classNames as Jm}from"@baseline-ui/utils";import Ks from"react";import{VisuallyHidden as eu,useFocusRing as ru,useHover as ou,useSwitch as tu}from"react-aria";import{useToggleState as au}from"react-stately";import{useNumberFormatter as Xm}from"react-aria";import{Fragment as Zm,jsx as Ym}from"react/jsx-runtime";var De=({value:e,...a})=>{let r=Xm(a);return Ym(Zm,{children:r.format(e)})};De.displayName="NumberFormat";var As="_1yep5z6ga _1yep5z6gb _1yep5z6gc",js=f({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"]]}),qs=f({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"]]}),Us=f({defaultClassName:"_9b1tmlc",variantClassNames:{isDisabled:{true:"_9b1tmld"},isReadOnly:{true:"_9b1tmle"}},defaultVariants:{},compoundVariants:[]});import{jsx as Ve,jsxs as Gs}from"react/jsx-runtime";var Ws=Ks.forwardRef(({className:e,count:a,style:r,size:o="md",icon:s,...t},i)=>{let n={isRequired:!1},l=s||(o==="md"?Qm:$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=Ks.useRef(null),d=au({...t,...n}),{inputProps:m,isPressed:c,isDisabled:u,isReadOnly:y,isSelected:b}=tu({...t,...n},d,p),{focusProps:v,isFocused:g,isFocusVisible:h}=ru(),{hoverProps:_,isHovered:z}=ou({});return Gs("label",{ref:i,style:r,className:Jm(As,"BaselineUI-Reaction",e),"data-blockid":t["data-blockid"],"data-focused":g,"data-focus-visible":h,"data-disabled":u,"data-hovered":z,"data-pressed":c,"data-selected":b,children:[Ve(eu,{children:Ve("input",{...m,...v,ref:p})}),Gs("div",{..._,className:js({isSelected:b,isFocusVisible:h,isHovered:z,isReadOnly:y,isDisabled:u}),children:[Ve("div",{className:Us({isDisabled:u,isReadOnly:y}),children:Ve(l,{size:o==="md"?20:16})}),Ve("div",{className:qs({isSelected:d.isSelected,isDisabled:u,isReadOnly:y,size:o}),children:Ve(De,{value:a})})]})]})});Ws.displayName="Reaction";import{mergeRefs as Bu}from"@react-aria/utils";import Fo from"react";import{useOverlayPosition as Hu,useTooltipTrigger as Du}from"react-aria";import{useTooltipTriggerState as Vu}from"react-stately";import{FocusableProvider as Ou}from"@react-aria/focus";import su,{useMemo as iu}from"react";import{mergeProps as nu,useTooltip as lu}from"react-aria";import{animated as pu,useReducedMotion as cu,useSpring as du}from"@react-spring/web";var Xs=f({defaultClassName:"_1jwycy80",variantClassNames:{placement:{bottom:"_1jwycy81",left:"_1jwycy82",right:"_1jwycy83",top:"_1jwycy84"}},defaultVariants:{},compoundVariants:[]}),Zs="_1jwycy85 _1yep5z63u _1yep5z63v _1yep5z63w _1yep5z61i _1yep5z61j _1yep5z61k _1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z6aj _1yep5z6ar _1yep5z6az _1yep5z6b7 _1yep5z6e8 _1yep5z6d7 _1yep5z6cf";import{jsx as Ys,jsxs as mu}from"react/jsx-runtime";var So=su.forwardRef(({children:e,state:a,overlayProps:r,arrowProps:o,placement:s,tooltipProps:t},i)=>{let{tooltipProps:n}=lu({isOpen:a.isOpen},a),l=iu(()=>{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=cu(),[d]=du(()=>({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 mu(pu.span,{...r,style:{...d,...r.style},ref:i,"data-placement":m,children:[Ys("div",{className:Xs({placement:m}),...o}),Ys("div",{...nu(n,t),className:Zs,children:e})]})});So.displayName="TooltipContent";import uu,{useContext as fu}from"react";import{Overlay as yu}from"react-aria";import{jsx as Qs}from"react/jsx-runtime";var Mr=uu.forwardRef(({className:e,children:a,...r},o)=>{let{theme:s}=fu(fe);return Qs(yu,{...r,children:Qs(ye,{ref:o,theme:s,className:e,children:a})})});Mr.displayName="Portal";import bu,{useEffect as $s}from"react";function Js({ref:e,onIntersect:a,isDisabled:r,threshold:o,rootMargin:s,root:t}){let i=bu.useRef(null);$s(()=>{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]),$s(()=>{let{current:n}=i;return e.current&&n?.observe(e.current),()=>n?.disconnect()},[e])}import Fr from"react";function ei({ref:e,onResize:a,isDisabled:r}){let o=Fr.useRef(null),[s,t]=Fr.useState();return Fr.useEffect(()=>{if(r){o.current?.disconnect(),o.current=null;return}o.current=new ResizeObserver(([i])=>{t(i.contentRect),a?.(i)})},[a,r,t]),Fr.useEffect(()=>{let{current:i}=o;return e.current&&i?.observe(e.current),()=>i?.disconnect()},[e]),{size:s}}import{useEffect as vu,useState as Lo}from"react";function Br({src:e,alt:a}){let[r,o]=Lo(!1),[s,t]=Lo(!1),[i,n]=Lo(!1),l=()=>{o(!0),n(!1)},p=()=>{t(!0),n(!1)};return vu(()=>{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 _u}from"granular-hooks";import{useReducer as xu,useRef as Cu}from"react";import{useEffect as gu,useRef as hu}from"react";function Oe(){let e=hu(!0);return gu(()=>{e.current=!1},[]),e.current}var ri="SET_STATE",Hr="UNDO",Dr="REDO",zu=(e,a)=>{let{past:r,present:o,future:s}=e;switch(a.type){case ri:return{past:[...r,o],present:a.data,future:[]};case Hr:return{past:r.slice(0,r?.length-1),present:r[r?.length-1],future:[o,...s]};case Dr:return{past:[...r,o],present:s[0],future:s.slice(1)};default:throw new Error("Invalid action type")}},oi=(e={},{isDisabled:a,onAction:r})=>{let o=Oe(),[s,t]=xu(zu,{past:[],present:e,future:[]}),{past:i,present:n,future:l}=s,p=b=>t({type:ri,data:b}),d=Cu(),m=()=>{d.current=Hr,t({type:Hr})},c=()=>{d.current=Dr,t({type:Dr})},u=!!i?.length,y=!!l?.length;return _u(()=>{(d.current===Hr||d.current===Dr)&&(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:u,canRedo:y}};import{cleanKeyFromGlobImport as wu}from"@baseline-ui/utils";import{useContext as Nu}from"react";import{useLocale as Iu,useMessageFormatter as Tu}from"react-aria";import{I18nProvider as Pu}from"react-aria";import ku from"react";import{jsx as ti}from"react/jsx-runtime";var Mo=ku.createContext({messages:{}}),Ru=({children:e,messages:a={},...r})=>ti(Pu,{...r,children:ti(Mo.Provider,{value:{messages:a},children:e})});function q(e){let{messages:a}=Nu(Mo),r=Tu(e?wu(e):a),o=Iu();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 lk(e){return Object.fromEntries(Object.keys(e).map(a=>[a,e[a].id]))}import ai from"react";function dk(e,a,r){let o=ai.useRef(null);return ai.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 Su}from"react";function si(e,a){let[r,o]=Su(()=>{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 Lu,{useEffect as Mu}from"react";import{usePress as Fu}from"react-aria";function vk({ref:e,onSelectionChange:a,onSelectionEnd:r,isDisabled:o}){let s=Lu.useRef(null);Fu({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()}}),Mu(()=>{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 ii,jsxs as Eu}from"react/jsx-runtime";var ni=Fo.forwardRef(({children:e,placement:a="bottom",delay:r=1e3,closeDelay:o=500,...s},t)=>{let i=Fo.useRef(null),n=Fo.useRef(null),l=!s.text||s.isDisabled,p=Vu({...s,delay:r,closeDelay:o,isDisabled:l}),{triggerProps:d,tooltipProps:m}=Du({...s,isDisabled:l,delay:r,closeDelay:o},p,i),{overlayProps:c,arrowProps:u,placement:y,updatePosition:b}=Hu({arrowSize:13,targetRef:i,arrowBoundaryOffset:8,offset:12,overlayRef:n,placement:a,isOpen:p.isOpen,...s});return Js({ref:n,threshold:1,onIntersect:b,isDisabled:!p.isOpen}),ei({ref:i,onResize:b,isDisabled:!p.isOpen}),Eu(Ou,{...d,ref:i,children:[e,p.isOpen&&ii(Mr,{disableFocusManagement:!0,children:ii(So,{ref:Bu(t,n),state:p,arrowProps:u,overlayProps:c,placement:y,tooltipProps:m,children:s.text})})]})});ni.displayName="Tooltip";import Au from"react";import{classNames as ju}from"@baseline-ui/utils";import{CheckFilledIcon as qu,ErrorAltFilledIcon as Uu}from"@baseline-ui/icons/16";import{CheckFilledIcon as Ku,ErrorAltFilledIcon as Gu}from"@baseline-ui/icons/20";import{useProgressBar as Wu}from"react-aria";import{assignInlineVars as Xu}from"@vanilla-extract/dynamic";var li="_1azy5686",pi="_1azy5685",ci="var(--_1azy5680)",di="_1azy5688",mi="_1azy5689",ui="_1azy5681 z9nup82",fi="_1azy5682";var yi="_1azy5687";import{jsx as or,jsxs as Bo}from"react/jsx-runtime";var Zu={sm:16,md:20},Yu={sm:[qu,Uu],md:[Ku,Gu]},Vr=Au.forwardRef(({className:e,style:a,size:r="md",variant:o="active",...s},t)=>{let{labelProps:i,progressBarProps:n}=Wu({...s,isIndeterminate:!0}),l=Zu[r],p=l/2-2,d=2*p*Math.PI,m=Yu[r][o==="success"?0:1];return Bo("div",{className:ju(ui,e),ref:t,style:{...Xu({[ci]:`${d}px`}),...a},children:[Bo("div",{...n,className:fi,children:[(o==="active"||o==="inactive")&&Bo("svg",{height:l,width:l,viewBox:`0 0 ${l} ${l}`,children:[or("circle",{role:"presentation",className:li,cx:l/2,cy:l/2,r:p}),o==="active"&&or("circle",{role:"presentation",className:pi,cx:l/2,cy:l/2,r:p})]}),o==="success"&&or(m,{className:yi,size:l}),o==="error"&&or(m,{className:di,size:l})]}),s.label&&or("span",{...i,className:mi,children:s.label})]})});Vr.displayName="ProgressSpinner";import{mergeRefs as Qu}from"@react-aria/utils";import vi from"react";import{classNames as $u,filterTruthyValues as Ju}from"@baseline-ui/utils";import{mergeProps as ef,useFocusRing as rf,useHover as of,useToggleButton as tf}from"react-aria";import{useToggleState as af}from"react-stately";var bi=f({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 nf,jsxs as lf}from"react/jsx-runtime";var sf={md:20,lg:24},gi=vi.forwardRef(({className:e,style:a,iconStart:r,size:o="md",elementType:s="button",...t},i)=>{let n=vi.useRef(null),l=af(t),{buttonProps:p,isPressed:d}=tf(t,l,n),{hoverProps:m,isHovered:c}=of({isDisabled:t.isDisabled}),{isFocusVisible:u,isFocused:y,focusProps:b}=rf(),v=Ju({"data-blockid":t["data-blockid"],"data-focused":y,"data-focus-visible":u,"data-disabled":t.isDisabled,"data-hovered":c,"data-pressed":d,"data-selected":l.isSelected});return lf(s,{...ef(p,m,b,v),className:$u(bi({isHovered:c,isFocusVisible:u,isSelected:l.isSelected,size:o,isDisabled:t.isDisabled}),"BaselineUI-ToggleButton",e),style:a,ref:Qu(n,i),children:[r&&nf(r,{size:sf[o]}),t.label]})});gi.displayName="ToggleButton";import xi from"react";import{classNames as pf,filterTruthyValues as cf}from"@baseline-ui/utils";import{VisuallyHidden as df,mergeProps as mf,useCheckbox as uf,useFocusRing as ff,useHover as yf}from"react-aria";import{useToggleState as bf}from"react-stately";import{CheckmarkIcon as vf,MinusIcon as gf}from"@baseline-ui/icons/12";var Or=f({defaultClassName:"_16vugd0e",variantClassNames:{isDisabled:{true:"_16vugd0f"}},defaultVariants:{},compoundVariants:[]}),hi=f({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:[]}),_i=f({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 tr,jsxs as Ci}from"react/jsx-runtime";var zi=xi.forwardRef(({className:e,style:a,label:r,labelPosition:o="end","data-blockid":s,...t},i)=>{let n=xi.useRef(null),l=bf(t),{isFocusVisible:p,isFocused:d,focusProps:m}=ff(),{inputProps:c,isPressed:u,isDisabled:y,isSelected:b,isReadOnly:v}=uf({...t,children:r},l,n),{hoverProps:g,isHovered:h}=yf({isDisabled:y}),_=cf({"data-disabled":y,"data-readonly":v,"data-hovered":h,"data-selected":b,"data-pressed":u,"data-indeterminate":t.isIndeterminate,"data-invalid":t.isInvalid,"data-focus-visible":p,"data-focused":d,"data-blockid":s});return Ci("label",{..._,className:pf(hi({labelPosition:o}),"BaselineUI-Checkbox",e),style:a,ref:i,children:[tr(df,{children:tr("input",{...mf(c,m),ref:n})}),Ci("div",{...g,className:_i({isSelected:b&&!t.isIndeterminate,isIndeterminate:t.isIndeterminate,isFocusVisible:p,isDisabled:y,isReadOnly:v,hasError:t.isInvalid,isHovered:h}),children:[b&&!t.isIndeterminate&&tr(vf,{size:12}),t.isIndeterminate&&tr(gf,{size:12})]}),r&&tr("span",{className:Or({isDisabled:y}),children:r})]})});zi.displayName="Checkbox";import ln from"react";import{classNames as pn,filterTruthyValues as Ly}from"@baseline-ui/utils";import{mergeProps as cn,useFocusRing as My,useHover as Fy,useLocale as By,useNumberField as Hy}from"react-aria";import{useNumberFieldState as Dy}from"react-stately";import{CaretLeftIcon as Vy,CaretRightIcon as Oy}from"@baseline-ui/icons/12";import{CaretLeftIcon as Ey,CaretRightIcon as Ay}from"@baseline-ui/icons/16";import{CaretLeftIcon as jy,CaretRightIcon as qy}from"@baseline-ui/icons/20";import{CaretLeftIcon as Uy,CaretRightIcon as Ky}from"@baseline-ui/icons/24";var Ho={};P(Ho,{close:()=>hf,default:()=>_f});var hf="\u0625\u063A\u0644\u0627\u0642",_f={close:hf};var Do={};P(Do,{close:()=>xf,default:()=>Cf});var xf="Zav\u0159\xEDt",Cf={close:xf};var Vo={};P(Vo,{close:()=>zf,default:()=>Pf});var zf="Cau",Pf={close:zf};var Oo={};P(Oo,{close:()=>kf,default:()=>Rf});var kf="Luk",Rf={close:kf};var Eo={};P(Eo,{close:()=>wf,default:()=>Nf});var wf="Schlie\xDFen",Nf={close:wf};var Ao={};P(Ao,{close:()=>If,default:()=>Tf});var If="\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF",Tf={close:If};var jo={};P(jo,{close:()=>Sf,default:()=>Lf});var Sf="Close",Lf={close:Sf};var qo={};P(qo,{close:()=>Mf,default:()=>Ff});var Mf="Close",Ff={close:Mf};var Uo={};P(Uo,{close:()=>Bf,default:()=>Hf});var Bf="Cerrar",Hf={close:Bf};var Ko={};P(Ko,{close:()=>Df,default:()=>Vf});var Df="Sulje",Vf={close:Df};var Go={};P(Go,{close:()=>Of,default:()=>Ef});var Of="Fermer",Ef={close:Of};var Wo={};P(Wo,{close:()=>Af,default:()=>jf});var Af="Fermer",jf={close:Af};var Xo={};P(Xo,{close:()=>qf,default:()=>Uf});var qf="\u05E1\u05D2\u05D9\u05E8\u05D4",Uf={close:qf};var Zo={};P(Zo,{close:()=>Kf,default:()=>Gf});var Kf="Zatvori",Gf={close:Kf};var Yo={};P(Yo,{close:()=>Wf,default:()=>Xf});var Wf="Tutup",Xf={close:Wf};var Qo={};P(Qo,{close:()=>Zf,default:()=>Yf});var Zf="Chiudi",Yf={close:Zf};var $o={};P($o,{close:()=>Qf,default:()=>$f});var Qf="\u9589\u3058\u308B",$f={close:Qf};var Jo={};P(Jo,{close:()=>Jf,default:()=>ey});var Jf="\uB2EB\uAE30",ey={close:Jf};var et={};P(et,{close:()=>ry,default:()=>oy});var ry="Tutup",oy={close:ry};var rt={};P(rt,{close:()=>ty,default:()=>ay});var ty="Lukk",ay={close:ty};var ot={};P(ot,{close:()=>sy,default:()=>iy});var sy="Sluit",iy={close:sy};var tt={};P(tt,{close:()=>ny,default:()=>ly});var ny="Zamknij",ly={close:ny};var at={};P(at,{close:()=>py,default:()=>cy});var py="Fechar",cy={close:py};var st={};P(st,{close:()=>dy,default:()=>my});var dy="Fechar",my={close:dy};var it={};P(it,{close:()=>uy,default:()=>fy});var uy="\u0417\u0430\u043A\u0440\u044B\u0442\u044C",fy={close:uy};var nt={};P(nt,{close:()=>yy,default:()=>by});var yy="Zavrie\u0165",by={close:yy};var lt={};P(lt,{close:()=>vy,default:()=>gy});var vy="Zapri",gy={close:vy};var pt={};P(pt,{close:()=>hy,default:()=>_y});var hy="St\xE4ng",_y={close:hy};var ct={};P(ct,{close:()=>xy,default:()=>Cy});var xy="\u0E1B\u0E34\u0E14",Cy={close:xy};var dt={};P(dt,{close:()=>zy,default:()=>Py});var zy="Kapat",Py={close:zy};var mt={};P(mt,{close:()=>ky,default:()=>Ry});var ky="\u0417\u0430\u043A\u0440\u0438\u0442\u0438",Ry={close:ky};var ut={};P(ut,{close:()=>wy,default:()=>Ny});var wy="\u5173\u95ED",Ny={close:wy};var ft={};P(ft,{close:()=>Iy,default:()=>Ty});var Iy="\u95DC\u9589",Ty={close:Iy};var Sy=[Ho,Do,Vo,Oo,Eo,Ao,jo,qo,Uo,Ko,Go,Wo,Xo,Zo,Yo,Qo,$o,Jo,et,rt,ot,tt,at,st,it,nt,lt,pt,ct,dt,mt,ut,ft],W=Sy;var tn=f({defaultClassName:"_1nsi9h17",variantClassNames:{isFocusVisible:{true:"_1nsi9h18"},variant:{pinned:"_1nsi9h19",floating:"_1nsi9h1a"}},defaultVariants:{},compoundVariants:[]}),an="_1nsi9h1b",sn=f({defaultClassName:"_1nsi9h10",variantClassNames:{size:{xs:"_1nsi9h11",sm:"_1nsi9h12",md:"_1nsi9h13",lg:"_1nsi9h14"},variant:{floating:"_1nsi9h15",pinned:"_1nsi9h16"}},defaultVariants:{},compoundVariants:[]}),nn="_1nsi9h1c";import{jsx as Ee,jsxs as yt}from"react/jsx-runtime";var Gy={style:"decimal"},Wy={xs:[Vy,Oy],sm:[Ey,Ay],md:[jy,qy],lg:[Uy,Ky]},dn=ln.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}=By(),c=q(W),u={...p,formatOptions:Gy,minValue:r,incrementAriaLabel:s||c.formatMessage("nextPage"),decrementAriaLabel:t||c.formatMessage("prevPage"),defaultValue:o,"aria-label":i||c.formatMessage("goToPage")},y=ln.useRef(null),b=Dy({...u,locale:m}),{inputProps:v,decrementButtonProps:g,incrementButtonProps:h,groupProps:_}=Hy({...u,onKeyDown:R=>{R.key==="Enter"&&y.current?.blur(),p.onKeyDown?.(R)}},b,y),{hoverProps:z,isHovered:k}=Fy({}),{focusProps:I,isFocused:F,isFocusVisible:x}=My(),O=l==="floating",[w,L]=Wy[n],N=Ly({"data-focus-visible":x,"data-focused":F,"data-hovered":k,"data-blockid":p["data-blockid"]});return yt("div",{...cn(_,z,N),className:pn(sn({size:n,variant:l}),"BaselineUI-Pagination",e),style:a,ref:d,children:[Ee(T,{icon:w,...g,elementType:"div",size:n,style:{height:"100%",...O&&{borderRadius:0}},className:"BaselineUI-Pagination-DecrementButton"}),l==="floating"&&Ee(A,{orientation:"vertical"}),yt("div",{className:tn({isFocusVisible:x,variant:l}),"aria-label":c.formatMessage("pageXofY",{arg0:v.value,arg1:b.maxValue}),children:[Ee("input",{...cn(v,I),ref:y,className:pn("BaselineUI-Pagination-Input",an),style:{width:`${v.value?.toString().length||1}ch`}}),yt("span",{className:nn,children:["/ ",Ee(De,{value:b.maxValue})]})]}),l==="floating"&&Ee(A,{orientation:"vertical"}),Ee(T,{icon:L,...h,elementType:"div",size:n,style:{height:"100%",...O&&{borderRadius:0}},className:"BaselineUI-Pagination-IncrementButton"})]})});dn.displayName="Pagination";import{useNumberFormatter as nR,useDateFormatter as lR,useCollator as pR}from"react-aria";import{useDateFormatter as Xy}from"react-aria";import{Fragment as Zy,jsx as Yy}from"react/jsx-runtime";var mn=({date:e,...a})=>{let r=Xy(a);return Yy(Zy,{children:r.format(e)})};mn.displayName="DateFormat";import lb from"react";import{Item as pb}from"react-stately";import{XIcon as Qy}from"@baseline-ui/icons/12";import{CheckmarkIcon as $y}from"@baseline-ui/icons/16";import{classNames as Jy}from"@baseline-ui/utils";import{mergeRefs as eb}from"@react-aria/utils";import Er from"react";import{mergeProps as vn,useButton as rb,useFocusRing as ob,useHover as gn,useTag as tb,useTagGroup as ab}from"react-aria";import{useListState as sb}from"react-stately";var un=f({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"]]}),fn="_1f789qjj",yn="_1f789qj0",bn=f({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 ze,jsxs as nb}from"react/jsx-runtime";var ib=({item:e,state:a,variant:r="neutral"})=>{let o=Er.useRef(null),{focusProps:s,isFocusVisible:t}=ob({within:!0}),{rowProps:i,gridCellProps:n,removeButtonProps:l,allowsRemoving:p,isDisabled:d,isSelected:m,allowsSelection:c}=tb({item:e},a,o),u=Er.useRef(null),{buttonProps:y}=rb(l,u),{hoverProps:b,isHovered:v}=gn({isDisabled:d}),{hoverProps:g,isHovered:h}=gn({isDisabled:d}),_=e.value?.icon,z=e.value?.variant??r;return ze("div",{...vn(i,s,g),ref:o,className:un({isFocusVisible:t,variant:z,isDisabled:d,allowsRemoving:p,isSelected:m,allowsSelection:c,isHovered:h}),children:nb("div",{...n,className:fn,children:[m&&ze($y,{size:16}),!m&&_&&ze(_,{size:16}),e.rendered,p&&ze("button",{...vn(y,b),className:bn({variant:z,isHovered:v}),children:ze(Qy,{})})]})})},bt=Er.forwardRef(({className:e,style:a,...r},o)=>{let s=Er.useRef(null),t=sb(r),{gridProps:i}=ab(r,t,s);return ze("div",{...i,className:Jy(yn,e),style:a,ref:eb(o,s),children:[...t.collection].map(n=>ze(ib,{state:t,item:n,variant:r.variant},n.key))})});bt.displayName="TagGroupBase";import{jsx as hn}from"react/jsx-runtime";var _n=lb.forwardRef(({items:e,...a},r)=>hn(bt,{...a,items:e,ref:r,children:o=>hn(pb,{children:o.label})}));_n.displayName="TagGroup";import ar,{useEffect as In}from"react";import{FocusScope as fb}from"react-aria";import{classNames as cb}from"@baseline-ui/utils";import{getOwnerDocument as db}from"@react-aria/utils";import vt,{useContext as Nn}from"react";import{useKeyboard as mb}from"react-aria";var xn="_1yep5z6j2",Cn=f({defaultClassName:"_1kvz17db _1yep5z6ip _1yep5z6ir",variantClassNames:{showActionsOnTriggerOnly:{true:"_1kvz17dc"},isTriggered:{true:"_1kvz17dd"}},defaultVariants:{},compoundVariants:[]}),zn=f({defaultClassName:"_1kvz17d0 _1yep5z64u _1yep5z64v _1yep5z64w _1yep5z676 _1yep5z677 _1yep5z678 _1yep5z68c _1yep5z68d _1yep5z68e _1yep5z660 _1yep5z661 _1yep5z662 _1yep5z6ip _1yep5z6iq",variantClassNames:{isExpanded:{true:"_1kvz17d1"}},defaultVariants:{},compoundVariants:[]}),Pn="_1yep5z6d3 _1yep5z6c6",kn=f({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:[]}),Rn="_1kvz17da _1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z6c7",wn=f({defaultClassName:"_1kvz17d7 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0",variantClassNames:{isDisabled:{true:"_1yep5z6d6",false:"_1yep5z6d2"}},defaultVariants:{},compoundVariants:[]});import{jsx as ub}from"react/jsx-runtime";var gt=vt.forwardRef(({children:e,className:a,style:r},o)=>{let{headers:s}=Nn(be),{disabledKeys:t}=Nn(be),{keyboardProps:i}=mb({onKeyDown:n=>{let l=db(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()},u=y=>{let b=s.get((y+1)%m);t?.has(b?.current?.getAttribute("data-key")||"")?u(y+1):b?.current?.focus()};if(d)switch(n.key){case"Home":{n.preventDefault(),u(-1);break}case"End":{n.preventDefault(),c(m);break}case"ArrowDown":{n.preventDefault(),u(p);break}case"ArrowUp":{n.preventDefault(),c(p);break}default:n.continuePropagation()}}});return ub("div",{...i,style:r,className:cb(xn,a),ref:o,children:vt.Children.map(e,(n,l)=>vt.cloneElement(n,{index:l}))})});gt.displayName="AccordionBase";import{jsx as ht}from"react/jsx-runtime";var be=ar.createContext({expandedKeys:new Set,setExpandedKeys:()=>{},disabledKeys:new Set,headers:new Map,expansionMode:"multiple"}),Tn=ar.forwardRef(({children:e,disabledKeys:a,defaultExpandedKeys:r=new Set,expandedKeys:o,expansionMode:s="multiple",onChange:t,className:i,style:n},l)=>{let[p,d]=ar.useState(r),m=ar.useRef(new Map).current,[c,u]=ar.useState(s);return In(()=>{u(c)},[c]),In(()=>{t?.(p)},[p,t]),ht(be.Provider,{value:{expandedKeys:o||p,setExpandedKeys:o?()=>{}:d,disabledKeys:a,headers:m,expansionMode:c},children:ht(fb,{children:ht(gt,{className:i,style:n,ref:l,children:e})})})});Tn.displayName="Accordion";import{animated as zb,useReducedMotion as Pb,useTransition as kb}from"@react-spring/web";import Hn,{useContext as Rb}from"react";import{FocusScope as wb,useId as Dn}from"react-aria";import{ChevronRightIcon as yb}from"@baseline-ui/icons/8";import{invariant as Sn}from"@baseline-ui/utils";import Ln,{useContext as bb,useEffect as vb}from"react";import{mergeProps as Mn,useButton as gb,useFocusManager as hb,useFocusRing as Fn,useHover as _b,useKeyboard as xb,usePress as Cb}from"react-aria";import{jsx as sr,jsxs as Bn}from"react/jsx-runtime";var _t=Ln.forwardRef(({title:e,actions:a,controlId:r,value:o,id:s,index:t,subLabel:i,showActionsOnTriggerOnly:n},l)=>{let p=Ln.useRef(null),{expandedKeys:d,setExpandedKeys:m,expansionMode:c,disabledKeys:u,headers:y}=bb(be),b=u?.has(o),v=hb();Sn(v);let{focusNext:g,focusPrevious:h}=v,{keyboardProps:_}=xb({onKeyDown:E=>{E.key==="ArrowRight"?g({wrap:!0}):E.key==="ArrowLeft"?h({wrap:!0}):E.continuePropagation()},isDisabled:b});vb(()=>{Sn(typeof t=="number","AccordionItem must have an index"),y?.set(t,p)},[t,y]);let z=()=>{m(E=>{let D=new Set(E);return D.has(o)?D.delete(o):(c==="single"&&D.clear(),D.add(o)),D})},{buttonProps:k}=gb({"aria-expanded":d.has(o),"aria-controls":r,onPress:z,isDisabled:b},p),{pressProps:I}=Cb({onPress:z,isDisabled:b}),{focusProps:F,isFocusVisible:x}=Fn(),{hoverProps:O,isHovered:w}=_b({isDisabled:b}),{focusProps:L,isFocusVisible:N}=Fn({within:!0}),R=d.has(o);return Bn("h3",{...Mn(_,I,O,L),className:kn({isFocusVisible:x,isHovered:w,isDisabled:b}),ref:l,children:[Bn("div",{className:wn({isDisabled:!!b}),children:[sr(yb,{className:zn({isExpanded:R}),size:8}),sr("button",{...Mn(k,F),id:s,"data-key":o,className:Rn,ref:p,children:e})]}),a?.length&&sr("div",{"data-testid":"action-buttons",className:Cn({showActionsOnTriggerOnly:n,isTriggered:N||w}),children:a.map((E,D)=>sr(T,{variant:"secondary",size:"sm",excludeFromTabOrder:!0,isDisabled:b,...E},D))}),i&&sr("div",{className:Pn,children:i})]})});_t.displayName="AccordionHeader";import{Fragment as Nb,jsx as Ar,jsxs as Ib}from"react/jsx-runtime";var Vn=Hn.forwardRef(({title:e,actions:a,children:r,value:o,index:s,subLabel:t,style:i,className:n,showActionsOnTriggerOnly:l},p)=>{let d=Dn(),m=Dn(),{expandedKeys:c}=Rb(be),u=Hn.useRef(null),y=c.has(o),b=Oe(),v=Pb(),g=kb(y?[o]:[],{from:!b&&!v&&{height:0,opacity:0},enter:()=>async h=>{await h({height:u.current?.scrollHeight,opacity:1})},leave:{height:0,opacity:0},keys:h=>h});return Ib(Nb,{children:[Ar(wb,{children:Ar(_t,{value:o,actions:a,id:m,title:e,controlId:d,ref:p,index:s,subLabel:t,showActionsOnTriggerOnly:l})}),g(h=>Ar(zb.div,{role:"region","aria-labelledby":m,id:d,style:{...h,overflow:"hidden"},children:Ar("div",{ref:u,className:n,style:i,children:r})}))]})});Vn.displayName="AccordionItem";import jb from"react";import{Item as jn,Section as qb}from"react-stately";import{classNames as Ct}from"@baseline-ui/utils";import An from"react";import{HiddenSelect as Vb,useSelect as Ob}from"react-aria";import{useSelectState as Eb}from"react-stately";import{ChevronDownIcon as Tb}from"@baseline-ui/icons/8";import{classNames as On,filterTruthyValues as Sb}from"@baseline-ui/utils";import{mergeRefs as Lb}from"@react-aria/utils";import En from"react";import{mergeProps as Mb,useButton as Fb,useFocusRing as Bb,useHover as Hb}from"react-aria";import{jsx as jr,jsxs as Db}from"react/jsx-runtime";var xt=En.forwardRef(({variant:e,isOpen:a,validationState:r="valid",...o},s)=>{let t=En.useRef(null),{buttonProps:i,isPressed:n}=Fb({...o,isDisabled:o.isDisabled||o.isReadOnly},t),{hoverProps:l,isHovered:p}=Hb({isDisabled:o.isDisabled}),{focusProps:d,isFocused:m,isFocusVisible:c}=Bb(),u=Sr({isReadOnly:o.isReadOnly,validationState:r});o.isReadOnly&&(i.disabled=!1);let y=Sb({"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 Db("button",{...Mb(i,l,d,y),ref:Lb(s,t),className:On(rs({isFocused:c,isDisabled:o.isDisabled}),Me({variant:e,isHovered:p,isFocused:c,validationState:r,isDisabled:!!o.isDisabled,isReadOnly:o.isReadOnly}),"BaselineUI-Select-Button"),children:[o.children,u&&jr("span",{"aria-hidden":!0,className:On(Le({validationState:r,isReadOnly:!!o.isReadOnly}),ts),children:jr(u,{size:16})}),jr("span",{"aria-hidden":!0,children:jr(Tb,{size:8,className:es({isOpen:a})})})]})});xt.displayName="SelectButton";import{Fragment as Ab,jsx as Pe,jsxs as qr}from"react/jsx-runtime";var zt=An.forwardRef(({className:e,style:a,labelPosition:r="top",variant:o="primary","data-blockid":s,...t},i)=>{let n=An.useRef(null),l=Eb({...t,validationState:t.validationState==="error"?"invalid":"valid"}),{labelProps:p,triggerProps:d,valueProps:m,menuProps:c,descriptionProps:u,errorMessageProps:y}=Ob({...t,validationState:t.validationState==="error"?"invalid":"valid"},l,n),b=me({...t,descriptionProps:u,errorMessageProps:y,labelPosition:r}),v=l.selectedItem?.value,g=v&&"icon"in v&&v.icon;return qr(Ab,{children:[qr("div",{style:a,className:Ct(de({labelPosition:r}),"BaselineUI-Select",e),"data-blockid":s,ref:i,children:[(t.label||b)&&qr("div",{className:ce({labelPosition:r,hasMessage:!!b}),children:[t.label&&Pe("div",{...p,className:Ct(pe,"BaselineUI-Select-Label"),children:t.label}),r==="start"&&b]}),Pe(Vb,{state:l,triggerRef:n,isDisabled:t.isDisabled,label:t.label,name:t.name}),Pe(xt,{...d,isOpen:l.isOpen,variant:o,validationState:t.validationState,ref:n,isReadOnly:t.isReadOnly,children:qr("span",{className:as,children:[g&&Pe(g,{size:24}),Pe("span",{...m,children:v?"label"in v&&v?.label:t.placeholder})]})}),r==="top"&&b]}),l.isOpen&&Pe(ae,{offset:2,state:l,triggerRef:n,style:a,className:Ct(Rr,"BaselineUI-Select-Popover"),...t,children:Pe(le,{...c,label:t.label,items:t.items,UNSAFE_state:l,showSelectedIcon:t.showSelectedIcon,className:os})})]})});zt.displayName="SelectBase";import{jsx as Ur}from"react/jsx-runtime";var Kr=jb.forwardRef((e,a)=>Ur(zt,{...e,ref:a,children:r=>r.type==="section"?Ur(qb,{items:r.children,title:r.id,children:o=>Ur(jn,{children:o.label},o.id)},r.id):Ur(jn,{textValue:r.label,children:r.label},r.id)}));Kr.displayName="Select";import{AvatarIcon as Ub}from"@baseline-ui/icons/16";import{AvatarIcon as Kb}from"@baseline-ui/icons/24";import Gb from"react";import{classNames as Wb}from"@baseline-ui/utils";var qn="_1017q4c5",Un=f({defaultClassName:"_1017q4c0",variantClassNames:{size:{md:"_1017q4c1",sm:"_1017q4c2"},isDisabled:{true:"_1017q4c3"}},defaultVariants:{},compoundVariants:[]}),Kn="_1017q4c4";import{jsx as Pt,jsxs as Zb}from"react/jsx-runtime";var Xb={sm:Ub,md:Kb},Gn=Gb.forwardRef(({className:e,style:a,size:r="md",icon:o=Xb[r],name:s,imgSrc:t,showInitials:i,isDisabled:n,hasNotifications:l,imgLoading:p,"data-blockid":d},m)=>{let{imgProps:c}=Br({src:t,alt:s}),u=s?.split(" ").map(y=>y[0]).join("");return Zb("span",{className:Wb(Un({size:r,isDisabled:n}),"BaselineUI-Avatar",e),"data-disabled":n,ref:m,style:a,"aria-disabled":n,"data-blockid":d,children:[t&&Pt("img",{...c,loading:p,className:Kn}),!i&&!t&&Pt(o,{size:r==="sm"?16:24}),i&&!t&&(r==="sm"?u[0]:u),l&&Pt("div",{"data-testid":"notification",className:qn})]})});Gn.displayName="Avatar";import Nt,{useMemo as dv}from"react";import{Item as mv}from"react-stately";import{XIcon as ov}from"@baseline-ui/icons/8";import{classNames as Gr,filterTruthyValues as tv,invariant as el}from"@baseline-ui/utils";import kt from"react";import{mergeProps as av,useFocusRing as sv,useHover as iv,useKeyboard as nv,useTab as lv,useTabList as pv}from"react-aria";import{useTabListState as cv}from"react-stately";var Wn="_1x62fhbj",Xn=f({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"]]}),Zn=f({defaultClassName:"_1x62fhb3 z9nup82",variantClassNames:{variant:{primary:"_1x62fhb4",ghost:"_1x62fhb5"}},defaultVariants:{},compoundVariants:[]}),Yn="_1x62fhbk",Qn="_1x62fhbl",$n=f({defaultClassName:"_1x62fhb0 z9nup82",variantClassNames:{variant:{primary:"_1x62fhb1",ghost:"_1x62fhb2"}},defaultVariants:{},compoundVariants:[]});import{classNames as Yb}from"@baseline-ui/utils";import Qb from"react";import{mergeProps as $b,useFocusRing as Jb,useTabPanel as ev}from"react-aria";import{jsx as rv}from"react/jsx-runtime";var Jn=({state:e,...a})=>{let r=Qb.useRef(null),{tabPanelProps:o}=ev(a,e,r),{selectedItem:s}=e,{focusProps:t,isFocusVisible:i}=Jb();if(!s?.value)return null;let{className:n,style:l,"data-blockid":p}=s.value;return rv("div",{...$b(o,t),ref:r,className:Yb({[Qn]:i},"Baseline-Tabs-TabPanel",n),"data-blockid":p,style:l,children:s?.props.children})};import{jsx as ke,jsxs as Rt}from"react/jsx-runtime";var wt=kt.forwardRef(({className:e,style:a,tabHeaderStyle:r,tabHeaderClassName:o,variant:s="primary",actions:t,onRemove:i,"data-blockid":n,...l},p)=>{let d=cv({...l,selectedKey:l.selectedValue,defaultSelectedKey:l.defaultSelectedValue,disabledKeys:l.disabledValues}),m=kt.useRef(null),{tabListProps:c}=pv({...l,selectedKey:l.selectedValue,defaultSelectedKey:l.defaultSelectedValue,disabledKeys:l.disabledValues},d,m);return Rt("div",{className:Gr("BaselineUI-Tabs",e),style:a,ref:p,"data-blockid":n,children:[Rt("div",{className:Gr($n({variant:s}),o),style:r,children:[ke("div",{...c,className:Zn({variant:s}),ref:m,children:[...d.collection].map(u=>(el(u.value,"TabItem requires a value prop"),ke(rl,{item:u,state:d,onRemove:i,variant:s},u.key)))}),t?.map((u,y)=>ke("div",{className:Wn,children:ke(T,{...u,variant:"secondary",size:"sm",className:Gr(Yn,u.className)})},y))]}),ke(Jn,{state:d},d.selectedItem?.key)]})});wt.displayName="TabsBase";var rl=({item:e,onRemove:a,state:r,variant:o})=>{let{key:s,value:t}=e,i=kt.useRef(null),{tabProps:n,isSelected:l,isDisabled:p}=lv({key:s},r,i),{hoverProps:d,isHovered:m}=iv({});el(t,"TabButton requires a value prop");let{title:c,icon:u,titleStyle:y,titleClassName:b}=t,{focusProps:v,isFocusVisible:g,isFocused:h}=sv(),{keyboardProps:_}=nv({onKeyDown:k=>{k.key==="Backspace"&&a?a(s):k.continuePropagation()}}),z=tv({"data-selected":l,"data-disabled":p,"data-focused":h,"data-hovered":m,"data-focus-visible":g});return Rt("div",{...av(_,n,d,v,z),className:Gr(Xn({isHovered:m,isSelected:l,isFocusVisible:g,isDisabled:p,variant:o}),"BaselineUI-Tabs-TabButton",b),style:y,ref:i,children:[u&&ke(u,{size:20}),c,a&&ke(T,{variant:"secondary",elementType:"div",icon:ov,size:"xxs",onPress:()=>a(s),excludeFromTabOrder:!0,UNSAFE_NON_INTERACTIVE:!0,style:{display:"inline-flex",color:"inherit",opacity:l||h||m?1:0}})]})};rl.displayName="TabButton";import{jsx as ol}from"react/jsx-runtime";var tl=Nt.forwardRef(({children:e,...a},r)=>{let o=dv(()=>Nt.Children.map(e,s=>!s||!Nt.isValidElement(s)||typeof s.type=="string"?null:{...s.props,id:s.props.value}).filter(Boolean),[e]);return ol(wt,{...a,ref:r,items:o,children:s=>ol(mv,{title:s.title,children:s.children},s.key)})});tl.displayName="Tabs";import{invariant as It}from"@baseline-ui/utils";var al=({children:e,title:a,value:r})=>(It(r,"TabItem requires a value prop"),It(a,"TabItem requires a title prop"),It(e,"TabItem requires children"),e);al.displayName="TabItem";import{CheckFilledIcon as uv,CloseIcon as fv,ErrorAltFilledIcon as yv,InfoFilledIcon as bv,WarningFilledIcon as vv}from"@baseline-ui/icons/16";import{CheckFilledIcon as gv,ErrorAltFilledIcon as hv,InfoFilledIcon as _v,WarningFilledIcon as xv}from"@baseline-ui/icons/20";import Cv from"react";import{classNames as zv}from"@baseline-ui/utils";var sl=f({defaultClassName:"kfun6yw",variantClassNames:{arrangement:{single:"kfun6yx",multi:"kfun6yy",compact:"kfun6yz"}},defaultVariants:{},compoundVariants:[]}),il=f({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"]]}),nl=f({defaultClassName:"kfun6yt",variantClassNames:{size:{sm:"kfun6yu",md:"kfun6yv"}},defaultVariants:{},compoundVariants:[]}),ll=f({defaultClassName:"kfun6yp",variantClassNames:{arrangement:{single:"kfun6yq",multi:"kfun6yr",compact:"kfun6ys"}},defaultVariants:{},compoundVariants:[]}),pl=f({defaultClassName:"kfun6yk",variantClassNames:{variant:{info:"kfun6yl",warning:"kfun6ym",error:"kfun6yn",success:"kfun6yo"}},defaultVariants:{},compoundVariants:[]}),cl=f({defaultClassName:"kfun6yh",variantClassNames:{size:{sm:"kfun6yi",md:"kfun6yj"}},defaultVariants:{},compoundVariants:[]}),dl=f({defaultClassName:"kfun6yd z9nup82",variantClassNames:{arrangement:{single:"kfun6ye",multi:"kfun6yf",compact:"kfun6yg"}},defaultVariants:{},compoundVariants:[]});import{jsx as ir,jsxs as Wr}from"react/jsx-runtime";var Pv={error:{sm:yv,md:hv},info:{sm:bv,md:_v},success:{sm:uv,md:gv},warning:{sm:vv,md:xv}},ml=Cv.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=q(W),c=r&&ir(Z,{variant:n==="compact"?"tertiary":"ghost",label:r,onPress:o}),u=Pv[t][p];return Wr("div",{className:zv(il({variant:t,arrangement:n,hasButton:!!r||!!l,hasCloseButton:!!l}),e),style:s,role:"alert",ref:d,children:[Wr("div",{className:dl({arrangement:n}),children:[ir(u,{className:pl({variant:t}),size:16}),Wr("div",{className:sl({arrangement:n}),children:[ir("h3",{className:cl({size:p}),children:i}),ir("section",{className:nl({size:p}),children:a})]}),n==="compact"&&c]}),Wr("div",{className:ll({arrangement:n}),children:[n!=="compact"&&c,l&&ir(T,{variant:"secondary",icon:fv,size:"sm",onPress:l,"aria-label":m.formatMessage("close")})]})]})});ml.displayName="InlineAlert";import{classNames as kv}from"@baseline-ui/utils";import{mergeRefs as Rv}from"@react-aria/utils";import Tt from"react";import{useDialog as wv}from"react-aria";var ul=f({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 fl}from"react/jsx-runtime";var St=Tt.createContext({titleProps:{}}),Xr=Tt.forwardRef(({children:e,className:a,style:r,size:o="md",variant:s="primary",...t},i)=>{let n=Tt.useRef(null),{dialogProps:l,titleProps:p}=wv(t,n);return fl(St.Provider,{value:{titleProps:p},children:fl("div",{...l,ref:Rv(n,i),style:r,className:kv(ul({size:o,variant:s}),a),children:e})})});Xr.displayName="Dialog";import{Slot as Nv}from"@radix-ui/react-slot";import yl,{useContext as Iv}from"react";import{jsx as Tv}from"react/jsx-runtime";var bl=yl.forwardRef(({children:e,className:a,style:r},o)=>{let{titleProps:s}=Iv(St),t=yl.isValidElement(e)?Nv:"h3";return Tv(t,{...s,ref:o,className:a,style:r,children:e})});bl.displayName="DialogTitle";import{sprinkles as xg}from"@baseline-ui/tokens";import{parseColor as Cg}from"@react-stately/color";import ro,{useCallback as zg,useMemo as qt}from"react";import{classNames as Ut}from"@baseline-ui/utils";import{VisuallyHidden as Pg,mergeProps as kg,useId as Rg,useOverlayTrigger as wg}from"react-aria";import{useOverlayTriggerState as Ng}from"react-stately";import{MinusIcon as Dv,PlusIcon as Vv}from"@baseline-ui/icons/20";import{sprinkles as Ov}from"@baseline-ui/tokens";import{classNames as Hl,invariant as Ev}from"@baseline-ui/utils";import Av,{useCallback as jv,useEffect as qv}from"react";import{parseColor as Uv}from"@react-stately/color";import{useId as Kv}from"react-aria";var vl="_1dbkl5q",gl="_1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gg _1yep5z6gh _1yep5z6gi _1yep5z69l _1yep5z69m _1yep5z69n _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hy _1yep5z6hz _1yep5z6i0",hl=f({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:[]}),_l=f({defaultClassName:"_1dbkl50 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6c6 _1yep5z6d3",variantClassNames:{labelPosition:{top:"_1yep5z6lx _1yep5z6ly _1yep5z6lz",start:"_1dbkl52"}},defaultVariants:{},compoundVariants:[]}),Zr="_1dbkl5o _1yep5z6gd _1yep5z6ge _1yep5z6gf _1yep5z69f _1yep5z69g _1yep5z69h",xl="_1dbkl5a z9nup87",Yr="_1dbkl5p _1yep5z6ao _1yep5z6aw _1yep5z6b4 _1yep5z6bc _1yep5z6fs _1yep5z6ft _1yep5z6fu",Cl=f({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:[]}),zl="_1dbkl5n _1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z63o _1yep5z63p _1yep5z63q _1yep5z61c _1yep5z61d _1yep5z61e _1yep5z6j5",Qr="_1dbkl5i _1yep5z6ao _1yep5z6aw _1yep5z6b4 _1yep5z6bc _1yep5z6iv _1yep5z6iw _1yep5z6iy _1yep5z6ix _1yep5z6fv _1yep5z6fw _1yep5z6fx _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hs _1yep5z6ht _1yep5z6hu",Pl="_1yep5z63r _1yep5z63s _1yep5z63t _1yep5z619 _1yep5z61a _1yep5z61b _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gg _1yep5z6gh _1yep5z6gi _1yep5z6hy _1yep5z6hz _1yep5z6i0 _1yep5z6c6 _1yep5z6d3 _1yep5z69l _1yep5z69m _1yep5z69n _1yep5z6gy _1yep5z6gz _1yep5z6h0",kl=f({defaultClassName:"_1dbkl5k _1yep5z63 _1yep5z64 _1yep5z65 _1yep5z62f _1yep5z62g _1yep5z62h _1yep5z6e0",variantClassNames:{includesCustomColorPicker:{true:"_1yep5z6kl _1yep5z6km _1yep5z6kn"}},defaultVariants:{},compoundVariants:[]}),Lt="_1dbkl5z _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gg _1yep5z6gh _1yep5z6gi",Rl="_1dbkl53",wl=f({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"]]}),nr="_1dbkl5y",Nl="_1dbkl5j _1yep5z6aj _1yep5z6ar _1yep5z6az _1yep5z6b7 _1yep5z6bf",$r="_1dbkl5m _1yep5z69 _1yep5z6a _1yep5z6b _1yep5z62l _1yep5z62m _1yep5z62n _1yep5z63r _1yep5z63s _1yep5z63t _1yep5z61f _1yep5z61g _1yep5z61h _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gj _1yep5z6gk _1yep5z6gl _1yep5z69f _1yep5z69g _1yep5z69h",Mt="_1dbkl511",Il="_1dbkl510",Ft="_1yep5z69 _1yep5z6a _1yep5z6b _1yep5z62l _1yep5z62m _1yep5z62n _1yep5z63r _1yep5z63s _1yep5z63t _1yep5z61f _1yep5z61g _1yep5z61h _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gj _1yep5z6gk _1yep5z6gl _1yep5z69l _1yep5z69m _1yep5z69n",Jr=f({defaultClassName:"_1dbkl5r _1yep5z6ao _1yep5z6aw _1yep5z6b4 _1yep5z6bc _1yep5z6j9 _1yep5z6fv _1yep5z6fw _1yep5z6fx _1yep5z6je _1yep5z6jh",variantClassNames:{isFocusVisible:{true:"_1dbkl5s _1yep5z612o _1yep5z6z1 _1yep5z612q"}},defaultVariants:{},compoundVariants:[]}),Bt="z9nup84 z9nup86 _1yep5z6ao _1yep5z6aw _1yep5z6b4 _1yep5z6bc _1yep5z6iv _1yep5z6iw _1yep5z6iy _1yep5z6ix _1yep5z6fv _1yep5z6fw _1yep5z6fx";import{invariant as Hv}from"@baseline-ui/utils";import{parseColor as Ht}from"@react-stately/color";import{NoneIcon as Sv}from"@baseline-ui/icons/16";import{classNames as Tl}from"@baseline-ui/utils";import{parseColor as Lv}from"@react-stately/color";import{useHover as Mv}from"react-aria";import{Fragment as Fv,jsx as lr,jsxs as Bv}from"react/jsx-runtime";var Re=({color:e,isFocusVisible:a,isDisabled:r,isSelected:o,isPresentational:s})=>{let t=e&&e!==se&&Lv(e),i=t&&t.getChannelValue("alpha")===0,{hoverProps:n,isHovered:l}=Mv({isDisabled:r});return lr("div",{...n,className:Tl(Cl({removeBlendMode:!t,isFocusVisible:a,isDisabled:r,isSelected:o,isHovered:l&&!s&&!r}),{[Ye({size:"xs"})]:i}),children:t?Bv(Fv,{children:[lr("div",{className:Tl(Qr,Ye({size:"xs"}))}),lr("div",{className:Qr,style:{backgroundColor:i?void 0:t.toString("hexa")}})]}):lr("div",{className:Qr,children:lr(Sv,{size:14})})})};import{jsx as Sl}from"react/jsx-runtime";var Ll=[{id:"hex",label:"HEX"},{id:"rgb",label:"RGB"}],ie=Ht("#000000").toFormat("hsla"),V="hsla",pr="hexa";function Ae(e){return typeof e=="string"?Ht(e).toFormat(V):e?e.toFormat(V):null}function Ml(e,a){return e?.getChannelValue("alpha")?a?.toString(pr)===e.toString(pr):!a?.getChannelValue("alpha")}function Fl(e,a,r){return a?a.label:e?.getChannelValue("alpha")===0?r:e?.toString("rgba")}var se="NONE";function Bl(e,a){let r=a?.map(s=>({id:Ht(s.color).toString(pr),label:s.label}))||[],o={id:se,label:e};return[...r,o]}var eo=(e,{optionProps:a,isFocusVisible:r,isSelected:o},s)=>(Hv(e.value&&"label"in e.value,"Item must have label"),Sl("li",{...a,ref:s,"aria-label":e.value?.label||void 0,className:zl,children:Sl(Re,{color:e.value.id,isFocusVisible:r,isSelected:o})}));import{Fragment as Gv,jsx as cr,jsxs as Dt}from"react/jsx-runtime";var Dl=({color:e,setColor:a,storePickedColorKey:r,addColorButtonLabel:o,removeColorButtonLabel:s,customColorsLabel:t})=>{let[i,n]=si(r,[]),l=Av.useRef(null),p=jv(()=>{if(i.includes(e.toString(V))){l.current?.querySelector(`[data-key='${e.toString(V)}']`)?.classList.add(Mt);return}n([...i,e.toString(V)])},[i,e,n]);qv(()=>{let m=l.current;function c(u){u.animationName===Il&&u.target?.classList.remove(Mt)}return m?.addEventListener("animationend",c),()=>{m?.removeEventListener("animationend",c)}},[]);let d=Kv();return Dt(Gv,{children:[cr(A,{}),Dt("div",{className:Hl(Pl,"BaselineUI-ColorInput-CustomColors"),children:[cr("span",{id:d,children:t}),Dt("div",{children:[!!i.length&&i.includes(e.toString(V))&&cr(T,{variant:"secondary",size:"md",elementType:"div",icon:Dv,"aria-label":s,onPress:()=>{n(i.filter(m=>m!==e.toString(V)))}}),cr(T,{variant:"secondary",size:"md","aria-label":o,icon:Vv,onPress:p})]})]}),!!i.length&&cr(le,{items:i.map(m=>({id:m,label:m,description:m})),layout:"grid","aria-labelledby":d,className:Hl(Zr,$r,Ov.variants({paddingTop:"xs"}),"BaselineUI-ColorInput-CustomColorsListBox"),renderOption:eo,ref:l,autoFocus:!1,selectionMode:"single",selectedKeys:[e.toString(V)],onSelectionChange:m=>{Ev(m instanceof Set,"Key must be a set");let c=[...m][0];c&&a(Uv(c).toFormat(V))}})]})};import{classNames as Vl}from"@baseline-ui/utils";import{useColorField as Wv}from"@react-aria/color";import Xv,{useCallback as Zv}from"react";import{useColorFieldState as Yv}from"@react-stately/color";import{mergeProps as Qv,useFocusRing as $v,useHover as Jv,useLocale as Ol}from"react-aria";import{jsx as we,jsxs as ql}from"react/jsx-runtime";var El=({color:e,setColor:a,allowAlpha:r,...o})=>{let s=Yv({value:e,onChange:m=>{a(Ae(m)?.toFormat(V).withChannelValue("alpha",e.getChannelValue("alpha")??1)||ie)}}),t=Xv.useRef(null),{inputProps:i}=Wv({...o,"aria-label":"Hex"},s,t),{focusProps:n,isFocused:l}=$v({isTextInput:!0}),{hoverProps:p,isHovered:d}=Jv({});return ql("div",{className:Vl(Lt,"BaselineUI-ColorInput-FieldInput"),"data-color-mode":r?"hexa":"hex",children:[we("input",{...Qv(i,n,p),ref:t,className:wl({isFocused:l,isHovered:d,allowAlpha:r})}),r&&we(jl,{color:e,setColor:a})]})},Al=({color:e,setColor:a,allowAlpha:r})=>{let o=e.toFormat("rgba"),{locale:s}=Ol();return ql("div",{className:Vl(Lt,"BaselineUI-ColorInput-FieldInput"),"data-color-mode":r?"rgba":"rgb",children:[we(te,{"aria-label":e.getChannelName("red",s),value:o.getChannelValue("red"),showStepper:!1,className:nr,onChange:t=>{a(o.withChannelValue("red",t).toFormat(V))},step:1,minValue:0,maxValue:255}),we(te,{"aria-label":e.getChannelName("green",s),value:o.getChannelValue("green"),showStepper:!1,className:nr,onChange:t=>{a(o.withChannelValue("green",t).toFormat(V))},step:1,minValue:0,maxValue:255}),we(te,{"aria-label":e.getChannelName("blue",s),value:o.getChannelValue("blue"),showStepper:!1,className:nr,onChange:t=>{a(o.withChannelValue("blue",t).toFormat(V))},step:1,minValue:0,maxValue:255}),r&&we(jl,{color:e,setColor:a})]})},eg={style:"percent",maximumFractionDigits:0},jl=({color:e,setColor:a})=>{let{locale:r}=Ol(),o=Zv(s=>{a(e.withChannelValue("alpha",s))},[e,a]);return we(te,{"aria-label":e.getChannelName("alpha",r),value:e.getChannelValue("alpha"),formatOptions:eg,className:nr,showStepper:!1,onChange:o,minValue:0,maxValue:1})};import{classNames as Ul}from"@baseline-ui/utils";import{useColorArea as rg}from"@react-aria/color";import{useColorAreaState as og}from"@react-stately/color";import Vt,{useEffect as tg}from"react";import{useFocusRing as ag}from"react-aria";import{jsx as Ot,jsxs as Kl}from"react/jsx-runtime";var Gl=({value:e,...a})=>{let r=Vt.useRef(null),o=Vt.useRef(null),s=Vt.useRef(null),t=og({...a,value:e}),{colorAreaProps:i,gradientProps:n,xInputProps:l,yInputProps:p,thumbProps:d}=rg({...a,value:e,inputXRef:r,inputYRef:o,containerRef:s},t);tg(()=>{r.current?.focus()},[]);let{focusProps:m,isFocusVisible:c}=ag();return Kl("div",{ref:s,...i,className:Ul(vl,"BaselineUI-ColorInput-ColorArea"),children:[Ot("div",{...n,className:Rl}),Kl("div",{...d,className:Ul(Jr({isFocusVisible:c}),"BaselineUI-ColorInput-ColorAreaThumb"),style:{...d.style,transform:"translate(-50%, -50%)",backgroundColor:Ae(e)?.withChannelValue("alpha",1).toString("css")},children:[Ot("input",{ref:r,...l,...m}),Ot("input",{ref:o,...p,...m})]})]})};import{classNames as Wl}from"@baseline-ui/utils";import{useColorSlider as sg}from"@react-aria/color";import{useColorSliderState as ig}from"@react-stately/color";import Xl from"react";import{VisuallyHidden as ng,useFocusRing as lg,useLocale as pg}from"react-aria";import{jsx as je,jsxs as Zl}from"react/jsx-runtime";var Et=({channel:e,...a})=>{let{locale:r}=pg(),o=ig({...a,channel:e,locale:r}),s=Xl.useRef(null),t=Xl.useRef(null),{trackProps:i,thumbProps:n,inputProps:l}=sg({...a,channel:e,trackRef:s,inputRef:t,"aria-label":o.value.getChannelName(e,r)},o),{focusProps:p,isFocusVisible:d}=lg();return Zl("div",{className:Wl(Yr,{[Ye({size:"xs"})]:e==="alpha"},"BaselineUI-ColorInput-ColorSlider"),"data-channel":e,...i,ref:s,children:[e==="alpha"&&je("div",{className:Bt}),je("div",{className:Yr,style:i.style}),Zl("div",{className:Wl(Jr({isFocusVisible:d}),"BaselineUI-ColorInput-ColorSliderThumb"),...n,children:[je("div",{className:Bt,style:{backgroundColor:"#ffffff"}}),je("div",{style:{backgroundColor:o.getDisplayColor().toString("css"),height:8},className:Yr}),je(ng,{children:je("input",{ref:t,...l,...p})})]})]})};import{classNames as cg,invariant as dg}from"@baseline-ui/utils";import mg,{useCallback as ug}from"react";import{parseColor as fg}from"@react-stately/color";import{jsx as Yl}from"react/jsx-runtime";var At=mg.forwardRef(({setColor:e,color:a,triggerRef:r,autoFocus:o,presets:s,state:t},i)=>{let{formatMessage:n}=q(W),l=ug(p=>{if(p instanceof Set&&p.size){let d=[...p][0],m=s.find(c=>c.id===d);dg(m,"Preset not found"),e(m.id===se?null:fg(m.id).toFormat(V)),t.close()}},[t,s,e]);return Yl("div",{className:cg($r,"BaselineUI-ColorInput-Presets"),style:{minWidth:r.current?.offsetWidth},ref:i,children:Yl(le,{autoFocus:o,items:s,layout:"grid","aria-label":n("colorPresets"),className:Zr,renderOption:eo,selectionMode:"single",selectedKeys:[a?.toString(pr)||se],onSelectionChange:l})})});At.displayName="ColorPresetList";import{mergeRefs as yg}from"@react-aria/utils";import Ql from"react";import{mergeProps as bg,useButton as vg,useFocusRing as gg,useHover as hg}from"react-aria";import{jsx as _g}from"react/jsx-runtime";var jt=Ql.forwardRef((e,a)=>{let r=Ql.useRef(null),{hoverProps:o,isHovered:s}=hg({isDisabled:e.isDisabled}),{buttonProps:t}=vg(e,r),{isFocusVisible:i,focusProps:n}=gg();return _g("button",{...bg(t,o,n),className:hl({isHovered:s,isFocusVisible:i||e.isOpen,isDisabled:e.isDisabled,labelPosition:e.labelPosition}),ref:yg(a,r),children:e.children})});jt.displayName="ColorInputButton";import{Fragment as Kt,jsx as U,jsxs as ve}from"react/jsx-runtime";var $l=ro.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:u,removeColorButtonLabel:y,customColorsLabel:b,renderTriggerButton:v,"data-blockid":g,...h},_)=>{let z=ro.useRef(null),k=Ng(h),{triggerProps:I,overlayProps:F}=wg({type:"listbox"},k,z),[x,O]=ro.useState(Ae(c||p)),[w,L]=ro.useState("hex"),{formatMessage:N}=q(W),R=qt(()=>Bl(N("noColor"),s),[s,N]),E=qt(()=>R.find(M=>M.id===se?!x:x?Ml(x,Cg(M.id)):!1),[R,x]),D=Rg(),re=qt(()=>typeof i=="function"?i?.(x):i?Fl(x,E,N("transparent")):!1,[x,i,N,E]),Q=R.filter(M=>r||M.id!==se),K=zg(M=>{c||O(M),l?.(M?.toFormat("rgba")||null)},[c,l,O]);return ve(Kt,{children:[ve("div",{className:Ut({[gl]:t==="start"},"BaselineUI-ColorInput-Trigger",e),"data-blockid":g,style:a,ref:_,children:[h.label&&U("label",{id:D,className:_l({labelPosition:t}),children:h.label}),v?.({isOpen:k.isOpen,color:x,ref:z,colorName:re,triggerProps:I})||ve(jt,{...kg(I,{...h.label?{"aria-labelledby":D}:{"aria-label":h["aria-label"]}}),ref:z,isOpen:k.isOpen,isDisabled:h.isDisabled,labelPosition:t,children:[U(Re,{isPresentational:!0,color:x?.toString("hexa")}),i?U("div",{className:xl,children:re}):U(Pg,{children:re})]})]}),k.isOpen&&U(ae,{placement:t==="start"?"bottom end":"bottom start",state:k,offset:2,className:Ut(Nl,"BaselineUI-ColorInput-Popover"),triggerRef:z,overlayProps:F,children:ve(Xr,{size:"content",className:kl({includesCustomColorPicker:n}),"aria-labelledby":D,children:[n&&ve(Kt,{children:[U(Gl,{value:x||ie,xChannel:"saturation",yChannel:"lightness",onChange:K}),ve("div",{className:Ft,children:[U(Et,{channel:"hue",value:x||ie,onChange:K}),o&&U(Et,{channel:"alpha",value:x||ie,onChange:K})]}),ve("div",{className:Ut(Ft,xg.variants({paddingTop:"none",gap:"sm"})),children:[U(Kr,{label:N("colorFormat"),labelPosition:"start",variant:"ghost",items:Ll,selectedKey:w,onSelectionChange:M=>L(M)}),w==="hex"&&U(El,{color:x||ie,setColor:K,allowAlpha:o}),w==="rgb"&&U(Al,{color:x||ie,setColor:K,allowAlpha:o})]}),d&&U(Dl,{color:x||ie,setColor:K,storePickedColorKey:m,addColorButtonLabel:u||N("addColor"),removeColorButtonLabel:y||N("removeColor"),customColorsLabel:b||N("customColors")})]}),!!Q.length&&ve(Kt,{children:[n&&U(A,{}),U(At,{autoFocus:n?!1:"first",state:k,triggerRef:z,presets:Q,color:x,setColor:K})]})]})})]})});$l.displayName="ColorInput";import{RedoIcon as Lg,UndoIcon as Mg}from"@baseline-ui/icons/16";import{classNames as Gt,getSvgPathFromStroke as Fg,invariant as Bg}from"@baseline-ui/utils";import{clamp as ip,mergeRefs as Hg}from"@react-aria/utils";import{useGranularEffect as Dg}from"granular-hooks";import{getStroke as so}from"perfect-freehand";import qe,{useCallback as Wt}from"react";import{VisuallyHidden as Vg,mergeProps as Og,useFocusRing as Eg,useHover as Ag,useId as jg,useKeyboard as qg,useLabel as Ug}from"react-aria";var oo=f({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"]]}),Jl=f({defaultClassName:"mnnh5sh",variantClassNames:{isInline:{true:"mnnh5si",false:"mnnh5sj"}},defaultVariants:{},compoundVariants:[]}),ep="mnnh5sk",to=f({defaultClassName:"mnnh5sc",variantClassNames:{isInline:{true:"mnnh5sd",false:"mnnh5se"},isDisabled:{true:"mnnh5sf"},hasLoadedImage:{true:"mnnh5s0"}},defaultVariants:{},compoundVariants:[]});var rp=f({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"]]}),op="_1i0ytqa0",tp=f({defaultClassName:"_1i0ytqac",variantClassNames:{isInline:{false:"_1i0ytqad"},isDisabled:{true:"_1i0ytqae z9nup83"}},defaultVariants:{},compoundVariants:[]}),ap=f({defaultClassName:"_1i0ytqa1 z9nup82",variantClassNames:{isInline:{false:"_1i0ytqa2"}},defaultVariants:{},compoundVariants:[]});import Ig from"react";import{classNames as Tg}from"@baseline-ui/utils";var sp=f({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 Sg}from"react/jsx-runtime";var ao=Ig.forwardRef(({elementType:e="span",type:a="title",children:r,size:o="md",...s},t)=>Sg(e,{...s,className:Tg(sp({size:o,type:a}),"BaselineUI-Text",s.className),ref:t,children:r}));ao.displayName="Text";import{jsx as Y,jsxs as io}from"react/jsx-runtime";var Kg={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},np=qe.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:u,clearLabel:y,undoLabel:b,redoLabel:v,footerClassName:g,canvasRef:h,footerStyle:_,"data-blockid":z,description:k="This is a canvas for drawing using a mouse or touch input.",...I},F)=>{let x=q(W),O=qe.useRef(null),[w,L]=qe.useState(l?Gg(l):[]),N=qe.useRef((l?.length||0)-1),[R,E]=qe.useState(),D=jg(),{labelProps:re,fieldProps:Q}=Ug({...I,labelElementType:"span"}),{isFocusVisible:K,focusProps:M}=Eg({within:!0}),{hoverProps:$,isHovered:j}=Ag({isDisabled:c}),{undo:Ne,redo:J,canRedo:G,canUndo:he,push:ne}=oi(w,{onAction:C=>{C&&(L(C),N.current=C.length-1,p?.(C.map(X=>so(X,B))))},isDisabled:!d}),{keyboardProps:Ie}=qg({onKeyDown:C=>{C.key==="Backspace"?yr():C.key==="z"&&(C.metaKey||C.ctrlKey)&&(C.shiftKey?G&&J():he&&Ne())}}),B=qe.useMemo(()=>({...Kg,...I}),[I]),H=Wt(C=>{C.persist(),C.buttons===1&&(Bg(R,"svgCoordinates must be defined"),L(X=>{let _e=[...X];return _e[N.current]=[..._e[N.current],{x:s?ip(C.clientX-R.left,0,R.width):C.clientX-R.left,y:s?ip(C.clientY-R.top,0,R.height):C.clientY-R.top,pressure:C.pressure}],_e}))},[R,s]),uo=Wt(C=>{C.persist();let X=C.currentTarget.getBoundingClientRect();E(X),C.target.setPointerCapture(C.pointerId),N.current+=1,L(_e=>{let br=[..._e];return br[N.current]=[{x:C.clientX-X.x,y:C.clientY-X.y,pressure:C.pressure}],br})},[]),fr=Oe();Dg(()=>{fr||n?.(w.map(C=>so(C,B)))},[w],[n,B,fr]);let yr=()=>{L([]),N.current=-1,ne([])},fo=Wt(()=>{p?.(w.map(C=>so(C,B))),ne(w)},[w,p,B,ne]);return io("div",{ref:Hg(O,F),className:Gt(op,"BaselineUI-FreehandCanvas",e),style:a,"aria-disabled":c,"data-blockid":z,children:[(I.label||d)&&io("div",{className:ap({isInline:m}),children:[I.label?Y(ao,{type:"body",size:"sm",...re,children:I.label}):Y("span",{}),d&&io("div",{children:[Y(T,{variant:"secondary",size:"sm",isDisabled:!he||c,icon:Mg,onPress:Ne,"aria-label":b||x.formatMessage("undo")}),Y(T,{variant:"secondary",size:"sm",isDisabled:!G||c,icon:Lg,onPress:J,"aria-label":v||x.formatMessage("redo")})]})]}),io("div",{role:"application",...Og(M,Ie,$,Q),tabIndex:c?void 0:0,className:Gt(oo({isInline:m,isHovered:j}),rp({isFocusVisible:K,isInline:m,isDisabled:c}),r),"aria-describedby":I["aria-describedby"]||D,style:o,ref:h,children:[Y(Vg,{children:Y("div",{id:D,children:k})}),Y("svg",{width:o?.width||"100%",height:o?.height||"100%",onPointerDown:uo,onPointerMove:H,onPointerUp:fo,children:w.map((C,X)=>Y("path",{d:Fg(so(C,B)),stroke:i,strokeWidth:t},X))})]}),(u||y)&&Y("div",{style:_,className:Gt(tp({isInline:m,isDisabled:c}),g),children:(w.length||!u)&&y?Y(Z,{size:"sm",variant:"ghost",label:y,isDisabled:c,onPress:yr}):Y(Z,{size:"sm",variant:"ghost",label:u,isDisabled:!0})})]})});np.displayName="FreehandCanvas";var Gg=e=>e.map(a=>a.map(([r,o])=>({x:r,y:o,pressure:0})));import{getOwnerDocument as Yg,mergeRefs as Qg}from"@react-aria/utils";import $g,{useCallback as Xt,useEffect as Jg,useLayoutEffect as e1,useRef as Zt,useState as dr}from"react";import{createPortal as r1}from"react-dom";import{classNames as o1,getHTMLElement as t1}from"@baseline-ui/utils";import{useKeyboard as a1}from"react-aria";import{Draggable as s1,Resizable as i1,Rotatable as n1,Snappable as l1,makeMoveable as p1}from"react-moveable";var lp="_1vac7ws0",pp=f({defaultClassName:"_1vac7ws1",variantClassNames:{isDragging:{true:"_1vac7ws2"}},defaultVariants:{},compoundVariants:[]});import{useGranularEffect as cp}from"granular-hooks";import{useState as Wg}from"react";function dp(e,a){let[r,o]=Wg([]),s=()=>e?.flatMap(t=>[...a.querySelectorAll(t)]).map(t=>({current:t}));return cp(()=>{o(s())},[],[s]),cp(()=>{let t=s();o(t)},[e],[s]),r}import{useEffect as Xg}from"react";import{getHTMLElement as Zg}from"@baseline-ui/utils";function mp(e){let{scrollable:a,ownerDocument:r,onScroll:o}=e;Xg(()=>{let s=Zg(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 d1,jsx as up,jsxs as m1}from"react/jsx-runtime";var c1=p1([s1,i1,n1,l1]),fp=$g.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:u,onResizeEnd:y,onResize:b,onRotateStart:v,onRotateEnd:g,onRotate:h,onSnap:_,isSnappable:z,elementGuidelines:k,hideAnchorOnDrag:I=!0,title:F,rotationPosition:x,autoUpdate:O,bound:w,snapRotationDegrees:L,snapRotationThreshold:N,scrollableAncestor:R,renderDirections:E,stopPropagation:D,transformOrigin:re,preventDefault:Q},K)=>{let M=Zt(null),$=Zt(null),[j,Ne]=dr(document),J=Zt(j.createElement("div")),[G,he]=dr({}),[ne,Ie]=dr(!1),[B,H]=dr(!1),[uo,fr]=dr(),yr=dp(k,j);e1(()=>{let S=J.current;return J.current=j.createElement("div"),()=>{S.remove()}},[j]);let{keyboardProps:fo}=a1({onKeyDown:S=>{let oe=S.shiftKey?10:1,ee=S.metaKey||S.ctrlKey;ee&&S.shiftKey&&(oe=45);function xe(Ge,Gp="x"){ee?$.current?.request("rotatable",{deltaRotate:Ge*oe},!0):$.current?.request("draggable",Gp==="x"?{deltaX:Ge*oe}:{deltaY:Ge*oe},!0)}switch(S.key){case"ArrowRight":{xe(1);break}case"ArrowLeft":{xe(-1);break}case"ArrowUp":{xe(-1,"y");break}case"ArrowDown":xe(1,"y")}requestAnimationFrame(()=>{$.current?.updateRect()})}});Jg(()=>{let S=Yg(M.current);Ne(S);let oe=J.current;S.body.append(J.current);function ee(Ge){H(Ge.shiftKey)}function xe(){H(!1)}return S.addEventListener("keydown",ee),S.addEventListener("keyup",xe),()=>{S.removeEventListener("keydown",ee),S.removeEventListener("keyup",xe),oe.remove()}},[]),mp({scrollable:R,onScroll:()=>{$.current?.updateRect()},ownerDocument:j});let C=Xt(S=>{he(oe=>({...oe,...S.style})),i?.(S)},[i]),X=Xt(S=>{if(Ie(!0),M.current?.focus(),w){let ee=t1(w,j)?.getBoundingClientRect();fr({position:"client",left:ee?.left??0,top:ee?.top??0,right:ee?.right??0,bottom:ee?.bottom??0})}d?.(S)},[w,j,d]),_e=Xt(S=>{Ie(!1),m?.(S)},[m]),br=a({style:{...G.width&&{width:G.width},...G.height&&{height:G.height}}});return m1(d1,{children:[up("div",{role:"button",...fo,ref:Qg(M,K),style:{display:"inline-block",...t,...G},className:o1(lp,e),onDoubleClick:p,tabIndex:0,title:F,children:br}),r1(up(c1,{ref:$,target:M,draggable:s,resizable:o,rotatable:r,keepRatio:B,throttleDrag:1,snappable:z||!!w,elementGuidelines:yr,snapRenderThreshold:.9,className:pp({isDragging:ne&&I}),onRender:C,onDragStart:X,onDragEnd:_e,useResizeObserver:O,useMutationObserver:O,onRenderEnd:l,onDrag:c,onResizeStart:u,onResizeEnd:y,onResize:b,onRotateStart:v,onRotateEnd:g,onRotate:h,onRenderStart:n,onSnap:_,rotationPosition:x,bounds:uo,snapRotationDegrees:L,snapRotationThreshold:N,renderDirections:E,stopPropagation:D,preventDefault:Q,transformOrigin:re}),J.current)]})});fp.displayName="Transform";import{mergeRefs as x1}from"@react-aria/utils";import mr from"react";import{classNames as yp,filterTruthyValues as C1}from"@baseline-ui/utils";import{VisuallyHidden as z1,mergeProps as bp,useClipboard as P1,useDrop as k1,useField as R1,useFocusRing as w1,useHover as N1}from"react-aria";import{invariant as u1}from"@baseline-ui/utils";import{animated as f1,useTransition as y1}from"@react-spring/web";import{FocusScope as b1,useFocusManager as v1,useKeyboard as g1}from"react-aria";import{jsx as no}from"react/jsx-runtime";var h1=({isInline:e,style:a,actionButtons:r})=>{let o=v1();u1(o);let{keyboardProps:s}=g1({onKeyDown:t=>{t.key==="ArrowLeft"?(t.preventDefault(),o.focusPrevious()):t.key==="ArrowRight"?(t.preventDefault(),o.focusNext()):t.continuePropagation()}});return no("div",{...s,className:Jl({isInline:e}),style:a,onClick:t=>{t.stopPropagation(),t.preventDefault()},children:r.map((t,i)=>no(Z,{excludeFromTabOrder:!0,...t},i))})},_1=f1(h1),lo=({show:e,...a})=>y1(e,{from:{opacity:0},enter:{opacity:1}})((o,s)=>s&&no(b1,{restoreFocus:!1,autoFocus:!0,children:no(_1,{...a,style:o})}));import{jsx as Ue,jsxs as I1}from"react/jsx-runtime";var vp=mr.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":u,pickerButtonStyle:y,pickerButtonClassName:b,...v},g)=>{let h=mr.useRef(null),_=mr.useRef(null),{formatMessage:z}=q(W),[k,I]=mr.useState(s||null),F=mr.useCallback(B=>{let H=new FileReader;H.addEventListener("load",()=>{I(H.result)}),H.readAsDataURL(B)},[]),{fieldProps:x,labelProps:O}=R1(v),{dropProps:w,isDropTarget:L}=k1({ref:h,onDrop:async B=>{if(p)return;let H=await No({items:B.items});H.length&&(v.onValueChange?.(H),F(H[0])),d?.(B)},...v}),{clipboardProps:N}=P1({onPaste:async B=>{if(p)return;let H=await No({items:B});H.length&&(v.onValueChange?.(H),F(H[0])),m?.(B)},...v}),R=()=>{I(null),_.current&&(_.current.value=""),v.onValueChange?.([])},E={type:"file",onChange:B=>{let H=[...B.target.files];v.onValueChange?.(H),F(H[0]),v.onChange?.(B)},accept:o,disabled:p||!!t},{focusProps:D,isFocused:re,isFocusVisible:Q}=w1({within:!0}),{hoverProps:K,isHovered:M}=N1({isDisabled:p}),$=t||k||void 0,j=!!$,{imgProps:Ne,isLoading:J,isLoaded:G}=Br({src:$,alt:i||""}),he=j&&!t&&(Q||M),ne={label:n||z("selectImage"),onPress:()=>h.current?.click(),variant:"secondary",isDisabled:p,excludeFromTabOrder:!0,className:yp({[ep]:L&&!p},b),style:y},Ie=C1({"data-loaded":G,"data-blockid":u,"data-hovered":M,"data-focused":re,"data-drop-target":L,"data-disabled":p,"data-focus-visible":Q});return I1("label",{...bp(w,O,K,D,Ie),className:yp(oo({isInline:r,isHovered:M&&!t&&!L,isDisabled:p,hasLoadedImage:G,includeCheckeredBackground:c,showFocusRing:(Q||L)&&!p&&!he}),"BaselineUI-ImageDropZone",e),style:a,ref:x1(h,g),children:[Ue(z1,{children:Ue("input",{...bp(x,N,E),ref:_})}),!j&&Ue(Z,{...ne}),j&&(J?Ue(Vr,{}):Ue("img",{className:to({isInline:r,isDisabled:p,hasLoadedImage:j&&G&&c}),...Ne})),Ue(lo,{isInline:r,style:a,show:he,actionButtons:[ne,{label:l||z("delete"),onPress:R}]})]})});vp.displayName="ImageDropZone";import T1 from"react";import{classNames as S1,invariant as L1}from"@baseline-ui/utils";import{mergeProps as M1,useFocusRing as F1,useHover as B1,usePress as H1}from"react-aria";var Yt="_1vm2oh4b",gp=f({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 Qt,jsxs as hp}from"react/jsx-runtime";var _p=T1.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},u)=>{let{focusProps:y,isFocused:b,isFocusVisible:v}=F1({within:!0}),{isHovered:g,hoverProps:h}=B1({isDisabled:r}),{pressProps:_}=H1({isDisabled:r||!!o,onPress:d});return L1(i||n||l,"Preview must have content. You must provide either an `imageSrc`, `svgSrc`, or `textValue` prop."),hp("div",{...M1(h,y,c,_),className:S1(gp({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:u,tabIndex:v&&o||r?-1:0,"aria-disabled":r,children:[hp("div",{style:p,className:Yt,children:[i&&Qt("img",{src:i,alt:t,className:to({isInline:s,isDisabled:r})}),!!n&&typeof n=="object"&&n,l]}),typeof n=="string"&&Qt("div",{className:Yt,dangerouslySetInnerHTML:{__html:n}}),o&&Qt(lo,{isInline:s,actionButtons:o,show:v||g})]})});_p.displayName="Preview";import G1 from"react";import{classNames as po,filterTruthyValues as W1}from"@baseline-ui/utils";import{mergeProps as X1,useRadioGroup as Z1}from"react-aria";import{useRadioGroupState as Y1}from"react-stately";var xp="_1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gj _1yep5z6gk _1yep5z6gl _1yep5z69c _1yep5z69d _1yep5z69e",Cp=f({defaultClassName:"cw3m0n8 _1yep5z6d4 _1yep5z6c3",variantClassNames:{isDisabled:{true:"_1yep5z6wo"}},defaultVariants:{},compoundVariants:[]}),zp="cw3m0n7",Pp=f({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:[]}),kp="_1yep5z6ai _1yep5z6aq _1yep5z6ay _1yep5z6b6 _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gj _1yep5z6gk _1yep5z6gl _1yep5z69i _1yep5z69j _1yep5z69k _1yep5z6iz",Rp=f({defaultClassName:"cw3m0n3 _16vugd05",variantClassNames:{isFocusVisible:{true:"_16vugd08"},isSelected:{true:"_16vugd07"},isDisabled:{true:"_16vugd0a"}},defaultVariants:{},compoundVariants:[]});import{classNames as D1,filterTruthyValues as V1}from"@baseline-ui/utils";import O1 from"react";import{VisuallyHidden as E1,mergeProps as A1,useFocusRing as j1,useHover as q1,useRadio as U1}from"react-aria";import{jsx as Ke,jsxs as $t}from"react/jsx-runtime";var K1=({label:e,description:a},{isSelected:r,isFocusVisible:o,isDisabled:s,optionLabelPosition:t})=>$t("div",{className:Pp({labelPosition:t}),children:[Ke("div",{className:Rp({isSelected:r,isFocusVisible:o,isDisabled:s}),children:r&&Ke("div",{className:zp})}),e&&$t("div",{className:xp,children:[Ke("span",{className:Or({isDisabled:s}),children:e}),a&&Ke("span",{className:Cp({isDisabled:s}),children:a})]})]}),wp=({state:e,renderOption:a=K1,item:r,optionLabelPosition:o="end",optionStyle:s,optionClassName:t,isReadOnly:i,...n})=>{let l=!!n.isDisabled||!!n.disabledValues?.includes(r.id),p=O1.useRef(null),{inputProps:d,isPressed:m,isSelected:c}=U1({...n,isDisabled:l,children:r.label,value:r.id},e,p),{focusProps:u,isFocusVisible:y,isFocused:b}=j1(),{isHovered:v}=q1({isDisabled:l}),g=V1({"data-selected":c,"data-focused":b,"data-focus-visible":y,"data-hovered":v,"data-disabled":l,"data-pressed":m,"data-read-only":i});return $t("label",{...g,style:s,className:D1("BaselineUI-Radio-Item",t),children:[Ke(E1,{children:Ke("input",{...A1(d,u),ref:p})}),a(r,{isFocusVisible:y,isSelected:c,isFocused:b,isHovered:v,isDisabled:l,optionLabelPosition:o,isReadOnly:i})]})};import{jsx as Jt,jsxs as ea}from"react/jsx-runtime";var co=G1.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},u)=>{let y=Y1(c),{radioGroupProps:b,labelProps:v,descriptionProps:g,errorMessageProps:h}=Z1({...c,"aria-label":n,"aria-labelledby":l,"aria-describedby":p,"aria-details":d},y),_=me({...c,descriptionProps:g,errorMessageProps:h,labelPosition:t}),z=W1({"data-orientation":c.orientation,"data-blockid":m,"data-disabled":c.isDisabled,"data-readonly":c.isReadOnly});return ea("div",{...X1(b,z),className:po(de({labelPosition:t}),"BaselineUI-RadioGroup",e),style:a,ref:u,children:[(c.label||_)&&ea("div",{className:ce({labelPosition:t,hasMessage:!!_}),children:[Jt("span",{...v,className:po(pe,"BaselineUI-RadioGroup-Label"),children:c.label}),t==="start"&&_]}),ea("div",{className:po({[Te]:c.isDisabled}),children:[Jt("div",{className:po(kp,r),style:o,children:s.map(k=>Jt(wp,{state:y,renderOption:i,item:k,value:k.id,...c},k.id))}),t==="top"&&_]})]})});co.displayName="RadioGroup";import Q1 from"react";import{useOverlayTrigger as $1}from"react-aria";import{useOverlayTriggerState as J1}from"react-stately";import{jsx as eh}from"react/jsx-runtime";var ge=Q1.createContext({state:null,triggerProps:{},overlayProps:{}}),Np=({children:e,...a})=>{let r=J1(a),{triggerProps:o,overlayProps:s}=$1({type:"dialog"},r);return eh(ge.Provider,{value:{state:r,triggerProps:o,overlayProps:s},children:e})};Np.displayName="Modal";import{classNames as rh,invariant as Tp}from"@baseline-ui/utils";import{animated as Sp,easings as oh,useReducedMotion as Lp,useSpring as th,useTransition as ah}from"@react-spring/web";import ra,{useContext as sh}from"react";import{Overlay as ih,useModalOverlay as nh}from"react-aria";var Ip="aml2vl0 _1yep5z6ea _1yep5z6g7 _1yep5z6g8 _1yep5z6g9 _1yep5z6gy _1yep5z6gz _1yep5z6h0 _1yep5z6hs _1yep5z6ht _1yep5z6hu";import{jsx as mo}from"react/jsx-runtime";var lh=({children:e,className:a,style:r,isDismissable:o=!0,isKeyboardDismissDisabled:s=!1,portalContainer:t})=>{let{state:i}=ra.useContext(ge);Tp(i,"ModalContent must be a child of Modal");let n=ra.useRef(null),{modalProps:l,underlayProps:p}=nh({isDismissable:o,isKeyboardDismissDisabled:s},i,n),{theme:d}=sh(fe),m=Lp(),c=th({from:{opacity:0,transform:"scale(0.95)"},to:{opacity:1,transform:"scale(1)"},immediate:!!m,config:{easing:oh.easeInBounce}});return mo(ih,{portalContainer:t,children:mo(ye,{className:rh(Ip,a),theme:d,UNSAFE_domProps:{...p,"data-testid":"underlay"},style:r,children:mo(Sp.div,{...l,style:{...l.style,...c},ref:n,children:e})})})},ph=Sp(lh),ch=({children:e,style:a,...r})=>{let{state:o}=ra.useContext(ge);Tp(o,"ModalContent must be a child of Modal");let s=Lp();return ah(o.isOpen,{from:{opacity:0},enter:{opacity:1},immediate:!!s})((i,n)=>n&&mo(ph,{...r,style:{...a,...i},children:typeof e=="function"?e({close:o.close}):e}))};import{Slot as dh}from"@radix-ui/react-slot";import mh from"react";import{jsx as uh}from"react/jsx-runtime";var Mp=({children:e})=>{let{triggerProps:a}=mh.useContext(ge);return uh(dh,{...a,children:e})};Mp.displayName="ModalTrigger";import{Slot as fh}from"@radix-ui/react-slot";import yh from"react";import{jsx as vh}from"react/jsx-runtime";var bh=({children:e})=>{let{state:a}=yh.useContext(ge);return vh(fh,{onPress:()=>a?.close(),children:e})};import{invariant as gh}from"@baseline-ui/utils";import{Fragment as hh}from"react";import{jsx as _h}from"react/jsx-runtime";var Fp=({id:e,defaultMessage:a,elementType:r=hh})=>{gh(e||a,"`id` or `defaultMessage` is required.");let o=q();return _h(r,{children:o.formatMessage(e)||a})};Fp.displayName="MessageFormat";import xh from"react";import{useHover as Ch}from"react-aria";import{jsx as zh}from"react/jsx-runtime";var Bp=xh.forwardRef(({className:e,style:a,children:r,role:o="group",isDisabled:s,...t},i)=>{let{hoverProps:n,isHovered:l}=Ch({isDisabled:s});return zh("div",{...n,role:o,"data-hovered":l,"data-disabled":s,className:e,style:a,...t,ref:i,children:r})});Bp.displayName="Group";import{sprinkles as Hp}from"@baseline-ui/tokens";import{classNames as Ph}from"@baseline-ui/utils";import kh,{useMemo as Rh}from"react";import{jsx as Nh}from"react/jsx-runtime";function wh(e){return Hp.properties.has(e)}var Dp=kh.forwardRef(({elementType:e="div",children:a,...r},o)=>{let s=e,{sprinkleProps:t,domProps:i}=Rh(()=>{let n={},l={};for(let p in r)wh(p)?n[p]=r[p]:l[p]=r[p];return{sprinkleProps:n,domProps:l}},[r]);return Nh(s,{...i,className:Ph(Hp(t),"BaselineUI-Box",i.className),ref:o,children:a})});Dp.displayName="Box";import{classNames as Ep}from"@baseline-ui/utils";import Ih,{useMemo as Th}from"react";import{VisuallyHidden as Sh}from"react-aria";var Vp="_1yep5z66 _1yep5z67 _1yep5z68 _1yep5z62i _1yep5z62j _1yep5z62k _1yep5z63o _1yep5z63p _1yep5z63q _1yep5z61c _1yep5z61d _1yep5z61e",Op="_1yep5z61jg _1yep5z61jh _1yep5z61ji _1yep5z61cf _1yep5z61cg _1yep5z61ch";import{jsx as oa,jsxs as Lh}from"react/jsx-runtime";var Ap=Ih.forwardRef(({items:e,optionsContainerClassName:a,...r},o)=>{let s=Th(()=>e.map(t=>({id:t.color,label:t.label})),[e]);return oa(co,{items:s,optionsContainerClassName:Ep(Op,a),orientation:"horizontal",renderOption:({label:t,id:i},{isSelected:n,isFocusVisible:l})=>Lh("div",{className:Vp,children:[oa(Re,{isFocusVisible:l,color:i,isSelected:n}),oa(Sh,{children:t})]}),...r,className:Ep(r.className,"BaselineUI-ColorPresetInput"),ref:o})});Ap.displayName="ColorPresetInput";import{invariant as Dh}from"@baseline-ui/utils";import Vh,{useContext as Oh}from"react";import jp from"react";import{useOverlayTrigger as Mh}from"react-aria";import{useOverlayTriggerState as Fh}from"react-stately";import{jsx as Hh}from"react/jsx-runtime";var ur=jp.createContext({state:null,overlayTriggerAria:{triggerProps:{},overlayProps:{}},triggerRef:void 0}),Bh=({children:e,...a})=>{let r=jp.useRef(null),o=Fh(a),s=Mh(a,o);return Hh(ur.Provider,{value:{state:o,overlayTriggerAria:s,triggerRef:r},children:typeof e=="function"?e(o):e})};import{jsx as Eh}from"react/jsx-runtime";var qp=Vh.forwardRef((e,a)=>{let{state:r,overlayTriggerAria:{overlayProps:o},triggerRef:s}=Oh(ur);return Dh(s),r?.isOpen?Eh(ae,{ref:a,...e,triggerRef:e.triggerRef||s,overlayProps:o,state:r}):null});qp.displayName="PopoverContent";import{invariant as Ah}from"@baseline-ui/utils";import{Slot as jh}from"@radix-ui/react-slot";import{useContext as qh}from"react";import{jsx as Kh}from"react/jsx-runtime";var Uh=({children:e})=>{let{state:a,overlayTriggerAria:r,triggerRef:o}=qh(ur);Ah(a,"PopoverTrigger must be used within a Popover");let{triggerProps:s}=r;return Kh(jh,{...s,ref:o,children:e})};import{useToolbar as Gh}from"@react-aria/toolbar";import{mergeRefs as Wh}from"@react-aria/utils";import Up from"react";import{classNames as Xh,filterTruthyValues as Zh}from"@baseline-ui/utils";import{mergeProps as Yh,useFocusRing as Qh}from"react-aria";import{jsx as $h}from"react/jsx-runtime";var Kp=Up.forwardRef(({className:e,style:a,"data-blockid":r,...o},s)=>{let t=Up.useRef(null),{toolbarProps:i}=Gh(o,t),{isFocusVisible:n,focusProps:l}=Qh(),p=Zh({"data-blockid":r,"data-focus-visible":n});return $h("div",{...Yh(i,l,p),className:Xh("BaselineUI-Toolbar",e),style:a,ref:Wh(s,t),children:o.children})});Kp.displayName="Toolbar";export{Tn as Accordion,Vn as AccordionItem,Z as ActionButton,T as ActionIconButton,Gn as Avatar,Dp as Box,zi as Checkbox,$l as ColorInput,Ap as ColorPresetInlineInput,Re as ColorSwatch,mn as DateFormat,Xr as Dialog,bl as DialogTitle,ha as DomNodeRenderer,Is as FileUpload,np as FreehandCanvas,Bp as Group,Ru as I18nProvider,vp as ImageDropZone,ml as InlineAlert,_s as Link,le as ListBox,vs as Menu,Fp as MessageFormat,Np as Modal,bh as ModalClose,ch as ModalContent,Mp as ModalTrigger,De as NumberFormat,te as NumberInput,dn as Pagination,Bh as Popover,qp as PopoverContent,Uh as PopoverTrigger,Mr as Portal,_p as Preview,Vs as ProgressBar,Vr as ProgressSpinner,co as RadioGroup,Ws as Reaction,Ya as SearchInput,Kr as Select,A as Separator,Ba as Slider,Ka as Switch,al as TabItem,tl as Tabs,_n as TagGroup,ao as Text,Es as TextInput,ye as ThemeProvider,gi as ToggleButton,Kp as Toolbar,ni as Tooltip,fp as Transform,lk as defineMessages,pR as useCollator,lR as useDateFormatter,q as useI18n,Br as useImage,Js as useIntersectionObserver,Oe as useIsFirstRender,si as useLocalStorage,dk as useMutationObserver,nR as useNumberFormatter,ei as useResizeObserver,vk as useTextSelection,oi as useUndoRedo,Co as useUserPreferences};