@baseline-ui/core 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +0 -0
  2. package/dist/index.css +1 -0
  3. package/dist/index.d.mts +1656 -0
  4. package/dist/index.d.ts +1656 -0
  5. package/dist/index.js +1 -0
  6. package/dist/index.mjs +1 -0
  7. package/package.json +50 -0
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";var Xd=Object.create;var Do=Object.defineProperty;var Qd=Object.getOwnPropertyDescriptor;var Yd=Object.getOwnPropertyNames;var $d=Object.getPrototypeOf,Jd=Object.prototype.hasOwnProperty;var em=(e,t)=>{for(var r in t)Do(e,r,{get:t[r],enumerable:!0})},Ii=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Yd(t))!Jd.call(e,i)&&i!==r&&Do(e,i,{get:()=>t[i],enumerable:!(o=Qd(t,i))||o.enumerable});return e};var g=(e,t,r)=>(r=e!=null?Xd($d(e)):{},Ii(t||!e||!e.__esModule?Do(r,"default",{value:e,enumerable:!0}):r,e)),rm=e=>Ii(Do({},"__esModule",{value:!0}),e);var mu={};em(mu,{Accordion:()=>Ka,AccordionItem:()=>Wa,ActionButton:()=>j,ActionIconButton:()=>T,Avatar:()=>ai,Checkbox:()=>Va,ColorInput:()=>yi,ColorSwatch:()=>Ur,DateFormat:()=>Oa,Dialog:()=>mi,DialogTitle:()=>ui,DomNodeRenderer:()=>Yt,FileUpload:()=>va,FreehandCanvas:()=>hi,Group:()=>Si,I18nProvider:()=>Vn,ImageDropZone:()=>_i,InlineAlert:()=>pi,Link:()=>ua,ListBox:()=>He,Menu:()=>da,MessageFormat:()=>Ti,Modal:()=>wi,ModalClose:()=>Ed,ModalContent:()=>Ld,ModalTrigger:()=>Ni,NumberFormat:()=>fr,NumberInput:()=>oo,Pagination:()=>Ba,Portal:()=>io,Preview:()=>ki,ProgressBar:()=>ga,ProgressSpinner:()=>co,RadioGroup:()=>Ri,Reaction:()=>Ca,SearchInput:()=>ia,Select:()=>ti,Separator:()=>J,Slider:()=>ea,Switch:()=>oa,TabItem:()=>li,Tabs:()=>ni,TagGroup:()=>ja,Text:()=>ko,TextInput:()=>ha,ThemeProvider:()=>Ne,ToggleButton:()=>Fa,Tooltip:()=>Ia,Transform:()=>Ci,assignInlineTheme:()=>du,defineMessages:()=>dm,useCollator:()=>Br.useCollator,useDateFormatter:()=>Br.useDateFormatter,useI18n:()=>ce,useImage:()=>lo,useIntersectionObserver:()=>ka,useIsFirstRender:()=>br,useLocalStorage:()=>fm,useMutationObserver:()=>mm,useNumberFormatter:()=>Br.useNumberFormatter,useResizeObserver:()=>Ra,useUndoRedo:()=>wa,useUserPreferences:()=>Ds,useWindowSize:()=>um});module.exports=rm(mu);var Bi=require("@radix-ui/react-compose-refs"),Qt=g(require("react")),Oi=require("react-aria");var Hi=g(require("react")),Pr=require("react-aria"),Vi=require("@baseline-ui/utils");function om(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var o=r.call(e,t||"default");if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function tm(e){var t=om(e,"string");return typeof t=="symbol"?t:String(t)}function am(e,t,r){return t=tm(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Li(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,o)}return r}function Mi(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Li(Object(r),!0).forEach(function(o){am(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Li(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}function Di(e,t){var r={};for(var o in e)r[o]=t(e[o],o);return r}var im=(e,t,r)=>{for(var o of Object.keys(e)){var i;if(e[o]!==((i=t[o])!==null&&i!==void 0?i:r[o]))return!1}return!0},u=e=>{var t=r=>{var o=e.defaultClassName,i=Mi(Mi({},e.defaultVariants),r);for(var a in i){var n,s=(n=i[a])!==null&&n!==void 0?n:e.defaultVariants[a];if(s!=null){var l=s;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=e.variantClassNames[a][l];p&&(o+=" "+p)}}for(var[c,d]of e.compoundVariants)im(c,i,e.defaultVariants)&&(o+=" "+d);return o};return t.variants=()=>Object.keys(e.variantClassNames),t.classNames={get base(){return e.defaultClassName.split(" ")[0]},get variants(){return Di(e.variantClassNames,r=>Di(r,o=>o.split(" ")[0]))}},t};var Fi=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"]]});var Ei=require("react/jsx-runtime"),Xt=Hi.default.forwardRef(({children:e,buttonProps:t,elementType:r="button",isDisabled:o,onHoverChange:i,variant:a,className:n,style:s,size:l,"data-blockid":p},c)=>{let{hoverProps:d,isHovered:m}=(0,Pr.useHover)({isDisabled:o,onHoverChange:i}),{isFocusVisible:f,focusProps:b}=(0,Pr.useFocusRing)();return(0,Ei.jsx)(r,{...(0,Pr.mergeProps)(t,d,b),className:(0,Vi.classNames)(Fi({isDisabled:o,isFocusVisible:f,isHovered:m,variant:a,size:l}),n),"data-blockid":p,style:s,ref:c,children:e})});Xt.displayName="ButtonShared";var eo=require("react/jsx-runtime"),sm={sm:16,md:20},j=Qt.default.forwardRef(({label:e,style:t,className:r,iconStart:o,iconEnd:i,variant:a="primary",elementType:n="button",onHoverChange:s,size:l="sm","data-blockid":p,...c},d)=>{let m=Qt.default.useRef(null),{buttonProps:f}=(0,Oi.useButton)({...c,elementType:n},m),b=sm[l];return(0,eo.jsxs)(Xt,{className:r,variant:a,buttonProps:f,style:t,onHoverChange:s,elementType:n,isDisabled:c.isDisabled,ref:(0,Bi.composeRefs)(m,d),size:l,"data-blockid":p,children:[!!o&&(0,eo.jsx)(o,{size:b}),e,!!i&&(0,eo.jsx)(i,{size:b})]})});j.displayName="ActionButton";var Ho=g(require("react")),ji=require("@radix-ui/react-compose-refs"),qi=require("@baseline-ui/utils");var zi=u({defaultClassName:"z9nup85",variantClassNames:{size:{xs:"z9nup86"}},defaultVariants:{},compoundVariants:[]});var Fo="z9nup80",kr="z9nup83",Ai="z9nup87";var Ki=require("react/jsx-runtime"),Yt=Ho.default.forwardRef(({className:e,node:t},r)=>{let o=Ho.default.useRef(null);return Ho.default.useEffect(()=>{let i=o.current;return i?.append(t),()=>{i?.contains(t)&&t.remove()}},[t]),(0,Ki.jsx)("div",{className:(0,qi.classNames)(Fo,e),ref:(0,ji.composeRefs)(r,o)})});Yt.displayName="DomNodeRenderer";var ps=require("@baseline-ui/utils"),cs=require("@radix-ui/react-compose-refs"),Ao=g(require("react")),B=require("react-aria"),ds=require("react-stately");var Gi="_14uvjig0 z9nup81",Ui="_14uvjig7",Wi="_14uvjig3",Zi=u({defaultClassName:"_14uvjig4",variantClassNames:{isDisabled:{true:"_14uvjig5"},hasNumberInput:{false:"_14uvjig6"}},defaultVariants:{},compoundVariants:[]}),Xi=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:[]}),Qi="_14uvjig8",Yi=u({defaultClassName:"_14uvjig9 _14uvjig1",variantClassNames:{active:{true:"_14uvjig2"},isFocusVisible:{true:"_14uvjigb _14uvjig2"},isDisabled:{true:"_14uvjigc"},isHovered:{true:"_14uvjig2"}},defaultVariants:{},compoundVariants:[]});var Oo=require("@baseline-ui/icons/16"),ro=g(require("react")),Bo=require("@baseline-ui/utils"),ne=require("react-aria"),zo=require("@baseline-ui/icons/8"),ls=require("react-stately");var Rr=u({defaultClassName:"nrh1ehx",variantClassNames:{isDisabled:{true:"nrh1ehy"},hasError:{true:"nrh1ehz"},labelPosition:{start:"nrh1eh10",top:"nrh1eh11"}},defaultVariants:{},compoundVariants:[]}),Vo=u({defaultClassName:"nrh1eho",variantClassNames:{isDisabled:{true:"nrh1ehp"},labelPosition:{top:"nrh1ehq",start:"nrh1ehr"}},defaultVariants:{},compoundVariants:[]}),wr=u({defaultClassName:"nrh1ehs",variantClassNames:{validationState:{valid:"nrh1eht",error:"nrh1ehu",warning:"nrh1ehv"},isReadOnly:{true:"nrh1ehw"}},defaultVariants:{},compoundVariants:[]}),ze="nrh1eh3",Ae=u({defaultClassName:"nrh1eh4",variantClassNames:{labelPosition:{top:"nrh1eh5",start:"nrh1eh6"},hasMessage:{true:"nrh1eh7"}},defaultVariants:{},compoundVariants:[[{labelPosition:"start",hasMessage:!1},"nrh1eh8"]]}),je=u({defaultClassName:"nrh1eh0",variantClassNames:{labelPosition:{top:"z9nup81",start:"nrh1eh2 z9nup82"}},defaultVariants:{},compoundVariants:[]}),Nr=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"]]});var Eo=require("react/jsx-runtime");function qe({description:e,errorMessageProps:t,descriptionProps:r,warningMessage:o,errorMessage:i,labelPosition:a,isDisabled:n}){return e?(0,Eo.jsx)("div",{...r,className:Rr({isDisabled:n,labelPosition:a}),children:e}):i?(0,Eo.jsx)("div",{...t,className:Rr({hasError:!0,labelPosition:a}),children:i}):o?(0,Eo.jsx)("div",{className:Rr({isDisabled:n,labelPosition:a}),children:o}):null}var Ji=g(require("react")),es=require("@baseline-ui/utils"),rs=require("react-aria");var $i=u({defaultClassName:"gukncs0",variantClassNames:{isVertical:{true:"gukncs1"},isSecondary:{true:"gukncs2"}},defaultVariants:{},compoundVariants:[]});var os=require("react/jsx-runtime"),J=Ji.default.forwardRef(({className:e,style:t,variant:r="primary",orientation:o="horizontal",UNSAFE_omitRole:i,...a},n)=>{let{separatorProps:s}=(0,rs.useSeparator)({...a,orientation:o});return(0,os.jsx)("div",{...s,className:(0,es.classNames)($i({isVertical:o==="vertical",isSecondary:r==="secondary"}),e),style:t,role:i?void 0:s.role,ref:n})});J.displayName="Separator";var ts=u({defaultClassName:"_1lnwne1 z9nup82",variantClassNames:{isHoveredOrFocused:{true:"_1lnwne2"},isInteractive:{false:"z9nup83"}},defaultVariants:{},compoundVariants:[[{isHoveredOrFocused:!0,isInteractive:!0},"_1lnwne4"]]}),as="_1lnwne0";var $t=g(require("react")),Ke=require("react-aria"),ss=require("@radix-ui/react-compose-refs"),ns=require("@baseline-ui/utils");var is=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"]]});var Jt=require("react/jsx-runtime"),nm={xxs:8,xs:12,sm:16,md:20,lg:24},T=$t.default.forwardRef(({onHoverChange:e,className:t,style:r,icon:o,size:i="md",variant:a="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=$t.default.useRef(null),{buttonProps:d}=(0,Ke.useButton)({...l,elementType:s},c),{isFocusVisible:m,focusProps:f}=(0,Ke.useFocusRing)(),{hoverProps:b,isHovered:v}=(0,Ke.useHover)({isDisabled:l.isDisabled,onHoverChange:e});return(0,Jt.jsx)(s,{...(0,Ke.mergeProps)(d,b,f),className:(0,ns.classNames)(is({variant:a,size:i,isDisabled:l.isDisabled,isFocusVisible:m,isHovered:v}),t),ref:(0,ss.composeRefs)(p,c),style:r,...n&&{tabIndex:void 0,role:void 0,"aria-label":void 0,"aria-labelledby":void 0,"aria-disabled":void 0},children:(0,Jt.jsx)(o,{role:"presentation",size:nm[i]})})});T.displayName="ActionIconButton";var X=require("react/jsx-runtime"),oo=ro.default.forwardRef(({className:e,style:t,labelPosition:r="top",variant:o="primary",showStepper:i=!0,...a},n)=>{let s=ro.default.useRef(null),{locale:l}=(0,ne.useLocale)(),p=(0,ls.useNumberFieldState)({...a,locale:l}),{hoverProps:c,isHovered:d}=(0,ne.useHover)({isDisabled:a.isDisabled}),{focusProps:m,isFocused:f}=(0,ne.useFocusRing)(),{labelProps:b,decrementButtonProps:v,inputProps:y,incrementButtonProps:h,groupProps:_,descriptionProps:x,errorMessageProps:C}=(0,ne.useNumberField)(a,p,s),k=(0,ro.useMemo)(()=>a.isReadOnly?Oo.ReadOnlyIcon:a.isInvalid?Oo.ErrorFilledIcon:null,[a.isInvalid,a.isReadOnly]),w=qe({description:a.description,errorMessageProps:C,descriptionProps:x,errorMessage:a.errorMessage,labelPosition:r,isDisabled:a.isDisabled});return(0,X.jsxs)("div",{style:t,className:(0,Bo.classNames)(je({labelPosition:r}),e),ref:n,children:[a.label&&(0,X.jsxs)("div",{className:Ae({labelPosition:r,hasMessage:!!w}),children:[(0,X.jsx)("label",{...b,className:ze,children:a.label}),r==="start"&&w]}),(0,X.jsxs)("div",{className:(0,Bo.classNames)({[kr]:a.isDisabled}),children:[(0,X.jsxs)("div",{...(0,ne.mergeProps)(_,c),className:(0,Bo.classNames)(Nr({isHovered:d,isDisabled:!!a.isDisabled,isReadOnly:!!a.isReadOnly,validationState:a.isInvalid?"error":"valid",isFocused:f,variant:o}),{[as]:r==="start"}),children:[(0,X.jsx)("input",{...(0,ne.mergeProps)(y,m),ref:s,className:Vo({isDisabled:a.isDisabled,labelPosition:r})}),k&&(0,X.jsx)(k,{className:wr({validationState:"error",isReadOnly:a.isReadOnly}),size:16}),i&&(0,X.jsxs)("div",{className:ts({isHoveredOrFocused:d||f,isInteractive:!a.isReadOnly&&!a.isDisabled}),children:[(0,X.jsx)(T,{variant:"secondary",size:"xxs",icon:zo.MinusIcon,...v}),(0,X.jsx)(J,{style:{height:16},orientation:"vertical"}),(0,X.jsx)(T,{variant:"secondary",size:"xxs",icon:zo.PlusIcon,...h})]})]}),r==="top"&&w]})]})});oo.displayName="NumberInput";var q=require("react/jsx-runtime"),ea=Ao.default.forwardRef(({className:e,onChange:t,onChangeEnd:r,numberFormatOptions:o,isDisabled:i,step:a,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:y,includeNumberInput:h},_)=>{let x=Ao.default.useRef(null),C={onChange:t===void 0?void 0:D=>t(D[0]),isDisabled:i||b,step:a,minValue:n,maxValue:s,onChangeEnd:r===void 0?void 0:D=>r(D[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:y,label:v},k=(0,B.useNumberFormatter)(o),w=(0,ds.useSliderState)({...C,numberFormatter:k}),{trackProps:$,groupProps:W,labelProps:S}=(0,B.useSlider)(C,w,x),F=(0,q.jsx)(oo,{variant:"ghost",showStepper:!1,"aria-label":v||p,value:w.getThumbValue(0),formatOptions:o,onChange:D=>w.setThumbValue(0,D),style:{width:55,textAlign:"right",flexShrink:0}});return(0,q.jsxs)("div",{...W,className:(0,ps.classNames)(Gi,e),children:[v&&(0,q.jsxs)("div",{className:Wi,children:[(0,q.jsx)("label",{...S,className:Zi({isDisabled:i,hasNumberInput:!!h}),children:v}),h&&F]}),(0,q.jsxs)("div",{className:Ui,children:[(0,q.jsx)("div",{...$,className:Qi,ref:(0,cs.composeRefs)(x,_),"data-testid":"track",children:(0,q.jsx)(lm,{state:w,trackRef:x,isDisabled:i,isReadOnly:b})}),h&&!v&&F]})]})});ea.displayName="Slider";function lm({state:e,trackRef:t,isDisabled:r,isReadOnly:o}){let i=Ao.default.useRef(null),{thumbProps:a,inputProps:n,isDragging:s}=(0,B.useSliderThumb)({trackRef:t,inputRef:i},e),{focusProps:l,isFocusVisible:p}=(0,B.useFocusRing)(),{hoverProps:c,isHovered:d}=(0,B.useHover)({isDisabled:r});return(0,q.jsxs)("div",{children:[(0,q.jsx)("div",{className:Yi({isDisabled:r,isFocusVisible:p,active:s,isHovered:d}),style:{width:a.style?.left},"data-testid":"track-highlight"}),(0,q.jsx)("div",{...(0,B.mergeProps)(a,c),className:Xi({isDisabled:r,isFocusVisible:p,active:s,isReadOnly:o,isHovered:d}),"data-testid":"thumb",children:(0,q.jsx)(B.VisuallyHidden,{children:(0,q.jsx)("input",{ref:i,...(0,B.mergeProps)(n,l)})})})]})}var ra=g(require("react")),ys=require("react-stately"),Tr=require("react-aria"),hs=require("@baseline-ui/utils");var ms=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"]]}),us=u({defaultClassName:"bpklwae",variantClassNames:{isDisabled:{true:"bpklwaf"},isSelected:{true:"bpklwag"},isReadOnly:{true:"bpklwah"}},defaultVariants:{},compoundVariants:[]}),fs="bpklwad",bs=u({defaultClassName:"bpklwa0",variantClassNames:{labelPosition:{top:"bpklwa1",left:"bpklwa2"}},defaultVariants:{},compoundVariants:[]}),vs="bpklwa6",gs=u({defaultClassName:"bpklwa3",variantClassNames:{labelPosition:{top:"bpklwa4",left:"bpklwa5"}},defaultVariants:{},compoundVariants:[]});var ge=require("react/jsx-runtime"),oa=ra.default.forwardRef(({className:e,label:t,labelPosition:r="top",statusLabel:o,style:i,...a},n)=>{let s=ra.default.useRef(null),l=(0,ys.useToggleState)(a),{inputProps:p}=(0,Tr.useSwitch)(a,l,s),{isFocusVisible:c,focusProps:d}=(0,Tr.useFocusRing)(),m=(0,ge.jsx)("div",{className:ms({isSelected:l.isSelected,isDisabled:!!a.isDisabled,isFocused:c,isReadOnly:!!a.isReadOnly}),children:(0,ge.jsx)("div",{className:us({isSelected:l.isSelected,isDisabled:a.isDisabled,isReadOnly:a.isReadOnly}),"data-testid":"switch-knob"})});return(0,ge.jsxs)("label",{className:(0,hs.classNames)(bs({labelPosition:r}),e),style:i,ref:n,children:[t&&(0,ge.jsx)("span",{className:fs,children:t}),(0,ge.jsx)(Tr.VisuallyHidden,{children:(0,ge.jsx)("input",{...p,...d,ref:s})}),o?(0,ge.jsxs)("div",{className:gs({labelPosition:r}),children:[(0,ge.jsx)("span",{className:vs,children:l.isSelected?o.on:o.off}),m]}):m]})});oa.displayName="Switch";var _s=require("@baseline-ui/icons/16"),Ps=require("@baseline-ui/icons/12"),ta=require("@baseline-ui/icons/24"),ks=require("@baseline-ui/icons/20"),aa=g(require("react")),Rs=require("@baseline-ui/utils"),Ir=require("react-aria"),ws=require("react-stately");var xs="_19n40yy9",Cs=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:[]});var Sr=require("react/jsx-runtime"),pm={sm:ks.SearchIcon,md:ta.SearchIcon,lg:ta.SearchIcon},ia=aa.default.forwardRef(({className:e,size:t="md",variant:r="primary",...o},i)=>{let a=aa.default.useRef(null),n=(0,ws.useSearchFieldState)(o),{inputProps:s,clearButtonProps:l}=(0,Ir.useSearchField)({...o,"aria-haspopup":!1,"aria-autocomplete":"none",type:"search"},n,a),{focusProps:p,isFocused:c}=(0,Ir.useFocusRing)({within:!0,isTextInput:!0}),d=pm[t],m=t==="sm"?Ps.XIcon:_s.XIcon;return(0,Sr.jsxs)("div",{className:(0,Rs.classNames)(Cs({size:t,isFocused:c,variant:r,hasText:!!n.value,isDisabled:o.isDisabled}),e),ref:i,children:[(0,Sr.jsx)(d,{size:t==="sm"?20:24}),(0,Sr.jsx)("input",{...(0,Ir.mergeProps)(s,p),className:xs,ref:a}),n.value!==""&&(0,Sr.jsx)(T,{icon:m,...l,size:t==="sm"?"xs":"sm",variant:"secondary"})]})});ia.displayName="SearchInput";var Ss=require("@baseline-ui/utils"),Is=g(require("react")),Ls=require("@vanilla-extract/dynamic"),Ms=require("@baseline-ui/tokens");var Ns=require("@baseline-ui/tokens"),Ts=require("react"),Ge=(0,Ts.createContext)({theme:Ns.lightTheme,setTheme:()=>{}});var sa=require("react/jsx-runtime"),Ne=Is.default.forwardRef(({theme:e,children:t,setTheme:r,className:o,style:i,UNSAFE_domProps:a},n)=>(0,sa.jsx)(Ge.Provider,{value:{theme:e,setTheme:r},children:(0,sa.jsx)("div",{...a,className:(0,Ss.classNames)(Fo,o),style:{...(0,Ls.assignInlineVars)(Ms.themeVars,e),...i},ref:n,children:t})}));Ne.displayName="ThemeProvider";var ee=require("react");function Ds(){let[e,t]=(0,ee.useState)("light"),[r,o]=(0,ee.useState)("normal"),[i,a]=(0,ee.useState)(!1),[n,s]=(0,ee.useState)(!1),[l,p]=(0,ee.useState)(!1);return(0,ee.useEffect)(()=>{let c=window.matchMedia("(prefers-color-scheme: dark)"),d=m=>{t(m.matches?"dark":"light")};return c.addEventListener("change",d),()=>{c.addEventListener("change",d)}},[]),(0,ee.useEffect)(()=>{let c=window.matchMedia("(prefers-contrast: high)"),d=m=>{o(m.matches?"high":"normal")};return c.addEventListener("change",d),()=>{c.addEventListener("change",d)}},[]),(0,ee.useEffect)(()=>{let c=window.matchMedia("(prefers-reduced-motion: reduce)"),d=m=>{a(m.matches)};return c.addEventListener("change",d),()=>{c.addEventListener("change",d)}},[]),(0,ee.useEffect)(()=>{let c=window.matchMedia("(prefers-reduced-transparency: reduce)"),d=m=>{s(m.matches)};return c.addEventListener("change",d),()=>{c.addEventListener("change",d)}},[]),(0,ee.useEffect)(()=>{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}}var Ys=g(require("react")),$s=require("react-stately");var Go=g(require("react")),Uo=require("react-stately"),Wo=require("@baseline-ui/utils"),Xs=require("@radix-ui/react-compose-refs"),Zo=require("react-aria");var Es=require("@baseline-ui/utils"),Bs=require("@radix-ui/react-compose-refs"),Os=require("@react-spring/web"),zs=require("@vanilla-extract/dynamic"),dr=g(require("react")),mr=require("react-aria");var Lr=require("@react-spring/web");function Fs({placement:e}){let t=(0,Lr.useReducedMotion)();return(0,Lr.useTransition)(!0,{from:{opacity:0,transform:`translate3d(${e==="bottom"?"0, 4px, 0":"0, -4px, 0"})`},enter:{opacity:1,transform:"translate3d(0, 0, 0)"},immediate:!!t,config:Lr.config.stiff})}var Hs="_1gzftth1",Vs="var(--_1gzftth0)";var Ue=require("react/jsx-runtime"),ur=dr.default.forwardRef(({className:e,style:t,state:r,overlayProps:o,underlayClassName:i,children:a,...n},s)=>{let{theme:l}=(0,dr.useContext)(Ge),p=dr.default.useRef(null),{underlayProps:c,popoverProps:d,placement:m}=(0,mr.usePopover)({...n,popoverRef:p},r),f=Fs({placement:m});return(0,dr.useEffect)(()=>(n.scrollRef?.current?.addEventListener("scroll",r.close),()=>{n.scrollRef?.current?.removeEventListener("scroll",r.close)}),[n.scrollRef,r.close,n.isNonModal]),f((b,v)=>v&&(0,Ue.jsx)(mr.Overlay,{children:(0,Ue.jsxs)(Ne,{ref:s,theme:l,style:t,className:i,UNSAFE_domProps:o,children:[(0,Ue.jsx)("div",{...c}),(0,Ue.jsxs)(Os.animated.div,{...d,style:{...d.style,...b,...(0,zs.assignInlineVars)({[Vs]:`${n.triggerRef?.current?.offsetWidth}px`})},ref:(0,Bs.composeRefs)(p,s),className:(0,Es.classNames)(Hs,e),"data-placement":["top","bottom","left","right"].filter(y=>m?.includes(y)),children:[(0,Ue.jsx)(mr.DismissButton,{onDismiss:r.close}),a,(0,Ue.jsx)(mr.DismissButton,{onDismiss:r.close})]})]})}))});ur.displayName="PopoverContentCore";var la=g(require("react")),Dr=require("react-aria"),Us=require("react-stately"),Ws=require("@baseline-ui/utils"),Zs=require("@radix-ui/react-compose-refs");var As="xyd2ss1",js=u({defaultClassName:"xyd2ss5",variantClassNames:{disabled:{true:"xyd2ss6"},focused:{true:"xyd2ss7"}},defaultVariants:{},compoundVariants:[]}),qs="xyd2ss4",Ks="xyd2ss2",Gs="xyd2ss3";var to=require("@baseline-ui/utils"),jo=g(require("react")),Mr=require("react-aria");var re=require("react/jsx-runtime"),na=({section:e,state:t})=>{let{itemProps:r,headingProps:o,groupProps:i}=(0,Mr.useMenuSection)({heading:e.rendered,"aria-label":e["aria-label"]}),{separatorProps:a}=(0,Mr.useSeparator)({elementType:"li"}),n=t.collection.getChildren?.(e.key);return(0,to.invariant)(n,"MenuSection must have at least one child"),(0,re.jsxs)(re.Fragment,{children:[e.key!==t.collection.getFirstKey()&&(0,re.jsx)("li",{...a,className:Ks}),(0,re.jsxs)("li",{...r,children:[e.rendered&&(0,re.jsx)("span",{...o,className:Gs,children:e.rendered}),(0,re.jsx)("ul",{...i,className:qs,children:[...n].map(s=>((0,to.invariant)(s.type==="item"),(0,re.jsx)(qo,{item:s,state:t},s.key)))})]})]})};na.displayName="MenuSection";var qo=({item:e,state:t,className:r})=>{let o=jo.default.useRef(null),{menuItemProps:i,isFocused:a,isSelected:n,isDisabled:s,keyboardShortcutProps:l,labelProps:p}=(0,Mr.useMenuItem)({key:e.key},t,o),[c,d]=e.rendered;return(0,re.jsxs)("li",{...i,ref:o,className:(0,to.classNames)(js({disabled:s,focused:a}),r),children:[n&&(0,re.jsx)("span",{"aria-hidden":"true",children:"\u2705"}),jo.default.cloneElement(c,p),d&&jo.default.cloneElement(d,l)]})};qo.displayName="MenuContent";var Ko=require("react/jsx-runtime"),pa=la.default.forwardRef(({className:e,itemClassName:t,onContentKeyDown:r,...o},i)=>{let a=(0,Us.useTreeState)(o),n=la.default.useRef(null),{menuProps:s}=(0,Dr.useMenu)(o,a,n),{keyboardProps:l}=(0,Dr.useKeyboard)({onKeyDown:r});return(0,Ko.jsx)("ul",{...(0,Dr.mergeProps)(s,l),className:(0,Ws.classNames)(As,e),ref:(0,Zs.composeRefs)(n,i),children:[...a.collection].map(p=>p.type==="section"?(0,Ko.jsx)(na,{section:p,state:a},p.key):(0,Ko.jsx)(qo,{item:p,state:a,className:t},p.key))})});pa.displayName="MenuContent";var Q=require("react/jsx-runtime"),Qs=Go.default.forwardRef(({isDisabled:e,className:t,contentClassName:r,triggerButtonProps:o,state:i,contentRef:a,placement:n="bottom start",isNonModal:s,shouldFlip:l,shouldUpdatePosition:p,boundaryElement:c,crossOffset:d,offset:m,...f},b)=>{let v=Go.default.useRef(null),{menuTriggerProps:y,menuProps:h}=(0,Zo.useMenuTrigger)({isDisabled:e},i,v);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(j,{...(0,Zo.mergeProps)(y,o),isDisabled:e,className:(0,Wo.classNames)(o?.className,t),ref:(0,Xs.composeRefs)(v,b),label:f.label}),i.isOpen&&(0,Q.jsx)(ur,{triggerRef:v,state:i,placement:n,isNonModal:s,shouldFlip:l,shouldUpdatePosition:p,boundaryElement:c,crossOffset:d,offset:m,children:(0,Q.jsx)(pa,{className:r,...h,...f,ref:a,autoFocus:i.focusStrategy||!0})})]})});Qs.displayName="MenuRoot";var ca=Go.default.forwardRef(({items:e,...t},r)=>{let o=i=>i.map(a=>{if("type"in a&&a.type==="section"){let n=a.isTitleVisible??!0;return(0,Q.jsx)(Uo.Section,{title:n?a.title:void 0,"aria-label":n?void 0:a.title,children:o(a.items)},a.group)}else return(0,Wo.invariant)("label"in a,"Item doesn't have a label"),(0,Q.jsxs)(Uo.Item,{textValue:a.label,children:[(0,Q.jsx)("div",{children:a.label}),a.shortcut&&(0,Q.jsx)("kbd",{children:a.shortcut})]},a.id)});return(0,Q.jsx)(Qs,{...t,ref:r,children:o(e)})});ca.displayName="MenuBase";var Js=require("react/jsx-runtime"),da=Ys.default.forwardRef(({defaultOpen:e,isOpen:t,onOpenChange:r,...o},i)=>{let a=(0,$s.useMenuTriggerState)({defaultOpen:e,isOpen:t,onOpenChange:r});return(0,Js.jsx)(ca,{...o,state:a,ref:i})});da.displayName="Menu";var rn=require("@radix-ui/react-compose-refs"),ma=g(require("react")),on=require("@baseline-ui/utils"),We=require("react-aria");var en=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"]]});var tn=require("react/jsx-runtime"),ua=ma.default.forwardRef(({className:e,style:t,children:r,variant:o="default",size:i="md",elementType:a="a",...n},s)=>{let l=ma.default.useRef(null),{linkProps:p,isPressed:c}=(0,We.useLink)({...n,elementType:n.onPress?"span":a},l),{isFocusVisible:d,focusProps:m}=(0,We.useFocusRing)(),{hoverProps:f,isHovered:b}=(0,We.useHover)({isDisabled:n.isDisabled});return(0,tn.jsx)(a,{...(0,We.mergeProps)(p,m,f),className:(0,on.classNames)(en({variant:o,isFocusVisible:d,isHovered:b,isDisabled:n.isDisabled,size:i,isActive:c}),e),ref:(0,rn.composeRefs)(l,s),style:t,children:r})});ua.displayName="Link";var dn=require("@radix-ui/react-compose-refs"),ba=g(require("react")),Qo=require("@baseline-ui/utils"),le=require("react-aria");var an=require("@baseline-ui/utils"),Xo=require("react-aria");function sn({isDisabled:e,onValueChange:t,onChange:r,name:o,"aria-describedby":i,"aria-label":a,accept:n,multiple:s}){let l=(0,Xo.useId)(),p=(0,Xo.useId)(),c=(0,Xo.useId)();return{inputProps:{type:"file",id:p,disabled:!!e,"aria-labelledby":a?void 0:l,"aria-describedby":i||c,"aria-label":a,onChange:m=>{let f=[...m.target.files||[]];t?.(f),r?.(m)},name:o,accept:n,multiple:s},labelProps:{htmlFor:p,id:l},descriptionProps:{id:c}}}async function fa({items:e}){let t=e.filter(r=>r.kind==="file").map(r=>((0,an.invariant)(r.kind==="file"),r.getFile()));return await Promise.all(t)}var nn=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"]]}),ln=u({defaultClassName:"_180w5ede",variantClassNames:{disabled:{true:"_180w5edf"}},defaultVariants:{},compoundVariants:[]}),pn=u({defaultClassName:"_180w5ed9",variantClassNames:{disabled:{true:"_180w5eda"}},defaultVariants:{},compoundVariants:[]}),cn=u({defaultClassName:"_180w5edb",variantClassNames:{disabled:{true:"_180w5edc"},hovered:{true:"_180w5edd"}},defaultVariants:{},compoundVariants:[]});var Te=require("react/jsx-runtime"),va=ba.default.forwardRef(({className:e,label:t,description:r,icon:o,variant:i="default",...a},n)=>{let s=ba.default.useRef(null),{inputProps:l,descriptionProps:p,labelProps:c}=sn(a),{dropProps:d}=(0,le.useDrop)({ref:s,onDrop:async({items:y})=>{let h=y.filter(x=>x.kind==="file").map(x=>((0,Qo.invariant)(x.kind==="file"),x.getFile())),_=await Promise.all(h);a.onValueChange?.(_)}}),{focusProps:m,isFocusVisible:f}=(0,le.useFocusRing)(),{hoverProps:b,isHovered:v}=(0,le.useHover)({isDisabled:a.isDisabled});return(0,Te.jsxs)("label",{...(0,le.mergeProps)(d,b,c),className:(0,Qo.classNames)(nn({variant:i,disabled:a.isDisabled,hoveredOrFocusedOrActive:v||f}),e),ref:(0,dn.composeRefs)(n,s),children:[(0,Te.jsx)(le.VisuallyHidden,{children:(0,Te.jsx)("input",{...(0,le.mergeProps)(m,l)})}),o&&(0,Te.jsx)(o,{size:20,className:pn({disabled:a.isDisabled})}),(0,Te.jsxs)("div",{children:[(0,Te.jsx)("div",{className:cn({disabled:a.isDisabled,hovered:v}),children:t}),r&&(0,Te.jsx)("div",{...p,className:ln({disabled:a.isDisabled}),children:r})]})]})});va.displayName="FileUpload";var xn=g(require("react")),Cn=require("@baseline-ui/utils"),Yo=require("react-aria");var mn="_12vfhl40 z9nup81",un="_12vfhl41 z9nup82",fn=u({defaultClassName:"_12vfhl48",variantClassNames:{variant:{success:"_12vfhl49",error:"_12vfhl4a",active:"_12vfhl4b"}},defaultVariants:{},compoundVariants:[]}),bn="_12vfhl42",vn="_12vfhl47",gn="_12vfhl46 z9nup82",yn="_12vfhl45",hn=u({defaultClassName:"_12vfhl43 _12vfhl42",variantClassNames:{hasLabel:{false:"_12vfhl44"}},defaultVariants:{},compoundVariants:[]});var pe=require("react/jsx-runtime"),ga=xn.default.forwardRef(({className:e,variant:t="active",showValue:r,description:o,errorMessage:i,...a},n)=>{let s=(0,Yo.useId)(),{labelProps:l,progressBarProps:p}=(0,Yo.useProgressBar)({...a,"aria-describedby":o?s:a["aria-describedby"]}),{minValue:c=0,maxValue:d=100,value:m=0,label:f}=a,b=(m-c)/(d-c),v=`${Math.round(b*100)}%`,y=(0,pe.jsx)("output",{className:hn({hasLabel:!!f}),children:p["aria-valuetext"]}),h=t==="error"?i:o;return(0,pe.jsxs)("div",{...p,className:(0,Cn.classNames)(mn,e),ref:n,children:[f&&(0,pe.jsxs)("div",{className:un,children:[(0,pe.jsx)("label",{...l,className:bn,children:f}),r&&y]}),(0,pe.jsxs)("div",{className:yn,children:[(0,pe.jsxs)("div",{className:gn,children:[(0,pe.jsx)("div",{className:vn,children:(0,pe.jsx)("div",{style:{width:v},className:fn({variant:t})})}),!f&&r&&y]}),h&&(0,pe.jsx)("div",{className:Rr({hasError:t==="error"}),id:s,children:h})]})]})});ga.displayName="ProgressBar";var ya=g(require("react")),Jo=require("@baseline-ui/utils"),Ze=require("react-aria");var Fr=require("@baseline-ui/icons/16");function $o({isReadOnly:e,validationState:t}){return e?Fr.ReadOnlyIcon:t==="error"?Fr.ErrorFilledIcon:t==="warning"?Fr.WarningFilledIcon:null}var Se=require("react/jsx-runtime"),ha=ya.default.forwardRef(({className:e,validationState:t="valid",variant:r="primary",style:o,labelPosition:i="top",inputStyle:a,inputClassName:n,...s},l)=>{let p=ya.default.useRef(null),{inputProps:c,labelProps:d,descriptionProps:m,errorMessageProps:f}=(0,Ze.useTextField)({...s,validationState:t==="error"?"invalid":"valid"},p),{hoverProps:b,isHovered:v}=(0,Ze.useHover)({isDisabled:s.isDisabled}),{isFocused:y,focusProps:h}=(0,Ze.useFocusRing)(),_=$o({isReadOnly:s.isReadOnly,validationState:t}),x=qe({...s,descriptionProps:m,errorMessageProps:f,labelPosition:i});return(0,Se.jsxs)("div",{className:(0,Jo.classNames)(je({labelPosition:i}),e),style:o,ref:l,children:[(0,Se.jsxs)("div",{className:Ae({labelPosition:i,hasMessage:!!x}),children:[(0,Se.jsx)("label",{...d,className:ze,children:s.label}),i==="start"&&x]}),(0,Se.jsxs)("div",{className:(0,Jo.classNames)({[kr]:s.isDisabled}),children:[(0,Se.jsxs)("div",{...b,className:Nr({validationState:t,isHovered:v,isFocused:y,variant:r,isReadOnly:!!s.isReadOnly,isDisabled:!!s.isDisabled}),children:[(0,Se.jsx)("input",{...(0,Ze.mergeProps)(c,h),className:(0,Jo.classNames)(Vo({isDisabled:s.isDisabled,labelPosition:i}),n),style:a,ref:p}),_&&(0,Se.jsx)(_,{className:wr({validationState:t,isReadOnly:s.isReadOnly}),size:16})]}),i==="top"&&x]})]})});ha.displayName="TextInput";var wn=require("@baseline-ui/icons/20"),Nn=require("@baseline-ui/icons/16"),xa=g(require("react")),Xe=require("react-aria"),Tn=require("react-stately");var _n=require("react-aria"),et=require("react/jsx-runtime"),fr=({value:e,...t})=>{let r=(0,_n.useNumberFormatter)(t);return(0,et.jsx)(et.Fragment,{children:r.format(e)})};fr.displayName="NumberFormat";var Pn=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"]]}),kn=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"]]}),Rn=u({defaultClassName:"_9b1tmlc",variantClassNames:{isDisabled:{true:"_9b1tmld"},isReadOnly:{true:"_9b1tmle"}},defaultVariants:{},compoundVariants:[]});var ye=require("react/jsx-runtime"),Ca=xa.default.forwardRef(({className:e,count:t,style:r,size:o="medium",icon:i,...a},n)=>{let s={isRequired:!1},l=i||(o==="medium"?wn.CheckmarkIcon:Nn.CheckmarkIcon);!a["aria-label"]&&!a["aria-labelledby"]&&console.warn("You must provide either an `aria-label` or `aria-labelledby` prop to the `Reaction` component.");let p=xa.default.useRef(null),c=(0,Tn.useToggleState)({...a,...s}),{inputProps:d}=(0,Xe.useSwitch)({...a,...s},c,p),{focusProps:m,isFocusVisible:f}=(0,Xe.useFocusRing)(),{hoverProps:b,isHovered:v}=(0,Xe.useHover)({}),y=!!a.isDisabled,h=!!a.isReadOnly;return(0,ye.jsxs)("label",{ref:n,style:r,className:e,children:[(0,ye.jsx)(Xe.VisuallyHidden,{children:(0,ye.jsx)("input",{...d,...m,ref:p})}),(0,ye.jsxs)("div",{...b,className:Pn({isSelected:c.isSelected,isFocusVisible:f,isHovered:v,isReadOnly:h,isDisabled:y}),children:[(0,ye.jsx)("div",{className:Rn({isDisabled:y,isReadOnly:h}),children:(0,ye.jsx)(l,{size:o==="medium"?20:16})}),(0,ye.jsx)("div",{className:kn({isSelected:c.isSelected,isDisabled:y,isReadOnly:h,size:o}),children:(0,ye.jsx)(fr,{value:t})})]})]})});Ca.displayName="Reaction";var ct=g(require("react")),dt=require("react-aria"),zn=require("react-stately"),An=require("@react-aria/focus"),jn=require("@radix-ui/react-compose-refs");var rt=g(require("react")),ot=require("react-aria"),Hr=require("@react-spring/web");var Sn=u({defaultClassName:"_1jwycy80",variantClassNames:{placement:{bottom:"_1jwycy81",left:"_1jwycy82",right:"_1jwycy83",top:"_1jwycy84"}},defaultVariants:{},compoundVariants:[]}),In="_1jwycy85";var ao=require("react/jsx-runtime"),_a=rt.default.forwardRef(({children:e,state:t,overlayProps:r,arrowProps:o,placement:i,tooltipProps:a},n)=>{let{tooltipProps:s}=(0,ot.useTooltip)({isOpen:t.isOpen},t),l=(0,rt.useMemo)(()=>{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=(0,Hr.useReducedMotion)(),[c]=(0,Hr.useSpring)(()=>({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(0,ao.jsxs)(Hr.animated.span,{...r,style:{...c,...r.style},ref:n,"data-placement":d,children:[(0,ao.jsx)("div",{className:Sn({placement:d}),...o}),(0,ao.jsx)("div",{...(0,ot.mergeProps)(s,a),className:In,children:e})]})});_a.displayName="TooltipContent";var tt=g(require("react")),Ln=require("react-aria");var Pa=require("react/jsx-runtime"),io=tt.default.forwardRef(({className:e,children:t,...r},o)=>{let{theme:i}=(0,tt.useContext)(Ge);return(0,Pa.jsx)(Ln.Overlay,{...r,children:(0,Pa.jsx)(Ne,{ref:o,theme:i,className:e,children:t})})});io.displayName="Portal";var so=g(require("react"));function ka({ref:e,onIntersect:t,isDisabled:r,threshold:o,rootMargin:i,root:a}){let n=so.default.useRef(null);(0,so.useEffect)(()=>{if(r){n.current?.disconnect(),n.current=null;return}n.current=new IntersectionObserver(([s])=>{t(s)},{root:a?.current,rootMargin:i,threshold:o})},[t,r,a,i,o]),(0,so.useEffect)(()=>{let{current:s}=n;return e.current&&s?.observe(e.current),()=>s?.disconnect()},[e])}var no=g(require("react"));function Ra({ref:e,onResize:t,isDisabled:r}){let o=no.default.useRef(null),[i,a]=no.default.useState();return no.default.useEffect(()=>{if(r){o.current?.disconnect(),o.current=null;return}o.current=new ResizeObserver(([n])=>{a(n.contentRect),t?.(n)})},[t,r,a]),no.default.useEffect(()=>{let{current:n}=o;return e.current&&n?.observe(e.current),()=>n?.disconnect()},[e]),{size:i}}var Vr=require("react");function lo({src:e,alt:t}){let[r,o]=(0,Vr.useState)(!1),[i,a]=(0,Vr.useState)(!1),[n,s]=(0,Vr.useState)(!1),l=()=>{o(!0),s(!1)},p=()=>{a(!0),s(!1)};return(0,Vr.useEffect)(()=>{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:t}}}var Mn=require("granular-hooks"),nt=require("react");var at=require("react");function br(){let e=(0,at.useRef)(!0);return(0,at.useEffect)(()=>{e.current=!1},[]),e.current}var Dn="SET_STATE",it="UNDO",st="REDO",cm=(e,t)=>{let{past:r,present:o,future:i}=e;switch(t.type){case Dn:return{past:[...r,o],present:t.data,future:[]};case it:return{past:r.slice(0,r?.length-1),present:r[r?.length-1],future:[o,...i]};case st:return{past:[...r,o],present:i[0],future:i.slice(1)};default:throw new Error("Invalid action type")}},wa=(e={},{isDisabled:t,onAction:r})=>{let o=br(),[i,a]=(0,nt.useReducer)(cm,{past:[],present:e,future:[]}),{past:n,present:s,future:l}=i,p=v=>a({type:Dn,data:v}),c=(0,nt.useRef)(),d=()=>{c.current=it,a({type:it})},m=()=>{c.current=st,a({type:st})},f=!!n?.length,b=!!l?.length;return(0,Mn.useGranularEffect)(()=>{(c.current===it||c.current===st)&&(r?.(s,c.current),c.current=void 0)},[s],[r,o]),{state:s,push:t?()=>{}:p,undo:t?()=>{}:d,redo:t?()=>{}:m,pastStates:n,futureStates:l,canUndo:f,canRedo:b}};var En=require("@baseline-ui/utils"),Bn=require("react"),lt=require("react-aria");var Fn=require("react-aria"),Hn=g(require("react")),Na=require("react/jsx-runtime"),Ta=Hn.default.createContext({messages:{}}),Vn=({children:e,messages:t={},...r})=>(0,Na.jsx)(Fn.I18nProvider,{...r,children:(0,Na.jsx)(Ta.Provider,{value:{messages:t},children:e})});function ce(e){let{messages:t}=(0,Bn.useContext)(Ta),r=(0,lt.useMessageFormatter)(e?(0,En.cleanKeyFromGlobImport)(e):t),o=(0,lt.useLocale)();return{formatMessage:(i,a)=>typeof i=="object"?r(i.id,a)||i.defaultMessage||i.id:r(i,a)||i,locale:o}}function dm(e){return Object.fromEntries(Object.keys(e).map(t=>[t,e[t].id]))}var Sa=g(require("react"));function mm(e,t,r){let o=Sa.default.useRef(null);return Sa.default.useEffect(()=>{if(e)return o.current=new MutationObserver(r),o.current.observe(e,t),()=>{o.current&&o.current.disconnect()}},[e,t,r]),o.current}var pt=require("react");function um(){let[e,t]=(0,pt.useState)({width:window.innerWidth,height:window.innerHeight});return(0,pt.useEffect)(()=>{let r=()=>t({width:window.innerWidth,height:window.innerHeight});return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),e}var On=require("react");function fm(e,t){let[r,o]=(0,On.useState)(()=>{try{let a=window.localStorage.getItem(e);return a?JSON.parse(a):t}catch(a){return console.log(a),t}});return[r,a=>{try{let n=a instanceof Function?a(r):a;o(n),window.localStorage.setItem(e,JSON.stringify(n))}catch(n){console.log(n)}}]}var po=require("react/jsx-runtime"),Ia=ct.default.forwardRef(({children:e,placement:t="bottom",delay:r=1e3,closeDelay:o=500,...i},a)=>{let n=ct.default.useRef(null),s=ct.default.useRef(null),l=!i.text||i.isDisabled,p=(0,zn.useTooltipTriggerState)({...i,delay:r,closeDelay:o,isDisabled:l}),{triggerProps:c,tooltipProps:d}=(0,dt.useTooltipTrigger)({...i,isDisabled:l,delay:r,closeDelay:o},p,n),{overlayProps:m,arrowProps:f,placement:b,updatePosition:v}=(0,dt.useOverlayPosition)({arrowSize:13,targetRef:n,arrowBoundaryOffset:8,offset:12,overlayRef:s,placement:t,isOpen:p.isOpen,...i});return ka({ref:s,threshold:1,onIntersect:v,isDisabled:!p.isOpen}),Ra({ref:n,onResize:v,isDisabled:!p.isOpen}),(0,po.jsxs)(An.FocusableProvider,{...c,ref:n,children:[e,p.isOpen&&(0,po.jsx)(io,{disableFocusManagement:!0,children:(0,po.jsx)(_a,{ref:(0,jn.composeRefs)(a,s),state:p,arrowProps:f,overlayProps:m,placement:b,tooltipProps:d,children:i.text})})]})});Ia.displayName="Tooltip";var Yn=g(require("react")),$n=require("@baseline-ui/utils"),mt=require("@baseline-ui/icons/16"),ut=require("@baseline-ui/icons/20"),Jn=require("react-aria"),el=require("@vanilla-extract/dynamic");var qn="_1azy5686",Kn="_1azy5685",Gn="var(--_1azy5680)",Un="_1azy5688",Wn="_1azy5689",Zn="_1azy5681 z9nup82",Xn="_1azy5682";var Qn="_1azy5687";var he=require("react/jsx-runtime"),bm={sm:16,md:20},vm={sm:[mt.CheckFilledIcon,mt.ErrorAltFilledIcon],md:[ut.CheckFilledIcon,ut.ErrorAltFilledIcon]},co=Yn.default.forwardRef(({className:e,style:t,size:r="md",variant:o="active",...i},a)=>{let{labelProps:n,progressBarProps:s}=(0,Jn.useProgressBar)({...i,isIndeterminate:!0}),l=bm[r],p=l/2-2,c=2*p*Math.PI,d=vm[r][o==="success"?0:1];return(0,he.jsxs)("div",{className:(0,$n.classNames)(Zn,e),ref:a,style:{...(0,el.assignInlineVars)({[Gn]:`${c}px`}),...t},children:[(0,he.jsxs)("div",{...s,className:Xn,children:[(o==="active"||o==="inactive")&&(0,he.jsxs)("svg",{height:l,width:l,viewBox:`0 0 ${l} ${l}`,children:[(0,he.jsx)("circle",{role:"presentation",className:qn,cx:l/2,cy:l/2,r:p}),o==="active"&&(0,he.jsx)("circle",{role:"presentation",className:Kn,cx:l/2,cy:l/2,r:p})]}),o==="success"&&(0,he.jsx)(d,{className:Qn,size:l}),o==="error"&&(0,he.jsx)(d,{className:Un,size:l})]}),i.label&&(0,he.jsx)("span",{...n,className:Wn,children:i.label})]})});co.displayName="ProgressSpinner";var Ma=require("@baseline-ui/icons/8"),ol=require("@radix-ui/react-compose-refs"),Da=g(require("react")),tl=require("@baseline-ui/utils"),Qe=require("react-aria"),al=require("react-stately");var La=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"]]}),rl=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"]]});var Er=require("react/jsx-runtime"),gm={md:20,lg:24},Fa=Da.default.forwardRef(({className:e,style:t,popupPlacement:r="bottom",iconStart:o,size:i="md",...a},n)=>{let s=Da.default.useRef(null),l=(0,al.useToggleState)(a),{buttonProps:p}=(0,Qe.useToggleButton)(a,l,s),{hoverProps:c,isHovered:d}=(0,Qe.useHover)({isDisabled:a.isDisabled}),{isFocusVisible:m,focusProps:f}=(0,Qe.useFocusRing)(),b=a["aria-haspopup"]==="true"||a["aria-haspopup"]===!0;return(0,Er.jsxs)("button",{...(0,Qe.mergeProps)(p,c,f),className:(0,tl.classNames)(rl({isHovered:d,isFocusVisible:m,isSelected:l.isSelected,size:i,isDisabled:a.isDisabled}),e),style:t,ref:(0,ol.composeRefs)(s,n),children:[b&&r==="left"&&(0,Er.jsx)(Ma.CaretRightIcon,{className:La({direction:r,isSelected:l.isSelected}),size:8}),o&&(0,Er.jsx)(o,{size:gm[i]}),a.label,b&&r!=="left"&&(0,Er.jsx)(Ma.CaretRightIcon,{className:La({direction:r,isSelected:l.isSelected}),size:8})]})});Fa.displayName="ToggleButton";var Ha=g(require("react")),nl=require("@baseline-ui/utils"),xe=require("react-aria"),ll=require("react-stately"),bt=require("@baseline-ui/icons/12");var ft=u({defaultClassName:"_16vugd0e",variantClassNames:{isDisabled:{true:"_16vugd0f"}},defaultVariants:{},compoundVariants:[]}),il=u({defaultClassName:"_16vugd01",variantClassNames:{labelPosition:{end:"_16vugd02",start:"_16vugd03"}},defaultVariants:{},compoundVariants:[]}),sl=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"]]});var Ie=require("react/jsx-runtime"),Va=Ha.default.forwardRef(({className:e,style:t,label:r,labelPosition:o="end","data-blockid":i,...a},n)=>{let s=Ha.default.useRef(null),l=(0,ll.useToggleState)(a),{isFocusVisible:p,focusProps:c}=(0,xe.useFocusRing)(),{inputProps:d,isDisabled:m,isSelected:f,isReadOnly:b}=(0,xe.useCheckbox)({...a,children:r},l,s),{hoverProps:v,isHovered:y}=(0,xe.useHover)({isDisabled:m});return(0,Ie.jsxs)("label",{className:(0,nl.classNames)(il({labelPosition:o}),"BaselineUI-Checkbox",e),"data-blockid":i,style:t,ref:n,children:[(0,Ie.jsx)(xe.VisuallyHidden,{children:(0,Ie.jsx)("input",{...(0,xe.mergeProps)(d,c),ref:s})}),(0,Ie.jsxs)("div",{...v,className:sl({isSelected:f&&!a.isIndeterminate,isIndeterminate:a.isIndeterminate,isFocusVisible:p,isDisabled:m,isReadOnly:b,hasError:a.validationState==="invalid",isHovered:y}),children:[f&&!a.isIndeterminate&&(0,Ie.jsx)(bt.CheckmarkIcon,{size:12}),a.isIndeterminate&&(0,Ie.jsx)(bt.MinusIcon,{size:12})]}),r&&(0,Ie.jsx)("span",{className:ft({isDisabled:m}),children:r})]})});Va.displayName="Checkbox";var Ea=g(require("react")),Gl=require("@baseline-ui/utils"),$e=require("react-aria"),Ul=require("react-stately"),vt=require("@baseline-ui/icons/12"),gt=require("@baseline-ui/icons/16"),yt=require("@baseline-ui/icons/20"),ht=require("@baseline-ui/icons/24");var pl={close:"Zav\u0159\xEDt"};var cl={close:"Cau"};var dl={close:"Luk"};var ml={close:"Schlie\xDFen"};var ul={close:"\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"};var fl={close:"Close"};var bl={close:"Close"};var vl={close:"Cerrar"};var gl={close:"Sulje"};var yl={close:"Fermer"};var hl={close:"Fermer"};var xl={close:"\u05E1\u05D2\u05D9\u05E8\u05D4"};var Cl={close:"Zatvori"};var _l={close:"Tutup"};var Pl={close:"Chiudi"};var kl={close:"\u9589\u3058\u308B"};var Rl={close:"\uB2EB\uAE30"};var wl={close:"Tutup"};var Nl={close:"Lukk"};var Tl={close:"Sluit"};var Sl={close:"Zamknij"};var Il={close:"Fechar"};var Ll={close:"Fechar"};var Ml={close:"\u0417\u0430\u043A\u0440\u044B\u0442\u044C"};var Dl={close:"Zavrie\u0165"};var Fl={close:"Zapri"};var Hl={close:"St\xE4ng"};var Vl={close:"\u0E1B\u0E34\u0E14"};var El={close:"Kapat"};var Bl={close:"\u0417\u0430\u043A\u0440\u0438\u0442\u0438"};var Ol={close:"\u5173\u95ED"};var zl={close:"\u95DC\u9589"};var Ye={cs:pl,cy:cl,da:dl,de:ml,el:ul,enGB:fl,en:bl,es:vl,fi:gl,frCA:yl,fr:hl,he:xl,hr:Cl,id:_l,it:Pl,ja:kl,ko:Rl,ms:wl,nbNO:Nl,nl:Tl,pl:Sl,ptPT:Il,pt:Ll,ru:Ml,sk:Dl,sl:Fl,sv:Hl,th:Vl,tr:El,uk:Bl,zhHans:Ol,zhHant:zl};var Al=u({defaultClassName:"_1nsi9h17",variantClassNames:{isFocusVisible:{true:"_1nsi9h18"},variant:{pinned:"_1nsi9h19",floating:"_1nsi9h1a"}},defaultVariants:{},compoundVariants:[]}),jl="_1nsi9h1b",ql=u({defaultClassName:"_1nsi9h10",variantClassNames:{size:{xs:"_1nsi9h11",sm:"_1nsi9h12",md:"_1nsi9h13",lg:"_1nsi9h14"},variant:{floating:"_1nsi9h15",pinned:"_1nsi9h16"}},defaultVariants:{},compoundVariants:[]}),Kl="_1nsi9h1c";var de=require("react/jsx-runtime"),Qm={style:"decimal"},Ym={xs:[vt.CaretLeftIcon,vt.CaretRightIcon],sm:[gt.CaretLeftIcon,gt.CaretRightIcon],md:[yt.CaretLeftIcon,yt.CaretRightIcon],lg:[ht.CaretLeftIcon,ht.CaretRightIcon]},Ba=Ea.default.forwardRef(({className:e,style:t,minValue:r=1,defaultValue:o=1,incrementAriaLabel:i,decrementAriaLabel:a,"aria-label":n,size:s="md",variant:l="floating",...p},c)=>{let{locale:d}=(0,$e.useLocale)(),m=ce(Ye),f={...p,formatOptions:Qm,minValue:r,incrementAriaLabel:i||m.formatMessage("nextPage"),decrementAriaLabel:a||m.formatMessage("prevPage"),defaultValue:o,"aria-label":n||m.formatMessage("goToPage")},b=Ea.default.useRef(null),v=(0,Ul.useNumberFieldState)({...f,locale:d}),{inputProps:y,decrementButtonProps:h,incrementButtonProps:_,groupProps:x}=(0,$e.useNumberField)({...f,onKeyDown:S=>{S.key==="Enter"&&b.current?.blur(),p.onKeyDown?.(S)}},v,b),{focusProps:C,isFocusVisible:k}=(0,$e.useFocusRing)({}),w=l==="floating",[$,W]=Ym[s];return(0,de.jsxs)("div",{...x,className:(0,Gl.classNames)(ql({size:s,variant:l}),e),style:t,ref:c,children:[(0,de.jsx)(T,{icon:$,...h,elementType:"div",size:s,style:{height:"100%",...w&&{borderRadius:0}}}),l==="floating"&&(0,de.jsx)(J,{orientation:"vertical"}),(0,de.jsxs)("div",{className:Al({isFocusVisible:k,variant:l}),"aria-label":m.formatMessage("pageXofY",{arg0:y.value,arg1:v.maxValue}),children:[(0,de.jsx)("input",{...(0,$e.mergeProps)(y,C),ref:b,className:jl,style:{width:`${y.value?.toString().length||1}ch`}}),(0,de.jsxs)("span",{className:Kl,children:["/ ",(0,de.jsx)(fr,{value:v.maxValue})]})]}),l==="floating"&&(0,de.jsx)(J,{orientation:"vertical"}),(0,de.jsx)(T,{icon:W,..._,elementType:"div",size:s,style:{height:"100%",...w&&{borderRadius:0}}})]})});Ba.displayName="Pagination";var Br=require("react-aria");var Wl=require("react-aria"),xt=require("react/jsx-runtime"),Oa=({date:e,...t})=>{let r=(0,Wl.useDateFormatter)(t);return(0,xt.jsx)(xt.Fragment,{children:r.format(e)})};Oa.displayName="DateFormat";var tp=g(require("react")),ap=require("react-stately");var $l=require("@baseline-ui/icons/12"),Jl=require("@baseline-ui/icons/16"),ep=require("@baseline-ui/utils"),rp=require("@radix-ui/react-compose-refs"),mo=g(require("react")),K=require("react-aria"),op=require("react-stately");var Zl=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"]]}),Xl="_1f789qjj",Ql="_1f789qj0",Yl=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"]]});var Ce=require("react/jsx-runtime"),$m=({item:e,state:t,variant:r="neutral"})=>{let o=mo.default.useRef(null),{focusProps:i,isFocusVisible:a}=(0,K.useFocusRing)({within:!0}),{rowProps:n,gridCellProps:s,removeButtonProps:l,allowsRemoving:p,isDisabled:c,isSelected:d,allowsSelection:m}=(0,K.useTag)({item:e},t,o),f=mo.default.useRef(null),{buttonProps:b}=(0,K.useButton)(l,f),{hoverProps:v,isHovered:y}=(0,K.useHover)({isDisabled:c}),{hoverProps:h,isHovered:_}=(0,K.useHover)({isDisabled:c}),x=e.value?.icon,C=e.value?.variant??r;return(0,Ce.jsx)("div",{...(0,K.mergeProps)(n,i,h),ref:o,className:Zl({isFocusVisible:a,variant:C,isDisabled:c,allowsRemoving:p,isSelected:d,allowsSelection:m,isHovered:_}),children:(0,Ce.jsxs)("div",{...s,className:Xl,children:[d&&(0,Ce.jsx)(Jl.CheckmarkIcon,{size:16}),!d&&x&&(0,Ce.jsx)(x,{size:16}),e.rendered,p&&(0,Ce.jsx)("button",{...(0,K.mergeProps)(b,v),className:Yl({variant:C,isHovered:y}),children:(0,Ce.jsx)($l.XIcon,{})})]})})},za=mo.default.forwardRef(({className:e,style:t,...r},o)=>{let i=mo.default.useRef(null),a=(0,op.useListState)(r),{gridProps:n}=(0,K.useTagGroup)(r,a,i);return(0,Ce.jsx)("div",{...n,className:(0,ep.classNames)(Ql,e),style:t,ref:(0,rp.composeRefs)(o,i),children:[...a.collection].map(s=>(0,Ce.jsx)($m,{state:a,item:s,variant:r.variant},s.key))})});za.displayName="TagGroupBase";var Aa=require("react/jsx-runtime"),ja=tp.default.forwardRef(({items:e,...t},r)=>(0,Aa.jsx)(za,{...t,items:e,ref:r,children:o=>(0,Aa.jsx)(ap.Item,{children:o.label})}));ja.displayName="TagGroup";var Le=g(require("react")),bp=require("react-aria");var mp=require("@baseline-ui/utils"),vr=g(require("react")),up=require("react-aria");var ip="_1kvz17d0",sp=u({defaultClassName:"_1kvz17dc _1fh8s8j0 _1fh8s8j2",variantClassNames:{showActionsOnTriggerOnly:{true:"_1f9lhx3f"},isTriggered:{true:"_1kvz17de"}},defaultVariants:{},compoundVariants:[]}),np=u({defaultClassName:"_1kvz17d1 _1ialkzd4u _1ialkzd4v _1ialkzd4w _1ialkzd60 _1ialkzd61 _1ialkzd62 _1ialkzd76 _1ialkzd77 _1ialkzd78 _1ialkzd8c _1ialkzd8d _1ialkzd8e _1fh8s8j0 _1fh8s8j1",variantClassNames:{isExpanded:{true:"_1kvz17d2"}},defaultVariants:{},compoundVariants:[]}),lp="_1fpijgxj p3721pm",pp=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:[]}),cp="_1kvz17db _1ialkzd6 _1ialkzd7 _1ialkzd8 _1ialkzd2i _1ialkzd2j _1ialkzd2k p3721pn",dp=u({defaultClassName:"_1kvz17d8 _1f9lhxf _1f9lhxg _1f9lhxh _1f9lhx16 _1f9lhx17 _1f9lhx18",variantClassNames:{isDisabled:{true:"_1fpijgxm",false:"_1fpijgxi"}},defaultVariants:{},compoundVariants:[]});var fp=require("react/jsx-runtime"),qa=vr.default.forwardRef(({children:e,className:t,style:r},o)=>{let{headers:i}=(0,vr.useContext)(Je),{disabledKeys:a}=(0,vr.useContext)(Je),{keyboardProps:n}=(0,up.useKeyboard)({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);a?.has(b?.current?.getAttribute("data-key")||"")?d(f-1):b?.current?.focus()},m=f=>{let b=i.get((f+1)%c);a?.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(0,fp.jsx)("div",{...n,style:r,className:(0,mp.classNames)(ip,t),ref:o,children:vr.default.Children.map(e,(s,l)=>vr.default.cloneElement(s,{index:l}))})});qa.displayName="AccordionBase";var Ct=require("react/jsx-runtime"),Je=Le.default.createContext({expandedKeys:new Set,setExpandedKeys:()=>{},disabledKeys:new Set,headers:new Map,expansionMode:"multiple"}),Ka=Le.default.forwardRef(({children:e,disabledKeys:t,defaultExpandedKeys:r=new Set,expandedKeys:o,expansionMode:i="multiple",onChange:a,className:n,style:s},l)=>{let[p,c]=Le.default.useState(r),d=Le.default.useRef(new Map).current,[m,f]=Le.default.useState(i);return(0,Le.useEffect)(()=>{f(m)},[m]),(0,Le.useEffect)(()=>{a?.(p)},[p,a]),(0,Ct.jsx)(Je.Provider,{value:{expandedKeys:o||p,setExpandedKeys:o?()=>{}:c,disabledKeys:t,headers:d,expansionMode:m},children:(0,Ct.jsx)(bp.FocusScope,{children:(0,Ct.jsx)(qa,{className:n,style:s,ref:l,children:e})})})});Ka.displayName="Accordion";var Or=require("@react-spring/web"),uo=g(require("react")),fo=require("react-aria");var vp=require("@baseline-ui/icons/8/index"),Ga=require("@baseline-ui/utils"),gr=g(require("react")),V=require("react-aria");var Me=require("react/jsx-runtime"),Ua=gr.default.forwardRef(({title:e,actions:t,controlId:r,value:o,id:i,index:a,subLabel:n,showActionsOnTriggerOnly:s},l)=>{let p=gr.default.useRef(null),{expandedKeys:c,setExpandedKeys:d,expansionMode:m,disabledKeys:f,headers:b}=(0,gr.useContext)(Je),v=f?.has(o),y=(0,V.useFocusManager)();(0,Ga.invariant)(y);let{focusNext:h,focusPrevious:_}=y,{keyboardProps:x}=(0,V.useKeyboard)({onKeyDown:E=>{E.key==="ArrowRight"?h({wrap:!0}):E.key==="ArrowLeft"?_({wrap:!0}):E.continuePropagation()},isDisabled:v});(0,gr.useEffect)(()=>{(0,Ga.invariant)(typeof a=="number","AccordionItem must have an index"),b?.set(a,p)},[a,b]);let C=()=>{d(E=>{if(m==="single"){let L=new Set(E);return L.has(o)?L.delete(o):(L.clear(),L.add(o)),L}else{let L=new Set(E);return L.has(o)?L.delete(o):L.add(o),L}})},{buttonProps:k}=(0,V.useButton)({"aria-expanded":c.has(o),"aria-controls":r,onPress:C,isDisabled:v},p),{pressProps:w}=(0,V.usePress)({onPress:C,isDisabled:v}),{focusProps:$,isFocusVisible:W}=(0,V.useFocusRing)(),{hoverProps:S,isHovered:F}=(0,V.useHover)({isDisabled:v}),{focusProps:D,isFocusVisible:A}=(0,V.useFocusRing)({within:!0}),Ee=c.has(o);return(0,Me.jsxs)("h3",{...(0,V.mergeProps)(x,w,S,D),className:pp({isFocusVisible:W,isHovered:F,isDisabled:v}),ref:l,children:[(0,Me.jsxs)("div",{className:dp({isDisabled:!!v}),children:[(0,Me.jsx)(vp.ChevronRightIcon,{className:np({isExpanded:Ee}),size:8}),(0,Me.jsx)("button",{...(0,V.mergeProps)(k,$),id:i,"data-key":o,className:cp,ref:p,children:e})]}),t?.length&&(0,Me.jsx)("div",{className:sp({showActionsOnTriggerOnly:s,isTriggered:A||F}),children:t.map((E,L)=>(0,Me.jsx)(T,{variant:"secondary",size:"sm",excludeFromTabOrder:!0,isDisabled:v,...E},L))}),n&&(0,Me.jsx)("div",{className:lp,children:n})]})});Ua.displayName="AccordionHeader";var De=require("react/jsx-runtime"),Wa=uo.default.forwardRef(({title:e,actions:t,children:r,value:o,index:i,subLabel:a,style:n,className:s,showActionsOnTriggerOnly:l},p)=>{let c=(0,fo.useId)(),d=(0,fo.useId)(),{expandedKeys:m}=(0,uo.useContext)(Je),f=uo.default.useRef(null),b=m.has(o),v=br(),y=(0,Or.useReducedMotion)(),h=(0,Or.useTransition)(b?[o]:[],{from:!v&&!y&&{height:0,opacity:0},enter:()=>async _=>{await _({height:f.current?.scrollHeight,opacity:1})},leave:{height:0,opacity:0},keys:_=>_});return(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(fo.FocusScope,{children:(0,De.jsx)(Ua,{value:o,actions:t,id:d,title:e,controlId:c,ref:p,index:i,subLabel:a,showActionsOnTriggerOnly:l})}),h(_=>(0,De.jsx)(Or.animated.div,{role:"region","aria-labelledby":d,id:c,style:{..._,overflow:"hidden"},children:(0,De.jsx)("div",{ref:f,className:s,style:n,children:r})}))]})});Wa.displayName="AccordionItem";var zp=g(require("react")),ho=require("react-stately");var Bp=require("@baseline-ui/utils"),ri=g(require("react")),Rt=require("react-aria"),Op=require("react-stately");var Sp=g(require("react")),go=require("react-stately");var wp=require("@radix-ui/react-compose-refs"),Qa=g(require("react")),Np=require("@baseline-ui/utils"),kt=require("react-aria"),Tp=require("react-stately");var kp=require("@baseline-ui/utils"),Rp=require("react-aria");var gp="_6n12k90",yp=u({defaultClassName:"_6n12k98",variantClassNames:{isDisabled:{true:"_6n12k99"}},defaultVariants:{},compoundVariants:[]}),hp=u({defaultClassName:"_6n12k91 z9nup82",variantClassNames:{isSelected:{},isFocused:{true:"_6n12k92"},isHovered:{true:"_6n12k93"},isFirstChild:{true:"_6n12k94"},isLastChild:{true:"_6n12k95"},isDisabled:{true:"_6n12k96 z9nup83"}},defaultVariants:{},compoundVariants:[]}),xp="_6n12k97",Cp="_6n12k9a";var _p=require("@baseline-ui/icons/24"),Pp=require("@radix-ui/react-compose-refs"),Za=g(require("react")),_t=require("@baseline-ui/utils"),zr=require("react-aria");var er=require("react/jsx-runtime"),bo=Za.default.forwardRef(({item:e,renderOption:t,showSelectedIcon:r,state:o},i)=>{let a=Za.default.useRef(null),n=(0,zr.useOption)({key:e.key},o,a);(0,_t.invariant)(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}=(0,zr.useHover)({isDisabled:c}),{icon:f,description:b}=e.value;return t?t(e,n,a):(0,er.jsxs)("li",{...(0,zr.mergeProps)(s,d),className:(0,_t.classNames)(hp({isHovered:m,isFocused:l,isFirstChild:e.key===o.collection.getFirstKey(),isLastChild:e.key===o.collection.getLastKey(),isDisabled:c})),ref:(0,Pp.composeRefs)(a,i),children:[(0,er.jsxs)("div",{className:xp,children:[r&&(0,er.jsx)("span",{"aria-hidden":!0,style:{height:24,width:24},children:p&&(0,er.jsx)(_p.CheckmarkIcon,{size:24})}),f&&(0,er.jsx)(f,{size:24}),e.rendered]}),b&&(0,er.jsx)("span",{className:yp({isDisabled:c}),children:b})]})});bo.displayName="Option";var Fe=require("react/jsx-runtime"),Xa=({section:e,state:t,showSelectedIcon:r})=>{let{itemProps:o,groupProps:i}=(0,Rp.useListBoxSection)({heading:e.rendered,"aria-label":e["aria-label"]}),a=t.collection.getChildren?.(e.key);return(0,kp.invariant)(a,"items with type `section` must have children"),(0,Fe.jsxs)(Fe.Fragment,{children:[e.key!==t.collection.getFirstKey()&&(0,Fe.jsx)(J,{UNSAFE_omitRole:!0}),(0,Fe.jsx)("li",{...o,className:Cp,children:(0,Fe.jsx)("ul",{...i,children:[...a].map(n=>(0,Fe.jsx)(bo,{item:n,state:t,showSelectedIcon:r},n.key))})})]})};Xa.displayName="ListBoxSection";var Pt=require("react/jsx-runtime"),Ya=Qa.default.forwardRef(({className:e,layout:t="stack",orientation:r="vertical",showSelectedIcon:o=!0,UNSAFE_state:i,style:a,renderOption:n,...s},l)=>{let p=(0,Tp.useListState)(s),c=i||p,d=Qa.default.useRef(null),{listBoxProps:m}=(0,kt.useListBox)({...s,keyboardDelegate:new kt.ListKeyboardDelegate({collection:c.collection,ref:d,layout:t,orientation:r,direction:"ltr",disabledKeys:c.disabledKeys})},c,d);return(0,Pt.jsx)("ul",{...m,className:(0,Np.classNames)(gp,e),style:a,ref:(0,wp.composeRefs)(l,d),children:[...c.collection].map(f=>f.type==="section"?(0,Pt.jsx)(Xa,{showSelectedIcon:o,section:f,state:c},f.key):(0,Pt.jsx)(bo,{showSelectedIcon:o,item:f,state:c,renderOption:n},f.key))})});Ya.displayName="ListBoxBase";var vo=require("react/jsx-runtime"),He=Sp.default.forwardRef((e,t)=>(0,vo.jsx)(Ya,{...e,ref:t,children:r=>r.type==="section"?(0,vo.jsx)(go.Section,{items:r.children,title:r.id,children:o=>(0,vo.jsx)(go.Item,{children:o.label},o.id)},r.id):(0,vo.jsx)(go.Item,{children:r.label},r.id)}));He.displayName="ListBox";var Ip=u({defaultClassName:"_1mdhlqv4",variantClassNames:{isOpen:{true:"_1mdhlqv5"}},defaultVariants:{},compoundVariants:[]}),Lp="_1mdhlqv8",Mp=u({defaultClassName:"_1mdhlqv1",variantClassNames:{isFocused:{false:"_1mdhlqv2"},isDisabled:{true:"_1mdhlqv3 z9nup83"}},defaultVariants:{},compoundVariants:[]}),Dp="_1mdhlqv9",Fp="_1mdhlqv6",Hp="_1mdhlqv7 z9nup82";var Vp=require("@baseline-ui/icons/8"),$a=require("@baseline-ui/utils"),Ep=require("@radix-ui/react-compose-refs"),Ja=g(require("react")),rr=require("react-aria");var yr=require("react/jsx-runtime"),ei=Ja.default.forwardRef(({variant:e,isOpen:t,validationState:r="valid",...o},i)=>{let a=Ja.default.useRef(null),{buttonProps:n}=(0,rr.useButton)({...o,isDisabled:o.isDisabled||o.isReadOnly},a),{hoverProps:s,isHovered:l}=(0,rr.useHover)({isDisabled:o.isDisabled}),{focusProps:p,isFocusVisible:c}=(0,rr.useFocusRing)(),d=$o({isReadOnly:o.isReadOnly,validationState:r});return o.isReadOnly&&(n.disabled=!1),(0,yr.jsxs)("button",{...(0,rr.mergeProps)(n,s,p),ref:(0,Ep.composeRefs)(i,a),className:(0,$a.classNames)(Mp({isFocused:c,isDisabled:o.isDisabled}),Nr({variant:e,isHovered:l,isFocused:c,validationState:r,isDisabled:!!o.isDisabled,isReadOnly:o.isReadOnly})),children:[o.children,d&&(0,yr.jsx)("span",{"aria-hidden":!0,className:(0,$a.classNames)(wr({validationState:r,isReadOnly:!!o.isReadOnly}),Fp),children:(0,yr.jsx)(d,{size:16})}),(0,yr.jsx)("span",{"aria-hidden":!0,children:(0,yr.jsx)(Vp.ChevronDownIcon,{size:8,className:Ip({isOpen:t})})})]})});ei.displayName="SelectButton";var O=require("react/jsx-runtime"),oi=ri.default.forwardRef(({className:e,style:t,labelPosition:r="top",variant:o="primary",...i},a)=>{let n=ri.default.useRef(null),s=(0,Op.useSelectState)({...i,validationState:i.validationState==="error"?"invalid":"valid"}),{labelProps:l,triggerProps:p,valueProps:c,menuProps:d,descriptionProps:m,errorMessageProps:f}=(0,Rt.useSelect)({...i,validationState:i.validationState==="error"?"invalid":"valid"},s,n),b=qe({...i,descriptionProps:m,errorMessageProps:f,labelPosition:r}),v=s.selectedItem?.value,y=v&&"icon"in v&&v.icon;return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{style:t,className:(0,Bp.classNames)(je({labelPosition:r}),"BaselineUI-Select",e),ref:a,children:[(i.label||b)&&(0,O.jsxs)("div",{className:Ae({labelPosition:r,hasMessage:!!b}),children:[i.label&&(0,O.jsx)("div",{...l,className:ze,children:i.label}),r==="start"&&b]}),(0,O.jsx)(Rt.HiddenSelect,{state:s,triggerRef:n,isDisabled:i.isDisabled,label:i.label,name:i.name}),(0,O.jsx)(ei,{...p,isOpen:s.isOpen,variant:o,validationState:i.validationState,ref:n,isReadOnly:i.isReadOnly,children:(0,O.jsxs)("span",{className:Hp,children:[y&&(0,O.jsx)(y,{size:24}),(0,O.jsx)("span",{...c,children:v?"label"in v&&v?.label:i.placeholder})]})}),r==="top"&&b]}),s.isOpen&&(0,O.jsx)(ur,{offset:2,state:s,triggerRef:n,style:t,className:Lp,...i,children:(0,O.jsx)(He,{...d,label:i.label,items:i.items,UNSAFE_state:s,showSelectedIcon:i.showSelectedIcon,className:Dp})})]})});oi.displayName="SelectBase";var yo=require("react/jsx-runtime"),ti=zp.default.forwardRef((e,t)=>(0,yo.jsx)(oi,{...e,ref:t,children:r=>r.type==="section"?(0,yo.jsx)(ho.Section,{items:r.children,title:r.id,children:o=>(0,yo.jsx)(ho.Item,{children:o.label},o.id)},r.id):(0,yo.jsx)(ho.Item,{textValue:r.label,children:r.label},r.id)}));ti.displayName="Select";var Kp=require("@baseline-ui/icons/16"),Gp=require("@baseline-ui/icons/24"),Up=g(require("react")),Wp=require("@baseline-ui/utils");var Ap="_1017q4c5",jp=u({defaultClassName:"_1017q4c0",variantClassNames:{size:{md:"_1017q4c1",sm:"_1017q4c2"},isDisabled:{true:"_1017q4c3"}},defaultVariants:{},compoundVariants:[]}),qp="_1017q4c4";var Ar=require("react/jsx-runtime"),Jm={sm:Kp.AvatarIcon,md:Gp.AvatarIcon},ai=Up.default.forwardRef(({className:e,style:t,size:r="md",icon:o=Jm[r],name:i,imgSrc:a,showInitials:n,isDisabled:s,hasNotifications:l,imgLoading:p},c)=>{let{imgProps:d}=lo({src:a,alt:i}),m=i?.split(" ").map(f=>f[0]).join("");return(0,Ar.jsxs)("span",{className:(0,Wp.classNames)(jp({size:r,isDisabled:s}),e),ref:c,style:t,"aria-disabled":s,children:[a&&(0,Ar.jsx)("img",{...d,loading:p,className:qp}),!n&&!a&&(0,Ar.jsx)(o,{size:r==="sm"?16:24}),n&&!a&&(r==="sm"?m[0]:m),l&&(0,Ar.jsx)("div",{className:Ap})]})});ai.displayName="Avatar";var Kr=g(require("react")),nc=require("react-stately");var ac=require("@baseline-ui/icons/8"),qr=require("@baseline-ui/utils"),wt=g(require("react")),te=require("react-aria"),ic=require("react-stately");var Zp="_1x62fhbj",Xp=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"]]}),Qp=u({defaultClassName:"_1x62fhb3 z9nup82",variantClassNames:{variant:{primary:"_1x62fhb4",ghost:"_1x62fhb5"}},defaultVariants:{},compoundVariants:[]}),Yp="_1x62fhbk",$p="_1x62fhbl",Jp=u({defaultClassName:"_1x62fhb0 z9nup82",variantClassNames:{variant:{primary:"_1x62fhb1",ghost:"_1x62fhb2"}},defaultVariants:{},compoundVariants:[]});var ec=require("@baseline-ui/utils"),rc=g(require("react")),jr=require("react-aria");var tc=require("react/jsx-runtime"),oc=({state:e,...t})=>{let r=rc.default.useRef(null),{tabPanelProps:o}=(0,jr.useTabPanel)(t,e,r),{selectedItem:i}=e,{focusProps:a,isFocusVisible:n}=(0,jr.useFocusRing)();if(!i?.value)return null;let{className:s,style:l,"data-blockid":p}=i.value;return(0,tc.jsx)("div",{...(0,jr.mergeProps)(o,a),ref:r,className:(0,ec.classNames)({[$p]:n},s),"data-blockid":p,style:l,children:i?.props.children})};var oe=require("react/jsx-runtime"),ii=wt.default.forwardRef(({className:e,style:t,tabHeaderStyle:r,tabHeaderClassName:o,variant:i="primary",actions:a,onRemove:n,...s},l)=>{let p=(0,ic.useTabListState)({...s,selectedKey:s.selectedValue,defaultSelectedKey:s.defaultSelectedValue,disabledKeys:s.disabledValues}),c=wt.default.useRef(null),{tabListProps:d}=(0,te.useTabList)({...s,selectedKey:s.selectedValue,defaultSelectedKey:s.defaultSelectedValue,disabledKeys:s.disabledValues},p,c);return(0,oe.jsxs)("div",{className:e,style:t,ref:l,children:[(0,oe.jsxs)("div",{className:(0,qr.classNames)(Jp({variant:i}),o),style:r,children:[(0,oe.jsx)("div",{...d,className:Qp({variant:i}),ref:c,children:[...p.collection].map(m=>((0,qr.invariant)(m.value,"TabItem requires a value prop"),(0,oe.jsx)(sc,{item:m,state:p,onRemove:n,variant:i},m.key)))}),a?.map((m,f)=>(0,oe.jsx)("div",{className:Zp,children:(0,oe.jsx)(T,{...m,variant:"secondary",size:"sm",className:(0,qr.classNames)(Yp,m.className)})},f))]}),(0,oe.jsx)(oc,{state:p},p.selectedItem?.key)]})});ii.displayName="TabsBase";var sc=({item:e,onRemove:t,state:r,variant:o})=>{let{key:i,value:a}=e,n=wt.default.useRef(null),{tabProps:s,isSelected:l,isDisabled:p}=(0,te.useTab)({key:i},r,n),{hoverProps:c,isHovered:d}=(0,te.useHover)({});(0,qr.invariant)(a,"TabButton requires a value prop");let{title:m,icon:f}=a,{focusProps:b,isFocusVisible:v,isFocused:y}=(0,te.useFocusRing)(),{keyboardProps:h}=(0,te.useKeyboard)({onKeyDown:_=>{_.key==="Backspace"&&t?t(i):_.continuePropagation()}});return(0,oe.jsxs)("div",{...(0,te.mergeProps)(h,s,c,b),className:Xp({isHovered:d,isSelected:l,isFocusVisible:v,isDisabled:p,variant:o}),ref:n,children:[f&&(0,oe.jsx)(f,{size:20}),m,t&&(0,oe.jsx)(T,{variant:"secondary",elementType:"div",icon:ac.XIcon,size:"xxs",onPress:()=>t(i),excludeFromTabOrder:!0,UNSAFE_NON_INTERACTIVE:!0,style:{display:"inline-flex",color:"inherit",opacity:l||y||d?1:0}})]})};sc.displayName="TabButton";var si=require("react/jsx-runtime"),ni=Kr.default.forwardRef(({children:e,...t},r)=>{let o=(0,Kr.useMemo)(()=>Kr.default.Children.map(e,i=>!i||!Kr.default.isValidElement(i)||typeof i.type=="string"?null:{...i.props,id:i.props.value}).filter(Boolean),[e]);return(0,si.jsx)(ii,{...t,ref:r,items:o,children:i=>(0,si.jsx)(nc.Item,{title:i.title,children:i.children},i.key)})});ni.displayName="Tabs";var Nt=require("@baseline-ui/utils"),li=({children:e,title:t,value:r})=>((0,Nt.invariant)(r,"TabItem requires a value prop"),(0,Nt.invariant)(t,"TabItem requires a title prop"),(0,Nt.invariant)(e,"TabItem requires children"),e);li.displayName="TabItem";var _e=require("@baseline-ui/icons/16"),or=require("@baseline-ui/icons/20"),bc=g(require("react")),vc=require("@baseline-ui/utils");var lc=u({defaultClassName:"kfun6yw",variantClassNames:{arrangement:{single:"kfun6yx",multi:"kfun6yy",compact:"kfun6yz"}},defaultVariants:{},compoundVariants:[]}),pc=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"]]}),cc=u({defaultClassName:"kfun6yt",variantClassNames:{size:{sm:"kfun6yu",md:"kfun6yv"}},defaultVariants:{},compoundVariants:[]}),dc=u({defaultClassName:"kfun6yp",variantClassNames:{arrangement:{single:"kfun6yq",multi:"kfun6yr",compact:"kfun6ys"}},defaultVariants:{},compoundVariants:[]}),mc=u({defaultClassName:"kfun6yk",variantClassNames:{variant:{info:"kfun6yl",warning:"kfun6ym",error:"kfun6yn",success:"kfun6yo"}},defaultVariants:{},compoundVariants:[]}),uc=u({defaultClassName:"kfun6yh",variantClassNames:{size:{sm:"kfun6yi",md:"kfun6yj"}},defaultVariants:{},compoundVariants:[]}),fc=u({defaultClassName:"kfun6yd z9nup82",variantClassNames:{arrangement:{single:"kfun6ye",multi:"kfun6yf",compact:"kfun6yg"}},defaultVariants:{},compoundVariants:[]});var me=require("react/jsx-runtime"),eu={error:{sm:_e.ErrorAltFilledIcon,md:or.ErrorAltFilledIcon},info:{sm:_e.InfoFilledIcon,md:or.InfoFilledIcon},success:{sm:_e.CheckFilledIcon,md:or.CheckFilledIcon},warning:{sm:_e.WarningFilledIcon,md:or.WarningFilledIcon}},pi=bc.default.forwardRef(({className:e,description:t,actionLabel:r,onAction:o,style:i,variant:a="info",title:n,arrangement:s="single",onClose:l,size:p="sm"},c)=>{let d=ce(Ye),m=r&&(0,me.jsx)(j,{variant:s==="compact"?"tertiary":"ghost",label:r,onPress:o}),f=eu[a][p];return(0,me.jsxs)("div",{className:(0,vc.classNames)(pc({variant:a,arrangement:s,hasButton:!!r||!!l,hasCloseButton:!!l}),e),style:i,role:"alert",ref:c,children:[(0,me.jsxs)("div",{className:fc({arrangement:s}),children:[(0,me.jsx)(f,{className:mc({variant:a}),size:16}),(0,me.jsxs)("div",{className:lc({arrangement:s}),children:[(0,me.jsx)("h3",{className:uc({size:p}),children:n}),(0,me.jsx)("section",{className:cc({size:p}),children:t})]}),s==="compact"&&m]}),(0,me.jsxs)("div",{className:dc({arrangement:s}),children:[s!=="compact"&&m,l&&(0,me.jsx)(T,{variant:"secondary",icon:_e.CloseIcon,size:"sm",onPress:l,"aria-label":d.formatMessage("close")})]})]})});pi.displayName="InlineAlert";var yc=require("@baseline-ui/utils"),hc=require("@radix-ui/react-compose-refs"),Tt=g(require("react")),xc=require("react-aria");var gc=u({defaultClassName:"cjv3et0 _1fpijgx1g _1f9lhx3e _1f9lhx2a",variantClassNames:{size:{sm:"cjv3et1",md:"cjv3et2",lg:"cjv3et3"},variant:{primary:"cjv3et4 _1fpijgx2d",ghost:"cjv3et5"}},defaultVariants:{},compoundVariants:[]});var ci=require("react/jsx-runtime"),di=Tt.default.createContext({titleProps:{}}),mi=Tt.default.forwardRef(({children:e,className:t,style:r,size:o="md",variant:i="primary",...a},n)=>{let s=Tt.default.useRef(null),{dialogProps:l,titleProps:p}=(0,xc.useDialog)(a,s);return(0,ci.jsx)(di.Provider,{value:{titleProps:p},children:(0,ci.jsx)("div",{...l,ref:(0,hc.composeRefs)(s,n),style:r,className:(0,yc.classNames)(gc({size:o,variant:i}),t),children:e})})});mi.displayName="Dialog";var Cc=require("@radix-ui/react-slot"),xo=g(require("react"));var _c=require("react/jsx-runtime"),ui=xo.default.forwardRef(({children:e,className:t,style:r},o)=>{let{titleProps:i}=(0,xo.useContext)(di),a=xo.default.isValidElement(e)?Cc.Slot:"h3";return(0,_c.jsx)(a,{...i,ref:o,className:t,style:r,children:e})});ui.displayName="DialogTitle";var Vt=require("@react-stately/color"),hr=g(require("react")),zc=require("@baseline-ui/utils"),ir=require("react-aria"),Ac=require("react-stately");var St=require("@react-stately/color"),Gr=require("react");function Pc(e){let[t,r]=(0,Gr.useState)(()=>{let{defaultValue:s}=e;return s?typeof s=="string"?(0,St.parseColor)(s):s:null}),o=e.value!==void 0,i=(0,Gr.useRef)(o);(0,Gr.useEffect)(()=>{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"?(0,St.parseColor)(e.value):e.value)??t;return{colorValue:n,setColorValue:s=>{let l=s?(0,St.parseColor)(s):null;n!==l&&(o||r(l),e.onChange?.(l))}}}var Ic=require("@baseline-ui/icons/src/16"),Lc=require("@baseline-ui/utils"),Mc=require("@react-stately/color"),Dc=require("react-aria");var kc="_1dbkl50 z9nup82",Rc=u({defaultClassName:"_1dbkl54 z9nup82 z9nup84",variantClassNames:{isHovered:{true:"_1dbkl55"},isFocusVisible:{true:"_1dbkl56"},isDisabled:{true:"_1dbkl57 z9nup83"},labelPosition:{top:"_1dbkl58",start:"_1dbkl59"}},defaultVariants:{},compoundVariants:[]}),wc=u({defaultClassName:"_1dbkl51 nrh1eh3",variantClassNames:{labelPosition:{top:"_1dbkl52",start:"_1dbkl53"}},defaultVariants:{},compoundVariants:[]}),It="_1dbkl5n",Nc="_1dbkl5h",Co=u({defaultClassName:"_1dbkl5b",variantClassNames:{isFocusVisible:{true:"_1dbkl5c _1dbkl5a"},isDisabled:{true:"_1dbkl5d"},removeBlendMode:{true:"_1dbkl5e"},isSelected:{true:"_1dbkl5a"},isHovered:{true:"_1dbkl5a"}},defaultVariants:{},compoundVariants:[]}),Lt="_1dbkl5k",Tc="_1dbkl5m z9nup84",Sc="_1dbkl5i",Mt="_1dbkl5j z9nup81";var Dt=require("react/jsx-runtime"),Ur=({color:e,isFocusVisible:t,isDisabled:r,isSelected:o,isPresentational:i})=>{let a=e&&e!=="none"&&(0,Mc.parseColor)(e),n=a&&a.getChannelValue("alpha")===0,{hoverProps:s,isHovered:l}=(0,Dc.useHover)({isDisabled:r});return a?(0,Dt.jsx)("div",{...s,className:(0,Lc.classNames)(Co({isFocusVisible:t,isDisabled:r,isSelected:o,isHovered:l&&!i&&!r}),{[zi({size:"xs"})]:n}),style:{backgroundColor:n?void 0:a.toString("hex")}}):(0,Dt.jsx)("div",{...s,className:Co({removeBlendMode:!0,isFocusVisible:t,isSelected:o,isHovered:l&&!i&&!r}),children:(0,Dt.jsx)(Ic.NoneIcon,{size:16})})};var Fc=require("@baseline-ui/utils"),Po=g(require("react"));var _o=require("react/jsx-runtime"),fi=Po.default.forwardRef(({triggerRef:e,selectedPreset:t,presets:r,colorState:o,state:i},a)=>{let n=(0,Po.useCallback)((l,{optionProps:p,isFocusVisible:c},d)=>((0,Fc.invariant)(l.value&&"label"in l.value,"Item must have label"),(0,_o.jsx)("li",{...p,ref:d,"aria-label":l.value?.label||void 0,className:Lt,children:(0,_o.jsx)(Ur,{color:l.value.description,isFocusVisible:c,isSelected:l.key===t?.id})})),[t]),s=(0,Po.useCallback)(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(0,_o.jsx)("div",{className:Mt,style:{width:e.current?.offsetWidth},ref:a,children:(0,_o.jsx)(He,{autoFocus:"first",items:r,layout:"grid","aria-label":"Color presets",className:It,renderOption:n,selectionMode:"single",selectedKeys:t?[t.id]:void 0,onSelectionChange:s})})});fi.displayName="ColorPresetList";var Ft=require("@baseline-ui/icons/src/16"),Ht=require("@baseline-ui/utils"),tr=g(require("react")),Hc=require("react-aria");var Y=require("react/jsx-runtime"),ru=[{color:"add",label:"Add color"},{color:"delete",label:"Delete"}],bi=tr.default.forwardRef(({localStorageKey:e},t)=>{let[r,o]=tr.default.useState([]),[i,a]=tr.default.useState(null),n=(0,Hc.useId)(),s=e||"colors";(0,tr.useEffect)(()=>{let p=localStorage.getItem(s);p&&o(JSON.parse(p))},[s]);let l=(0,tr.useCallback)((p,{isFocusVisible:c,isDisabled:d,optionProps:m},f)=>((0,Ht.invariant)(p.value&&"label"in p.value,"Item must have label"),(0,Y.jsx)("li",{...m,ref:f,"aria-label":p.value?.label||void 0,className:Lt,children:(0,Y.jsxs)("div",{className:(0,Ht.classNames)(Co({isFocusVisible:c,isDisabled:d}),{[Nc]:p.key==="add"||p.key==="delete"}),children:[p.key==="add"&&(0,Y.jsx)(Ft.PlusIcon,{size:16}),p.key==="delete"&&(0,Y.jsx)(Ft.TrashIcon,{size:16})]})})),[]);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(J,{}),(0,Y.jsxs)("div",{className:Mt,ref:t,children:[(0,Y.jsx)("span",{id:n,className:Tc,children:"Custom"}),(0,Y.jsx)(He,{layout:"grid","aria-labelledby":n,items:[...r,...ru].map(p=>({id:p.color,label:p.label})),className:It,disabledKeys:i?[]:["delete"],renderOption:l})]})]})});bi.displayName="CustomColorList";var Vc=require("@radix-ui/react-compose-refs"),vi=g(require("react")),ar=require("react-aria");var Ec=require("react/jsx-runtime"),gi=vi.default.forwardRef((e,t)=>{let r=vi.default.useRef(null),{hoverProps:o,isHovered:i}=(0,ar.useHover)({isDisabled:e.isDisabled}),{buttonProps:a}=(0,ar.useButton)(e,r),{isFocusVisible:n,focusProps:s}=(0,ar.useFocusRing)();return(0,Ec.jsx)("button",{...(0,ar.mergeProps)(a,o,s),className:Rc({isHovered:i,isFocusVisible:n||e.isOpen,isDisabled:e.isDisabled,labelPosition:e.labelPosition}),ref:(0,Vc.composeRefs)(t,r),children:e.children})});gi.displayName="ColorInputButton";var G=require("react/jsx-runtime"),Bc="none",Oc="transparent",yi=hr.default.forwardRef(({className:e,style:t,allowRemoval:r,allowAlpha:o,customColorPicker:i,presets:a,labelPosition:n="top",showColorLabel:s=!0,...l},p)=>{let c=hr.default.useRef(null),d=(0,Ac.useOverlayTriggerState)(l),{triggerProps:m,overlayProps:f}=(0,ir.useOverlayTrigger)({type:"listbox"},d,c),b=Pc(l),{formatMessage:v}=ce(Ye),y=(0,hr.useMemo)(()=>[...a.map(C=>({id:C.color,label:C.label,description:(0,Vt.parseColor)(C.color).toString("hexa")})),...o?[{id:Oc,label:v("transparent"),description:(0,Vt.parseColor)("#ffffff00").toString("hexa")}]:[],{id:Bc,label:v("noColor"),description:""}],[a,o,v]),h=(0,hr.useMemo)(()=>y.find(C=>{let k=b.colorValue,w=C.description?(0,Vt.parseColor)(C.description):null;return k?ou(k,w):C.id==="none"}),[y,b.colorValue]),_=(0,hr.useMemo)(()=>h&&(h.id!==Bc||r)&&(h.id!==Oc||o)?h:void 0,[h,o,r]),x=(0,ir.useId)();return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:(0,zc.classNames)({[kc]:n==="start"},e),style:t,ref:p,children:[l.label&&(0,G.jsx)("label",{id:x,className:wc({labelPosition:n}),children:l.label}),(0,G.jsxs)(gi,{...(0,ir.mergeProps)(m,{...l.label?{"aria-labelledby":x}:{"aria-label":l["aria-label"]}}),ref:c,isOpen:d.isOpen,isDisabled:l.isDisabled,labelPosition:n,children:[(0,G.jsx)(Ur,{isPresentational:!0,color:b.colorValue?.toString("hexa")}),h?.label&&s&&(0,G.jsx)("div",{className:Ai,children:h.label}),!s&&(0,G.jsx)(ir.VisuallyHidden,{children:h?.label})]})]}),d.isOpen&&(0,G.jsxs)(ur,{placement:n==="start"?"bottom end":"bottom start",state:d,offset:2,className:Sc,triggerRef:c,overlayProps:f,children:[(0,G.jsx)(fi,{state:d,triggerRef:c,colorState:b,presets:y.filter(C=>r||C.id!=="none"),selectedPreset:_}),i&&(0,G.jsx)(bi,{})]})]})});yi.displayName="ColorInput";function ou(e,t){return e?.getChannelValue("alpha")?t?.toString("hexa")===e.toString("hexa"):!t?.getChannelValue("alpha")}var Ot=require("@baseline-ui/icons/src/16"),fe=require("@baseline-ui/utils"),$c=require("@radix-ui/react-compose-refs"),Jc=require("granular-hooks"),Ro=require("perfect-freehand"),ue=g(require("react")),U=require("react-aria");var Et=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"]]}),jc=u({defaultClassName:"mnnh5sh",variantClassNames:{isInline:{true:"mnnh5si",false:"mnnh5sj"}},defaultVariants:{},compoundVariants:[]}),qc="mnnh5sk",Bt=u({defaultClassName:"mnnh5sc",variantClassNames:{isInline:{true:"mnnh5sd",false:"mnnh5se"},isDisabled:{true:"mnnh5sf"},hasLoadedImage:{true:"mnnh5s0"}},defaultVariants:{},compoundVariants:[]});var Kc=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"]]}),Gc="_1i0ytqa0",Uc=u({defaultClassName:"_1i0ytqac",variantClassNames:{isInline:{false:"_1i0ytqad"},isDisabled:{true:"_1i0ytqae z9nup83"}},defaultVariants:{},compoundVariants:[]}),Wc=u({defaultClassName:"_1i0ytqa1 z9nup82",variantClassNames:{isInline:{false:"_1i0ytqa2"}},defaultVariants:{},compoundVariants:[]});var Xc=g(require("react")),Qc=require("@baseline-ui/utils");var Zc=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"]]});var Yc=require("react/jsx-runtime"),ko=Xc.default.forwardRef(({elementType:e="span",type:t="title",children:r,size:o="md",...i},a)=>(0,Yc.jsx)(e,{...i,className:(0,Qc.classNames)(Zc({size:o,type:t}),i.className),ref:a,children:r}));ko.displayName="Text";var H=require("react/jsx-runtime");var tu={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},hi=ue.default.forwardRef(({className:e,style:t,canvasClassName:r,canvasStyle:o,isBound:i=!0,strokeWidth:a=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:y,footerClassName:h,footerStyle:_,"data-blockid":x,description:C="This is a canvas for drawing using a mouse or touch input.",...k},w)=>{let $=ce(Ye),W=ue.default.useRef(null),[S,F]=ue.default.useState(l?au(l):[]),D=ue.default.useRef((l?.length||0)-1),[A,Ee]=ue.default.useState(),E=(0,U.useId)(),{labelProps:L,fieldProps:_r}=(0,U.useLabel)({...k,labelElementType:"span"}),{isFocusVisible:Be,focusProps:Yr}=(0,U.useFocusRing)({within:!0}),{hoverProps:Oe,isHovered:ie}=(0,U.useHover)({isDisabled:m}),{undo:Z,redo:lr,canRedo:M,canUndo:R,push:$r}=wa(S,{onAction:P=>{P&&(F(P),D.current=P.length-1,p?.(P.map(se=>(0,Ro.getStroke)(se,Re))))},isDisabled:!c}),{keyboardProps:Ut}=(0,U.useKeyboard)({onKeyDown:P=>{P.key==="Backspace"?Lo():P.key==="z"&&(P.metaKey||P.ctrlKey)&&(P.shiftKey?M&&lr():R&&Z())}}),Re=ue.default.useMemo(()=>({...tu,...k}),[k]),Wt=(0,ue.useCallback)(P=>{P.buttons===1&&((0,fe.invariant)(A,"svgCoordinates must be defined"),F(se=>{let pr=[...se];return pr[D.current]=[...pr[D.current],{x:i?(0,fe.clamp)(P.clientX-A.left,0,A.width):P.clientX-A.left,y:i?(0,fe.clamp)(P.clientY-A.top,0,A.height):P.clientY-A.top,pressure:P.pressure}],pr}))},[A,i]),So=(0,ue.useCallback)(P=>{let se=P.currentTarget.getBoundingClientRect();Ee(se),P.target.setPointerCapture(P.pointerId),D.current+=1,F(pr=>{let Mo=[...pr];return Mo[D.current]=[{x:P.clientX-se.x,y:P.clientY-se.y,pressure:P.pressure}],Mo})},[]),Io=br();(0,Jc.useGranularEffect)(()=>{Io||s?.(S.map(P=>(0,Ro.getStroke)(P,Re)))},[S],[s,Re,Io]);let Lo=()=>{F([]),D.current=-1,$r([])},Zt=(0,ue.useCallback)(()=>{p?.(S.map(P=>(0,Ro.getStroke)(P,Re))),$r(S)},[S,p,Re,$r]);return(0,H.jsxs)("div",{ref:(0,$c.composeRefs)(W,w),className:(0,fe.classNames)(Gc,"BaselineUI-FreehandCanvas",e),style:t,"aria-disabled":m,"data-blockid":x,children:[(k.label||c)&&(0,H.jsxs)("div",{className:Wc({isInline:d}),children:[k.label?(0,H.jsx)(ko,{type:"body",size:"sm",...L,children:k.label}):(0,H.jsx)("span",{}),c&&(0,H.jsxs)("div",{children:[(0,H.jsx)(T,{variant:"secondary",size:"sm",isDisabled:!R||m,icon:Ot.UndoIcon,onPress:Z,"aria-label":v||$.formatMessage("undo")}),(0,H.jsx)(T,{variant:"secondary",size:"sm",isDisabled:!M||m,icon:Ot.RedoIcon,onPress:lr,"aria-label":y||$.formatMessage("redo")})]})]}),(0,H.jsxs)("div",{role:"application",...(0,U.mergeProps)(Yr,Ut,Oe,_r),tabIndex:m?void 0:0,className:(0,fe.classNames)(Et({isInline:d,isHovered:ie}),Kc({isFocusVisible:Be,isInline:d,isDisabled:m}),r),"aria-describedby":k["aria-describedby"]||E,style:o,children:[(0,H.jsx)(U.VisuallyHidden,{children:(0,H.jsx)("div",{id:E,children:C})}),(0,H.jsx)("svg",{width:o?.width||"100%",height:o?.height||"100%",onPointerDown:So,onPointerMove:Wt,onPointerUp:Zt,children:S.map((P,se)=>(0,H.jsx)("path",{d:(0,fe.getSvgPathFromStroke)((0,Ro.getStroke)(P,Re)),stroke:n,strokeWidth:a},se))})]}),(f||b)&&(0,H.jsx)("div",{style:_,className:(0,fe.classNames)(Uc({isInline:d,isDisabled:m}),h),children:(S.length||!f)&&b?(0,H.jsx)(j,{size:"sm",variant:"ghost",label:b,isDisabled:m,onPress:Lo}):(0,H.jsx)(j,{size:"sm",variant:"ghost",label:f,isDisabled:!0})})]})});hi.displayName="FreehandCanvas";var au=e=>e.map(t=>t.map(([r,o])=>({x:r,y:o,pressure:0})));var nd=require("@radix-ui/react-compose-refs"),I=g(require("react")),ld=require("react-dom"),zt=require("@baseline-ui/utils"),pd=require("react-aria"),Pe=require("react-moveable");var ed="_1vac7ws0",rd=u({defaultClassName:"_1vac7ws1",variantClassNames:{isDragging:{true:"_1vac7ws2"}},defaultVariants:{},compoundVariants:[]});var xi=require("granular-hooks"),od=require("react");function td(e,t){let[r,o]=(0,od.useState)([]),i=()=>e?.flatMap(a=>[...t.querySelectorAll(a)]).map(a=>({current:a}));return(0,xi.useGranularEffect)(()=>{o(i())},[],[i]),(0,xi.useGranularEffect)(()=>{let a=i();o(a)},[e],[i]),r}var ad=require("react"),id=require("@baseline-ui/utils");function sd(e){let{scrollable:t,ownerDocument:r,onScroll:o}=e;(0,ad.useEffect)(()=>{let i=(0,id.getHTMLElement)(t,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)}},[t,o,r])}var xr=require("react/jsx-runtime"),iu=(0,Pe.makeMoveable)([Pe.Draggable,Pe.Resizable,Pe.Rotatable,Pe.Snappable]),Ci=I.default.forwardRef(({className:e,children:t,isRotatable:r,isResizable:o,isDraggable:i,style:a,onTransform:n,onTransformStart:s,onTransformEnd:l,onDoubleClick:p,onDragStart:c,onDragEnd:d,onDrag:m,onResizeStart:f,onResizeEnd:b,onResize:v,onRotateStart:y,onRotateEnd:h,onRotate:_,onSnap:x,isSnappable:C,elementGuidelines:k,hideAnchorOnDrag:w=!0,title:$,rotationPosition:W,autoUpdate:S,bound:F,snapRotationDegrees:D,snapRotationThreshold:A,scrollableAncestor:Ee,renderDirections:E,stopPropagation:L,transformOrigin:_r,preventDefault:Be},Yr)=>{let Oe=(0,I.useRef)(null),ie=(0,I.useRef)(null),[Z,lr]=(0,I.useState)(document),M=(0,I.useRef)(Z.createElement("div")),[R,$r]=(0,I.useState)({}),[Ut,Re]=(0,I.useState)(!1),[Wt,So]=(0,I.useState)(!1),[Io,Lo]=(0,I.useState)(),Zt=td(k,Z);(0,I.useLayoutEffect)(()=>{let N=M.current;return M.current=Z.createElement("div"),()=>{N.remove()}},[Z]);let{keyboardProps:P}=(0,pd.useKeyboard)({onKeyDown:N=>{let we=N.shiftKey?10:1,ve=N.metaKey||N.ctrlKey;ve&&N.shiftKey&&(we=45);function cr(Jr,Zd="x"){ve?ie.current?.request("rotatable",{deltaRotate:Jr*we},!0):ie.current?.request("draggable",Zd==="x"?{deltaX:Jr*we}:{deltaY:Jr*we},!0)}switch(N.key){case"ArrowRight":{cr(1);break}case"ArrowLeft":{cr(-1);break}case"ArrowUp":{cr(-1,"y");break}case"ArrowDown":cr(1,"y")}requestAnimationFrame(()=>{ie.current?.updateRect()})}});(0,I.useEffect)(()=>{let N=Oe.current?.ownerDocument??document;lr(N);let we=M.current;N.body.append(M.current);function ve(Jr){So(Jr.shiftKey)}function cr(){So(!1)}return N.addEventListener("keydown",ve),N.addEventListener("keyup",cr),()=>{N.removeEventListener("keydown",ve),N.removeEventListener("keyup",cr),we.remove()}},[]),sd({scrollable:Ee,onScroll:()=>{ie.current?.updateRect()},ownerDocument:Z});let se=(0,I.useCallback)(N=>{$r(we=>({...we,...N.style})),n?.(N)},[n]),pr=(0,I.useCallback)(N=>{if(Re(!0),Oe.current?.focus(),F){let ve=(0,zt.getHTMLElement)(F,Z)?.getBoundingClientRect();Lo({position:"client",left:ve?.left??0,top:ve?.top??0,right:ve?.right??0,bottom:ve?.bottom??0})}c?.(N)},[F,Z,c]),Mo=(0,I.useCallback)(N=>{Re(!1),d?.(N)},[d]),Wd=t({style:{...R.width&&{width:R.width},...R.height&&{height:R.height}}});return(0,xr.jsxs)(xr.Fragment,{children:[(0,xr.jsx)("div",{role:"button",...P,ref:(0,nd.composeRefs)(Oe,Yr),style:{display:"inline-block",...a,...R},className:(0,zt.classNames)(ed,e),onDoubleClick:p,tabIndex:0,title:$,children:Wd}),(0,ld.createPortal)((0,xr.jsx)(iu,{ref:ie,target:Oe,draggable:i,resizable:o,rotatable:r,keepRatio:Wt,throttleDrag:1,snappable:C||!!F,elementGuidelines:Zt,snapRenderThreshold:.9,className:rd({isDragging:Ut&&w}),onRender:se,onDragStart:pr,onDragEnd:Mo,useResizeObserver:S,useMutationObserver:S,onRenderEnd:l,onDrag:m,onResizeStart:f,onResizeEnd:b,onResize:v,onRotateStart:y,onRotateEnd:h,onRotate:_,onRenderStart:s,onSnap:x,rotationPosition:W,bounds:Io,snapRotationDegrees:D,snapRotationThreshold:A,renderDirections:E,stopPropagation:L,preventDefault:Be,transformOrigin:_r}),M.current)]})});Ci.displayName="Transform";var dd=require("@radix-ui/react-compose-refs"),Zr=g(require("react")),md=require("@baseline-ui/utils"),z=require("react-aria");var cd=require("@baseline-ui/utils"),At=require("@react-spring/web"),Wr=require("react-aria");var wo=require("react/jsx-runtime"),su=({isInline:e,style:t,actionButtons:r})=>{let o=(0,Wr.useFocusManager)();(0,cd.invariant)(o);let{keyboardProps:i}=(0,Wr.useKeyboard)({onKeyDown:a=>{a.key==="ArrowLeft"?(a.preventDefault(),o.focusPrevious()):a.key==="ArrowRight"?(a.preventDefault(),o.focusNext()):a.continuePropagation()}});return(0,wo.jsx)("div",{...i,className:jc({isInline:e}),style:t,onClick:a=>{a.stopPropagation(),a.preventDefault()},children:r.map((a,n)=>(0,wo.jsx)(j,{excludeFromTabOrder:!0,...a},n))})},nu=(0,At.animated)(su),jt=({show:e,...t})=>(0,At.useTransition)(e,{from:{opacity:0},enter:{opacity:1}})((o,i)=>i&&(0,wo.jsx)(Wr.FocusScope,{restoreFocus:!1,autoFocus:!0,children:(0,wo.jsx)(nu,{...t,style:o})}));var Ve=require("react/jsx-runtime"),_i=Zr.default.forwardRef(({className:e,style:t,isInline:r=!0,accept:o="image/*",defaultImageSrc:i,imageSrc:a,imageAlt:n,pickerButtonLabel:s="Choose Image",removeButtonLabel:l="Delete",isDisabled:p,onDrop:c,onPaste:d,includeCheckeredBackground:m=!0,"data-blockid":f,...b},v)=>{let y=Zr.default.useRef(null),h=Zr.default.useRef(null),[_,x]=Zr.default.useState(i||null),C=Zr.default.useCallback(M=>{let R=new FileReader;R.addEventListener("load",()=>{x(R.result)}),R.readAsDataURL(M)},[]),{fieldProps:k,labelProps:w}=(0,z.useField)(b),{dropProps:$,isDropTarget:W}=(0,z.useDrop)({ref:y,onDrop:async M=>{if(p)return;let R=await fa({items:M.items});R.length&&(b.onValueChange?.(R),C(R[0])),c?.(M)},...b}),{clipboardProps:S}=(0,z.useClipboard)({onPaste:async M=>{if(p)return;let R=await fa({items:M});R.length&&(b.onValueChange?.(R),C(R[0])),d?.(M)},...b}),F=()=>{x(null),h.current&&(h.current.value=""),b.onValueChange?.([])},D={type:"file",onChange:M=>{let R=[...M.target.files];b.onValueChange?.(R),C(R[0]),b.onChange?.(M)},accept:o,disabled:p||!!a},{focusProps:A,isFocusVisible:Ee}=(0,z.useFocusRing)({within:!0}),{hoverProps:E,isHovered:L}=(0,z.useHover)({isDisabled:p}),_r=a||_||void 0,Be=!!_r,{imgProps:Yr,isLoading:Oe,isLoaded:ie}=lo({src:_r,alt:n||""}),Z=Be&&!a&&(Ee||L),lr={label:s,onPress:()=>y.current?.click(),variant:"secondary",isDisabled:p,excludeFromTabOrder:!0,className:W&&!p?qc:void 0};return(0,Ve.jsxs)("label",{...(0,z.mergeProps)($,w,E,A),className:(0,md.classNames)(Et({isInline:r,isHovered:L&&!a&&!W,isDisabled:p,hasLoadedImage:ie,includeCheckeredBackground:m,showFocusRing:(Ee||W)&&!p&&!Z}),"BaselineUI-ImageDropZone",e),"data-loaded":ie,"data-blockid":f,style:t,ref:(0,dd.composeRefs)(y,v),children:[(0,Ve.jsx)(z.VisuallyHidden,{children:(0,Ve.jsx)("input",{...(0,z.mergeProps)(k,S,D),ref:h})}),!Be&&(0,Ve.jsx)(j,{...lr}),Be&&(Oe?(0,Ve.jsx)(co,{}):(0,Ve.jsx)("img",{className:Bt({isInline:r,isDisabled:p,hasLoadedImage:Be&&ie&&m}),...Yr})),(0,Ve.jsx)(jt,{isInline:r,style:t,show:Z,actionButtons:[lr,{label:l,onPress:F}]})]})});_i.displayName="ImageDropZone";var fd=g(require("react")),qt=require("@baseline-ui/utils"),Xr=require("react-aria");var Pi="_1vm2oh45",ud=u({defaultClassName:"_1vm2oh40 mnnh5s1",variantClassNames:{isInline:{true:"_1vm2oh41 mnnh5s2",false:"_1vm2oh42"},isFocusVisible:{true:"_1vm2oh43 mnnh5s7"},isDisabled:{true:"mnnh5s8 z9nup83"}},defaultVariants:{},compoundVariants:[]});var Cr=require("react/jsx-runtime"),ki=fd.default.forwardRef(({className:e,style:t,isDisabled:r,actionButtons:o,isInline:i=!0,imageAlt:a,imageSrc:n,svgSrc:s,textValue:l,textStyle:p,"data-blockid":c,...d},m)=>{let{focusProps:f,isFocusVisible:b}=(0,Xr.useFocusRing)({within:!0}),{isHovered:v,hoverProps:y}=(0,Xr.useHover)({isDisabled:r});return(0,qt.invariant)(n||s||l,"Preview must have content. You must provide either an `imageSrc`, `svgSrc`, or `textValue` prop."),(0,Cr.jsxs)("div",{...(0,Xr.mergeProps)(y,f,d),className:(0,qt.classNames)(ud({isInline:i,isFocusVisible:b,isDisabled:r}),e),"data-blockid":c,style:t,ref:m,tabIndex:b||r?-1:0,"aria-disabled":r,children:[(0,Cr.jsxs)("div",{style:p,className:Pi,children:[n&&(0,Cr.jsx)("img",{src:n,alt:a,className:Bt({isInline:i,isDisabled:r})}),!!s&&typeof s=="object"&&s,l]}),typeof s=="string"&&(0,Cr.jsx)("div",{className:Pi,dangerouslySetInnerHTML:{__html:s}}),o&&(0,Cr.jsx)(jt,{isInline:i,actionButtons:o,show:b||v})]})});ki.displayName="Preview";var Pd=g(require("react")),Kt=require("@baseline-ui/utils"),kd=require("react-aria"),Rd=require("react-stately");var bd="cw3m0n8 z9nup81",vd=u({defaultClassName:"cw3m0na",variantClassNames:{isDisabled:{true:"cw3m0nb"}},defaultVariants:{},compoundVariants:[]}),gd="cw3m0n9",yd=u({defaultClassName:"cw3m0n1 _16vugd01 _16vugd02",variantClassNames:{labelPosition:{end:"_16vugd02",start:"_16vugd03"}},defaultVariants:{},compoundVariants:[]}),hd="cw3m0n0 nrh1eh9 z9nup81",xd=u({defaultClassName:"cw3m0n4 _16vugd05",variantClassNames:{isFocusVisible:{true:"_16vugd08"},isSelected:{true:"_16vugd07"},isDisabled:{true:"_16vugd0a"}},defaultVariants:{},compoundVariants:[]});var Cd=g(require("react")),ke=require("react-aria");var be=require("react/jsx-runtime"),lu=({label:e,description:t},{isSelected:r,isFocusVisible:o,isDisabled:i,optionLabelPosition:a})=>(0,be.jsxs)("div",{className:yd({labelPosition:a}),children:[(0,be.jsx)("div",{className:xd({isSelected:r,isFocusVisible:o,isDisabled:i}),children:r&&(0,be.jsx)("div",{className:gd})}),e&&(0,be.jsxs)("div",{className:bd,children:[(0,be.jsx)("span",{className:ft({isDisabled:i}),children:e}),t&&(0,be.jsx)("span",{className:vd({isDisabled:i}),children:t})]})]}),_d=({state:e,renderItem:t=lu,item:r,optionLabelPosition:o="end",labelStyle:i,labelClassName:a,...n})=>{let s=!!n.isDisabled||!!n.disabledValues?.includes(r.id),l=Cd.default.useRef(null),{inputProps:p,isSelected:c}=(0,ke.useRadio)({...n,isDisabled:s,children:r.label,value:r.id},e,l),{focusProps:d,isFocusVisible:m,isFocused:f}=(0,ke.useFocusRing)(),{isHovered:b}=(0,ke.useHover)({isDisabled:s});return(0,be.jsxs)("label",{style:i,className:a,children:[(0,be.jsx)(ke.VisuallyHidden,{children:(0,be.jsx)("input",{...(0,ke.mergeProps)(p,d),ref:l})}),t(r,{isFocusVisible:m,isSelected:c,isFocused:f,isHovered:b,isDisabled:s,optionLabelPosition:o})]})};var sr=require("react/jsx-runtime"),Ri=Pd.default.forwardRef(({className:e,style:t,groupContainerClassName:r,groupContainerStyle:o,items:i,labelPosition:a="top",renderOption:n,"aria-label":s,"aria-labelledby":l,"aria-describedby":p,"aria-details":c,"data-blockid":d,...m},f)=>{let b=(0,Rd.useRadioGroupState)(m),{radioGroupProps:v,labelProps:y,descriptionProps:h,errorMessageProps:_}=(0,kd.useRadioGroup)({...m,"aria-label":s,"aria-labelledby":l,"aria-describedby":p,"aria-details":c},b),x=qe({...m,descriptionProps:h,errorMessageProps:_,labelPosition:a});return(0,sr.jsxs)("div",{...v,className:(0,Kt.classNames)(je({labelPosition:a}),"BaselineUI-RadioGroup",e),"data-blockid":d,style:t,ref:f,children:[(m.label||x)&&(0,sr.jsxs)("div",{className:Ae({labelPosition:a,hasMessage:!!x}),children:[(0,sr.jsx)("span",{...y,className:ze,children:m.label}),a==="start"&&x]}),(0,sr.jsxs)("div",{className:(0,Kt.classNames)({[kr]:m.isDisabled}),children:[(0,sr.jsx)("div",{className:(0,Kt.classNames)(hd,r),style:o,children:i.map(C=>(0,sr.jsx)(_d,{state:b,renderItem:n,item:C,value:C.id,...m},C.id))}),a==="top"&&x]})]})});Ri.displayName="RadioGroup";var wd=g(require("react")),Nd=require("react-aria"),Td=require("react-stately"),Sd=require("react/jsx-runtime"),nr=wd.default.createContext({state:null,triggerProps:{},overlayProps:{}}),wi=({children:e,...t})=>{let r=(0,Td.useOverlayTriggerState)(t),{triggerProps:o,overlayProps:i}=(0,Nd.useOverlayTrigger)({type:"dialog"},r);return(0,Sd.jsx)(nr.Provider,{value:{state:r,triggerProps:o,overlayProps:i},children:e})};wi.displayName="Modal";var To=require("@baseline-ui/utils"),ae=require("@react-spring/web"),Qr=g(require("react")),Gt=require("react-aria");var Id="aml2vl0 _1fpijgx1q _1f9lhxf _1f9lhxg _1f9lhxh _1f9lhx16 _1f9lhx17 _1f9lhx18 _1f9lhx1o _1f9lhx1p _1f9lhx1q";var No=require("react/jsx-runtime"),pu=({children:e,className:t,style:r,isDismissable:o=!0,isKeyboardDismissDisabled:i=!1})=>{let{state:a}=Qr.default.useContext(nr);(0,To.invariant)(a,"ModalContent must be a child of Modal");let n=Qr.default.useRef(null),{modalProps:s,underlayProps:l}=(0,Gt.useModalOverlay)({isDismissable:o,isKeyboardDismissDisabled:i},a,n),{theme:p}=(0,Qr.useContext)(Ge),c=(0,ae.useReducedMotion)(),d=(0,ae.useSpring)({from:{opacity:0,transform:"scale(0.95)"},to:{opacity:1,transform:"scale(1)"},immediate:!!c,config:{easing:ae.easings.easeInBounce}});return(0,No.jsx)(Gt.Overlay,{children:(0,No.jsx)(Ne,{className:(0,To.classNames)(Id,t),theme:p,UNSAFE_domProps:{...l,"data-testid":"underlay"},style:r,children:(0,No.jsx)(ae.animated.div,{...s,style:{...s.style,...d},ref:n,children:e})})})},cu=(0,ae.animated)(pu),Ld=({children:e,style:t,...r})=>{let{state:o}=Qr.default.useContext(nr);(0,To.invariant)(o,"ModalContent must be a child of Modal");let i=(0,ae.useReducedMotion)();return(0,ae.useTransition)(o.isOpen,{from:{opacity:0},enter:{opacity:1},immediate:!!i})((n,s)=>s&&(0,No.jsx)(cu,{...r,style:{...t,...n},children:typeof e=="function"?e({close:o.close}):e}))};var Md=require("@radix-ui/react-slot"),Dd=g(require("react"));var Fd=require("react/jsx-runtime"),Ni=({children:e})=>{let{triggerProps:t}=Dd.default.useContext(nr);return(0,Fd.jsx)(Md.Slot,{...t,children:e})};Ni.displayName="ModalTrigger";var Hd=require("@radix-ui/react-slot"),Vd=g(require("react"));var Bd=require("react/jsx-runtime"),Ed=({children:e})=>{let{state:t}=Vd.default.useContext(nr);return(0,Bd.jsx)(Hd.Slot,{onPress:()=>t?.close(),children:e})};var Od=require("@baseline-ui/utils"),zd=require("react");var Ad=require("react/jsx-runtime"),Ti=({id:e,defaultMessage:t,elementType:r=zd.Fragment})=>{(0,Od.invariant)(e||t,"`id` or `defaultMessage` is required.");let o=ce();return(0,Ad.jsx)(r,{children:o.formatMessage(e)||t})};Ti.displayName="MessageFormat";var jd=g(require("react")),qd=require("react-aria"),Kd=require("react/jsx-runtime"),Si=jd.default.forwardRef(({className:e,style:t,children:r,role:o="group",isDisabled:i,...a},n)=>{let{hoverProps:s,isHovered:l}=(0,qd.useHover)({isDisabled:i});return(0,Kd.jsx)("div",{...s,role:o,"data-hovered":l,"data-disabled":i,className:e,style:t,...a,ref:n,children:r})});Si.displayName="Group";var Gd=require("@vanilla-extract/dynamic"),Ud=require("@baseline-ui/tokens");function du(e){return(0,Gd.assignInlineVars)(Ud.themeVars,e)}0&&(module.exports={Accordion,AccordionItem,ActionButton,ActionIconButton,Avatar,Checkbox,ColorInput,ColorSwatch,DateFormat,Dialog,DialogTitle,DomNodeRenderer,FileUpload,FreehandCanvas,Group,I18nProvider,ImageDropZone,InlineAlert,Link,ListBox,Menu,MessageFormat,Modal,ModalClose,ModalContent,ModalTrigger,NumberFormat,NumberInput,Pagination,Portal,Preview,ProgressBar,ProgressSpinner,RadioGroup,Reaction,SearchInput,Select,Separator,Slider,Switch,TabItem,Tabs,TagGroup,Text,TextInput,ThemeProvider,ToggleButton,Tooltip,Transform,assignInlineTheme,defineMessages,useCollator,useDateFormatter,useI18n,useImage,useIntersectionObserver,useIsFirstRender,useLocalStorage,useMutationObserver,useNumberFormatter,useResizeObserver,useUndoRedo,useUserPreferences,useWindowSize});
package/dist/index.mjs ADDED
@@ -0,0 +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};