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