@overmap-ai/blocks 1.0.5-fix-problems-magnus.1 → 1.0.6-master.1

package/dist/blocks.umd.cjs

@@ -1,12 +1,3232 @@
-(function(p,ae){typeof exports=="object"&&typeof module<"u"?ae(exports,require("@radix-ui/colors"),require("@radix-ui/react-icons"),require("@radix-ui/themes"),require("react/jsx-runtime"),require("react"),require("react-responsive"),require("@radix-ui/react-dialog"),require("re-resizable"),require("@radix-ui/react-dismissable-layer"),require("react-transition-group"),require("@radix-ui/react-toggle-group"),require("@radix-ui/react-toolbar"),require("@radix-ui/react-toast"),require("react-dom"),require("@table-library/react-table-library/table"),require("@table-library/react-table-library/theme"),require("@table-library/react-table-library/sort"),require("@table-library/react-table-library/select"),require("@table-library/react-table-library/pagination"),require("react-device-detect")):typeof define=="function"&&define.amd?define(["exports","@radix-ui/colors","@radix-ui/react-icons","@radix-ui/themes","react/jsx-runtime","react","react-responsive","@radix-ui/react-dialog","re-resizable","@radix-ui/react-dismissable-layer","react-transition-group","@radix-ui/react-toggle-group","@radix-ui/react-toolbar","@radix-ui/react-toast","react-dom","@table-library/react-table-library/table","@table-library/react-table-library/theme","@table-library/react-table-library/sort","@table-library/react-table-library/select","@table-library/react-table-library/pagination","react-device-detect"],ae):(p=typeof globalThis<"u"?globalThis:p||self,ae(p.blocks={},p.colors,p.reactIcons,p.themes,p.jsxRuntime,p.React,p.reactResponsive,p.RadixDialogPrimitive,p.reResizable,p.reactDismissableLayer,p.reactTransitionGroup,p.reactToggleGroup,p.reactToolbar,p.RadixToast,p.reactDom,p.table$1,p.theme,p.sort,p.select,p.pagination,p.reactDeviceDetect))})(this,function(p,ae,T,c,t,e,he,Mt,me,Et,Me,Qe,At,Ee,zt,G,Bt,Je,ie,Ft,_e){"use strict";function Ye(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:()=>n[r]})}}return a.default=n,Object.freeze(a)}const ye=Ye(Mt),ge=Ye(Ee);function jt(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Ze={exports:{}};/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/(function(n){(function(){var a={}.hasOwnProperty;function r(){for(var o=[],l=0;l<arguments.length;l++){var i=arguments[l];if(i){var d=typeof i;if(d==="string"||d==="number")o.push(i);else if(Array.isArray(i)){if(i.length){var s=r.apply(null,i);s&&o.push(s)}}else if(d==="object"){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){o.push(i.toString());continue}for(var f in i)a.call(i,f)&&i[f]&&o.push(f)}}}return o.join(" ")}n.exports?(r.default=r,n.exports=r):window.classNames=r})()})(Ze);var Lt=Ze.exports;const x=jt(Lt);function K(n,a){return e.useMemo(()=>{if(n!==void 0)if(typeof n=="object"){if(!("initial"in n))throw new Error("Expected initial property to be set in Responsive object");return Object.fromEntries(Object.entries(n).map(([r,o])=>[r,a[o]]))}else return a[n]},[a,n])}const Wt={success:"green",danger:"red",warning:"amber",info:"gray"},N=n=>{const a=c.useThemeContext();if(n)return n==="primary"?a.accentColor:Wt[n]},Ht=()=>{const[n,a]=e.useState("initial"),[r,o]=e.useState("initial"),l=he.useMediaQuery({minWidth:"520px"}),i=he.useMediaQuery({minWidth:"768px"}),d=he.useMediaQuery({minWidth:"1024px"}),s=he.useMediaQuery({minWidth:"1280px"}),f=he.useMediaQuery({minWidth:"1640px"});return e.useLayoutEffect(()=>{o(u=>(a(u),f?"xl":s?"lg":d?"md":i?"sm":l?"xs":"initial"))},[s,d,i,f,l]),{size:r,prevSize:n,xs:l,sm:i,md:d,lg:s,xl:f}},Re=(n,a,r)=>{const[o,l]=e.useState([]),[i,d]=e.useState(!0),s=e.useCallback(g=>{const{repeat:h,key:_}=g;d(!0),!(h||o.includes(_))&&l(C=>[...C,_])},[o]),f=e.useCallback(g=>{const{key:h}=g;d(!1),o.includes(h)&&l(_=>{const C=[..._];return C.splice(_.indexOf(h),1),C})},[o]);e.useEffect(()=>(a||document.addEventListener("keydown",s,!0),()=>{document.removeEventListener("keydown",s,!0)}),[a,s]),e.useEffect(()=>(a||document.addEventListener("keyup",f,!0),()=>{document.removeEventListener("keyup",f,!0)}),[a,f]);const u=e.useMemo(()=>!a&&i&&o.length===n.length&&o.every(g=>n.includes(g)),[a,i,o,n]);return e.useEffect(()=>{u&&r()},[u,r]),u},Vt=n=>{const a=[];for(const r of e.Children.toArray(n))e.isValidElement(r)&&a.push(r);return a},qt=e.forwardRef(function({className:a,severity:r="primary",color:o,children:l,...i},d){const s=N(r);return t.jsx(c.Badge,{className:x("overmap-badge",a),ref:d,color:o||s,...i,children:l})}),Ut=e.memo(qt),Ae={zeroMinWidth:"_zeroMinWidth_curjh_1",zeroMinHeight:"_zeroMinHeight_curjh_5",radius:"_radius_curjh_9"},j=e.memo(e.forwardRef(({className:n,radius:a=!1,children:r,zeroMinWidth:o=!1,zeroMinHeight:l=!1,...i},d)=>t.jsx(c.Flex,{className:x(n,{[Ae.radius]:a,[Ae.zeroMinWidth]:o,[Ae.zeroMinHeight]:l}),ref:d,...i,children:r}))),et=e.createContext({}),Gt=()=>e.useContext(et),Kt=e.memo(e.forwardRef(({className:n,children:a,...r},o)=>{const{size:l,severity:i}=Gt(),d=N(i);return t.jsx(c.Box,{className:x("overmap-breadcrumb-item",n),height:"max-content",width:"max-content",children:t.jsx(c.Link,{ref:o,size:l,color:d,...r,children:t.jsx(j,{height:"100%",width:"100%",align:"center",gap:"1",children:a})})})})),Xt={Group:e.memo(e.forwardRef(({className:n,children:a,separator:r,severity:o="info",size:l,gap:i="2",...d},s)=>{const f=N(o),u=Vt(a);return t.jsx(et.Provider,{value:{size:l,severity:o},children:t.jsx(j,{className:x("overmap-breadcrumb-group",n),ref:s,gap:i,role:"breadcrumb",height:"max-content",width:"max-content",...d,children:u.map((g,h)=>t.jsxs(t.Fragment,{children:[e.cloneElement(g,{key:h}),u.length-1!==h&&t.jsx(c.Text,{color:f,children:t.jsx(j,{height:"100%",width:"100%",align:"center",children:r})})]}))})})})),Item:Kt},be={fluid:"_fluid_r73gr_1",hoverSpin90Clockwise:"_hoverSpin90Clockwise_r73gr_15",hoverSpin180Clockwise:"_hoverSpin180Clockwise_r73gr_25",hoverSpin360Clockwise:"_hoverSpin360Clockwise_r73gr_35"},tt={spin90Clockwise:be.hoverSpin90Clockwise,spin180Clockwise:be.hoverSpin180Clockwise,spin360Clockwise:be.hoverSpin360Clockwise},Qt={role:"button",tabIndex:0,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&n.currentTarget.click()}},le={small:"1",medium:"2",large:"3"},nt=e.createContext({}),ze=()=>e.useContext(nt),Jt={spinner:"_spinner_isifr_9",spin:"_spin_isifr_9"},Be=e.memo(()=>t.jsx("div",{className:Jt.spinner}));Be.displayName="Spinner";const Yt=e.forwardRef(function(a,r){const o=ze(),{className:l,type:i="button",fluid:d=o.fluid??!1,size:s=o.size??"medium",severity:f=o.severity??"primary",hoverEffects:u=o.hoverEffects??[],variant:g=o.variant,shortcut:h={keys:[],action:()=>{},disabled:!1},loading:_,children:C,disabled:m,...w}=a,v=N(f),P=u.map(S=>tt[S]);return Re(h.keys,h.disabled||h.keys.length===0,h.action),t.jsx(c.Button,{ref:r,type:i,className:x(l,P,{[be.fluid]:d}),color:v,size:K(s,le),variant:g,disabled:_||m,...w,children:_?t.jsx(Be,{}):C})}),Z=e.memo(Yt),Zt=e.forwardRef(function(a,r){const o=ze(),{className:l,children:i,type:d="button",fluid:s=o.fluid??!1,size:f=o.size??"medium",severity:u=o.severity??"primary",hoverEffects:g=o.hoverEffects??[],variant:h=o.variant,shortcut:_={keys:[],action:()=>{},disabled:!1},...C}=a,m=N(u),w=(g==null?void 0:g.map(v=>tt[v]))||[];return Re(_.keys,_.disabled||_.keys.length===0,_.action),t.jsx(c.IconButton,{className:x(l,w,{[be.fluid]:s}),ref:r,color:m,size:K(f,le),variant:h,type:d,...C,children:i})}),H=e.memo(Zt),Rt={merged:"_merged_wdgxo_1"},en={row:{small:"4",medium:"4",large:"5"},column:{small:"2",medium:"3",large:"4"}},tn=e.forwardRef(function({className:a,merged:r=!1,children:o,gap:l,direction:i="row",severity:d,size:s="medium",variant:f,hoverEffects:u,fluid:g,...h},_){const C=K(s,en[i]),m=f==="ghost"?C:"0";return t.jsx(c.Flex,{className:x("overmap-button-group",a,{[Rt.merged]:r}),ref:_,gap:r?l??m:l??"2",direction:i,"data-direction":i,...h,children:t.jsx(nt.Provider,{value:{size:s,severity:d,variant:f,hoverEffects:u,fluid:g},children:o})})}),Fe=e.memo(tn),nn={separators:"_separators_1f7v1_1"},on=e.memo(e.forwardRef((n,a)=>{const{children:r,border:o,before:l,after:i,size:d}=n,s=o?"surface":"ghost",f=K(d,le),u=l&&i?t.jsx(c.Inset,{side:"x",pt:"current",pb:"current",children:r}):l?t.jsx(c.Inset,{side:"bottom",pt:"current",children:r}):i?t.jsx(c.Inset,{side:"top",pb:"current",children:r}):t.jsx(c.Inset,{children:r}),g=t.jsxs(c.Card,{ref:a,size:f,variant:s,children:[l,u,i]});return s==="ghost"?t.jsx(c.Box,{p:"3",children:g}):g})),rn=e.memo(e.forwardRef((n,a)=>{const{children:r,variant:o="outline",size:l,className:i,...d}=n,s=o==="outline"||o==="surface",f=o==="outline"?"ghost":o==="surface"?"soft":o;return t.jsx(on,{...d,border:s,size:l,children:t.jsx(Fe,{size:l,severity:"info",variant:f,className:x(i,nn.separators),merged:!0,gap:"0",direction:"column",ref:a,children:r})})})),an=e.memo(e.forwardRef((n,a)=>{const{variant:r}=ze(),o=t.jsx(Z,{ref:a,...n,radius:"large",variant:r});return r==="ghost"?t.jsx(c.Box,{asChild:!0,my:"1",mx:"2",children:o}):o})),ln={Root:rn,Item:an},sn=e.memo(function(a){const{title:r,description:o,content:l,closeDialog:i}=a;return t.jsxs(c.Flex,{direction:"column",gap:"2",children:[t.jsxs(c.Flex,{direction:"column",gap:"1",children:[t.jsxs(c.Flex,{justify:"between",children:[t.jsx(c.Dialog.Title,{mb:"0",children:r}),t.jsx(c.Dialog.Close,{children:t.jsx(c.IconButton,{color:"gray",variant:"ghost","aria-label":"Close",children:t.jsx(T.Cross1Icon,{})})})]}),o&&t.jsx(c.Dialog.Description,{children:o})]}),l(i)]})}),cn=e.memo(e.forwardRef((n,a)=>{const{children:r,content:o,title:l,description:i,onOpen:d,onClose:s,defaultOpen:f,onCloseInterrupt:u,open:g,onOpenChange:h,..._}=n,[C,m]=e.useState(f??!1),w=g??C;if((u||d)&&h)throw new Error("Neither the `onCloseInterrupt` nor `onOpen` props can be used with `onOpenChange`.");if(g!==void 0&&h===void 0)throw new Error("The `open` prop requires the `onOpenChange` prop.");if(!r&&g===void 0)throw new Error("Either the `children` or `open` prop must be defined.");if(r&&g!==void 0)throw new Error("The `children` and `open` props cannot be used together.");const v=e.useCallback(S=>{if(h)return h(S);if(S&&d)d();else{if(!S&&u)return u(()=>{m(!1),s&&s()});!S&&s&&s()}m(S)},[h,d,s,u]),P=e.useCallback(S=>{if(S!=null&&S.force)return m(!1);v(!1)},[v]);return t.jsxs(c.Dialog.Root,{open:w,onOpenChange:v,children:[t.jsx(c.Dialog.Trigger,{children:r}),t.jsx(c.Dialog.Content,{ref:a,..._,children:t.jsx(sn,{closeDialog:P,content:o,title:l,description:i})})]})})),ot=n=>t.jsx(c.AlertDialog.Title,{mb:"0",...n}),dn=n=>{const{title:a,description:r,actionText:o="Confirm",cancelText:l="Cancel",onAction:i,onCancel:d,severity:s}=n;return t.jsxs(c.Flex,{direction:"column",gap:"2",children:[t.jsxs(c.Flex,{direction:"column",gap:"1",children:[t.jsx(ot,{children:a}),t.jsx(c.AlertDialog.Description,{children:r})]}),t.jsxs(c.Flex,{gap:"3",mt:"4",justify:"end",children:[t.jsx(c.AlertDialog.Cancel,{children:t.jsx(Z,{variant:"soft",severity:"info",onClick:d,children:l})}),t.jsx(c.AlertDialog.Action,{children:t.jsx(Z,{variant:"solid",severity:s,onClick:i,children:o})})]})]})},rt=e.memo(function(a){const{open:r,setOpen:o,children:l,...i}=a,d=e.useMemo(()=>({close:()=>o(!1),Title:ot,Description:c.AlertDialog.Description}),[o]);return t.jsxs(c.AlertDialog.Root,{open:r,onOpenChange:o,children:[t.jsx(c.AlertDialog.Content,{children:"content"in i?i.content(d):t.jsx(dn,{...i})}),l]})}),je=e.createContext(()=>{throw new Error("No AlertDialogProvider found")}),un={content:()=>null},fn=e.memo(function({children:a}){const[r,o]=e.useState(!1),[l,i]=e.useState(un),d=e.useCallback(s=>{if(r)throw new Error("AlertDialog is already open");i(s),o(!0)},[r]);return t.jsx(rt,{open:r,setOpen:o,...l,children:t.jsx(je.Provider,{value:d,children:a})})}),at=()=>e.useContext(je),pn=()=>{const n=at();return e.useCallback(a=>n({title:"Discard changes?",description:"You have unsaved changes. Are you sure you want to discard them?",actionText:"Discard",severity:"danger",onAction:a.onDiscard,onCancel:a.onCancel}),[n])},we={DropdownMenu:"_DropdownMenu_hj4sz_1",DropdownMenuItemWrapper:"_DropdownMenuItemWrapper_hj4sz_8",DropdownMenuSeparatorWrapper:"_DropdownMenuSeparatorWrapper_hj4sz_13",DropdownMenuItem:"_DropdownMenuItem_hj4sz_8"},hn={1:"max-content",2:"max-content",3:"max-content",4:"100%"},gn=e.forwardRef(function({severity:a="info",weight:r="light",gap:o="1",text:l,orientation:i="horizontal",size:d,...s},f){const u=K(d,hn),g=N(a);return t.jsxs(c.Flex,{ref:f,width:i==="horizontal"?u:"max-content",height:i==="vertical"?u:"max-content",direction:i==="vertical"?"column":"row",align:"center",gap:o,children:[t.jsx(c.Separator,{size:d,orientation:i,color:g,...s}),l&&t.jsxs(t.Fragment,{children:[t.jsx(c.Text,{as:"span",size:"1",weight:r,color:g,children:l}),t.jsx(c.Separator,{size:d,orientation:i,color:g,...s})]})]})}),it=e.memo(gn),bn=e.memo(function({content:a,onSelect:r,closeOnSelect:o,...l}){const i=e.useCallback(d=>{r&&r(d),o||d.preventDefault()},[o,r]);return t.jsx(c.DropdownMenu.Item,{className:we.DropdownMenuItem,textValue:"",onSelect:i,...l,children:t.jsx(c.Flex,{align:"center",gap:"1",children:a})})}),Cn=e.memo(e.forwardRef(({className:n,trigger:a,items:r,label:o,disabled:l,severity:i="info",modal:d=!1,closeOnSelect:s=!0,...f},u)=>{const g=N(i);return t.jsxs(c.DropdownMenu.Root,{modal:d,children:[t.jsx(c.DropdownMenu.Trigger,{disabled:l,children:a}),t.jsx(c.DropdownMenu.Content,{className:x("overmap-dropdown",n),color:g,variant:"soft",ref:u,...f,children:t.jsxs(c.Flex,{className:we.DropdownMenu,direction:"column",height:"max-content",width:"max-content",children:[!!o&&t.jsx(c.DropdownMenu.Label,{children:o}),r.map(({closeOnSelect:h,separator:_,...C},m)=>t.jsxs(c.Box,{children:[t.jsx(c.Box,{className:we.DropdownMenuItemWrapper,children:t.jsx(bn,{closeOnSelect:h??s,...C},m)}),!!_&&t.jsx(c.Box,{className:we.DropdownMenuSeparatorWrapper,children:t.jsx(it,{size:"4"})})]},m))]})})]})})),se={DropdownSelect:"_DropdownSelect_k517z_1",BorderBottom:"_BorderBottom_k517z_8",DropdownSelectInputWrapper:"_DropdownSelectInputWrapper_k517z_12",DropdownSelectInput:"_DropdownSelectInput_k517z_12",DropdownSelectItem:"_DropdownSelectItem_k517z_27"},vn=150,mn=e.memo(e.forwardRef(({trigger:n,items:a,disabled:r=!1,value:o,onValueChange:l,placeholder:i,filterValue:d,onFilterValueChange:s,closeOnSelect:f=!0,icons:u,severity:g="info"},h)=>{const _=N(g),C=e.useCallback(v=>P=>{l(o!==v?v:void 0),f||P.preventDefault()},[o,f,l]),m=e.useCallback(v=>{s&&s(v.target.value)},[s]),w=e.useCallback(v=>{!v&&s&&setTimeout(()=>{s("")},vn)},[s]);return t.jsxs(c.DropdownMenu.Root,{onOpenChange:w,children:[t.jsx(c.DropdownMenu.Trigger,{disabled:r,children:n}),t.jsx(c.DropdownMenu.Content,{ref:h,variant:"soft",color:_,className:se.Test,children:t.jsxs(j,{className:se.DropdownSelect,direction:"column",children:[d!==void 0&&!!s&&t.jsx(c.Box,{px:"1",className:x({[se.BorderBottom]:a.length!==0}),children:t.jsxs(c.TextField.Root,{className:se.DropdownSelectInputWrapper,size:"2",variant:"soft",children:[!!u&&!!u.leftInputIcon&&t.jsx(c.TextField.Slot,{children:u.leftInputIcon}),t.jsx(c.TextField.Input,{className:se.DropdownSelectInput,value:d,placeholder:i,onChange:m}),!!u&&!!u.rightInputIcon&&t.jsx(c.TextField.Slot,{children:u.rightInputIcon})]})}),t.jsx(c.Box,{p:a.length!==0?"1":"0",children:t.jsx(j,{direction:"column",children:a.map(({content:v,value:P},S)=>t.jsx(c.DropdownMenu.Item,{className:se.DropdownSelectItem,onSelect:C(P),textValue:"",asChild:!0,children:t.jsxs(j,{align:"center",height:"max-content",width:"100%",gap:"5",children:[t.jsx(c.Box,{grow:"1",children:v}),t.jsx(j,{justify:"center",align:"center",height:"max-content",width:"4",children:o===P&&(u&&(u!=null&&u.selectedItemIcon)?u.selectedItemIcon:t.jsx(T.CheckIcon,{}))})]})},S))})})]})})]})})),lt=e.memo(function({children:a}){const[r,o]=e.useState(!1),l=e.useCallback(()=>{o(!0)},[]),i=e.useCallback(()=>{o(!1)},[]);return a({isHovered:r,onPointerEnter:l,onPointerLeave:i})}),st={fluid:"_fluid_7n1wr_1"},_n=e.forwardRef(function({className:a,fluid:r,size:o="medium",variant:l="surface",severity:i="primary",itemSeverity:d="info",placeholder:s="Select",side:f,items:u=[],value:g,id:h,..._},C){const m=K(o,le),w=N(i),v=N(d);return e.createElement(c.Select.Root,{size:m,..._,key:g===void 0?1:0,value:g},t.jsx(c.Select.Trigger,{className:x(a,{[st.fluid]:r}),id:h,ref:C,variant:l,placeholder:s,color:w}),t.jsx(c.Select.Content,{side:f,className:st.contentDefault,position:"popper",variant:l!=="surface"?"soft":"solid",color:v,children:u.map(({itemContent:P,value:S,...k})=>t.jsx(c.Select.Item,{className:"overmap-select-item",value:S,...k,children:P},S))}))}),ct=e.memo(_n),dt=e.memo(e.forwardRef((n,a)=>{const{checked:r,label:o,value:l,size:i="2"}=n;return t.jsx(c.Box,{asChild:!0,px:i,children:t.jsx(c.Select.Item,{value:l,ref:a,children:t.jsxs(c.Flex,{gap:i,align:"center",children:[t.jsx(c.Checkbox,{checked:r}),o]})})})})),Se="__select_all__",yn=e.memo(e.forwardRef((n,a)=>{const[r,o]=e.useState(!1),{placeholder:l,value:i,onValueChange:d,options:s,disabled:f,name:u,...g}=n,h=K(n.size,le),_=N(n.severity),C=e.useMemo(()=>new Map(s.map(S=>[S.value,S.label])),[s]),m=i.length>4?`${i.length} options selected`:t.jsx("span",{children:i.flatMap(S=>[C.get(S),", "]).slice(0,-1)}),w=e.useCallback(()=>o(!1),[]),v=e.useCallback(S=>{S&&o(!0)},[]),P=e.useCallback(S=>{let k;S===Se?k=i.length===s.length?[]:s.map(J=>J.value):k=i.includes(S)?i.filter(M=>M!==S):[...i,S],d(k)},[d,s,i]);return e.useEffect(()=>{if(s.some(({value:S})=>S===Se))throw new Error(`Cannot have an option with the value "${Se}"`)},[s]),t.jsxs(c.Select.Root,{open:r,value:"",onOpenChange:v,onValueChange:P,disabled:f,size:h,name:u,autoComplete:"off",children:[t.jsx(c.Select.Trigger,{ref:a,color:_,placeholder:i.length>0?m:l,"data-placeholder":i.length>0?void 0:!0,...g}),t.jsxs(c.Select.Content,{color:"gray",variant:"soft",position:"popper",onEscapeKeyDown:w,onPointerDownOutside:w,children:[t.jsx(dt,{value:Se,label:"Select all",checked:i.length===s.length,size:h}),s.map(S=>t.jsx(dt,{...S,checked:i.includes(S.value),size:h},S.value))]})]})})),wn={default:"_default_u936h_1"},Sn=e.forwardRef(function({className:a,severity:r="primary",icon:o,defaultChecked:l=!1,onCheckedChange:i,...d},s){const f=e.useRef(null),[u,g]=e.useState(d.checked?d.checked:l),[h,_]=e.useState(),C=N(r);e.useLayoutEffect(()=>{var P;const v=s||f;"current"in v&&v.current&&_((P=v.current)==null?void 0:P.querySelector("span.rt-SwitchThumb"))},[s]);const m=e.useCallback(v=>{g(v),i&&i(v)},[i]),w=d.checked?d.checked:u;return t.jsxs(t.Fragment,{children:[t.jsx(c.Switch,{className:x("overmap-switch",a,wn.default),ref:s||f,color:C,radius:"full",defaultChecked:l,onCheckedChange:m,...d}),t.jsx(c.Portal,{container:h,asChild:!0,children:o&&"checked"in o?w?o.checked:o.unchecked:o})]})}),xn=e.memo(Sn),ce={sidebarContent:"_sidebarContent_1onyo_1",right:"_right_1onyo_7",resizeHandle:"_resizeHandle_1onyo_10",left:"_left_1onyo_13",overlay:"_overlay_1onyo_33"},Pn={width:"auto",height:"100%"},kn=e.forwardRef(function({side:a="left",modal:r=!0,children:o,open:l,containerSelector:i,overlay:d=!0,resizable:s=!0,minWidth:f="300px",maxWidth:u="500px",...g},h){const _=a==="right",C=a==="left",[m,w]=e.useState();return e.useEffect(()=>{const v=i??'[data-is-root-theme="true"]',P=document.querySelector(v);if(P===void 0)throw new Error(`Could not find a container element using the following selector ${v}`);w(P)},[i]),t.jsx(ye.Root,{open:l,modal:r,children:t.jsxs(ye.Portal,{container:m,children:[d&&t.jsx(ye.Overlay,{className:x(ce.overlay)}),t.jsx(ye.Content,{className:x("overmap-sidebar","rt-DialogContent",ce.sidebarContent,{[ce.left]:C,[ce.right]:_}),ref:h,asChild:!0,...g,children:t.jsx(c.Box,{width:"auto",children:t.jsx(me.Resizable,{minWidth:f,maxWidth:u,defaultSize:Pn,enable:{right:s&&C,left:s&&_},handleClasses:{left:ce.resizeHandle,right:ce.resizeHandle},handleComponent:{right:t.jsx(T.DragHandleDots2Icon,{}),left:t.jsx(T.DragHandleDots2Icon,{})},children:o})})})]})})}),$n=e.memo(kn),V={outerContent:"_outerContent_1iy9c_1",enter:"_enter_1iy9c_4",right:"_right_1iy9c_4",left:"_left_1iy9c_8",enterActive:"_enterActive_1iy9c_12",exitActive:"_exitActive_1iy9c_22",exitDone:"_exitDone_1iy9c_32",resizable:"_resizable_1iy9c_41",slideOutOverlay:"_slideOutOverlay_1iy9c_47"},Tn=200,Dn=e.memo(function({className:a,open:r,side:o="left",children:l,minWidth:i,maxWidth:d,resizable:s=!0,overlay:f=!1,modal:u=!1,resizeHandle:g,position:h="absolute",..._}){const C=e.useRef(null),[m,w]=e.useState(i),v=o==="left",P=o==="right",S=e.useCallback((k,M,J,Te)=>{w(J.clientWidth),C.current&&(C.current.style.width=`${J.clientWidth}px`)},[]);return t.jsx(Me.CSSTransition,{in:r,classNames:{enter:V.enter,enterActive:V.enterActive,exitActive:V.exitActive,exitDone:V.exitDone},timeout:Tn,nodeRef:C,unmountOnExit:!0,mountOnEnter:!0,children:t.jsxs(t.Fragment,{children:[f&&t.jsx("div",{className:x("overamp-slide-out-overlay",V.slideOutOverlay)}),t.jsx(Et.DismissableLayer,{disableOutsidePointerEvents:u,asChild:!0,..._,children:t.jsx(c.Flex,{className:x("overmap-slide-out",a,V.outerContent,{[V.left]:v,[V.right]:P}),style:{"--slide-out-width":`${m}px`},height:"100%",width:"auto",position:h,top:"0",bottom:"0",left:v?"0":void 0,right:P?"0":void 0,ref:C,children:t.jsx(me.Resizable,{className:V.resizable,defaultSize:{width:m,height:"100%"},onResize:S,enable:{right:s&&v,left:s&&P},handleComponent:{left:g,right:g},minWidth:i,maxWidth:d,children:l})})})]})})}),R={accommodateCharCount:"_accommodateCharCount_1octa_1",wrapper:"_wrapper_1octa_5",default:"_default_1octa_10",noLeftIcon:"_noLeftIcon_1octa_14",noRightIcon:"_noRightIcon_1octa_18",ghost:"_ghost_1octa_22",charCount:"_charCount_1octa_40"},On=e.forwardRef(function({className:a,leftSlot:r,rightSlot:o,size:l="medium",showInputLength:i,value:d,variant:s,severity:f="primary",...u},g){const h=K(l,le),_=N(f),C=i||i===void 0&&u.maxLength!==void 0,m=d!==void 0?d.toString():void 0;return t.jsxs(c.TextField.Root,{className:x(R.wrapper,a,{[R.ghost]:s==="ghost",[R.accommodateCharCount]:C}),size:h,variant:s!=="ghost"?s:void 0,color:_,children:[r&&t.jsx(c.TextField.Slot,{children:r}),t.jsx(c.TextField.Input,{className:x(R.default,{[R.noLeftIcon]:!r,[R.noRightIcon]:!o}),ref:g,value:d,size:h,variant:s!=="ghost"?s:void 0,color:_,...u}),o&&t.jsx(c.TextField.Slot,{children:o}),C&&t.jsx(c.Text,{as:"p",className:R.charCount,size:"1",color:"gray",children:u.maxLength!==void 0?`${m==null?void 0:m.length}/${u.maxLength}`:`${m==null?void 0:m.length}`})]})}),ut=e.memo(On),Nn=e.memo(function({color:a,severity:r,children:o}){const l=N(r??"primary"),i=e.useMemo(()=>({"data-accent-color":r&&l?l:a||"gray",style:{color:"var(--accent-a11)"}}),[a,r,l]);return e.cloneElement(o,{...i})}),In={wrapper:"_wrapper_tmtz0_1"},Mn=e.forwardRef(function({className:a,trigger:r,open:o,onOpenChange:l,defaultOpen:i=!1,modal:d=!1,children:s,...f},u){return t.jsxs(c.Popover.Root,{defaultOpen:i,modal:d,open:o,onOpenChange:l,children:[t.jsx(c.Popover.Trigger,{children:r}),t.jsx(c.Popover.Content,{ref:u,className:x("overmap-popover",a,In.wrapper),...f,children:s(c.Popover.Close)})]})}),ft=e.memo(Mn),B={wrapper:"_wrapper_1ssf2_1",panelContent:"_panelContent_1ssf2_6",left:"_left_1ssf2_14",right:"_right_1ssf2_18",resizable:"_resizable_1ssf2_23",resizeHandle:"_resizeHandle_1ssf2_28",panelMainContent:"_panelMainContent_1ssf2_48"},pt=200,X=150,En=e.memo(function({children:a,showLeft:r,leftPanel:o,leftMinWidth:l=pt,showRight:i,rightPanel:d,rightMinWidth:s=pt,resizeable:f}){const u=e.useRef(null),g=e.useRef(null),[h,_]=e.useState(0),[C,m]=e.useState(),w=e.useRef(null),[v,P]=e.useState(0),[S,k]=e.useState(),M=e.useCallback((D,E,F)=>(z,Oe,Ce,ve)=>{if(!u.current)return;const ne=D+ve.width;F(u.current.clientWidth-ne),E(()=>ne)},[]),J=e.useCallback((D,E,F,z)=>M(h,_,k)(D,E,F,z),[M,h]),Te=e.useCallback((D,E,F,z)=>M(v,P,m)(D,E,F,z),[M,v]),ue=e.useCallback((D,E,F,z,Oe,Ce,ve,ne)=>{if(!u.current)return;let q=D;if(q===0&&(q=E,F(q)),Ce){const Y=u.current.clientWidth-q;ne(Y),Oe>Y&&(ve(Y),z(u.current.clientWidth-Y))}},[]),qe=e.useCallback(()=>ue(v,s,P,k,h,r,_,m),[ue,h,s,v,r]),te=e.useCallback(()=>ue(h,l,_,m,v,i,P,k),[ue,l,h,v,i]),fe=e.useCallback((D,E)=>{u.current&&D&&E(u.current.clientWidth)},[]),Ue=e.useCallback(()=>fe(r,m),[fe,r]),Ge=e.useCallback(()=>fe(i,k),[fe,i]),Ke=e.useCallback(()=>{var D,E,F,z;u.current&&(m(u.current.clientWidth-(((D=w.current)==null?void 0:D.clientWidth)||0)),k(u.current.clientWidth-(((E=g.current)==null?void 0:E.clientWidth)||0)),_(((F=g.current)==null?void 0:F.clientWidth)||0),P(((z=w.current)==null?void 0:z.clientWidth)||0))},[]);e.useEffect(()=>{if(!u.current)return;const D=new ResizeObserver(Ke);return D.observe(u.current),()=>{D.disconnect()}},[Ke]);const De=e.useMemo(()=>({entering:{transform:`translateX(-${h}px)`,marginRight:`-${h}px`,transitionProperty:"transform, margin-right",transitionDuration:`${X}ms`,transitionTimingFunction:"linear"},entered:{transform:"translateX(0)",marginRight:0,transitionProperty:"transform, margin-right",transitionDuration:`${X}ms`,transitionTimingFunction:"linear"},exiting:{transform:`translateX(-${h}px)`,marginRight:`-${h}px`,transitionProperty:"transform, margin-right",transitionDuration:`${X}ms`,transitionTimingFunction:"linear"},exited:{},unmounted:{}}),[h]),L=e.useMemo(()=>({entering:{transform:`translateX(${v}px)`,marginLeft:`${-v}px`,transitionProperty:"transform, margin-left",transitionDuration:`${X}ms`,transitionTimingFunction:"linear"},entered:{transform:"translateX(0)",marginLeft:0,transitionProperty:"transform, margin-left",transitionDuration:`${X}ms`,transitionTimingFunction:"linear"},exiting:{transform:`translateX(${v}px)`,marginLeft:`${-v}px`,transitionProperty:"transform, margin-left",transitionDuration:`${X}ms`,transitionTimingFunction:"linear"},exited:{},unmounted:{}}),[v]);return t.jsxs(c.Flex,{className:B.wrapper,style:{minWidth:`${l+s}px`},ref:u,width:"100%",height:"100%",justify:"center",m:"0",p:"0",children:[t.jsx(Me.Transition,{nodeRef:g,timeout:r?0:X,in:r,unmountOnExit:!0,onEntering:te,onExited:Ge,children:D=>t.jsx(c.Box,{ref:g,className:x(B.panelContent,B.left),style:De[D],width:"auto",height:"100%",m:"0",p:"0",children:t.jsx(me.Resizable,{className:B.resizable,size:{width:h,height:"100%"},onResizeStop:J,enable:{right:(f==null?void 0:f.left)!==void 0?f.left:!0},minWidth:l,maxWidth:C,handleClasses:{right:x(B.resizeHandle,B.left)},handleComponent:{right:t.jsx(T.DragHandleDots2Icon,{height:"14px",width:"14px"})},children:o})})}),t.jsx("div",{className:B.panelMainContent,children:a}),t.jsx(Me.Transition,{nodeRef:w,timeout:i?0:X,in:i,unmountOnExit:!0,onEntering:qe,onExited:Ue,children:D=>t.jsx(c.Box,{ref:w,className:x(B.panelContent,B.right),style:L[D],width:"auto",height:"100%",m:"0",p:"0",children:t.jsx(me.Resizable,{className:B.resizable,size:{width:v,height:"100%"},onResizeStop:Te,enable:{left:(f==null?void 0:f.right)!==void 0?f.right:!0},minWidth:s,maxWidth:S,handleClasses:{left:x(B.resizeHandle,B.right)},handleComponent:{left:t.jsx(T.DragHandleDots2Icon,{height:"14px",width:"14px"})},children:d})})})]})}),xe={multiPagePopover:"_multiPagePopover_spfw7_1",pageTitle:"_pageTitle_spfw7_12",buttonContainer:"_buttonContainer_spfw7_17",optionsButtonContainer:"_optionsButtonContainer_spfw7_22",optionsButton:"_optionsButton_spfw7_22"};function ht(n,a,r,o=0){if(!n.options)return n.content||t.jsx(t.Fragment,{});const l=n.options.map((i,d)=>t.jsx(Z,{className:x(xe.optionsButton,i.buttonClassName),variant:"ghost",radius:"large",style:{width:r==="vertical"?"100%":"auto"},severity:"info",highContrast:!0,onClick:i.onClick||(()=>a(ht(i.page||{},a,r,o+1))),children:i.label},`${i.value}-page-${o}-button-${d}`));return t.jsxs(t.Fragment,{children:[n.title&&t.jsx("div",{className:xe.pageTitle,children:n.title}),n.content,t.jsx("div",{className:x(xe.optionsButtonContainer,n.buttonsContainerClassName),style:{flexDirection:r==="vertical"?"column":"row"},children:l})]})}const An=e.forwardRef(function({page:a,className:r,direction:o="vertical",...l},i){const[d,s]=e.useState(void 0),f=e.useCallback(()=>{s(ht(a,s,o,0))},[o,a]),u=e.useCallback(g=>d,[d]);return t.jsx(ft,{className:x(xe.multiPagePopover,r),ref:i,onOpenAutoFocus:f,onCloseAutoFocus:f,...l,children:g=>u(g)})}),gt=e.memo(An),bt={charCount:"_charCount_1lz28_1",ghost:"_ghost_1lz28_5"},zn=e.forwardRef(function({className:a,showInputLength:r,inputLengthTemplate:o,value:l,severity:i="primary",resize:d,variant:s,...f},u){const g=N(i),h=N("info"),_=r||r===void 0&&(f.maxLength!==void 0||f.minLength!==void 0),C=l!==void 0?l.toString():"",m=e.useMemo(()=>{if(o){let w=o.replace("{current}",C.length.toString());return f.minLength!==void 0&&(w=w.replace("{min}",f.minLength.toString())),f.maxLength!==void 0&&(w=w.replace("{max}",f.maxLength.toString())),w}return C.length},[o,f.maxLength,f.minLength,C.length]);return t.jsxs(t.Fragment,{children:[t.jsx(c.TextArea,{className:x("overmap-textarea",a,{[bt.ghost]:s==="ghost"}),style:{resize:d},variant:s!=="ghost"?s:void 0,ref:u,value:l,color:g,...f}),_&&t.jsx(c.Text,{as:"p",className:bt.charCount,color:h,align:"right",children:m})]})}),Bn=e.memo(zn),Fn=e.forwardRef(function({loop:a,type:r,rovingFocus:o,value:l,onValueChange:i,defaultValue:d,disabled:s,items:f,className:u,direction:g="row",...h},_){return t.jsx(Qe.Root,{type:r,className:x("overmap-toggle-group",u),ref:_,value:l,onValueChange:i,disabled:s,orientation:g==="column"?"vertical":"horizontal",loop:a,rovingFocus:o,defaultValue:d,asChild:!0,children:t.jsx(Fe,{direction:g,...h,children:f.map(({children:C,...m})=>e.createElement(Qe.Item,{asChild:!0,...m,key:m.value},t.jsx(H,{className:x("overmap-toggle-group-button"),"aria-label":m.value,variant:m.value===l?"solid":"soft",children:C})))})})}),jn=e.memo(Fn),Ln={default:"_default_xqvoc_1"},Ct=e.memo(e.forwardRef(({className:n,minContentGap:a="2",children:r,...o},l)=>t.jsx(At.Root,{className:x(n,"overmap-toolbar",Ln.default),ref:l,asChild:!0,...o,children:t.jsx(j,{grow:"1",width:"100%",height:"max-content",align:"center",gap:a,wrap:"nowrap",children:r})}))),Wn=e.memo(e.forwardRef(({children:n,gap:a="2"},r)=>t.jsx(j,{ref:r,grow:"1",width:"max-content",height:"100%",align:"center",gap:a,children:n}))),Hn=e.memo(e.forwardRef(({children:n,gap:a},r)=>t.jsx(j,{ref:r,grow:"1",width:"max-content",direction:"row-reverse",height:"100%",align:"center",gap:a||"2",children:n}))),Vn={Root:Ct,LeftContent:Wn,RightContent:Hn},Le={ToastViewport:"_ToastViewport_1i6bp_1",actionButton:"_actionButton_1i6bp_20",ToastRoot:"_ToastRoot_1i6bp_24",slideIn:"_slideIn_1i6bp_1",swipeOut:"_swipeOut_1i6bp_1"},qn=e.forwardRef(function({title:a,description:r,icon:o,severity:l="primary",size:i,onClose:d,sensitivity:s,action:f,...u},g){const[h,_]=e.useState(!0),C=N(l),m=e.useCallback(w=>{!w&&d&&d(),_(w)},[d]);return t.jsx(ge.Root,{asChild:!0,ref:g,...u,open:h,type:s,onOpenChange:m,children:t.jsx(c.Callout.Root,{className:Le.ToastRoot,variant:"surface",color:C,size:i,children:t.jsxs(c.Flex,{width:"100%",align:"center",gap:"4",justify:"between",children:[t.jsxs(c.Flex,{align:"center",gap:"3",children:[t.jsx(c.Callout.Icon,{children:o}),t.jsxs(c.Flex,{direction:"column",gap:"2",children:[t.jsxs(c.Flex,{direction:"column",gap:"0",children:[t.jsx(ge.Title,{asChild:!0,children:t.jsx(c.Callout.Text,{size:"3",weight:"medium",children:a})}),t.jsx(ge.Description,{asChild:!0,children:t.jsx(c.Callout.Text,{children:r})})]}),f&&t.jsx(ge.Action,{className:Le.actionButton,altText:f.altText,asChild:!0,children:f.content})]})]}),t.jsx(ge.Close,{asChild:!0,children:t.jsx(H,{"aria-label":"Close",variant:"ghost",severity:l,children:t.jsx(T.Cross2Icon,{})})})]})})})}),vt=e.memo(qn),We=e.createContext({}),Un=()=>{const n=e.useContext(We);if(!n)throw new Error("useToast must be used within a ToastProvider");return n},Gn=240/60,mt=5e3,Kn=n=>{if(n.duration&&n.duration>=mt)return n.duration;const a=n.severity==="danger"?1.5:1,r=n.description.split(" ").length+n.title.split(" ").length;return(mt+r/Gn)*a};p.unsafeShowToast=void 0;const Xn=e.memo(function({children:a,className:r,hotkey:o,...l}){const[i,d]=e.useState([]),s=e.useCallback((u,g,h)=>{d(_=>{const C=_.find(m=>m.id===u);return C&&g===0&&clearTimeout(C.timeout),_.filter(m=>m.id!==u)}),h&&h()},[]),f=e.useMemo(()=>{let u=0;const g=v=>{const P=Kn(v),S=u.toString();u+=1;const k=setTimeout(()=>s(S,1,v.onClose),P);d(M=>[...M,{...v,timeout:k,duration:P,id:S}])},h=v=>g({...v,severity:"primary"}),_=v=>g({...v,severity:"success"}),C=v=>g({...v,severity:"danger"}),m=v=>g({...v,severity:"info"}),w=v=>g({...v,severity:"warning"});return p.unsafeShowToast=g,{showToast:g,showPrimary:h,showSuccess:_,showError:C,showInfo:m,showWarning:w}},[s]);return e.useEffect(()=>()=>{for(const{timeout:u}of i)clearTimeout(u)},[]),t.jsx(We.Provider,{value:f,children:t.jsxs(Ee.ToastProvider,{...l,children:[a,t.jsx(Ee.ToastViewport,{className:x(r,Le.ToastViewport),hotkey:o}),i.map(({id:u,onClose:g,...h})=>t.jsx(vt,{...h,onClose:()=>s(u,0,g)},u))]})})}),Qn={default:"_default_1odpt_1"},Jn=e.memo(e.forwardRef(({className:n,children:a,content:r,...o},l)=>t.jsx(c.Tooltip,{className:x("overmap-tooltip",n,Qn.default),ref:l,content:t.jsx(c.Flex,{align:"center",gap:"1",width:"max-content",height:"max-content",justify:"center",children:r}),...o,children:a}))),Yn={noWrap:"_noWrap_1wpa5_1"},Pe=e.memo(e.forwardRef(({className:n,noWrap:a,severity:r,as:o,...l},i)=>{const d=N(r);return t.jsx(c.Text,{ref:i,as:o,className:x(n,{[Yn.noWrap]:a}),color:d,...l})})),qr="",Zn=e.memo(e.forwardRef((n,a)=>{const{panelBackground:r="solid",radius:o="full",...l}=n;return t.jsx(c.Theme,{panelBackground:r,radius:o,ref:a,...l})}));function Q(){return Q=Object.assign?Object.assign.bind():function(n){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(n[o]=r[o])}return n},Q.apply(this,arguments)}function Rn(n,a){typeof n=="function"?n(a):n!=null&&(n.current=a)}function _t(...n){return a=>n.forEach(r=>Rn(r,a))}function yt(...n){return e.useCallback(_t(...n),n)}function eo(n,a=[]){let r=[];function o(i,d){const s=e.createContext(d),f=r.length;r=[...r,d];function u(h){const{scope:_,children:C,...m}=h,w=(_==null?void 0:_[n][f])||s,v=e.useMemo(()=>m,Object.values(m));return e.createElement(w.Provider,{value:v},C)}function g(h,_){const C=(_==null?void 0:_[n][f])||s,m=e.useContext(C);if(m)return m;if(d!==void 0)return d;throw new Error(`\`${h}\` must be used within \`${i}\``)}return u.displayName=i+"Provider",[u,g]}const l=()=>{const i=r.map(d=>e.createContext(d));return function(s){const f=(s==null?void 0:s[n])||i;return e.useMemo(()=>({[`__scope${n}`]:{...s,[n]:f}}),[s,f])}};return l.scopeName=n,[o,to(l,...a)]}function to(...n){const a=n[0];if(n.length===1)return a;const r=()=>{const o=n.map(l=>({useScope:l(),scopeName:l.scopeName}));return function(i){const d=o.reduce((s,{useScope:f,scopeName:u})=>{const h=f(i)[`__scope${u}`];return{...s,...h}},{});return e.useMemo(()=>({[`__scope${a.scopeName}`]:d}),[d])}};return r.scopeName=a.scopeName,r}function wt(n,a,{checkForDefaultPrevented:r=!0}={}){return function(l){if(n==null||n(l),r===!1||!l.defaultPrevented)return a==null?void 0:a(l)}}function St(n){const a=e.useRef(n);return e.useEffect(()=>{a.current=n}),e.useMemo(()=>(...r)=>{var o;return(o=a.current)===null||o===void 0?void 0:o.call(a,...r)},[])}function no({prop:n,defaultProp:a,onChange:r=()=>{}}){const[o,l]=oo({defaultProp:a,onChange:r}),i=n!==void 0,d=i?n:o,s=St(r),f=e.useCallback(u=>{if(i){const h=typeof u=="function"?u(n):u;h!==n&&s(h)}else l(u)},[i,n,l,s]);return[d,f]}function oo({defaultProp:n,onChange:a}){const r=e.useState(n),[o]=r,l=e.useRef(o),i=St(a);return e.useEffect(()=>{l.current!==o&&(i(o),l.current=o)},[o,l,i]),r}function ro(n){const a=e.useRef({value:n,previous:n});return e.useMemo(()=>(a.current.value!==n&&(a.current.previous=a.current.value,a.current.value=n),a.current.previous),[n])}const He=globalThis!=null&&globalThis.document?e.useLayoutEffect:()=>{};function ao(n){const[a,r]=e.useState(void 0);return He(()=>{if(n){r({width:n.offsetWidth,height:n.offsetHeight});const o=new ResizeObserver(l=>{if(!Array.isArray(l)||!l.length)return;const i=l[0];let d,s;if("borderBoxSize"in i){const f=i.borderBoxSize,u=Array.isArray(f)?f[0]:f;d=u.inlineSize,s=u.blockSize}else d=n.offsetWidth,s=n.offsetHeight;r({width:d,height:s})});return o.observe(n,{box:"border-box"}),()=>o.unobserve(n)}else r(void 0)},[n]),a}function io(n,a){return e.useReducer((r,o)=>{const l=a[r][o];return l??r},n)}const xt=n=>{const{present:a,children:r}=n,o=lo(a),l=typeof r=="function"?r({present:o.isPresent}):e.Children.only(r),i=yt(o.ref,l.ref);return typeof r=="function"||o.isPresent?e.cloneElement(l,{ref:i}):null};xt.displayName="Presence";function lo(n){const[a,r]=e.useState(),o=e.useRef({}),l=e.useRef(n),i=e.useRef("none"),d=n?"mounted":"unmounted",[s,f]=io(d,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return e.useEffect(()=>{const u=ke(o.current);i.current=s==="mounted"?u:"none"},[s]),He(()=>{const u=o.current,g=l.current;if(g!==n){const _=i.current,C=ke(u);n?f("MOUNT"):C==="none"||(u==null?void 0:u.display)==="none"?f("UNMOUNT"):f(g&&_!==C?"ANIMATION_OUT":"UNMOUNT"),l.current=n}},[n,f]),He(()=>{if(a){const u=h=>{const C=ke(o.current).includes(h.animationName);h.target===a&&C&&zt.flushSync(()=>f("ANIMATION_END"))},g=h=>{h.target===a&&(i.current=ke(o.current))};return a.addEventListener("animationstart",g),a.addEventListener("animationcancel",u),a.addEventListener("animationend",u),()=>{a.removeEventListener("animationstart",g),a.removeEventListener("animationcancel",u),a.removeEventListener("animationend",u)}}else f("ANIMATION_END")},[a,f]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:e.useCallback(u=>{u&&(o.current=getComputedStyle(u)),r(u)},[])}}function ke(n){return(n==null?void 0:n.animationName)||"none"}const Pt=e.forwardRef((n,a)=>{const{children:r,...o}=n,l=e.Children.toArray(r),i=l.find(co);if(i){const d=i.props.children,s=l.map(f=>f===i?e.Children.count(d)>1?e.Children.only(null):e.isValidElement(d)?d.props.children:null:f);return e.createElement(Ve,Q({},o,{ref:a}),e.isValidElement(d)?e.cloneElement(d,void 0,s):null)}return e.createElement(Ve,Q({},o,{ref:a}),r)});Pt.displayName="Slot";const Ve=e.forwardRef((n,a)=>{const{children:r,...o}=n;return e.isValidElement(r)?e.cloneElement(r,{...uo(o,r.props),ref:a?_t(a,r.ref):r.ref}):e.Children.count(r)>1?e.Children.only(null):null});Ve.displayName="SlotClone";const so=({children:n})=>e.createElement(e.Fragment,null,n);function co(n){return e.isValidElement(n)&&n.type===so}function uo(n,a){const r={...a};for(const o in a){const l=n[o],i=a[o];/^on[A-Z]/.test(o)?l&&i?r[o]=(...s)=>{i(...s),l(...s)}:l&&(r[o]=l):o==="style"?r[o]={...l,...i}:o==="className"&&(r[o]=[l,i].filter(Boolean).join(" "))}return{...n,...r}}const kt=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((n,a)=>{const r=e.forwardRef((o,l)=>{const{asChild:i,...d}=o,s=i?Pt:a;return e.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),e.createElement(s,Q({},d,{ref:l}))});return r.displayName=`Primitive.${a}`,{...n,[a]:r}},{}),$t="Checkbox",[fo,Gr]=eo($t),[po,ho]=fo($t),go=e.forwardRef((n,a)=>{const{__scopeCheckbox:r,name:o,checked:l,defaultChecked:i,required:d,disabled:s,value:f="on",onCheckedChange:u,...g}=n,[h,_]=e.useState(null),C=yt(a,k=>_(k)),m=e.useRef(!1),w=h?!!h.closest("form"):!0,[v=!1,P]=no({prop:l,defaultProp:i,onChange:u}),S=e.useRef(v);return e.useEffect(()=>{const k=h==null?void 0:h.form;if(k){const M=()=>P(S.current);return k.addEventListener("reset",M),()=>k.removeEventListener("reset",M)}},[h,P]),e.createElement(po,{scope:r,state:v,disabled:s},e.createElement(kt.button,Q({type:"button",role:"checkbox","aria-checked":ee(v)?"mixed":v,"aria-required":d,"data-state":Tt(v),"data-disabled":s?"":void 0,disabled:s,value:f},g,{ref:C,onKeyDown:wt(n.onKeyDown,k=>{k.key==="Enter"&&k.preventDefault()}),onClick:wt(n.onClick,k=>{P(M=>ee(M)?!0:!M),w&&(m.current=k.isPropagationStopped(),m.current||k.stopPropagation())})})),w&&e.createElement(vo,{control:h,bubbles:!m.current,name:o,value:f,checked:v,required:d,disabled:s,style:{transform:"translateX(-100%)"}}))}),bo="CheckboxIndicator",Co=e.forwardRef((n,a)=>{const{__scopeCheckbox:r,forceMount:o,...l}=n,i=ho(bo,r);return e.createElement(xt,{present:o||ee(i.state)||i.state===!0},e.createElement(kt.span,Q({"data-state":Tt(i.state),"data-disabled":i.disabled?"":void 0},l,{ref:a,style:{pointerEvents:"none",...n.style}})))}),vo=n=>{const{control:a,checked:r,bubbles:o=!0,...l}=n,i=e.useRef(null),d=ro(r),s=ao(a);return e.useEffect(()=>{const f=i.current,u=window.HTMLInputElement.prototype,h=Object.getOwnPropertyDescriptor(u,"checked").set;if(d!==r&&h){const _=new Event("click",{bubbles:o});f.indeterminate=ee(r),h.call(f,ee(r)?!1:r),f.dispatchEvent(_)}},[d,r,o]),e.createElement("input",Q({type:"checkbox","aria-hidden":!0,defaultChecked:ee(r)?!1:r},l,{tabIndex:-1,ref:i,style:{...n.style,...s,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function ee(n){return n==="indeterminate"}function Tt(n){return ee(n)?"indeterminate":n?"checked":"unchecked"}const mo=go,_o=Co,de={checkboxContainer:"_checkboxContainer_pb9za_5",checkbox:"_checkbox_pb9za_5",checkboxIndicator:"_checkboxIndicator_pb9za_27",checkboxLabel:"_checkboxLabel_pb9za_38",noTextHighlight:"_noTextHighlight_pb9za_42",checkboxHidden:"_checkboxHidden_pb9za_51"},yo=e.forwardRef(function({className:a,labelClassName:r,label:o,checked:l,onCheckedChange:i,...d},s){return t.jsx(lt,{children:({isHovered:f,...u})=>t.jsxs(c.Flex,{className:de.checkboxContainer,...u,children:[t.jsx(mo,{className:x(de.checkbox,!f&&!l&&de.checkboxHidden,a),checked:l,onCheckedChange:g=>{i&&i(g)},ref:s,...d,children:t.jsx(_o,{className:de.checkboxIndicator,children:l==="indeterminate"?t.jsx(T.DividerHorizontalIcon,{width:"13px"}):t.jsx(T.CheckIcon,{})})}),o&&t.jsx("div",{className:x(de.checkboxLabel,r,de.noTextHighlight),onClick:()=>{i&&i(!l)},children:o})]})})}),$e=e.memo(yo);$e.displayName="Checkbox";const Dt=e.memo(function({className:a,labelClassName:r,label:o,onCheckedChange:l,children:i,...d}){const[s,f]=e.useState(e.Children.toArray(i).every(C=>e.isValidElement(C)&&C.props.checked)?!0:e.Children.toArray(i).some(C=>e.isValidElement(C)&&C.props.checked)?"indeterminate":!1),[u,g]=e.useState(e.Children.map(i,C=>C.props.checked)),h=C=>{const m=s==="indeterminate"||!C;s==="indeterminate"&&(C=!1),g(u.map(w=>!m)),l&&l(C)};e.useEffect(()=>{const C=u.filter(m=>m).length;C===0?f(!1):C===i.length?f(!0):f("indeterminate")},[i,u]);const _=e.Children.map(i,(C,m)=>e.cloneElement(C,{...C.props,checked:u[m],onCheckedChange:w=>{const v=[...u];v[m]=w,g(v),C.props.onCheckedChange&&C.props.onCheckedChange(w)}}));return t.jsxs(t.Fragment,{children:[t.jsx($e,{className:a,labelClassName:r,label:o,checked:s,onCheckedChange:h,...d}),_]})}),A={tableContainer:"_tableContainer_go3yk_1",headerContainer:"_headerContainer_go3yk_14",tableTopContainer:"_tableTopContainer_go3yk_18",searchContainer:"_searchContainer_go3yk_22",columnFilterSelect:"_columnFilterSelect_go3yk_32",table:"_table_go3yk_1",tableHeaderCell:"_tableHeaderCell_go3yk_50",tableRow:"_tableRow_go3yk_56",tableCell:"_tableCell_go3yk_71",noDataTextContainer:"_noDataTextContainer_go3yk_78",tableBottomContainer:"_tableBottomContainer_go3yk_84",rowsPerPageContainer:"_rowsPerPageContainer_go3yk_88",rowsPerPageText:"_rowsPerPageText_go3yk_98"},wo=e.forwardRef(function(a,r){const{columns:o,data:l,color:i="light",title:d="",description:s="",rowsPerPage:f=[10,20,30,40,50],showSearchBar:u,searchBarPlaceholder:g,showSelect:h,showFilterButton:_,showContainer:C,showRowsPerPage:m,showPageNumber:w,showPageNavigation:v,showTopBar:P=!0,showBottomBar:S=!0,emptyMessage:k="There is no data",children:M,className:J,columnClassName:Te,rowClassName:ue,cellClassName:qe}=a,[te,fe]=e.useState(""),[Ue,Ge]=e.useState([]);if(!l.every(b=>Object.keys(b.columns).length===o.length&&Object.values(o).every(y=>Object.keys(b.columns).includes(y.id.toString()))))throw new Error("Columns in rows do not match ones declared in columns variable.");const De=e.useMemo(()=>o.filter(b=>b.filter).map(b=>({[b.id]:[]})).reduce((b,y)=>Object.assign(b,y),{}),[o]),[L,D]=e.useState(De),[E,F]=e.useState(f[0]??10),z=e.useMemo(()=>f.map(b=>({value:b.toString(),itemContent:b.toString()})),[f]),Oe=l.some(b=>b.onClick),Ce=e.useCallback(b=>{var $,O;return((($=b.searchValue)==null?void 0:$.toString())||((O=b.value)==null?void 0:O.toString())||"").toLowerCase().includes(te.toLowerCase())},[te]),ve=e.useCallback((b,y)=>{var W,oe,pe,re;const $=((W=b.sortValue)==null?void 0:W.toString())||((oe=b.value)==null?void 0:oe.toString())||"",O=((pe=y.sortValue)==null?void 0:pe.toString())||((re=y.value)==null?void 0:re.toString())||"";return $.toLowerCase().localeCompare(O.toLowerCase(),void 0,{numeric:!0})},[]),ne=e.useCallback((b,y)=>{var O,W,oe;const $=((O=b.filterValue)==null?void 0:O.toString())||((W=b.value)==null?void 0:W.toString())||"";return(oe=L[y.id])==null?void 0:oe.some(pe=>$.toString().toLowerCase()===pe.toString().toLowerCase())},[L]),q=e.useMemo(()=>o.map(b=>({...b,sort:b.sort?{sortKey:b.id.toString().toUpperCase()}:!1})),[o]),Y=o.some(b=>{var y;return b.filter&&b.id in L&&((y=L[b.id])==null?void 0:y.length)!==0}),Ne=e.useMemo(()=>l.filter(b=>!te||o.some(y=>y.search&&Ce(b.columns[y.id]))).filter(b=>!Y||o.every(y=>{var $;return!y.filter||(($=L[y.id])==null?void 0:$.length)===0||ne(b.columns[y.id],y)})).map(b=>{const y={...b.columns,...b},{columns:$,...O}=y;return O}),[ne,L,o,l,Y,te,Ce]),[U,xo]=e.useState(Math.ceil(Ne.length/E)),Xe=e.useCallback(b=>b.filterValues?b.filterValues:[...new Set(l.map($=>{var O,W;return((O=$.columns[b.id].filterValue)==null?void 0:O.toString())||((W=$.columns[b.id].value)==null?void 0:W.toString())||""}))].sort().map($=>({value:$,label:$})),[l]),Po=e.useMemo(()=>(h?"auto ":"")+q.reduce((b,y)=>b+`${y.width||"auto"} `,""),[q,h]),ko=e.useCallback(b=>{fe(b.target.value)},[]),Ie={nodes:Ne},$o=ie.useRowSelect(Ie,{onChange:(b,y)=>{Ge(y.ids)}},{rowSelect:ie.SelectTypes.MultiSelect,buttonSelect:ie.SelectTypes.MultiSelect,clickType:ie.SelectClickTypes.ButtonClick,isCarryForward:!1}),I=Ft.usePagination(Ie,{state:{page:0,size:f[0]}},{isServer:!1}),To=Je.useSort(Ie,{onChange:()=>null},{sortIcon:{margin:"10px",size:"15px",iconDefault:t.jsx(T.CaretSortIcon,{width:"20px"}),iconUp:t.jsx(T.ArrowUpIcon,{}),iconDown:t.jsx(T.ArrowDownIcon,{})},sortFns:Object.assign({},...q.map(b=>({[b.id.toString().toUpperCase()]:y=>y.sort(($,O)=>ve($[b.id],O[b.id]))})))}),Do=e.useMemo(()=>({options:o.filter(b=>b.filter).map(b=>({label:b.label,value:b.id.toString(),page:{content:t.jsx(Dt,{label:"Select all",onCheckedChange:y=>{const $=JSON.parse(JSON.stringify(L));y===!0?$[b.id]=Xe(b).map(O=>O.value):$[b.id]=[],D($)},children:Xe(b).map((y,$)=>{var O,W;return t.jsx($e,{label:y.label,checked:(W=L[b.id])==null?void 0:W.includes(((O=y.value)==null?void 0:O.toString())||""),onCheckedChange:oe=>{D(pe=>{var It;const re={...pe},Nt=re[b.id]||[];return oe?re[b.id]=[...Nt,((It=y.value)==null?void 0:It.toString())||""]:re[b.id]=Nt.filter(Mo=>Mo!==(y.value??"").toString()),re})}},`checkbox-filter-${b.id}-${$}`)})},`select-all-checkbox-${b.id}`)}}))}),[L,o,Xe]),Oo=q.map(b=>{const y=b.sort?Je.HeaderCellSort:G.HeaderCell;return t.jsx(y,{className:x(A.tableHeaderCell,Te,b.className),sortKey:b.sort?b.id.toString().toUpperCase():"",children:b.label},b.id)}),Ot=_e.isMobile?H:Z,No=e.useMemo(()=>({custom:!0}),[]),Io=Bt.useTheme({Table:`
-			 --data-table-library_grid-template-columns: ${Po};
-		`,Row:`
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@radix-ui/colors"), require("@radix-ui/react-icons"), require("@radix-ui/themes"), require("react/jsx-runtime"), require("react"), require("react-responsive"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-dialog"), require("re-resizable"), require("@radix-ui/react-dismissable-layer"), require("react-transition-group"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-toast"), require("react-dom"), require("@table-library/react-table-library/table"), require("@table-library/react-table-library/theme"), require("@table-library/react-table-library/sort"), require("@table-library/react-table-library/select"), require("@table-library/react-table-library/pagination"), require("react-device-detect")) : typeof define === "function" && define.amd ? define(["exports", "@radix-ui/colors", "@radix-ui/react-icons", "@radix-ui/themes", "react/jsx-runtime", "react", "react-responsive", "@radix-ui/react-dropdown-menu", "@radix-ui/react-dialog", "re-resizable", "@radix-ui/react-dismissable-layer", "react-transition-group", "@radix-ui/react-toggle-group", "@radix-ui/react-toolbar", "@radix-ui/react-toast", "react-dom", "@table-library/react-table-library/table", "@table-library/react-table-library/theme", "@table-library/react-table-library/sort", "@table-library/react-table-library/select", "@table-library/react-table-library/pagination", "react-device-detect"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.blocks = {}, global.colors, global.reactIcons, global.themes, global.jsxRuntime, global.React, global.reactResponsive, global.RadixDropdownMenu, global.RadixDialogPrimitive, global.reResizable, global.reactDismissableLayer, global.reactTransitionGroup, global.reactToggleGroup, global.reactToolbar, global.RadixToast, global.reactDom, global.table$1, global.theme, global.sort, global.select, global.pagination, global.reactDeviceDetect));
+})(this, function(exports2, colors, reactIcons, themes, jsxRuntime, React, reactResponsive, RadixDropdownMenu, RadixDialogPrimitive, reResizable, reactDismissableLayer, reactTransitionGroup, reactToggleGroup, reactToolbar, RadixToast, reactDom, table$1, theme, sort, select, pagination, reactDeviceDetect) {
+  "use strict";
+  function _interopNamespaceDefault(e) {
+    const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    if (e) {
+      for (const k in e) {
+        if (k !== "default") {
+          const d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: () => e[k]
+          });
+        }
+      }
+    }
+    n.default = e;
+    return Object.freeze(n);
+  }
+  const RadixDropdownMenu__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixDropdownMenu);
+  const RadixDialogPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixDialogPrimitive);
+  const RadixToast__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixToast);
+  function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+  }
+  var classnames = { exports: {} };
+  /*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  */
+  (function(module2) {
+    (function() {
+      var hasOwn = {}.hasOwnProperty;
+      function classNames2() {
+        var classes = [];
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (!arg)
+            continue;
+          var argType = typeof arg;
+          if (argType === "string" || argType === "number") {
+            classes.push(arg);
+          } else if (Array.isArray(arg)) {
+            if (arg.length) {
+              var inner = classNames2.apply(null, arg);
+              if (inner) {
+                classes.push(inner);
+              }
+            }
+          } else if (argType === "object") {
+            if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+              classes.push(arg.toString());
+              continue;
+            }
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
+            }
+          }
+        }
+        return classes.join(" ");
+      }
+      if (module2.exports) {
+        classNames2.default = classNames2;
+        module2.exports = classNames2;
+      } else {
+        window.classNames = classNames2;
+      }
+    })();
+  })(classnames);
+  var classnamesExports = classnames.exports;
+  const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+  function useResponsiveMapping(value, mapping) {
+    return React.useMemo(() => {
+      if (value === void 0)
+        return void 0;
+      if (typeof value === "object") {
+        if (!("initial" in value)) {
+          throw new Error("Expected initial property to be set in Responsive object");
+        }
+        return Object.fromEntries(Object.entries(value).map(([breakpoint, value2]) => [breakpoint, mapping[value2]]));
+      } else {
+        return mapping[value];
+      }
+    }, [mapping, value]);
+  }
+  const nonThemeSeverityMapping = {
+    success: "green",
+    danger: "red",
+    warning: "amber",
+    info: "gray"
+  };
+  const useSeverityColor = (severity) => {
+    const theme2 = themes.useThemeContext();
+    if (!severity)
+      return void 0;
+    if (severity === "primary")
+      return theme2.accentColor;
+    return nonThemeSeverityMapping[severity];
+  };
+  const useViewportSize = () => {
+    const [prevSize, setPrevSize] = React.useState("initial");
+    const [size, setSize] = React.useState("initial");
+    const xs = reactResponsive.useMediaQuery({ minWidth: "520px" });
+    const sm = reactResponsive.useMediaQuery({ minWidth: "768px" });
+    const md = reactResponsive.useMediaQuery({ minWidth: "1024px" });
+    const lg = reactResponsive.useMediaQuery({ minWidth: "1280px" });
+    const xl = reactResponsive.useMediaQuery({ minWidth: "1640px" });
+    React.useLayoutEffect(() => {
+      setSize((prev) => {
+        setPrevSize(prev);
+        return xl ? "xl" : lg ? "lg" : md ? "md" : sm ? "sm" : xs ? "xs" : "initial";
+      });
+    }, [lg, md, sm, xl, xs]);
+    return { size, prevSize, xs, sm, md, lg, xl };
+  };
+  const useKeyboardShortcut = (shortcutKeys, disable, callback) => {
+    const [keys, setKeys] = React.useState([]);
+    const [lastWasKeyDown, setLastWasKeyDown] = React.useState(true);
+    const handleKeyDown = React.useCallback(
+      (event) => {
+        const { repeat, key } = event;
+        setLastWasKeyDown(true);
+        if (repeat || keys.includes(key))
+          return;
+        setKeys((prevKeys) => [...prevKeys, key]);
+      },
+      [keys]
+    );
+    const handleKeyUp = React.useCallback(
+      (event) => {
+        const { key } = event;
+        setLastWasKeyDown(false);
+        if (!keys.includes(key))
+          return;
+        setKeys((prevKeys) => {
+          const tempKeys = [...prevKeys];
+          tempKeys.splice(prevKeys.indexOf(key), 1);
+          return tempKeys;
+        });
+      },
+      [keys]
+    );
+    React.useEffect(() => {
+      if (!disable)
+        document.addEventListener("keydown", handleKeyDown, true);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown, true);
+      };
+    }, [disable, handleKeyDown]);
+    React.useEffect(() => {
+      if (!disable)
+        document.addEventListener("keyup", handleKeyUp, true);
+      return () => {
+        document.removeEventListener("keyup", handleKeyUp, true);
+      };
+    }, [disable, handleKeyUp]);
+    const triggerAction = React.useMemo(() => {
+      return !disable && lastWasKeyDown && keys.length === shortcutKeys.length && keys.every((key) => shortcutKeys.includes(key));
+    }, [disable, lastWasKeyDown, keys, shortcutKeys]);
+    React.useEffect(() => {
+      if (triggerAction)
+        callback();
+    }, [triggerAction, callback]);
+    return triggerAction;
+  };
+  const childrenToArray = (children) => {
+    const tempChildrenToArray = [];
+    for (const child of React.Children.toArray(children)) {
+      if (React.isValidElement(child))
+        tempChildrenToArray.push(child);
+    }
+    return tempChildrenToArray;
+  };
+  const useStopEventPropagation = () => {
+    return React.useCallback((event) => {
+      event.stopPropagation();
+    }, []);
+  };
+  function useTextFilter(values, filterFunction) {
+    const [filteredOptions, setFilteredOptions] = React.useState([]);
+    const [filterValue, setFilterValue] = React.useState("");
+    React.useEffect(() => {
+      setFilteredOptions(values.filter((value) => filterFunction(value, filterValue)));
+    }, [filterFunction, filterValue, values]);
+    return [filteredOptions, filterValue, setFilterValue];
+  }
+  const _Badge = React.forwardRef(function Badge2({ className, severity = "primary", color, children, ...rest }, ref) {
+    const severityColor = useSeverityColor(severity);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      themes.Badge,
+      {
+        className: classNames("overmap-badge", className),
+        ref,
+        color: color ? color : severityColor,
+        ...rest,
+        children
+      }
+    );
+  });
+  const Badge = React.memo(_Badge);
+  const zeroMinWidth = "_zeroMinWidth_curjh_1";
+  const zeroMinHeight = "_zeroMinHeight_curjh_5";
+  const radius = "_radius_curjh_9";
+  const styles$m = {
+    zeroMinWidth,
+    zeroMinHeight,
+    radius
+  };
+  const Flex = React.memo(
+    React.forwardRef(
+      ({ className, radius: radius2 = false, children, zeroMinWidth: zeroMinWidth2 = false, zeroMinHeight: zeroMinHeight2 = false, ...rest }, ref) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          themes.Flex,
+          {
+            className: classNames(className, {
+              [styles$m.radius]: radius2,
+              [styles$m.zeroMinWidth]: zeroMinWidth2,
+              [styles$m.zeroMinHeight]: zeroMinHeight2
+            }),
+            ref,
+            ...rest,
+            children
+          }
+        );
+      }
+    )
+  );
+  const BreadcrumbContext = React.createContext({});
+  const useBreadcrumbContext = () => React.useContext(BreadcrumbContext);
+  const Item = React.memo(
+    React.forwardRef(({ className, children, ...rest }, ref) => {
+      const { size, severity } = useBreadcrumbContext();
+      const severityColor = useSeverityColor(severity);
+      return /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { className: classNames("overmap-breadcrumb-item", className), height: "max-content", width: "max-content", children: /* @__PURE__ */ jsxRuntime.jsx(themes.Link, { ref, size, color: severityColor, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { height: "100%", width: "100%", align: "center", gap: "1", children }) }) });
+    })
+  );
+  const Group = React.memo(
+    React.forwardRef(
+      ({ className, children, separator, severity = "info", size, gap = "2", ...rest }, ref) => {
+        const severityColor = useSeverityColor(severity);
+        const childrenAsArray = childrenToArray(children);
+        return /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbContext.Provider, { value: { size, severity }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Flex,
+          {
+            className: classNames("overmap-breadcrumb-group", className),
+            ref,
+            gap,
+            role: "breadcrumb",
+            height: "max-content",
+            width: "max-content",
+            ...rest,
+            children: childrenAsArray.map((child, index) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                React.cloneElement(child, { key: index }),
+                childrenAsArray.length - 1 !== index && /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { color: severityColor, children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { height: "100%", width: "100%", align: "center", children: separator }) })
+              ] });
+            })
+          }
+        ) });
+      }
+    )
+  );
+  const Breadcrumb = {
+    Group,
+    Item
+  };
+  const fluid$1 = "_fluid_r73gr_1";
+  const hoverSpin90Clockwise = "_hoverSpin90Clockwise_r73gr_15";
+  const hoverSpin180Clockwise = "_hoverSpin180Clockwise_r73gr_25";
+  const hoverSpin360Clockwise = "_hoverSpin360Clockwise_r73gr_35";
+  const styles$l = {
+    fluid: fluid$1,
+    hoverSpin90Clockwise,
+    hoverSpin180Clockwise,
+    hoverSpin360Clockwise
+  };
+  const hoverEffectClassNameMapping = {
+    spin90Clockwise: styles$l.hoverSpin90Clockwise,
+    spin180Clockwise: styles$l.hoverSpin180Clockwise,
+    spin360Clockwise: styles$l.hoverSpin360Clockwise
+  };
+  const clickOnEnterOrSpace = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.currentTarget.click();
+    }
+  };
+  const divButtonProps = {
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: clickOnEnterOrSpace
+  };
+  const SizeMapping = {
+    small: "1",
+    medium: "2",
+    large: "3"
+  };
+  const ButtonGroupContext = React.createContext({});
+  const useButtonGroupContext = () => React.useContext(ButtonGroupContext);
+  const spinner = "_spinner_isifr_9";
+  const spin = "_spin_isifr_9";
+  const styles$k = {
+    spinner,
+    spin
+  };
+  const Spinner = React.memo(() => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$k.spinner });
+  });
+  Spinner.displayName = "Spinner";
+  const _Button$1 = React.forwardRef(function Button(props, ref) {
+    const buttonGroupContext = useButtonGroupContext();
+    const {
+      className,
+      type = "button",
+      fluid: fluid2 = buttonGroupContext.fluid ?? false,
+      size = buttonGroupContext.size ?? "medium",
+      severity = buttonGroupContext.severity ?? "primary",
+      hoverEffects = buttonGroupContext.hoverEffects ?? [],
+      variant = buttonGroupContext.variant,
+      shortcut = {
+        keys: [],
+        action: () => {
+        },
+        disabled: false
+      },
+      loading,
+      children,
+      disabled,
+      ...rest
+    } = props;
+    const color = useSeverityColor(severity);
+    const hoverEffectClasses = hoverEffects.map((hoverEffect) => {
+      return hoverEffectClassNameMapping[hoverEffect];
+    });
+    useKeyboardShortcut(shortcut.keys, shortcut.disabled || shortcut.keys.length === 0, shortcut.action);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      themes.Button,
+      {
+        ref,
+        type,
+        className: classNames(className, hoverEffectClasses, {
+          [styles$l.fluid]: fluid2
+        }),
+        color,
+        size: useResponsiveMapping(size, SizeMapping),
+        variant,
+        disabled: loading || disabled,
+        ...rest,
+        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : children
+      }
+    );
+  });
+  const Button2 = React.memo(_Button$1);
+  const _Button = React.forwardRef(function Button(props, ref) {
+    const buttonGroupContext = useButtonGroupContext();
+    const {
+      className,
+      children,
+      type = "button",
+      fluid: fluid2 = buttonGroupContext.fluid ?? false,
+      size = buttonGroupContext.size ?? "medium",
+      severity = buttonGroupContext.severity ?? "primary",
+      hoverEffects = buttonGroupContext.hoverEffects ?? [],
+      variant = buttonGroupContext.variant,
+      shortcut = {
+        keys: [],
+        action: () => {
+        },
+        disabled: false
+      },
+      ...rest
+    } = props;
+    const color = useSeverityColor(severity);
+    const hoverEffectClasses = (hoverEffects == null ? void 0 : hoverEffects.map((hoverEffect) => {
+      return hoverEffectClassNameMapping[hoverEffect];
+    })) || [];
+    useKeyboardShortcut(shortcut.keys, shortcut.disabled || shortcut.keys.length === 0, shortcut.action);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      themes.IconButton,
+      {
+        className: classNames(className, hoverEffectClasses, {
+          [styles$l.fluid]: fluid2
+        }),
+        ref,
+        color,
+        size: useResponsiveMapping(size, SizeMapping),
+        variant,
+        type,
+        ...rest,
+        children
+      }
+    );
+  });
+  const IconButton = React.memo(_Button);
+  const merged = "_merged_wdgxo_1";
+  const styles$j = {
+    merged
+  };
+  const GhostVariantSizeToGapMapping = {
+    row: { small: "4", medium: "4", large: "5" },
+    column: { small: "2", medium: "3", large: "4" }
+  };
+  const _ButtonGroup = React.forwardRef(function ButtonGroup2({
+    className,
+    merged: merged2 = false,
+    children,
+    gap,
+    direction = "row",
+    severity,
+    size = "medium",
+    variant,
+    hoverEffects,
+    fluid: fluid2,
+    ...rest
+  }, ref) {
+    const ghostSize = useResponsiveMapping(size, GhostVariantSizeToGapMapping[direction]);
+    const mergedAutoGap = variant === "ghost" ? ghostSize : "0";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      themes.Flex,
+      {
+        className: classNames("overmap-button-group", className, {
+          [styles$j.merged]: merged2
+        }),
+        ref,
+        gap: merged2 ? gap ?? mergedAutoGap : gap ?? "2",
+        direction,
+        "data-direction": direction,
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ButtonGroupContext.Provider, { value: { size, severity, variant, hoverEffects, fluid: fluid2 }, children })
+      }
+    );
+  });
+  const ButtonGroup = React.memo(_ButtonGroup);
+  const separators = "_separators_1f7v1_1";
+  const styles$i = {
+    separators
+  };
+  const ButtonListBorder = React.memo(
+    React.forwardRef((props, ref) => {
+      const { children, border, before, after, size } = props;
+      const variant = border ? "surface" : "ghost";
+      const radixSize = useResponsiveMapping(size, SizeMapping);
+      const inset = before && after ? /* @__PURE__ */ jsxRuntime.jsx(themes.Inset, { side: "x", pt: "current", pb: "current", children }) : before ? /* @__PURE__ */ jsxRuntime.jsx(themes.Inset, { side: "bottom", pt: "current", children }) : after ? /* @__PURE__ */ jsxRuntime.jsx(themes.Inset, { side: "top", pb: "current", children }) : /* @__PURE__ */ jsxRuntime.jsx(themes.Inset, { children });
+      const ret = /* @__PURE__ */ jsxRuntime.jsxs(themes.Card, { ref, size: radixSize, variant, children: [
+        before,
+        inset,
+        after
+      ] });
+      if (variant === "ghost") {
+        return /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { p: "3", children: ret });
+      }
+      return ret;
+    })
+  );
+  const ButtonListRoot = React.memo(
+    React.forwardRef((props, ref) => {
+      const { children, variant = "outline", size, className, ...borderProps } = props;
+      const showBorder = variant === "outline" || variant === "surface";
+      const buttonVariant = variant === "outline" ? "ghost" : variant === "surface" ? "soft" : variant;
+      return /* @__PURE__ */ jsxRuntime.jsx(ButtonListBorder, { ...borderProps, border: showBorder, size, children: /* @__PURE__ */ jsxRuntime.jsx(
+        ButtonGroup,
+        {
+          size,
+          severity: "info",
+          variant: buttonVariant,
+          className: classNames(className, styles$i.separators),
+          merged: true,
+          gap: "0",
+          direction: "column",
+          ref,
+          children
+        }
+      ) });
+    })
+  );
+  const ButtonListItem = React.memo(
+    React.forwardRef((props, ref) => {
+      const { variant } = useButtonGroupContext();
+      const ret = /* @__PURE__ */ jsxRuntime.jsx(Button2, { ref, ...props, radius: "large", variant });
+      if (variant === "ghost") {
+        return /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { asChild: true, my: "1", mx: "2", children: ret });
+      }
+      return ret;
+    })
+  );
+  const ButtonList = {
+    Root: ButtonListRoot,
+    Item: ButtonListItem
+  };
+  const DialogContent = React.memo(function DialogContent2(props) {
+    const { title, description, content, closeDialog } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { justify: "between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(themes.Dialog.Title, { mb: "0", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(themes.Dialog.Close, { children: /* @__PURE__ */ jsxRuntime.jsx(themes.IconButton, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, {}) }) })
+        ] }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(themes.Dialog.Description, { children: description })
+      ] }),
+      content(closeDialog)
+    ] });
+  });
+  const Dialog = React.memo(
+    React.forwardRef((props, ref) => {
+      const {
+        children,
+        content,
+        title,
+        description,
+        onOpen,
+        onClose,
+        defaultOpen,
+        onCloseInterrupt,
+        open: externalOpen,
+        onOpenChange: externalOpenChange,
+        ...contentProps
+      } = props;
+      const [innerOpen, setInnerOpen] = React.useState(defaultOpen ?? false);
+      const open = externalOpen ?? innerOpen;
+      if ((!!onCloseInterrupt || !!onOpen) && !!externalOpenChange) {
+        throw new Error("Neither the `onCloseInterrupt` nor `onOpen` props can be used with `onOpenChange`.");
+      }
+      if (externalOpen !== void 0 && externalOpenChange === void 0) {
+        throw new Error("The `open` prop requires the `onOpenChange` prop.");
+      }
+      if (!children && externalOpen === void 0) {
+        throw new Error("Either the `children` or `open` prop must be defined.");
+      } else if (children && externalOpen !== void 0) {
+        throw new Error("The `children` and `open` props cannot be used together.");
+      }
+      const handleOpenChange = React.useCallback(
+        (next) => {
+          if (externalOpenChange)
+            return externalOpenChange(next);
+          if (next && onOpen) {
+            onOpen();
+          } else if (!next && onCloseInterrupt) {
+            const confirmClose = () => {
+              setInnerOpen(false);
+              if (onClose)
+                onClose();
+            };
+            return onCloseInterrupt(confirmClose);
+          } else if (!next && onClose) {
+            onClose();
+          }
+          setInnerOpen(next);
+        },
+        [externalOpenChange, onOpen, onClose, onCloseInterrupt]
+      );
+      const closeDialog = React.useCallback(
+        (options) => {
+          if (options == null ? void 0 : options.force) {
+            return setInnerOpen(false);
+          }
+          handleOpenChange(false);
+        },
+        [handleOpenChange]
+      );
+      return /* @__PURE__ */ jsxRuntime.jsxs(themes.Dialog.Root, { open, onOpenChange: handleOpenChange, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Dialog.Trigger, { children }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Dialog.Content, { ref, ...contentProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+          DialogContent,
+          {
+            closeDialog,
+            content,
+            title,
+            description
+          }
+        ) })
+      ] });
+    })
+  );
+  const useWrapCallbackInDialogClose = (callback, closeOptions) => {
+    return React.useCallback(
+      (...arg) => (closeDialog) => {
+        callback(...arg);
+        closeDialog(closeOptions);
+      },
+      [callback, closeOptions]
+    );
+  };
+  const Title = (props) => /* @__PURE__ */ jsxRuntime.jsx(themes.AlertDialog.Title, { mb: "0", ...props });
+  const AlertDialogContent$1 = (props) => {
+    const { title, description, actionText = "Confirm", cancelText = "Cancel", onAction, onCancel, severity } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Title, { children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.AlertDialog.Description, { children: description })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { gap: "3", mt: "4", justify: "end", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(themes.AlertDialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "soft", severity: "info", onClick: onCancel, children: cancelText }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.AlertDialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "solid", severity, onClick: onAction, children: actionText }) })
+      ] })
+    ] });
+  };
+  const AlertDialog = React.memo(function AlertDialog2(props) {
+    const { open, setOpen, children, ...contentProps } = props;
+    const helpers = React.useMemo(() => {
+      return {
+        close: () => setOpen(false),
+        Title,
+        Description: themes.AlertDialog.Description
+      };
+    }, [setOpen]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(themes.AlertDialog.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(themes.AlertDialog.Content, { children: "content" in contentProps ? contentProps.content(helpers) : /* @__PURE__ */ jsxRuntime.jsx(AlertDialogContent$1, { ...contentProps }) }),
+      children
+    ] });
+  });
+  const AlertDialogContent = React.createContext(() => {
+    throw new Error("No AlertDialogProvider found");
+  });
+  const initialState = {
+    content: () => null
+  };
+  const AlertDialogProvider = React.memo(function AlertDialogProvider2({ children }) {
+    const [open, setOpen] = React.useState(false);
+    const [state, setState] = React.useState(initialState);
+    const openDialog = React.useCallback(
+      (options) => {
+        if (open)
+          throw new Error("AlertDialog is already open");
+        setState(options);
+        setOpen(true);
+      },
+      [open]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(AlertDialog, { open, setOpen, ...state, children: /* @__PURE__ */ jsxRuntime.jsx(AlertDialogContent.Provider, { value: openDialog, children }) });
+  });
+  const useAlertDialog = () => {
+    return React.useContext(AlertDialogContent);
+  };
+  const useDiscardAlertDialog = () => {
+    const openAlertDialog = useAlertDialog();
+    return React.useCallback(
+      (props) => openAlertDialog({
+        title: "Discard changes?",
+        description: "You have unsaved changes. Are you sure you want to discard them?",
+        actionText: "Discard",
+        severity: "danger",
+        onAction: props.onDiscard,
+        onCancel: props.onCancel
+      }),
+      [openAlertDialog]
+    );
+  };
+  const DropdownMenu = React.memo(
+    React.forwardRef(({ trigger, disabled, children, ...rest }) => {
+      const infoColor = useSeverityColor("info");
+      return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled, children: trigger }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { variant: "soft", color: infoColor, ...rest, children })
+      ] });
+    })
+  );
+  const BaseMenuItem$1 = "_BaseMenuItem_1s610_1";
+  const RemoveOutline = "_RemoveOutline_1s610_15";
+  const BaseMenuSeparator$1 = "_BaseMenuSeparator_1s610_19";
+  const BaseMenuInput$1 = "_BaseMenuInput_1s610_27";
+  const styles$h = {
+    BaseMenuItem: BaseMenuItem$1,
+    RemoveOutline,
+    BaseMenuSeparator: BaseMenuSeparator$1,
+    BaseMenuInput: BaseMenuInput$1
+  };
+  const BaseMenuItem = React.memo(
+    React.forwardRef(({ children, rightSlot }, ref) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { className: styles$h.BaseMenuItem, ref, position: "relative", px: "2", height: "6", children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "6", height: "100%", align: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Flex, { grow: "1", height: "100%", align: "center", gap: "1", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(Flex, { height: "100%", width: "4", align: "center", justify: "end", children: rightSlot })
+      ] }) });
+    })
+  );
+  const BaseMenuInput = React.memo(
+    React.forwardRef((props) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { className: styles$h.BaseMenuInput, px: "2", height: "6", width: "max-content", children: /* @__PURE__ */ jsxRuntime.jsx(Input, { ...props, variant: "ghost" }) });
+    })
+  );
+  const BaseMenuSeparator = React.memo(function BaseMenuSeparator2() {
+    return /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { className: styles$h.BaseMenuSeparator, width: "100%", py: "1", children: /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { height: "0", width: "100%" }) });
+  });
+  const useCloseOnSelectHandler = (closeOnSelect) => {
+    return React.useCallback(
+      (onSelect) => (event) => {
+        if (!closeOnSelect) {
+          event.preventDefault();
+        }
+        if (onSelect)
+          onSelect(event);
+      },
+      [closeOnSelect]
+    );
+  };
+  const useTextFilterChangeHandler = () => {
+    return React.useCallback(
+      (onTextFilterChange) => (event) => {
+        if (onTextFilterChange)
+          onTextFilterChange(event.target.value);
+      },
+      []
+    );
+  };
+  const BaseItemGroup = React.memo(function BaseItemGroup2({
+    items,
+    closeOnSelect = true,
+    groupElement: GroupElement,
+    itemElement: ItemElement,
+    filterValue,
+    onFilterValueChange,
+    placeholder,
+    icons,
+    separator,
+    ...rest
+  }) {
+    const closeOnSelectHandler = useCloseOnSelectHandler(closeOnSelect);
+    const textFilterChangeHandler = useTextFilterChangeHandler();
+    React.useEffect(() => {
+      return () => {
+        if (onFilterValueChange) {
+          onFilterValueChange("");
+        }
+      };
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(GroupElement, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", children: [
+        filterValue !== void 0 && !!onFilterValueChange && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BaseMenuInput,
+            {
+              value: filterValue,
+              onChange: textFilterChangeHandler(onFilterValueChange),
+              placeholder,
+              leftSlot: icons == null ? void 0 : icons.left,
+              rightSlot: icons == null ? void 0 : icons.right
+            }
+          ),
+          items.length !== 0 && /* @__PURE__ */ jsxRuntime.jsx(BaseMenuSeparator, {})
+        ] }),
+        items.map(({ content, shortcut, className, onSelect, ...rest2 }, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          ItemElement,
+          {
+            className: classNames(className, styles$h.RemoveOutline),
+            onSelect: closeOnSelectHandler(onSelect),
+            ...rest2,
+            children: /* @__PURE__ */ jsxRuntime.jsx(BaseMenuItem, { rightSlot: shortcut == null ? void 0 : shortcut.map((key, index2) => /* @__PURE__ */ jsxRuntime.jsx(themes.Kbd, { children: key }, index2)), children: content })
+          },
+          index
+        ))
+      ] }) }),
+      separator && /* @__PURE__ */ jsxRuntime.jsx(BaseMenuSeparator, {})
+    ] });
+  });
+  const BaseSelectGroup = React.memo(function BaseSelectGroup2({
+    items,
+    value,
+    closeOnSelect = false,
+    onValueChange,
+    groupElement: GroupElement,
+    selectedIndicator,
+    itemElement: ItemElement,
+    itemIndicatorElement: ItemIndicatorElement,
+    filterValue,
+    onFilterValueChange,
+    placeholder,
+    icons,
+    separator
+  }) {
+    const textFilterChangeHandler = useTextFilterChangeHandler();
+    const closeOnSelectHandler = useCloseOnSelectHandler(closeOnSelect);
+    React.useEffect(() => {
+      return () => {
+        if (onFilterValueChange) {
+          onFilterValueChange("");
+        }
+      };
+    }, []);
+    const handleCheckedChange = React.useCallback(
+      (value2) => (checked) => {
+        onValueChange(checked ? value2 : null);
+      },
+      [onValueChange]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(GroupElement, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", children: [
+        filterValue !== void 0 && !!onFilterValueChange && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BaseMenuInput,
+            {
+              value: filterValue,
+              onChange: textFilterChangeHandler(onFilterValueChange),
+              placeholder,
+              leftSlot: icons == null ? void 0 : icons.left,
+              rightSlot: (icons == null ? void 0 : icons.right) || /* @__PURE__ */ jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, {})
+            }
+          ),
+          items.length !== 0 && /* @__PURE__ */ jsxRuntime.jsx(BaseMenuSeparator, {})
+        ] }),
+        items.map(({ content, value: itemValue, onSelect, ...rest }, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          ItemElement,
+          {
+            className: styles$h.RemoveOutline,
+            checked: itemValue === value,
+            onCheckedChange: handleCheckedChange(itemValue),
+            onSelect: closeOnSelectHandler(onSelect),
+            textValue: "",
+            ...rest,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              BaseMenuItem,
+              {
+                rightSlot: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicatorElement, { asChild: true, children: selectedIndicator || /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, {}) }),
+                children: content
+              }
+            )
+          },
+          index
+        ))
+      ] }) }),
+      separator && /* @__PURE__ */ jsxRuntime.jsx(BaseMenuSeparator, {})
+    ] });
+  });
+  const BaseMultiSelectGroup = React.memo(function BaseMultiSelectGroup2({
+    items,
+    values,
+    onValueChange,
+    closeOnSelect = false,
+    groupElement: GroupElement,
+    selectedIndicator,
+    itemElement: ItemElement,
+    itemIndicatorElement: ItemIndicatorElement,
+    filterValue,
+    onFilterValueChange,
+    placeholder,
+    icons,
+    separator = false
+  }) {
+    const closeOnSelectHandler = useCloseOnSelectHandler(closeOnSelect);
+    const textFilterChangeHandler = useTextFilterChangeHandler();
+    React.useEffect(() => {
+      return () => {
+        if (onFilterValueChange) {
+          onFilterValueChange("");
+        }
+      };
+    }, []);
+    const handleCheckedChange = React.useCallback(
+      (value) => (checked) => {
+        if (checked) {
+          onValueChange([...values, value]);
+        } else {
+          const valueIndex = values.indexOf(value);
+          if (valueIndex < 0) {
+            throw new Error("unexpected value not found within values array");
+          }
+          const tempValues = [...values];
+          tempValues.splice(valueIndex, 1);
+          onValueChange(tempValues);
+        }
+      },
+      [onValueChange, values]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(GroupElement, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", children: [
+        filterValue !== void 0 && !!onFilterValueChange && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BaseMenuInput,
+            {
+              value: filterValue,
+              onChange: textFilterChangeHandler(onFilterValueChange),
+              placeholder,
+              leftSlot: icons == null ? void 0 : icons.left,
+              rightSlot: icons == null ? void 0 : icons.right
+            }
+          ),
+          items.length !== 0 && /* @__PURE__ */ jsxRuntime.jsx(BaseMenuSeparator, {})
+        ] }),
+        items.map(({ value, content, className, onSelect, ...rest }, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          ItemElement,
+          {
+            className: classNames(className, styles$h.RemoveOutline),
+            onSelect: closeOnSelectHandler(onSelect),
+            onCheckedChange: handleCheckedChange(value),
+            checked: values.includes(value),
+            textValue: "",
+            ...rest,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              BaseMenuItem,
+              {
+                rightSlot: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicatorElement, { asChild: true, children: selectedIndicator || /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, {}) }),
+                children: content
+              }
+            )
+          },
+          index
+        ))
+      ] }) }),
+      separator && /* @__PURE__ */ jsxRuntime.jsx(BaseMenuSeparator, {})
+    ] });
+  });
+  const BaseSubMenuGroup = React.memo(function BaseSubMenuGroup2({
+    subTriggerElement: SubTriggerElement,
+    groupElement: GroupElement,
+    subContentElement: SubContentElement,
+    subElement: SubElement,
+    items,
+    separator = false,
+    ...rest
+  }) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(GroupElement, { ...rest, children: items.map(({ triggerIndicator, content, subContent, className, ...rest2 }, index) => /* @__PURE__ */ jsxRuntime.jsxs(SubElement, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SubTriggerElement, { className: classNames(className, styles$h.RemoveOutline), ...rest2, children: /* @__PURE__ */ jsxRuntime.jsx(BaseMenuItem, { rightSlot: triggerIndicator, children: content }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SubContentElement, { sideOffset: 10, children: subContent })
+      ] }, index)) }),
+      separator && /* @__PURE__ */ jsxRuntime.jsx(BaseMenuSeparator, {})
+    ] });
+  });
+  const DropdownMenuItemGroup = React.memo(function DropdownMenuItemGroup2(props) {
+    return /* @__PURE__ */ jsxRuntime.jsx(BaseItemGroup, { ...props, itemElement: RadixDropdownMenu__namespace.Item, groupElement: RadixDropdownMenu__namespace.Group });
+  });
+  const DropdownMenuSelectGroup = React.memo(function DropdownMenuSelectGroup2(props) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseSelectGroup,
+      {
+        ...props,
+        itemElement: RadixDropdownMenu__namespace.CheckboxItem,
+        groupElement: RadixDropdownMenu__namespace.Group,
+        itemIndicatorElement: RadixDropdownMenu__namespace.ItemIndicator
+      }
+    );
+  });
+  const DropdownMenuMultiSelectGroup = React.memo(function DropdownMenuMultiSelectGroup2(props) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseMultiSelectGroup,
+      {
+        ...props,
+        itemElement: RadixDropdownMenu__namespace.CheckboxItem,
+        groupElement: RadixDropdownMenu__namespace.Group,
+        itemIndicatorElement: RadixDropdownMenu__namespace.ItemIndicator
+      }
+    );
+  });
+  const DropdownMenuSubMenuGroup = React.memo(function DropdownMenuSubMenuGroup2(props) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseSubMenuGroup,
+      {
+        ...props,
+        groupElement: RadixDropdownMenu__namespace.Group,
+        subElement: themes.DropdownMenu.Sub,
+        subTriggerElement: RadixDropdownMenu__namespace.SubTrigger,
+        subContentElement: themes.DropdownMenu.SubContent
+      }
+    );
+  });
+  const DropdownItemMenu = React.memo(
+    React.forwardRef(
+      ({
+        trigger,
+        items,
+        disabled,
+        closeOnSelect = true,
+        filterValue,
+        onFilterValueChange,
+        placeholder,
+        ...rest
+      }) => {
+        const infoColor = useSeverityColor("info");
+        return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled, children: trigger }),
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { variant: "soft", ...rest, color: infoColor, children: /* @__PURE__ */ jsxRuntime.jsx(
+            DropdownMenuItemGroup,
+            {
+              items,
+              filterValue,
+              onFilterValueChange,
+              placeholder,
+              closeOnSelect
+            }
+          ) })
+        ] });
+      }
+    )
+  );
+  const DropdownSelect = React.memo(
+    React.forwardRef(
+      ({
+        trigger,
+        items,
+        disabled = false,
+        value,
+        onValueChange,
+        placeholder,
+        filterValue,
+        onFilterValueChange,
+        closeOnSelect = true,
+        icons,
+        side
+      }, ref) => {
+        const infoColor = useSeverityColor("info");
+        return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled, children: trigger }),
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { ref, variant: "soft", color: infoColor, side, children: /* @__PURE__ */ jsxRuntime.jsx(
+            DropdownMenuSelectGroup,
+            {
+              value,
+              onValueChange,
+              items,
+              closeOnSelect,
+              filterValue,
+              onFilterValueChange,
+              placeholder,
+              icons
+            }
+          ) })
+        ] });
+      }
+    )
+  );
+  const DropdownMultiSelect = React.memo(
+    React.forwardRef(
+      ({
+        trigger,
+        items,
+        disabled = false,
+        values,
+        onValueChange,
+        placeholder,
+        filterValue,
+        onFilterValueChange,
+        closeOnSelect = false,
+        icons,
+        side
+      }, ref) => {
+        const infoColor = useSeverityColor("info");
+        return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled, children: trigger }),
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { ref, variant: "soft", color: infoColor, side, children: /* @__PURE__ */ jsxRuntime.jsx(
+            DropdownMenuMultiSelectGroup,
+            {
+              values,
+              onValueChange,
+              items,
+              closeOnSelect,
+              filterValue,
+              onFilterValueChange,
+              placeholder,
+              icons
+            }
+          ) })
+        ] });
+      }
+    )
+  );
+  const HoverUtility = React.memo(function Root2({ children }) {
+    const [isHovered, setIsHovered] = React.useState(false);
+    const handlePointerEnter = React.useCallback(() => {
+      setIsHovered(true);
+    }, []);
+    const handlePointerLeave = React.useCallback(() => {
+      setIsHovered(false);
+    }, []);
+    return children({
+      isHovered,
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave
+    });
+  });
+  const fluid = "_fluid_7n1wr_1";
+  const styles$g = {
+    fluid
+  };
+  const _Select = React.forwardRef(function Select2({
+    className,
+    fluid: fluid2,
+    size = "medium",
+    variant = "surface",
+    severity = "primary",
+    itemSeverity = "info",
+    placeholder = "Select",
+    side,
+    items = [],
+    value,
+    id,
+    ...rest
+  }, ref) {
+    const mappedSize = useResponsiveMapping(size, SizeMapping);
+    const severityColor = useSeverityColor(severity);
+    const itemSeverityColor = useSeverityColor(itemSeverity);
+    return /* @__PURE__ */ React.createElement(themes.Select.Root, { size: mappedSize, ...rest, key: value === void 0 ? 1 : 0, value }, /* @__PURE__ */ jsxRuntime.jsx(
+      themes.Select.Trigger,
+      {
+        className: classNames(className, {
+          [styles$g.fluid]: fluid2
+        }),
+        id,
+        ref,
+        variant,
+        placeholder,
+        color: severityColor
+      }
+    ), /* @__PURE__ */ jsxRuntime.jsx(
+      themes.Select.Content,
+      {
+        side,
+        className: styles$g.contentDefault,
+        position: "popper",
+        variant: variant !== "surface" ? "soft" : "solid",
+        color: itemSeverityColor,
+        children: items.map(({ itemContent, value: value2, ...rest2 }) => /* @__PURE__ */ jsxRuntime.jsx(themes.Select.Item, { className: "overmap-select-item", value: value2, ...rest2, children: itemContent }, value2))
+      }
+    ));
+  });
+  const Select = React.memo(_Select);
+  const MultiSelectItem = React.memo(
+    React.forwardRef((props, ref) => {
+      const { checked, label, value, size = "2" } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { asChild: true, px: size, children: /* @__PURE__ */ jsxRuntime.jsx(themes.Select.Item, { value, ref, children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { gap: size, align: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Checkbox, { checked }),
+        label
+      ] }) }) });
+    })
+  );
+  const SELECT_ALL_VALUE = "__select_all__";
+  const MultiSelect = React.memo(
+    React.forwardRef((props, ref) => {
+      const [open, setOpen] = React.useState(false);
+      const { placeholder, value, onValueChange, options, disabled, name, ...triggerProps } = props;
+      const size = useResponsiveMapping(props.size, SizeMapping);
+      const color = useSeverityColor(props.severity);
+      const optionsMap = React.useMemo(() => new Map(options.map((o) => [o.value, o.label])), [options]);
+      const displayValue = value.length > 4 ? (
+        // to ensure the width of the select doesn't get too big
+        `${value.length} options selected`
+      ) : (
+        // convert the values to labels
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: value.flatMap((v) => [optionsMap.get(v), ", "]).slice(0, -1) })
+      );
+      const close = React.useCallback(() => setOpen(false), []);
+      const handleOpenChange = React.useCallback((open2) => {
+        if (open2)
+          setOpen(true);
+      }, []);
+      const handleValueChange = React.useCallback(
+        (selected) => {
+          let next;
+          if (selected === SELECT_ALL_VALUE) {
+            const isAllSelected = value.length === options.length;
+            next = isAllSelected ? [] : options.map((o) => o.value);
+          } else {
+            next = value.includes(selected) ? value.filter((v) => v !== selected) : [...value, selected];
+          }
+          onValueChange(next);
+        },
+        [onValueChange, options, value]
+      );
+      React.useEffect(() => {
+        if (options.some(({ value: value2 }) => value2 === SELECT_ALL_VALUE)) {
+          throw new Error(`Cannot have an option with the value "${SELECT_ALL_VALUE}"`);
+        }
+      }, [options]);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        themes.Select.Root,
+        {
+          open,
+          value: "",
+          onOpenChange: handleOpenChange,
+          onValueChange: handleValueChange,
+          disabled,
+          size,
+          name,
+          autoComplete: "off",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              themes.Select.Trigger,
+              {
+                ref,
+                color,
+                placeholder: value.length > 0 ? displayValue : placeholder,
+                "data-placeholder": value.length > 0 ? void 0 : true,
+                ...triggerProps
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              themes.Select.Content,
+              {
+                color: "gray",
+                variant: "soft",
+                position: "popper",
+                onEscapeKeyDown: close,
+                onPointerDownOutside: close,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    MultiSelectItem,
+                    {
+                      value: SELECT_ALL_VALUE,
+                      label: "Select all",
+                      checked: value.length === options.length,
+                      size
+                    }
+                  ),
+                  options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                    MultiSelectItem,
+                    {
+                      ...option,
+                      checked: value.includes(option.value),
+                      size
+                    },
+                    option.value
+                  ))
+                ]
+              }
+            )
+          ]
+        }
+      );
+    })
+  );
+  const styles$f = {
+    "default": "_default_u936h_1"
+  };
+  const _Switch = React.forwardRef(function Switch2({ className, severity = "primary", icon, defaultChecked = false, onCheckedChange, ...rest }, ref) {
+    const fallbackRef = React.useRef(null);
+    const [checked, setChecked] = React.useState(rest.checked ? rest.checked : defaultChecked);
+    const [iconContainer, setIconContainer] = React.useState();
+    const severityColor = useSeverityColor(severity);
+    React.useLayoutEffect(() => {
+      var _a;
+      const usedRef = ref ? ref : fallbackRef;
+      if ("current" in usedRef && usedRef.current) {
+        setIconContainer((_a = usedRef.current) == null ? void 0 : _a.querySelector("span.rt-SwitchThumb"));
+      }
+    }, [ref]);
+    const handleValueChange = React.useCallback(
+      (checked2) => {
+        setChecked(checked2);
+        if (onCheckedChange)
+          onCheckedChange(checked2);
+      },
+      [onCheckedChange]
+    );
+    const _checked = rest.checked ? rest.checked : checked;
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        themes.Switch,
+        {
+          className: classNames("overmap-switch", className, styles$f.default),
+          ref: ref ? ref : fallbackRef,
+          color: severityColor,
+          radius: "full",
+          defaultChecked,
+          onCheckedChange: handleValueChange,
+          ...rest
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(themes.Portal, { container: iconContainer, asChild: true, children: icon && "checked" in icon ? _checked ? icon["checked"] : icon["unchecked"] : icon })
+    ] });
+  });
+  const Switch = React.memo(_Switch);
+  const sidebarContent = "_sidebarContent_1onyo_1";
+  const right$2 = "_right_1onyo_7";
+  const resizeHandle$1 = "_resizeHandle_1onyo_10";
+  const left$2 = "_left_1onyo_13";
+  const overlay = "_overlay_1onyo_33";
+  const styles$e = {
+    sidebarContent,
+    right: right$2,
+    resizeHandle: resizeHandle$1,
+    left: left$2,
+    overlay
+  };
+  const defaultSidebarSize = { width: "auto", height: "100%" };
+  const _Sidebar = React.forwardRef(function Sidebar2({
+    side = "left",
+    modal = true,
+    children,
+    open,
+    containerSelector,
+    overlay: overlay2 = true,
+    resizable: resizable2 = true,
+    // Props related to Resizable
+    minWidth = "300px",
+    maxWidth = "500px",
+    ...rest
+  }, ref) {
+    const isRight = side === "right";
+    const isLeft = side === "left";
+    const [container, setContainer] = React.useState();
+    React.useEffect(() => {
+      const selector = containerSelector ?? '[data-is-root-theme="true"]';
+      const tempContainer = document.querySelector(selector);
+      if (tempContainer === void 0) {
+        throw new Error(`Could not find a container element using the following selector ${selector}`);
+      }
+      setContainer(tempContainer);
+    }, [containerSelector]);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialogPrimitive__namespace.Root, { open, modal, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixDialogPrimitive__namespace.Portal, { container, children: [
+      overlay2 && /* @__PURE__ */ jsxRuntime.jsx(RadixDialogPrimitive__namespace.Overlay, { className: classNames(styles$e.overlay) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RadixDialogPrimitive__namespace.Content,
+        {
+          className: classNames("overmap-sidebar", "rt-DialogContent", styles$e.sidebarContent, {
+            [styles$e.left]: isLeft,
+            [styles$e.right]: isRight
+          }),
+          ref,
+          asChild: true,
+          ...rest,
+          children: /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { width: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+            reResizable.Resizable,
+            {
+              minWidth,
+              maxWidth,
+              defaultSize: defaultSidebarSize,
+              enable: { right: resizable2 && isLeft, left: resizable2 && isRight },
+              handleClasses: { left: styles$e.resizeHandle, right: styles$e.resizeHandle },
+              handleComponent: {
+                right: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DragHandleDots2Icon, {}),
+                left: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DragHandleDots2Icon, {})
+              },
+              children
+            }
+          ) })
+        }
+      )
+    ] }) });
+  });
+  const Sidebar = React.memo(_Sidebar);
+  const outerContent = "_outerContent_1iy9c_1";
+  const enter = "_enter_1iy9c_4";
+  const right$1 = "_right_1iy9c_4";
+  const left$1 = "_left_1iy9c_8";
+  const enterActive = "_enterActive_1iy9c_12";
+  const exitActive = "_exitActive_1iy9c_22";
+  const exitDone = "_exitDone_1iy9c_32";
+  const resizable$1 = "_resizable_1iy9c_41";
+  const slideOutOverlay = "_slideOutOverlay_1iy9c_47";
+  const styles$d = {
+    outerContent,
+    enter,
+    right: right$1,
+    left: left$1,
+    enterActive,
+    exitActive,
+    exitDone,
+    resizable: resizable$1,
+    slideOutOverlay
+  };
+  const TRANSITION_DURATION$1 = 200;
+  const SlideOut = React.memo(function SlideOut2({
+    className,
+    open,
+    side = "left",
+    children,
+    minWidth,
+    maxWidth,
+    resizable: resizable2 = true,
+    overlay: overlay2 = false,
+    modal = false,
+    resizeHandle: resizeHandle2,
+    position = "absolute",
+    ...rest
+  }) {
+    const contentRef = React.useRef(null);
+    const [slideOutWidth, setSideBarWith] = React.useState(minWidth);
+    const isSideLeft = side === "left";
+    const isSideRight = side === "right";
+    const handleResize = React.useCallback(
+      (_event, _dir, ref, _delta) => {
+        setSideBarWith(ref.clientWidth);
+        if (contentRef.current) {
+          contentRef.current.style.width = `${ref.clientWidth}px`;
+        }
+      },
+      []
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactTransitionGroup.CSSTransition,
+      {
+        in: open,
+        classNames: {
+          enter: styles$d.enter,
+          enterActive: styles$d.enterActive,
+          exitActive: styles$d.exitActive,
+          exitDone: styles$d.exitDone
+        },
+        timeout: TRANSITION_DURATION$1,
+        nodeRef: contentRef,
+        unmountOnExit: true,
+        mountOnEnter: true,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          overlay2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames("overamp-slide-out-overlay", styles$d.slideOutOverlay) }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactDismissableLayer.DismissableLayer, { disableOutsidePointerEvents: modal, asChild: true, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(
+            themes.Flex,
+            {
+              className: classNames("overmap-slide-out", className, styles$d.outerContent, {
+                [styles$d.left]: isSideLeft,
+                [styles$d.right]: isSideRight
+              }),
+              style: { "--slide-out-width": `${slideOutWidth}px` },
+              height: "100%",
+              width: "auto",
+              position,
+              top: "0",
+              bottom: "0",
+              left: isSideLeft ? "0" : void 0,
+              right: isSideRight ? "0" : void 0,
+              ref: contentRef,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                reResizable.Resizable,
+                {
+                  className: styles$d.resizable,
+                  defaultSize: { width: slideOutWidth, height: "100%" },
+                  onResize: handleResize,
+                  enable: { right: resizable2 && isSideLeft, left: resizable2 && isSideRight },
+                  handleComponent: { left: resizeHandle2, right: resizeHandle2 },
+                  minWidth,
+                  maxWidth,
+                  children
+                }
+              )
+            }
+          ) })
+        ] })
+      }
+    );
+  });
+  const accommodateCharCount = "_accommodateCharCount_1octa_1";
+  const wrapper$2 = "_wrapper_1octa_5";
+  const noLeftIcon = "_noLeftIcon_1octa_14";
+  const noRightIcon = "_noRightIcon_1octa_18";
+  const ghost$1 = "_ghost_1octa_22";
+  const charCount$1 = "_charCount_1octa_40";
+  const styles$c = {
+    accommodateCharCount,
+    wrapper: wrapper$2,
+    "default": "_default_1octa_10",
+    noLeftIcon,
+    noRightIcon,
+    ghost: ghost$1,
+    charCount: charCount$1
+  };
+  const _Input = React.forwardRef(function Input2({
+    className,
+    leftSlot,
+    rightSlot,
+    size = "medium",
+    showInputLength,
+    value,
+    variant,
+    severity = "primary",
+    ...rest
+  }, ref) {
+    const computedSize = useResponsiveMapping(size, SizeMapping);
+    const color = useSeverityColor(severity);
+    const displayInputLength = showInputLength || showInputLength === void 0 && rest.maxLength !== void 0;
+    const valueAsString = value !== void 0 ? value.toString() : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      themes.TextField.Root,
+      {
+        className: classNames(styles$c.wrapper, className, {
+          [styles$c.ghost]: variant === "ghost",
+          [styles$c.accommodateCharCount]: displayInputLength
+        }),
+        size: computedSize,
+        variant: variant !== "ghost" ? variant : void 0,
+        color,
+        children: [
+          leftSlot && /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Slot, { children: leftSlot }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            themes.TextField.Input,
+            {
+              className: classNames(styles$c.default, {
+                [styles$c.noLeftIcon]: !leftSlot,
+                [styles$c.noRightIcon]: !rightSlot
+              }),
+              ref,
+              value,
+              size: computedSize,
+              variant: variant !== "ghost" ? variant : void 0,
+              color,
+              ...rest
+            }
+          ),
+          rightSlot && /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Slot, { children: rightSlot }),
+          displayInputLength && /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { as: "p", className: styles$c.charCount, size: "1", color: "gray", children: rest.maxLength !== void 0 ? `${valueAsString == null ? void 0 : valueAsString.length}/${rest.maxLength}` : `${valueAsString == null ? void 0 : valueAsString.length}` })
+        ]
+      }
+    );
+  });
+  const Input = React.memo(_Input);
+  const IconColorUtility = React.memo(function IconColorUtility2({
+    color,
+    severity,
+    children
+  }) {
+    const severityColor = useSeverityColor(severity ?? "primary");
+    const childProps = React.useMemo(
+      () => ({
+        "data-accent-color": severity && severityColor ? severityColor : color ? color : "gray",
+        style: {
+          color: "var(--accent-a9)"
+        }
+      }),
+      [color, severity, severityColor]
+    );
+    return React.cloneElement(children, { ...childProps });
+  });
+  const wrapper$1 = "_wrapper_tmtz0_1";
+  const styles$b = {
+    wrapper: wrapper$1
+  };
+  const _Popover = React.forwardRef(function Popover2({ className, trigger, open, onOpenChange, defaultOpen = false, modal = false, children, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(themes.Popover.Root, { defaultOpen, modal, open, onOpenChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(themes.Popover.Trigger, { children: trigger }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        themes.Popover.Content,
+        {
+          ref,
+          className: classNames("overmap-popover", className, styles$b.wrapper),
+          ...rest,
+          children: children(themes.Popover.Close)
+        }
+      )
+    ] });
+  });
+  const Popover = React.memo(_Popover);
+  const wrapper = "_wrapper_1ssf2_1";
+  const panelContent = "_panelContent_1ssf2_6";
+  const left = "_left_1ssf2_14";
+  const right = "_right_1ssf2_18";
+  const resizable = "_resizable_1ssf2_23";
+  const resizeHandle = "_resizeHandle_1ssf2_28";
+  const panelMainContent = "_panelMainContent_1ssf2_48";
+  const styles$a = {
+    wrapper,
+    panelContent,
+    left,
+    right,
+    resizable,
+    resizeHandle,
+    panelMainContent
+  };
+  const DEFAULT_MIN_WIDTH = 200;
+  const TRANSITION_DURATION = 150;
+  const LeftAndRightPanels = React.memo(function Panels({
+    children,
+    showLeft,
+    leftPanel,
+    leftMinWidth = DEFAULT_MIN_WIDTH,
+    showRight,
+    rightPanel,
+    rightMinWidth = DEFAULT_MIN_WIDTH,
+    resizeable
+  }) {
+    const wrapperRef = React.useRef(null);
+    const leftPanelRef = React.useRef(null);
+    const [leftPanelWidth, setLeftPanelWidth] = React.useState(0);
+    const [leftPanelMaxWidth, setLeftPanelMaxWidth] = React.useState();
+    const rightPanelRef = React.useRef(null);
+    const [rightPanelWidth, setRightPanelWidth] = React.useState(0);
+    const [rightPanelMaxWidth, setRightPanelMaxWidth] = React.useState();
+    const handleResizePanel = React.useCallback(
+      (resizedPanelWidth, setResizedPanelWidth, setOtherPanelMaxWidth) => {
+        return (_event, _dir, _ref, delta) => {
+          if (!wrapperRef.current)
+            return;
+          const newWidth = resizedPanelWidth + delta.width;
+          setOtherPanelMaxWidth(wrapperRef.current.clientWidth - newWidth);
+          setResizedPanelWidth(() => newWidth);
+        };
+      },
+      []
+    );
+    const handleResizeLeftPanel = React.useCallback(
+      (_event, _dir, _ref, delta) => handleResizePanel(leftPanelWidth, setLeftPanelWidth, setRightPanelMaxWidth)(_event, _dir, _ref, delta),
+      [handleResizePanel, leftPanelWidth]
+    );
+    const handleResizeRightPanel = React.useCallback(
+      (_event, _dir, _ref, delta) => handleResizePanel(rightPanelWidth, setRightPanelWidth, setLeftPanelMaxWidth)(_event, _dir, _ref, delta),
+      [handleResizePanel, rightPanelWidth]
+    );
+    const handleResizeOtherPanelOnPanelOpen = React.useCallback(
+      (openingPanelWidth, openingPanelMinWidth, setOpeningPanelWidth, setOpeningPanelMaxWidth, otherPanelWidth, otherPanelOpen, setOtherPanelWidth, setOtherPanelMaxWidth) => {
+        if (!wrapperRef.current)
+          return;
+        let newOpeningPanelWidth = openingPanelWidth;
+        if (newOpeningPanelWidth === 0) {
+          newOpeningPanelWidth = openingPanelMinWidth;
+          setOpeningPanelWidth(newOpeningPanelWidth);
+        }
+        if (otherPanelOpen) {
+          const newOtherPanelMaxWidth = wrapperRef.current.clientWidth - newOpeningPanelWidth;
+          setOtherPanelMaxWidth(newOtherPanelMaxWidth);
+          if (otherPanelWidth > newOtherPanelMaxWidth) {
+            setOtherPanelWidth(newOtherPanelMaxWidth);
+            setOpeningPanelMaxWidth(wrapperRef.current.clientWidth - newOtherPanelMaxWidth);
+          }
+        }
+      },
+      []
+    );
+    const handleResizeLeftPanelOnRightPanelOpen = React.useCallback(
+      () => handleResizeOtherPanelOnPanelOpen(
+        rightPanelWidth,
+        rightMinWidth,
+        setRightPanelWidth,
+        setRightPanelMaxWidth,
+        leftPanelWidth,
+        showLeft,
+        setLeftPanelWidth,
+        setLeftPanelMaxWidth
+      ),
+      [handleResizeOtherPanelOnPanelOpen, leftPanelWidth, rightMinWidth, rightPanelWidth, showLeft]
+    );
+    const handleResizeRightPanelOnLeftPanelOpen = React.useCallback(
+      () => handleResizeOtherPanelOnPanelOpen(
+        leftPanelWidth,
+        leftMinWidth,
+        setLeftPanelWidth,
+        setLeftPanelMaxWidth,
+        rightPanelWidth,
+        showRight,
+        setRightPanelWidth,
+        setRightPanelMaxWidth
+      ),
+      [handleResizeOtherPanelOnPanelOpen, leftMinWidth, leftPanelWidth, rightPanelWidth, showRight]
+    );
+    const handleResizeOtherPanelOnPanelClose = React.useCallback(
+      (otherPanelOpen, setOtherPanelMaxWidth) => {
+        if (!wrapperRef.current)
+          return;
+        if (otherPanelOpen)
+          setOtherPanelMaxWidth(wrapperRef.current.clientWidth);
+      },
+      []
+    );
+    const handleResizeLeftPanelOnRightPanelClose = React.useCallback(
+      () => handleResizeOtherPanelOnPanelClose(showLeft, setLeftPanelMaxWidth),
+      [handleResizeOtherPanelOnPanelClose, showLeft]
+    );
+    const handleResizeRightPanelOnLeftPanelClose = React.useCallback(
+      () => handleResizeOtherPanelOnPanelClose(showRight, setRightPanelMaxWidth),
+      [handleResizeOtherPanelOnPanelClose, showRight]
+    );
+    const resizeObserverCallback = React.useCallback(() => {
+      var _a, _b, _c, _d;
+      if (!wrapperRef.current)
+        return;
+      setLeftPanelMaxWidth(wrapperRef.current.clientWidth - (((_a = rightPanelRef.current) == null ? void 0 : _a.clientWidth) || 0));
+      setRightPanelMaxWidth(wrapperRef.current.clientWidth - (((_b = leftPanelRef.current) == null ? void 0 : _b.clientWidth) || 0));
+      setLeftPanelWidth(((_c = leftPanelRef.current) == null ? void 0 : _c.clientWidth) || 0);
+      setRightPanelWidth(((_d = rightPanelRef.current) == null ? void 0 : _d.clientWidth) || 0);
+    }, []);
+    React.useEffect(() => {
+      if (!wrapperRef.current)
+        return;
+      const resizeObserver = new ResizeObserver(resizeObserverCallback);
+      resizeObserver.observe(wrapperRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }, [resizeObserverCallback]);
+    const leftPanelTransitionStyles = React.useMemo(() => {
+      return {
+        entering: {
+          transform: `translateX(-${leftPanelWidth}px)`,
+          marginRight: `-${leftPanelWidth}px`,
+          transitionProperty: "transform, margin-right",
+          transitionDuration: `${TRANSITION_DURATION}ms`,
+          transitionTimingFunction: "linear"
+        },
+        entered: {
+          transform: `translateX(0)`,
+          marginRight: 0,
+          transitionProperty: "transform, margin-right",
+          transitionDuration: `${TRANSITION_DURATION}ms`,
+          transitionTimingFunction: "linear"
+        },
+        exiting: {
+          transform: `translateX(-${leftPanelWidth}px)`,
+          marginRight: `-${leftPanelWidth}px`,
+          transitionProperty: "transform, margin-right",
+          transitionDuration: `${TRANSITION_DURATION}ms`,
+          transitionTimingFunction: "linear"
+        },
+        exited: {},
+        unmounted: {}
+      };
+    }, [leftPanelWidth]);
+    const rightPanelTransitionStyles = React.useMemo(() => {
+      return {
+        entering: {
+          transform: `translateX(${rightPanelWidth}px)`,
+          marginLeft: `${-rightPanelWidth}px`,
+          transitionProperty: "transform, margin-left",
+          transitionDuration: `${TRANSITION_DURATION}ms`,
+          transitionTimingFunction: "linear"
+        },
+        entered: {
+          transform: `translateX(0)`,
+          marginLeft: 0,
+          transitionProperty: "transform, margin-left",
+          transitionDuration: `${TRANSITION_DURATION}ms`,
+          transitionTimingFunction: "linear"
+        },
+        exiting: {
+          transform: `translateX(${rightPanelWidth}px)`,
+          marginLeft: `${-rightPanelWidth}px`,
+          transitionProperty: "transform, margin-left",
+          transitionDuration: `${TRANSITION_DURATION}ms`,
+          transitionTimingFunction: "linear"
+        },
+        exited: {},
+        unmounted: {}
+      };
+    }, [rightPanelWidth]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      themes.Flex,
+      {
+        className: styles$a.wrapper,
+        style: { minWidth: `${leftMinWidth + rightMinWidth}px` },
+        ref: wrapperRef,
+        width: "100%",
+        height: "100%",
+        justify: "center",
+        m: "0",
+        p: "0",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactTransitionGroup.Transition,
+            {
+              nodeRef: leftPanelRef,
+              timeout: !showLeft ? TRANSITION_DURATION : 0,
+              in: showLeft,
+              unmountOnExit: true,
+              onEntering: handleResizeRightPanelOnLeftPanelOpen,
+              onExited: handleResizeRightPanelOnLeftPanelClose,
+              children: (state) => /* @__PURE__ */ jsxRuntime.jsx(
+                themes.Box,
+                {
+                  ref: leftPanelRef,
+                  className: classNames(styles$a.panelContent, styles$a.left),
+                  style: leftPanelTransitionStyles[state],
+                  width: "auto",
+                  height: "100%",
+                  m: "0",
+                  p: "0",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    reResizable.Resizable,
+                    {
+                      className: styles$a.resizable,
+                      size: {
+                        width: leftPanelWidth,
+                        height: "100%"
+                      },
+                      onResizeStop: handleResizeLeftPanel,
+                      enable: { right: (resizeable == null ? void 0 : resizeable.left) !== void 0 ? resizeable.left : true },
+                      minWidth: leftMinWidth,
+                      maxWidth: leftPanelMaxWidth,
+                      handleClasses: { right: classNames(styles$a.resizeHandle, styles$a.left) },
+                      handleComponent: {
+                        right: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DragHandleDots2Icon, { height: "14px", width: "14px" })
+                      },
+                      children: leftPanel
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$a.panelMainContent, children }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactTransitionGroup.Transition,
+            {
+              nodeRef: rightPanelRef,
+              timeout: !showRight ? TRANSITION_DURATION : 0,
+              in: showRight,
+              unmountOnExit: true,
+              onEntering: handleResizeLeftPanelOnRightPanelOpen,
+              onExited: handleResizeLeftPanelOnRightPanelClose,
+              children: (state) => /* @__PURE__ */ jsxRuntime.jsx(
+                themes.Box,
+                {
+                  ref: rightPanelRef,
+                  className: classNames(styles$a.panelContent, styles$a.right),
+                  style: rightPanelTransitionStyles[state],
+                  width: "auto",
+                  height: "100%",
+                  m: "0",
+                  p: "0",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    reResizable.Resizable,
+                    {
+                      className: styles$a.resizable,
+                      size: { width: rightPanelWidth, height: "100%" },
+                      onResizeStop: handleResizeRightPanel,
+                      enable: { left: (resizeable == null ? void 0 : resizeable.right) !== void 0 ? resizeable.right : true },
+                      minWidth: rightMinWidth,
+                      maxWidth: rightPanelMaxWidth,
+                      handleClasses: { left: classNames(styles$a.resizeHandle, styles$a.right) },
+                      handleComponent: { left: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DragHandleDots2Icon, { height: "14px", width: "14px" }) },
+                      children: rightPanel
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  });
+  const multiPagePopover = "_multiPagePopover_spfw7_1";
+  const pageTitle = "_pageTitle_spfw7_12";
+  const buttonContainer = "_buttonContainer_spfw7_17";
+  const optionsButtonContainer = "_optionsButtonContainer_spfw7_22";
+  const optionsButton = "_optionsButton_spfw7_22";
+  const styles$9 = {
+    multiPagePopover,
+    pageTitle,
+    buttonContainer,
+    optionsButtonContainer,
+    optionsButton
+  };
+  function getMultiPagePopoverContent(popoverOption, setMultiPagePopoverContent, direction, page = 0) {
+    if (!popoverOption.options) {
+      return popoverOption.content || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    }
+    const optionButtons = popoverOption.options.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      Button2,
+      {
+        className: classNames(styles$9.optionsButton, option.buttonClassName),
+        variant: "ghost",
+        radius: "large",
+        style: {
+          width: direction === "vertical" ? "100%" : "auto"
+        },
+        severity: "info",
+        highContrast: true,
+        onClick: option.onClick || (() => setMultiPagePopoverContent(
+          getMultiPagePopoverContent(option.page || {}, setMultiPagePopoverContent, direction, page + 1)
+        )),
+        children: option.label
+      },
+      `${option.value}-page-${page}-button-${i}`
+    ));
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      popoverOption.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$9.pageTitle, children: popoverOption.title }),
+      popoverOption.content,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: classNames(styles$9.optionsButtonContainer, popoverOption.buttonsContainerClassName),
+          style: {
+            flexDirection: direction === "vertical" ? "column" : "row"
+          },
+          children: optionButtons
+        }
+      )
+    ] });
+  }
+  const _MultiPagePopover = React.forwardRef(function MultiPagePopover2({ page, className, direction = "vertical", ...rest }, ref) {
+    const [popoverContent, setPopoverContent] = React.useState(void 0);
+    const resetPopoverContent = React.useCallback(() => {
+      setPopoverContent(getMultiPagePopoverContent(page, setPopoverContent, direction, 0));
+    }, [direction, page]);
+    const multiPagePopoverContent = React.useCallback((_Close) => popoverContent, [popoverContent]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Popover,
+      {
+        className: classNames(styles$9.multiPagePopover, className),
+        ref,
+        onOpenAutoFocus: resetPopoverContent,
+        onCloseAutoFocus: resetPopoverContent,
+        ...rest,
+        children: (Close) => multiPagePopoverContent(Close)
+      }
+    );
+  });
+  const MultiPagePopover = React.memo(_MultiPagePopover);
+  const charCount = "_charCount_1lz28_1";
+  const ghost = "_ghost_1lz28_5";
+  const styles$8 = {
+    charCount,
+    ghost
+  };
+  const _TextArea = React.forwardRef(function TextArea2({
+    className,
+    showInputLength,
+    inputLengthTemplate,
+    value,
+    severity = "primary",
+    resize,
+    variant,
+    ...rest
+  }, ref) {
+    const severityColor = useSeverityColor(severity);
+    const infoColor = useSeverityColor("info");
+    const displayInputLength = showInputLength || showInputLength === void 0 && (rest.maxLength !== void 0 || rest.minLength !== void 0);
+    const valueAsString = value !== void 0 ? value.toString() : "";
+    const displayInputLengthValue = React.useMemo(() => {
+      if (inputLengthTemplate) {
+        let template = inputLengthTemplate.replace("{current}", valueAsString.length.toString());
+        if (rest.minLength !== void 0) {
+          template = template.replace("{min}", rest.minLength.toString());
+        }
+        if (rest.maxLength !== void 0) {
+          template = template.replace("{max}", rest.maxLength.toString());
+        }
+        return template;
+      }
+      return valueAsString.length;
+    }, [inputLengthTemplate, rest.maxLength, rest.minLength, valueAsString.length]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        themes.TextArea,
+        {
+          className: classNames("overmap-textarea", className, {
+            [styles$8.ghost]: variant === "ghost"
+          }),
+          style: { resize },
+          variant: variant !== "ghost" ? variant : void 0,
+          ref,
+          value,
+          color: severityColor,
+          ...rest
+        }
+      ),
+      displayInputLength && /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { as: "p", className: styles$8.charCount, color: infoColor, align: "right", children: displayInputLengthValue })
+    ] });
+  });
+  const TextArea = React.memo(_TextArea);
+  const _ToggleGroup = React.forwardRef(function ToggleGroup2({
+    // ToggleGroup Primitive Props
+    loop,
+    type,
+    rovingFocus,
+    value,
+    onValueChange,
+    defaultValue,
+    disabled,
+    items,
+    // ButtonGroup Props
+    className,
+    direction = "row",
+    ...rest
+  }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactToggleGroup.Root,
+      {
+        type,
+        className: classNames("overmap-toggle-group", className),
+        ref,
+        value,
+        onValueChange,
+        disabled,
+        orientation: direction === "column" ? "vertical" : "horizontal",
+        loop,
+        rovingFocus,
+        defaultValue,
+        asChild: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ButtonGroup, { direction, ...rest, children: items.map(({ children, ...rest2 }) => /* @__PURE__ */ React.createElement(reactToggleGroup.Item, { asChild: true, ...rest2, key: rest2.value }, /* @__PURE__ */ jsxRuntime.jsx(
+          IconButton,
+          {
+            className: classNames("overmap-toggle-group-button"),
+            "aria-label": rest2.value,
+            variant: rest2.value === value ? "solid" : "soft",
+            children
+          }
+        ))) })
+      }
+    );
+  });
+  const ToggleGroup = React.memo(_ToggleGroup);
+  const styles$7 = {
+    "default": "_default_xqvoc_1"
+  };
+  const Root = React.memo(
+    React.forwardRef(({ className, minContentGap = "2", children, ...rest }, ref) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactToolbar.Root,
+        {
+          className: classNames(className, "overmap-toolbar", styles$7.default),
+          ref,
+          asChild: true,
+          ...rest,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { grow: "1", width: "100%", height: "max-content", align: "center", gap: minContentGap, wrap: "nowrap", children })
+        }
+      );
+    })
+  );
+  const LeftContent = React.memo(
+    React.forwardRef(({ children, gap = "2" }, ref) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(Flex, { ref, grow: "1", width: "max-content", height: "100%", align: "center", gap, children });
+    })
+  );
+  const RightContent = React.memo(
+    React.forwardRef(({ children, gap }, ref) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Flex,
+        {
+          ref,
+          grow: "1",
+          width: "max-content",
+          direction: "row-reverse",
+          height: "100%",
+          align: "center",
+          gap: gap ? gap : "2",
+          children
+        }
+      );
+    })
+  );
+  const Toolbar = {
+    Root,
+    LeftContent,
+    RightContent
+  };
+  const ToastViewport = "_ToastViewport_1i6bp_1";
+  const actionButton = "_actionButton_1i6bp_20";
+  const ToastRoot = "_ToastRoot_1i6bp_24";
+  const slideIn = "_slideIn_1i6bp_1";
+  const swipeOut = "_swipeOut_1i6bp_1";
+  const styles$6 = {
+    ToastViewport,
+    actionButton,
+    ToastRoot,
+    slideIn,
+    swipeOut
+  };
+  const _Toast = React.forwardRef(function Toast2({ title, description, icon, severity = "primary", size, onClose, sensitivity, action, ...rest }, ref) {
+    const [open, setOpen] = React.useState(true);
+    const color = useSeverityColor(severity);
+    const handleOpenChange = React.useCallback(
+      (open2) => {
+        if (!open2 && onClose)
+          onClose();
+        setOpen(open2);
+      },
+      [onClose]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Root, { asChild: true, ref, ...rest, open, type: sensitivity, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(themes.Callout.Root, { className: styles$6.ToastRoot, variant: "surface", color, size, children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: "center", gap: "3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(themes.Callout.Icon, { children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { direction: "column", gap: "0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(themes.Callout.Text, { size: "3", weight: "medium", children: title }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(themes.Callout.Text, { children: description }) })
+          ] }),
+          action && /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { className: styles$6.actionButton, altText: action.altText, asChild: true, children: action.content })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { "aria-label": "Close", variant: "ghost", severity, children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross2Icon, {}) }) })
+    ] }) }) });
+  });
+  const Toast = React.memo(_Toast);
+  const ToastContext = React.createContext({});
+  const useToast = () => {
+    const context = React.useContext(ToastContext);
+    if (!context) {
+      throw new Error("useToast must be used within a ToastProvider");
+    }
+    return context;
+  };
+  const WORDS_PER_SECOND = 240 / 60;
+  const MIN_DURATION = 5e3;
+  const calculatedDuration = (toast) => {
+    if (toast.duration && toast.duration >= MIN_DURATION)
+      return toast.duration;
+    const severityFactor = toast.severity === "danger" ? 1.5 : 1;
+    const words = toast.description.split(" ").length + toast.title.split(" ").length;
+    const duration = (MIN_DURATION + words / WORDS_PER_SECOND) * severityFactor;
+    return duration;
+  };
+  exports2.unsafeShowToast = void 0;
+  const ToastProvider = React.memo(function ToastContextProvider({
+    children,
+    // Use this class to change where the viewport for the toasts should be
+    className,
+    hotkey,
+    ...rest
+  }) {
+    const [toasts, setToasts] = React.useState([]);
+    const handleCloseToast = React.useCallback((id, reason, callback) => {
+      setToasts((prevToasts) => {
+        const toast = prevToasts.find((toast2) => toast2.id === id);
+        if (toast && reason === 0)
+          clearTimeout(toast.timeout);
+        return prevToasts.filter((toast2) => toast2.id !== id);
+      });
+      if (callback)
+        callback();
+    }, []);
+    const toastContextValue = React.useMemo(() => {
+      let counter = 0;
+      const showToast = (toastProps) => {
+        const duration = calculatedDuration(toastProps);
+        const id = counter.toString();
+        counter += 1;
+        const pending = setTimeout(() => handleCloseToast(id, 1, toastProps.onClose), duration);
+        setToasts((prevToasts) => [...prevToasts, { ...toastProps, timeout: pending, duration, id }]);
+      };
+      const showPrimary = (toastProps) => showToast({ ...toastProps, severity: "primary" });
+      const showSuccess = (toastProps) => showToast({ ...toastProps, severity: "success" });
+      const showError = (toastProps) => showToast({ ...toastProps, severity: "danger" });
+      const showInfo = (toastProps) => showToast({ ...toastProps, severity: "info" });
+      const showWarning = (toastProps) => showToast({ ...toastProps, severity: "warning" });
+      exports2.unsafeShowToast = showToast;
+      return {
+        showToast,
+        showPrimary,
+        showSuccess,
+        showError,
+        showInfo,
+        showWarning
+      };
+    }, [handleCloseToast]);
+    React.useEffect(() => {
+      return () => {
+        for (const { timeout } of toasts)
+          clearTimeout(timeout);
+      };
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsx(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixToast.ToastProvider, { ...rest, children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(RadixToast.ToastViewport, { className: classNames(className, styles$6.ToastViewport), hotkey }),
+      toasts.map(({ id, onClose, ...toastProps }) => /* @__PURE__ */ jsxRuntime.jsx(Toast, { ...toastProps, onClose: () => handleCloseToast(id, 0, onClose) }, id))
+    ] }) });
+  });
+  const styles$5 = {
+    "default": "_default_1odpt_1"
+  };
+  const Tooltip = React.memo(
+    React.forwardRef(({ className, children, content, ...rest }, ref) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        themes.Tooltip,
+        {
+          className: classNames("overmap-tooltip", className, styles$5.default),
+          ref,
+          content: /* @__PURE__ */ jsxRuntime.jsx(themes.Flex, { align: "center", gap: "1", width: "max-content", height: "max-content", justify: "center", children: content }),
+          ...rest,
+          children
+        }
+      );
+    })
+  );
+  const noWrap = "_noWrap_1wpa5_1";
+  const styles$4 = {
+    noWrap
+  };
+  const Text$1 = React.memo(
+    React.forwardRef(({ className, noWrap: noWrap2, severity, as, ...props }, ref) => {
+      const color = useSeverityColor(severity);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        themes.Text,
+        {
+          ref,
+          as,
+          className: classNames(className, { [styles$4.noWrap]: noWrap2 }),
+          color,
+          ...props
+        }
+      );
+    })
+  );
+  const DefaultTheme$1 = "";
+  const DefaultTheme = React.memo(
+    React.forwardRef((props, ref) => {
+      const { panelBackground = "solid", radius: radius2 = "full", ...rest } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(themes.Theme, { panelBackground, radius: radius2, ref, ...rest });
+    })
+  );
+  const light = "_light_1u8fs_1";
+  const bold = "_bold_1u8fs_8";
+  const full = "_full_1u8fs_15";
+  const Text = "_Text_1u8fs_22";
+  const styles$3 = {
+    light,
+    bold,
+    full,
+    Text
+  };
+  const SeparatorSizeMapping = {
+    "1": "max-content",
+    "2": "max-content",
+    "3": "max-content",
+    "4": "100%"
+  };
+  const _Separator = React.forwardRef(function Separator2({
+    className,
+    severity = "info",
+    textWeight = "light",
+    gap = "1",
+    text,
+    orientation = "horizontal",
+    size,
+    weight = "medium",
+    ...rest
+  }, ref) {
+    const computedSizing = useResponsiveMapping(size, SeparatorSizeMapping);
+    const severityColor = useSeverityColor(severity);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      themes.Flex,
+      {
+        className: classNames("overmap-separator", className, {
+          [styles$3.light]: weight === "light",
+          [styles$3.bold]: weight === "bold",
+          [styles$3.full]: weight === "full"
+        }),
+        ref,
+        width: orientation === "horizontal" ? computedSizing : "max-content",
+        height: orientation === "vertical" ? computedSizing : "max-content",
+        direction: orientation === "vertical" ? "column" : "row",
+        align: "center",
+        gap,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(themes.Separator, { size, orientation, color: severityColor, ...rest }),
+          text && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(themes.Text, { className: styles$3.Text, as: "span", size: "1", weight: textWeight, color: severityColor, children: text }),
+            /* @__PURE__ */ jsxRuntime.jsx(themes.Separator, { size, orientation, color: severityColor, ...rest })
+          ] })
+        ]
+      }
+    );
+  });
+  const Separator = React.memo(_Separator);
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+  function $6ed0406888f73fc4$var$setRef(ref, value) {
+    if (typeof ref === "function")
+      ref(value);
+    else if (ref !== null && ref !== void 0)
+      ref.current = value;
+  }
+  function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
+    return (node) => refs.forEach(
+      (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
+    );
+  }
+  function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
+    return React.useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
+  }
+  function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
+    let defaultContexts = [];
+    function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
+      const BaseContext = /* @__PURE__ */ React.createContext(defaultContext);
+      const index = defaultContexts.length;
+      defaultContexts = [
+        ...defaultContexts,
+        defaultContext
+      ];
+      function Provider(props) {
+        const { scope, children, ...context } = props;
+        const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
+        const value = React.useMemo(
+          () => context,
+          Object.values(context)
+        );
+        return /* @__PURE__ */ React.createElement(Context.Provider, {
+          value
+        }, children);
+      }
+      function useContext(consumerName, scope) {
+        const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
+        const context = React.useContext(Context);
+        if (context)
+          return context;
+        if (defaultContext !== void 0)
+          return defaultContext;
+        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+      }
+      Provider.displayName = rootComponentName + "Provider";
+      return [
+        Provider,
+        useContext
+      ];
+    }
+    const createScope = () => {
+      const scopeContexts = defaultContexts.map((defaultContext) => {
+        return /* @__PURE__ */ React.createContext(defaultContext);
+      });
+      return function useScope(scope) {
+        const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
+        return React.useMemo(
+          () => ({
+            [`__scope${scopeName}`]: {
+              ...scope,
+              [scopeName]: contexts
+            }
+          }),
+          [
+            scope,
+            contexts
+          ]
+        );
+      };
+    };
+    createScope.scopeName = scopeName;
+    return [
+      $c512c27ab02ef895$export$fd42f52fd3ae1109,
+      $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
+    ];
+  }
+  function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
+    const baseScope = scopes[0];
+    if (scopes.length === 1)
+      return baseScope;
+    const createScope1 = () => {
+      const scopeHooks = scopes.map(
+        (createScope) => ({
+          useScope: createScope(),
+          scopeName: createScope.scopeName
+        })
+      );
+      return function useComposedScopes(overrideScopes) {
+        const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope, scopeName }) => {
+          const scopeProps = useScope(overrideScopes);
+          const currentScope = scopeProps[`__scope${scopeName}`];
+          return {
+            ...nextScopes,
+            ...currentScope
+          };
+        }, {});
+        return React.useMemo(
+          () => ({
+            [`__scope${baseScope.scopeName}`]: nextScopes1
+          }),
+          [
+            nextScopes1
+          ]
+        );
+      };
+    };
+    createScope1.scopeName = baseScope.scopeName;
+    return createScope1;
+  }
+  function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+    return function handleEvent(event) {
+      originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
+      if (checkForDefaultPrevented === false || !event.defaultPrevented)
+        return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
+    };
+  }
+  function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
+    const callbackRef = React.useRef(callback);
+    React.useEffect(() => {
+      callbackRef.current = callback;
+    });
+    return React.useMemo(
+      () => (...args) => {
+        var _callbackRef$current;
+        return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
+      },
+      []
+    );
+  }
+  function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop, defaultProp, onChange = () => {
+  } }) {
+    const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
+      defaultProp,
+      onChange
+    });
+    const isControlled = prop !== void 0;
+    const value1 = isControlled ? prop : uncontrolledProp;
+    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
+    const setValue = React.useCallback((nextValue) => {
+      if (isControlled) {
+        const setter = nextValue;
+        const value = typeof nextValue === "function" ? setter(prop) : nextValue;
+        if (value !== prop)
+          handleChange(value);
+      } else
+        setUncontrolledProp(nextValue);
+    }, [
+      isControlled,
+      prop,
+      setUncontrolledProp,
+      handleChange
+    ]);
+    return [
+      value1,
+      setValue
+    ];
+  }
+  function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp, onChange }) {
+    const uncontrolledState = React.useState(defaultProp);
+    const [value] = uncontrolledState;
+    const prevValueRef = React.useRef(value);
+    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
+    React.useEffect(() => {
+      if (prevValueRef.current !== value) {
+        handleChange(value);
+        prevValueRef.current = value;
+      }
+    }, [
+      value,
+      prevValueRef,
+      handleChange
+    ]);
+    return uncontrolledState;
+  }
+  function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
+    const ref = React.useRef({
+      value,
+      previous: value
+    });
+    return React.useMemo(() => {
+      if (ref.current.value !== value) {
+        ref.current.previous = ref.current.value;
+        ref.current.value = value;
+      }
+      return ref.current.previous;
+    }, [
+      value
+    ]);
+  }
+  const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
+  };
+  function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
+    const [size, setSize] = React.useState(void 0);
+    $9f79659886946c16$export$e5c5a5f917a5871c(() => {
+      if (element) {
+        setSize({
+          width: element.offsetWidth,
+          height: element.offsetHeight
+        });
+        const resizeObserver = new ResizeObserver((entries) => {
+          if (!Array.isArray(entries))
+            return;
+          if (!entries.length)
+            return;
+          const entry = entries[0];
+          let width;
+          let height;
+          if ("borderBoxSize" in entry) {
+            const borderSizeEntry = entry["borderBoxSize"];
+            const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+            width = borderSize["inlineSize"];
+            height = borderSize["blockSize"];
+          } else {
+            width = element.offsetWidth;
+            height = element.offsetHeight;
+          }
+          setSize({
+            width,
+            height
+          });
+        });
+        resizeObserver.observe(element, {
+          box: "border-box"
+        });
+        return () => resizeObserver.unobserve(element);
+      } else
+        setSize(void 0);
+    }, [
+      element
+    ]);
+    return size;
+  }
+  function $fe963b355347cc68$export$3e6543de14f8614f(initialState2, machine) {
+    return React.useReducer((state, event) => {
+      const nextState = machine[state][event];
+      return nextState !== null && nextState !== void 0 ? nextState : state;
+    }, initialState2);
+  }
+  const $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props) => {
+    const { present, children } = props;
+    const presence = $921a889cee6df7e8$var$usePresence(present);
+    const child = typeof children === "function" ? children({
+      present: presence.isPresent
+    }) : React.Children.only(children);
+    const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
+    const forceMount = typeof children === "function";
+    return forceMount || presence.isPresent ? /* @__PURE__ */ React.cloneElement(child, {
+      ref
+    }) : null;
+  };
+  $921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = "Presence";
+  function $921a889cee6df7e8$var$usePresence(present) {
+    const [node1, setNode] = React.useState();
+    const stylesRef = React.useRef({});
+    const prevPresentRef = React.useRef(present);
+    const prevAnimationNameRef = React.useRef("none");
+    const initialState2 = present ? "mounted" : "unmounted";
+    const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState2, {
+      mounted: {
+        UNMOUNT: "unmounted",
+        ANIMATION_OUT: "unmountSuspended"
+      },
+      unmountSuspended: {
+        MOUNT: "mounted",
+        ANIMATION_END: "unmounted"
+      },
+      unmounted: {
+        MOUNT: "mounted"
+      }
+    });
+    React.useEffect(() => {
+      const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
+      prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+    }, [
+      state
+    ]);
+    $9f79659886946c16$export$e5c5a5f917a5871c(() => {
+      const styles2 = stylesRef.current;
+      const wasPresent = prevPresentRef.current;
+      const hasPresentChanged = wasPresent !== present;
+      if (hasPresentChanged) {
+        const prevAnimationName = prevAnimationNameRef.current;
+        const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles2);
+        if (present)
+          send("MOUNT");
+        else if (currentAnimationName === "none" || (styles2 === null || styles2 === void 0 ? void 0 : styles2.display) === "none")
+          send("UNMOUNT");
+        else {
+          const isAnimating = prevAnimationName !== currentAnimationName;
+          if (wasPresent && isAnimating)
+            send("ANIMATION_OUT");
+          else
+            send("UNMOUNT");
+        }
+        prevPresentRef.current = present;
+      }
+    }, [
+      present,
+      send
+    ]);
+    $9f79659886946c16$export$e5c5a5f917a5871c(() => {
+      if (node1) {
+        const handleAnimationEnd = (event) => {
+          const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
+          const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+          if (event.target === node1 && isCurrentAnimation)
+            reactDom.flushSync(
+              () => send("ANIMATION_END")
+            );
+        };
+        const handleAnimationStart = (event) => {
+          if (event.target === node1)
+            prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
+        };
+        node1.addEventListener("animationstart", handleAnimationStart);
+        node1.addEventListener("animationcancel", handleAnimationEnd);
+        node1.addEventListener("animationend", handleAnimationEnd);
+        return () => {
+          node1.removeEventListener("animationstart", handleAnimationStart);
+          node1.removeEventListener("animationcancel", handleAnimationEnd);
+          node1.removeEventListener("animationend", handleAnimationEnd);
+        };
+      } else
+        send("ANIMATION_END");
+    }, [
+      node1,
+      send
+    ]);
+    return {
+      isPresent: [
+        "mounted",
+        "unmountSuspended"
+      ].includes(state),
+      ref: React.useCallback((node) => {
+        if (node)
+          stylesRef.current = getComputedStyle(node);
+        setNode(node);
+      }, [])
+    };
+  }
+  function $921a889cee6df7e8$var$getAnimationName(styles2) {
+    return (styles2 === null || styles2 === void 0 ? void 0 : styles2.animationName) || "none";
+  }
+  const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
+    const { children, ...slotProps } = props;
+    const childrenArray = React.Children.toArray(children);
+    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React.Children.count(newElement) > 1)
+            return React.Children.only(null);
+          return /* @__PURE__ */ React.isValidElement(newElement) ? newElement.props.children : null;
+        } else
+          return child;
+      });
+      return /* @__PURE__ */ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+        ref: forwardedRef
+      }), /* @__PURE__ */ React.isValidElement(newElement) ? /* @__PURE__ */ React.cloneElement(newElement, void 0, newChildren) : null);
+    }
+    return /* @__PURE__ */ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+      ref: forwardedRef
+    }), children);
+  });
+  $5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
+  const $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
+    const { children, ...slotProps } = props;
+    if (/* @__PURE__ */ React.isValidElement(children))
+      return /* @__PURE__ */ React.cloneElement(children, {
+        ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
+        ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
+      });
+    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
+  });
+  $5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
+  const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  };
+  function $5e63c961fc1ce211$var$isSlottable(child) {
+    return /* @__PURE__ */ React.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
+  }
+  function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
+    const overrideProps = {
+      ...childProps
+    };
+    for (const propName in childProps) {
+      const slotPropValue = slotProps[propName];
+      const childPropValue = childProps[propName];
+      const isHandler = /^on[A-Z]/.test(propName);
+      if (isHandler) {
+        if (slotPropValue && childPropValue)
+          overrideProps[propName] = (...args) => {
+            childPropValue(...args);
+            slotPropValue(...args);
+          };
+        else if (slotPropValue)
+          overrideProps[propName] = slotPropValue;
+      } else if (propName === "style")
+        overrideProps[propName] = {
+          ...slotPropValue,
+          ...childPropValue
+        };
+      else if (propName === "className")
+        overrideProps[propName] = [
+          slotPropValue,
+          childPropValue
+        ].filter(Boolean).join(" ");
+    }
+    return {
+      ...slotProps,
+      ...overrideProps
+    };
+  }
+  const $8927f6f2acc4f386$var$NODES = [
+    "a",
+    "button",
+    "div",
+    "form",
+    "h2",
+    "h3",
+    "img",
+    "input",
+    "label",
+    "li",
+    "nav",
+    "ol",
+    "p",
+    "span",
+    "svg",
+    "ul"
+  ];
+  const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node) => {
+    const Node = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
+      const { asChild, ...primitiveProps } = props;
+      const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
+      React.useEffect(() => {
+        window[Symbol.for("radix-ui")] = true;
+      }, []);
+      return /* @__PURE__ */ React.createElement(Comp, _extends({}, primitiveProps, {
+        ref: forwardedRef
+      }));
+    });
+    Node.displayName = `Primitive.${node}`;
+    return {
+      ...primitive,
+      [node]: Node
+    };
+  }, {});
+  const $e698a72e93240346$var$CHECKBOX_NAME = "Checkbox";
+  const [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($e698a72e93240346$var$CHECKBOX_NAME);
+  const [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);
+  const $e698a72e93240346$export$48513f6b9f8ce62d = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
+    const { __scopeCheckbox, name, checked: checkedProp, defaultChecked, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props;
+    const [button, setButton] = React.useState(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(
+      forwardedRef,
+      (node) => setButton(node)
+    );
+    const hasConsumerStoppedPropagationRef = React.useRef(false);
+    const isFormControl = button ? Boolean(button.closest("form")) : true;
+    const [checked = false, setChecked] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+      prop: checkedProp,
+      defaultProp: defaultChecked,
+      onChange: onCheckedChange
+    });
+    const initialCheckedStateRef = React.useRef(checked);
+    React.useEffect(() => {
+      const form = button === null || button === void 0 ? void 0 : button.form;
+      if (form) {
+        const reset = () => setChecked(initialCheckedStateRef.current);
+        form.addEventListener("reset", reset);
+        return () => form.removeEventListener("reset", reset);
+      }
+    }, [
+      button,
+      setChecked
+    ]);
+    return /* @__PURE__ */ React.createElement($e698a72e93240346$var$CheckboxProvider, {
+      scope: __scopeCheckbox,
+      state: checked,
+      disabled
+    }, /* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+      type: "button",
+      role: "checkbox",
+      "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? "mixed" : checked,
+      "aria-required": required,
+      "data-state": $e698a72e93240346$var$getState(checked),
+      "data-disabled": disabled ? "" : void 0,
+      disabled,
+      value
+    }, checkboxProps, {
+      ref: composedRefs,
+      onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
+        if (event.key === "Enter")
+          event.preventDefault();
+      }),
+      onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event) => {
+        setChecked(
+          (prevChecked) => $e698a72e93240346$var$isIndeterminate(prevChecked) ? true : !prevChecked
+        );
+        if (isFormControl) {
+          hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+          if (!hasConsumerStoppedPropagationRef.current)
+            event.stopPropagation();
+        }
+      })
+    })), isFormControl && /* @__PURE__ */ React.createElement($e698a72e93240346$var$BubbleInput, {
+      control: button,
+      bubbles: !hasConsumerStoppedPropagationRef.current,
+      name,
+      value,
+      checked,
+      required,
+      disabled,
+      style: {
+        transform: "translateX(-100%)"
+      }
+    }));
+  });
+  const $e698a72e93240346$var$INDICATOR_NAME = "CheckboxIndicator";
+  const $e698a72e93240346$export$59aad738f51d1c05 = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
+    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
+    const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
+    return /* @__PURE__ */ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+      present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
+    }, /* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+      "data-state": $e698a72e93240346$var$getState(context.state),
+      "data-disabled": context.disabled ? "" : void 0
+    }, indicatorProps, {
+      ref: forwardedRef,
+      style: {
+        pointerEvents: "none",
+        ...props.style
+      }
+    })));
+  });
+  const $e698a72e93240346$var$BubbleInput = (props) => {
+    const { control, checked, bubbles = true, ...inputProps } = props;
+    const ref = React.useRef(null);
+    const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
+    const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control);
+    React.useEffect(() => {
+      const input = ref.current;
+      const inputProto = window.HTMLInputElement.prototype;
+      const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+      const setChecked = descriptor.set;
+      if (prevChecked !== checked && setChecked) {
+        const event = new Event("click", {
+          bubbles
+        });
+        input.indeterminate = $e698a72e93240346$var$isIndeterminate(checked);
+        setChecked.call(input, $e698a72e93240346$var$isIndeterminate(checked) ? false : checked);
+        input.dispatchEvent(event);
+      }
+    }, [
+      prevChecked,
+      checked,
+      bubbles
+    ]);
+    return /* @__PURE__ */ React.createElement("input", _extends({
+      type: "checkbox",
+      "aria-hidden": true,
+      defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked
+    }, inputProps, {
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        ...controlSize,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }));
+  };
+  function $e698a72e93240346$var$isIndeterminate(checked) {
+    return checked === "indeterminate";
+  }
+  function $e698a72e93240346$var$getState(checked) {
+    return $e698a72e93240346$var$isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+  }
+  const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
+  const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
+  const checkboxContainer = "_checkboxContainer_pb9za_5";
+  const checkbox = "_checkbox_pb9za_5";
+  const checkboxIndicator = "_checkboxIndicator_pb9za_27";
+  const checkboxLabel = "_checkboxLabel_pb9za_38";
+  const noTextHighlight = "_noTextHighlight_pb9za_42";
+  const checkboxHidden = "_checkboxHidden_pb9za_51";
+  const styles$2 = {
+    checkboxContainer,
+    checkbox,
+    checkboxIndicator,
+    checkboxLabel,
+    noTextHighlight,
+    checkboxHidden
+  };
+  const _Checkbox = React.forwardRef(function Checkbox2({ className, labelClassName, label, checked, onCheckedChange, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { className: styles$2.checkboxContainer, ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        $e698a72e93240346$export$be92b6f5f03c0fe9,
+        {
+          className: classNames(
+            styles$2.checkbox,
+            !isHovered && !checked && styles$2.checkboxHidden,
+            className
+          ),
+          checked,
+          onCheckedChange: (checked2) => {
+            if (onCheckedChange) {
+              onCheckedChange(checked2);
+            }
+          },
+          ref,
+          ...rest,
+          children: /* @__PURE__ */ jsxRuntime.jsx($e698a72e93240346$export$adb584737d712b70, { className: styles$2.checkboxIndicator, children: checked === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DividerHorizontalIcon, { width: "13px" }) : /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, {}) })
+        }
+      ),
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: classNames(styles$2.checkboxLabel, labelClassName, styles$2.noTextHighlight),
+          onClick: () => {
+            if (onCheckedChange) {
+              onCheckedChange(!checked);
+            }
+          },
+          children: label
+        }
+      )
+    ] }) });
+  });
+  const Checkbox = React.memo(_Checkbox);
+  Checkbox.displayName = "Checkbox";
+  const SelectAllCheckbox = React.memo(function SelectAllCheckbox2({
+    className,
+    labelClassName,
+    label,
+    onCheckedChange,
+    children,
+    ...rest
+  }) {
+    const [isChecked, setIsChecked] = React.useState(
+      React.Children.toArray(children).every((child) => React.isValidElement(child) && child.props.checked) ? true : React.Children.toArray(children).some((child) => React.isValidElement(child) && child.props.checked) ? "indeterminate" : false
+    );
+    const [isChildChecked, setIsChildChecked] = React.useState(
+      React.Children.map(children, (child) => child.props.checked)
+    );
+    const handleOnCheckedChange = (checked) => {
+      const isAllSelected = isChecked === "indeterminate" || !checked;
+      if (isChecked === "indeterminate") {
+        checked = false;
+      }
+      setIsChildChecked(isChildChecked.map((_child) => !isAllSelected));
+      if (onCheckedChange) {
+        onCheckedChange(checked);
+      }
+    };
+    React.useEffect(() => {
+      const numSelected = isChildChecked.filter((child) => child).length;
+      if (numSelected === 0) {
+        setIsChecked(false);
+      } else if (numSelected === children.length) {
+        setIsChecked(true);
+      } else {
+        setIsChecked("indeterminate");
+      }
+    }, [children, isChildChecked]);
+    const childrenWithProps = React.Children.map(
+      children,
+      (child, i) => React.cloneElement(child, {
+        ...child.props,
+        checked: isChildChecked[i],
+        onCheckedChange: (checked) => {
+          const _isChildChecked = [...isChildChecked];
+          _isChildChecked[i] = checked;
+          setIsChildChecked(_isChildChecked);
+          if (child.props.onCheckedChange) {
+            child.props.onCheckedChange(checked);
+          }
+        }
+      })
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Checkbox,
+        {
+          className,
+          labelClassName,
+          label,
+          checked: isChecked,
+          onCheckedChange: handleOnCheckedChange,
+          ...rest
+        }
+      ),
+      childrenWithProps
+    ] });
+  });
+  const tableContainer = "_tableContainer_go3yk_1";
+  const headerContainer = "_headerContainer_go3yk_14";
+  const tableTopContainer = "_tableTopContainer_go3yk_18";
+  const searchContainer = "_searchContainer_go3yk_22";
+  const columnFilterSelect = "_columnFilterSelect_go3yk_32";
+  const table = "_table_go3yk_1";
+  const tableHeaderCell = "_tableHeaderCell_go3yk_50";
+  const tableRow = "_tableRow_go3yk_56";
+  const tableCell = "_tableCell_go3yk_71";
+  const noDataTextContainer = "_noDataTextContainer_go3yk_78";
+  const tableBottomContainer = "_tableBottomContainer_go3yk_84";
+  const rowsPerPageContainer = "_rowsPerPageContainer_go3yk_88";
+  const rowsPerPageText = "_rowsPerPageText_go3yk_98";
+  const styles$1 = {
+    tableContainer,
+    headerContainer,
+    tableTopContainer,
+    searchContainer,
+    columnFilterSelect,
+    table,
+    tableHeaderCell,
+    tableRow,
+    tableCell,
+    noDataTextContainer,
+    tableBottomContainer,
+    rowsPerPageContainer,
+    rowsPerPageText
+  };
+  const _Table = React.forwardRef(function Table2(props, ref) {
+    const {
+      columns,
+      data,
+      color = "light",
+      title = "",
+      description = "",
+      rowsPerPage = [10, 20, 30, 40, 50],
+      showSearchBar,
+      searchBarPlaceholder,
+      showSelect,
+      showFilterButton,
+      showContainer,
+      showRowsPerPage,
+      showPageNumber,
+      showPageNavigation,
+      showTopBar = true,
+      showBottomBar = true,
+      emptyMessage = "There is no data",
+      children,
+      className,
+      columnClassName,
+      rowClassName,
+      cellClassName
+    } = props;
+    const [search, setSearch] = React.useState("");
+    const [selected, setSelected] = React.useState([]);
+    const rowsColumnsHaveAllColumns = data.every(
+      (row) => Object.keys(row.columns).length === columns.length && Object.values(columns).every((column) => Object.keys(row.columns).includes(column.id.toString()))
+    );
+    if (!rowsColumnsHaveAllColumns) {
+      throw new Error("Columns in rows do not match ones declared in columns variable.");
+    }
+    const defaultColumnFilterValues = React.useMemo(
+      () => columns.filter((column) => column.filter).map((column) => ({ [column.id]: [] })).reduce((arr, column) => Object.assign(arr, column), {}),
+      [columns]
+    );
+    const [columnFilterValues, setColumnFilterValues] = React.useState(defaultColumnFilterValues);
+    const [numRowsPerPage, setNumRowsPerPage] = React.useState(rowsPerPage[0] ?? 10);
+    const rowsPerPageOptions = React.useMemo(
+      () => rowsPerPage.map((numRows) => ({
+        value: numRows.toString(),
+        itemContent: numRows.toString()
+      })),
+      [rowsPerPage]
+    );
+    const rowsHaveOnClick = data.some((row) => row.onClick);
+    const searchFilter = React.useCallback(
+      (cell) => {
+        var _a, _b;
+        const cellVal = ((_a = cell.searchValue) == null ? void 0 : _a.toString()) || ((_b = cell.value) == null ? void 0 : _b.toString()) || "";
+        return cellVal.toLowerCase().includes(search.toLowerCase());
+      },
+      [search]
+    );
+    const sortFilter = React.useCallback((a, b) => {
+      var _a, _b, _c, _d;
+      const aVal = ((_a = a.sortValue) == null ? void 0 : _a.toString()) || ((_b = a.value) == null ? void 0 : _b.toString()) || "";
+      const bVal = ((_c = b.sortValue) == null ? void 0 : _c.toString()) || ((_d = b.value) == null ? void 0 : _d.toString()) || "";
+      return aVal.toLowerCase().localeCompare(bVal.toLowerCase(), void 0, { numeric: true });
+    }, []);
+    const columnFilter = React.useCallback(
+      (cell, column) => {
+        var _a, _b, _c;
+        const cellVal = ((_a = cell.filterValue) == null ? void 0 : _a.toString()) || ((_b = cell.value) == null ? void 0 : _b.toString()) || "";
+        return (_c = columnFilterValues[column.id]) == null ? void 0 : _c.some(
+          (filter) => cellVal.toString().toLowerCase() === filter.toString().toLowerCase()
+        );
+      },
+      [columnFilterValues]
+    );
+    const columnsData = React.useMemo(
+      () => columns.map((column) => ({
+        ...column,
+        sort: column.sort ? { sortKey: column.id.toString().toUpperCase() } : false
+      })),
+      [columns]
+    );
+    const isColumnFilterValueSelected = columns.some(
+      (column) => {
+        var _a;
+        return column.filter && column.id in columnFilterValues && ((_a = columnFilterValues[column.id]) == null ? void 0 : _a.length) !== 0;
+      }
+    );
+    const rows = React.useMemo(
+      () => data.filter(
+        (row) => !search || columns.some((column) => column.search && searchFilter(row.columns[column.id]))
+      ).filter(
+        (row) => (
+          // If no column filter is selected, then return true AKA: show all rows
+          !isColumnFilterValueSelected || // Check if any of the table values match the selected column filters. First return true if that
+          // column is not selected for filtering (has a filter prop). Second, return true if that column
+          // has any values in it selected for filtering, lastly, return if row has that filter value
+          columns.every((column) => {
+            var _a;
+            return !column.filter || ((_a = columnFilterValues[column.id]) == null ? void 0 : _a.length) === 0 || columnFilter(row.columns[column.id], column);
+          })
+        )
+      ).map((row) => {
+        const destructedRow = { ...row.columns, ...row };
+        const { columns: _, ...newRow } = destructedRow;
+        return newRow;
+      }),
+      [columnFilter, columnFilterValues, columns, data, isColumnFilterValueSelected, search, searchFilter]
+    );
+    const [totalPages, setTotalPages] = React.useState(Math.ceil(rows.length / numRowsPerPage));
+    const getFilterValues = React.useCallback(
+      (column) => {
+        if (column.filterValues) {
+          return column.filterValues;
+        }
+        const uniqueFilterValues = new Set(
+          data.map(
+            (row) => {
+              var _a, _b;
+              return ((_a = row.columns[column.id].filterValue) == null ? void 0 : _a.toString()) || ((_b = row.columns[column.id].value) == null ? void 0 : _b.toString()) || "";
+            }
+          )
+        );
+        return [...uniqueFilterValues].sort().map((rowVal) => ({
+          value: rowVal,
+          label: rowVal
+        }));
+      },
+      [data]
+    );
+    const gridTemplateColumns = React.useMemo(
+      () => (showSelect ? "auto " : "") + columnsData.reduce((accum, column) => accum + `${column.width || "auto"} `, ""),
+      [columnsData, showSelect]
+    );
+    const handleSearch = React.useCallback((e) => {
+      setSearch(e.target.value);
+    }, []);
+    const tableData = { nodes: rows };
+    const tableSelect = select.useRowSelect(
+      tableData,
+      {
+        onChange: (_action, state) => {
+          setSelected(state.ids);
+        }
+      },
+      {
+        rowSelect: select.SelectTypes.MultiSelect,
+        buttonSelect: select.SelectTypes.MultiSelect,
+        clickType: select.SelectClickTypes.ButtonClick,
+        isCarryForward: false
+      }
+    );
+    const pagination$1 = pagination.usePagination(
+      tableData,
+      {
+        state: {
+          page: 0,
+          size: rowsPerPage[0]
+        }
+      },
+      {
+        isServer: false
+      }
+    );
+    const sort$1 = sort.useSort(
+      tableData,
+      { onChange: () => null },
+      {
+        sortIcon: {
+          margin: "10px",
+          size: "15px",
+          iconDefault: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CaretSortIcon, { width: "20px" }),
+          iconUp: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ArrowUpIcon, {}),
+          iconDown: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ArrowDownIcon, {})
+        },
+        sortFns: Object.assign(
+          {},
+          ...columnsData.map((column) => ({
+            [column.id.toString().toUpperCase()]: (array) => array.sort((a, b) => sortFilter(a[column.id], b[column.id]))
+          }))
+        )
+      }
+    );
+    const columnFilterPopoverContent = React.useMemo(
+      () => ({
+        options: columns.filter((column) => column.filter).map((column) => ({
+          label: column.label,
+          value: column.id.toString(),
+          page: {
+            content: /* @__PURE__ */ jsxRuntime.jsx(
+              SelectAllCheckbox,
+              {
+                label: "Select all",
+                onCheckedChange: (checked) => {
+                  const _columnFilterValues = JSON.parse(JSON.stringify(columnFilterValues));
+                  if (checked === true) {
+                    _columnFilterValues[column.id] = getFilterValues(column).map(
+                      (filterValue) => filterValue.value
+                    );
+                  } else {
+                    _columnFilterValues[column.id] = [];
+                  }
+                  setColumnFilterValues(_columnFilterValues);
+                },
+                children: getFilterValues(column).map((filterValue, i) => {
+                  var _a, _b;
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    Checkbox,
+                    {
+                      label: filterValue.label,
+                      checked: (_b = columnFilterValues[column.id]) == null ? void 0 : _b.includes(
+                        ((_a = filterValue.value) == null ? void 0 : _a.toString()) || ""
+                      ),
+                      onCheckedChange: (checked) => {
+                        setColumnFilterValues((prevColumnFilterValues) => {
+                          var _a2;
+                          const _columnFilterValues = { ...prevColumnFilterValues };
+                          const values = _columnFilterValues[column.id] || [];
+                          if (checked) {
+                            _columnFilterValues[column.id] = [
+                              ...values,
+                              ((_a2 = filterValue.value) == null ? void 0 : _a2.toString()) || ""
+                            ];
+                          } else {
+                            _columnFilterValues[column.id] = values.filter(
+                              (fValue) => fValue !== (filterValue.value ?? "").toString()
+                            );
+                          }
+                          return _columnFilterValues;
+                        });
+                      }
+                    },
+                    `checkbox-filter-${column.id}-${i}`
+                  );
+                })
+              },
+              `select-all-checkbox-${column.id}`
+            )
+          }
+        }))
+      }),
+      [columnFilterValues, columns, getFilterValues]
+    );
+    const columnCells = columnsData.map((column) => {
+      const Component = column.sort ? sort.HeaderCellSort : table$1.HeaderCell;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Component,
+        {
+          className: classNames(styles$1.tableHeaderCell, columnClassName, column.className),
+          sortKey: column.sort ? column.id.toString().toUpperCase() : "",
+          children: column.label
+        },
+        column.id
+      );
+    });
+    const SelectedModeButton = reactDeviceDetect.isMobile ? IconButton : Button2;
+    const layout = React.useMemo(() => ({ custom: true }), []);
+    const theme$1 = theme.useTheme({
+      Table: `
+			 --data-table-library_grid-template-columns: ${gridTemplateColumns};
+		`,
+      Row: `
 			&:hover {
-				cursor: ${Oe?"pointer":"inherit"};
+				cursor: ${rowsHaveOnClick ? "pointer" : "inherit"};
 			}
 			&.row-select-selected {
 				background-color: var(--gray-a4);
@@ -14,6 +3234,525 @@
 			&:not(:last-of-type) .td {
     			border-bottom: 1px solid var(--gray-a4);
 			}	
-		`,BaseRow:`
+		`,
+      BaseRow: `
 			background-color: inherit;
-		`});return e.useEffect(()=>{if(v){const b=Math.ceil(Ne.length/E);xo(b),I.state.page<0&&I.fns.onSetPage(0),I.state.page>b-1&&I.fns.onSetPage(b-1)}},[f,Ne.length,E,I,v]),t.jsxs("div",{className:x({[A.tableContainer]:C}),children:[(!!d||!!s)&&t.jsxs("div",{className:A.headerContainer,children:[!!d&&t.jsx(Pe,{weight:"bold",size:"7",children:d}),!!s&&t.jsx(Pe,{as:"div",children:s})]}),P&&t.jsxs(c.Flex,{justify:"between",className:A.tableTopContainer,children:[t.jsxs(c.Flex,{gap:"2",children:[u&&t.jsx("div",{className:A.searchContainer,children:t.jsx(ut,{value:te,onChange:ko,leftSlot:t.jsx(T.MagnifyingGlassIcon,{}),placeholder:g||"Filter tasks..."})}),_&&t.jsx(gt,{color:i,page:Do,trigger:t.jsx(H,{variant:"surface","aria-label":"Filter columns",children:t.jsx(T.MixerHorizontalIcon,{})}),children:b=>""}),_&&Y&&t.jsxs(Z,{variant:"surface",color:"crimson",onClick:()=>{D(De),I.fns.onSetPage(0)},children:[t.jsx(T.Cross2Icon,{}),"Clear filters"]})]}),h&&Ue.length!==0&&t.jsxs(c.Flex,{gap:"2",children:[t.jsxs(Ot,{variant:"soft","aria-label":"Edit rows",children:[t.jsx(T.Pencil1Icon,{}),!_e.isMobile&&"Edit"]}),t.jsxs(Ot,{color:"red","aria-label":"Delete rows",children:[t.jsx(T.TrashIcon,{}),!_e.isMobile&&"Delete"]})]})]}),M,t.jsx(G.Table,{className:x(A.table,J),data:Ie,theme:Io,sort:To,pagination:v&&I,select:$o,layout:No,ref:r,children:b=>t.jsxs(t.Fragment,{children:[t.jsx(G.Header,{children:t.jsxs(G.HeaderRow,{children:[h&&t.jsx(ie.HeaderCellSelect,{className:A.tableHeaderCell}),...Oo]})}),t.jsxs(G.Body,{children:[b.length===0&&t.jsx(c.TableRow,{className:A.noDataTextContainer,children:t.jsx(G.Cell,{children:k})}),b.map(y=>t.jsxs(G.Row,{item:y,className:x(A.tableRow,ue,y.className),onClick:y.onClick,children:[h&&t.jsx(ie.CellSelect,{item:y},y.id),o.map(($,O)=>t.jsx(G.Cell,{className:x(A.tableCell,qe,y[$.id].className),children:t.jsx(Pe,{children:y[$.id].label})},O))]},y.id))]})]})}),S&&t.jsxs(c.Flex,{className:A.tableBottomContainer,wrap:"wrap",direction:_e.isMobile?"column":"row",children:[m&&t.jsxs(c.Flex,{className:A.rowsPerPageContainer,children:[t.jsx("div",{className:A.rowsPerPageText,children:"Rows per page:"}),t.jsx(ct,{items:z,defaultValue:z[0].value.toString(),onValueChange:b=>{I.fns.onSetSize(Number(b)),F(Number(b))},placeholder:z[0].itemContent,"aria-label":"Select number of rows per page"})]}),w&&t.jsx(c.Flex,{justify:"center",children:U>0&&`Page ${I.state.page+1} of ${U}`}),v&&t.jsxs(c.Flex,{className:A.rowsPerPageContainer,gap:"2",justify:"end",children:[t.jsx(H,{variant:"surface",onClick:()=>I.fns.onSetPage(0),disabled:I.state.page===0||U===0,"aria-label":"Go to first page",children:t.jsx(T.DoubleArrowLeftIcon,{})}),t.jsx(H,{variant:"surface",disabled:I.state.page===0||U===0,onClick:()=>I.fns.onSetPage(I.state.page-1),"aria-label":"Previous page",children:t.jsx(T.ChevronLeftIcon,{})}),t.jsx(H,{variant:"surface",disabled:I.state.page+1===U||U===0,onClick:()=>I.fns.onSetPage(I.state.page+1),"aria-label":"Next page",children:t.jsx(T.ChevronRightIcon,{})}),t.jsx(H,{variant:"surface",disabled:I.state.page+1===U||U===0,onClick:()=>I.fns.onSetPage(U-1),"aria-label":"Go to last page",children:t.jsx(T.DoubleArrowRightIcon,{})})]})]})]})}),So=e.memo(wo);Object.defineProperty(p,"AccessibleIcon",{enumerable:!0,get:()=>c.AccessibleIcon}),Object.defineProperty(p,"AspectRatio",{enumerable:!0,get:()=>c.AspectRatio}),Object.defineProperty(p,"Avatar",{enumerable:!0,get:()=>c.Avatar}),Object.defineProperty(p,"Blockquote",{enumerable:!0,get:()=>c.Blockquote}),Object.defineProperty(p,"Box",{enumerable:!0,get:()=>c.Box}),Object.defineProperty(p,"Callout",{enumerable:!0,get:()=>c.Callout}),Object.defineProperty(p,"Card",{enumerable:!0,get:()=>c.Card}),Object.defineProperty(p,"Code",{enumerable:!0,get:()=>c.Code}),Object.defineProperty(p,"Container",{enumerable:!0,get:()=>c.Container}),Object.defineProperty(p,"ContextMenu",{enumerable:!0,get:()=>c.ContextMenu}),Object.defineProperty(p,"Em",{enumerable:!0,get:()=>c.Em}),Object.defineProperty(p,"Grid",{enumerable:!0,get:()=>c.Grid}),Object.defineProperty(p,"Heading",{enumerable:!0,get:()=>c.Heading}),Object.defineProperty(p,"HoverCard",{enumerable:!0,get:()=>c.HoverCard}),Object.defineProperty(p,"Inset",{enumerable:!0,get:()=>c.Inset}),Object.defineProperty(p,"Kbd",{enumerable:!0,get:()=>c.Kbd}),Object.defineProperty(p,"Link",{enumerable:!0,get:()=>c.Link}),Object.defineProperty(p,"Portal",{enumerable:!0,get:()=>c.Portal}),Object.defineProperty(p,"Quote",{enumerable:!0,get:()=>c.Quote}),Object.defineProperty(p,"RadioGroup",{enumerable:!0,get:()=>c.RadioGroup}),Object.defineProperty(p,"ScrollArea",{enumerable:!0,get:()=>c.ScrollArea}),Object.defineProperty(p,"Section",{enumerable:!0,get:()=>c.Section}),Object.defineProperty(p,"Slider",{enumerable:!0,get:()=>c.Slider}),Object.defineProperty(p,"Slot",{enumerable:!0,get:()=>c.Slot}),Object.defineProperty(p,"Strong",{enumerable:!0,get:()=>c.Strong}),Object.defineProperty(p,"Tabs",{enumerable:!0,get:()=>c.Tabs}),Object.defineProperty(p,"TextField",{enumerable:!0,get:()=>c.TextField}),Object.defineProperty(p,"Theme",{enumerable:!0,get:()=>c.Theme}),Object.defineProperty(p,"VisuallyHidden",{enumerable:!0,get:()=>c.VisuallyHidden}),Object.defineProperty(p,"updateThemeAppearanceClass",{enumerable:!0,get:()=>c.updateThemeAppearanceClass}),Object.defineProperty(p,"useThemeContext",{enumerable:!0,get:()=>c.useThemeContext}),p.AlertDialog=rt,p.AlertDialogContent=je,p.AlertDialogProvider=fn,p.Badge=Ut,p.Breadcrumb=Xt,p.Button=Z,p.ButtonGroup=Fe,p.ButtonList=ln,p.Checkbox=$e,p.DefaultTheme=Zn,p.Dialog=cn,p.DropdownMenu=Cn,p.DropdownSelect=mn,p.Flex=j,p.HoverUtility=lt,p.IconButton=H,p.IconColorUtility=Nn,p.Input=ut,p.LeftAndRightPanels=En,p.MultiPagePopover=gt,p.MultiSelect=yn,p.Popover=ft,p.Root=Ct,p.Select=ct,p.SelectAllCheckbox=Dt,p.Separator=it,p.Sidebar=$n,p.SlideOut=Dn,p.Spinner=Be,p.Switch=xn,p.Table=So,p.Text=Pe,p.TextArea=Bn,p.Toast=vt,p.ToastContext=We,p.ToastProvider=Xn,p.ToggleGroup=jn,p.Toolbar=Vn,p.Tooltip=Jn,p.divButtonProps=Qt,p.useAlertDialog=at,p.useDiscardAlertDialog=pn,p.useSeverityColor=N,p.useToast=Un,p.useViewportSize=Ht,Object.keys(ae).forEach(n=>{n!=="default"&&!Object.prototype.hasOwnProperty.call(p,n)&&Object.defineProperty(p,n,{enumerable:!0,get:()=>ae[n]})}),Object.keys(T).forEach(n=>{n!=="default"&&!Object.prototype.hasOwnProperty.call(p,n)&&Object.defineProperty(p,n,{enumerable:!0,get:()=>T[n]})}),Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+		`
+    });
+    React.useEffect(() => {
+      if (showPageNavigation) {
+        const numTotalPages = Math.ceil(rows.length / numRowsPerPage);
+        setTotalPages(numTotalPages);
+        if (pagination$1.state.page < 0) {
+          pagination$1.fns.onSetPage(0);
+        }
+        if (pagination$1.state.page > numTotalPages - 1) {
+          pagination$1.fns.onSetPage(numTotalPages - 1);
+        }
+      }
+    }, [rowsPerPage, rows.length, numRowsPerPage, pagination$1, showPageNavigation]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames({ [styles$1.tableContainer]: showContainer }), children: [
+      (!!title || !!description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.headerContainer, children: [
+        !!title && /* @__PURE__ */ jsxRuntime.jsx(Text$1, { weight: "bold", size: "7", children: title }),
+        !!description && /* @__PURE__ */ jsxRuntime.jsx(Text$1, { as: "div", children: description })
+      ] }),
+      showTopBar && /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { justify: "between", className: styles$1.tableTopContainer, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { gap: "2", children: [
+          showSearchBar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.searchContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              value: search,
+              onChange: handleSearch,
+              leftSlot: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, {}),
+              placeholder: searchBarPlaceholder || "Filter tasks..."
+            }
+          ) }),
+          showFilterButton && /* @__PURE__ */ jsxRuntime.jsx(
+            MultiPagePopover,
+            {
+              color,
+              page: columnFilterPopoverContent,
+              trigger: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { variant: "surface", "aria-label": "Filter columns", children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.MixerHorizontalIcon, {}) }),
+              children: (_Close) => ""
+            }
+          ),
+          showFilterButton && isColumnFilterValueSelected && /* @__PURE__ */ jsxRuntime.jsxs(
+            Button2,
+            {
+              variant: "surface",
+              color: "crimson",
+              onClick: () => {
+                setColumnFilterValues(defaultColumnFilterValues);
+                pagination$1.fns.onSetPage(0);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross2Icon, {}),
+                "Clear filters"
+              ]
+            }
+          )
+        ] }),
+        showSelect && selected.length !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { gap: "2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(SelectedModeButton, { variant: "soft", "aria-label": "Edit rows", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Pencil1Icon, {}),
+            !reactDeviceDetect.isMobile && "Edit"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SelectedModeButton, { color: "red", "aria-label": "Delete rows", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(reactIcons.TrashIcon, {}),
+            !reactDeviceDetect.isMobile && "Delete"
+          ] })
+        ] })
+      ] }),
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        table$1.Table,
+        {
+          className: classNames(styles$1.table, className),
+          data: tableData,
+          theme: theme$1,
+          sort: sort$1,
+          pagination: showPageNavigation && pagination$1,
+          select: tableSelect,
+          layout,
+          ref,
+          children: (tableList) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(table$1.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(table$1.HeaderRow, { children: [
+              showSelect && /* @__PURE__ */ jsxRuntime.jsx(select.HeaderCellSelect, { className: styles$1.tableHeaderCell }),
+              ...columnCells
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(table$1.Body, { children: [
+              tableList.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(themes.TableRow, { className: styles$1.noDataTextContainer, children: /* @__PURE__ */ jsxRuntime.jsx(table$1.Cell, { children: emptyMessage }) }),
+              tableList.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
+                table$1.Row,
+                {
+                  item: row,
+                  className: classNames(styles$1.tableRow, rowClassName, row.className),
+                  onClick: row.onClick,
+                  children: [
+                    showSelect && /* @__PURE__ */ jsxRuntime.jsx(select.CellSelect, { item: row }, row.id),
+                    columns.map((column, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                      table$1.Cell,
+                      {
+                        className: classNames(
+                          styles$1.tableCell,
+                          cellClassName,
+                          row[column.id].className
+                        ),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(Text$1, { children: row[column.id].label })
+                      },
+                      i
+                    ))
+                  ]
+                },
+                row.id
+              ))
+            ] })
+          ] })
+        }
+      ),
+      showBottomBar && /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { className: styles$1.tableBottomContainer, wrap: "wrap", direction: reactDeviceDetect.isMobile ? "column" : "row", children: [
+        showRowsPerPage && /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { className: styles$1.rowsPerPageContainer, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.rowsPerPageText, children: "Rows per page:" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Select,
+            {
+              items: rowsPerPageOptions,
+              defaultValue: rowsPerPageOptions[0].value.toString(),
+              onValueChange: (v) => {
+                pagination$1.fns.onSetSize(Number(v));
+                setNumRowsPerPage(Number(v));
+              },
+              placeholder: rowsPerPageOptions[0].itemContent,
+              "aria-label": "Select number of rows per page"
+            }
+          )
+        ] }),
+        showPageNumber && /* @__PURE__ */ jsxRuntime.jsx(themes.Flex, { justify: "center", children: totalPages > 0 && `Page ${pagination$1.state.page + 1} of ${totalPages}` }),
+        showPageNavigation && /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { className: styles$1.rowsPerPageContainer, gap: "2", justify: "end", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton,
+            {
+              variant: "surface",
+              onClick: () => pagination$1.fns.onSetPage(0),
+              disabled: pagination$1.state.page === 0 || totalPages === 0,
+              "aria-label": "Go to first page",
+              children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DoubleArrowLeftIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton,
+            {
+              variant: "surface",
+              disabled: pagination$1.state.page === 0 || totalPages === 0,
+              onClick: () => pagination$1.fns.onSetPage(pagination$1.state.page - 1),
+              "aria-label": "Previous page",
+              children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ChevronLeftIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton,
+            {
+              variant: "surface",
+              disabled: pagination$1.state.page + 1 === totalPages || totalPages === 0,
+              onClick: () => pagination$1.fns.onSetPage(pagination$1.state.page + 1),
+              "aria-label": "Next page",
+              children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ChevronRightIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton,
+            {
+              variant: "surface",
+              disabled: pagination$1.state.page + 1 === totalPages || totalPages === 0,
+              onClick: () => pagination$1.fns.onSetPage(totalPages - 1),
+              "aria-label": "Go to last page",
+              children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DoubleArrowRightIcon, {})
+            }
+          )
+        ] })
+      ] })
+    ] });
+  });
+  const Table = React.memo(_Table);
+  const editableTextContainer = "_editableTextContainer_174g6_1";
+  const editableTextText = "_editableTextText_174g6_5";
+  const editableTextInput = "_editableTextInput_174g6_19";
+  const iconHidden = "_iconHidden_174g6_23";
+  const styles = {
+    editableTextContainer,
+    editableTextText,
+    editableTextInput,
+    iconHidden
+  };
+  const _ConfirmEditInput = React.forwardRef(function ConfirmEditInput2({
+    value,
+    onChange,
+    onEditActivate,
+    onEditConfirm,
+    onEditCancel,
+    textClassName,
+    inputClassName,
+    iconClassName,
+    buttonVariant,
+    variant,
+    severity,
+    size,
+    mode = "buttons",
+    ...rest
+  }, ref) {
+    const [text, setText] = React.useState(value == null ? void 0 : value.toString());
+    const [input, setInput] = React.useState(value == null ? void 0 : value.toString());
+    const [isEditMode, setIsEditMode] = React.useState(false);
+    const isConfirmDisabled = !input || text === input;
+    const onInputChange = React.useCallback(
+      (e) => {
+        var _a;
+        setInput((_a = e.target.value) == null ? void 0 : _a.toString());
+        if (onChange) {
+          onChange(e);
+        }
+      },
+      [onChange]
+    );
+    const onPencilClick = React.useCallback(() => {
+      setIsEditMode(true);
+      if (onEditActivate) {
+        onEditActivate(text);
+      }
+    }, [onEditActivate, text]);
+    const onCheckClick = React.useCallback(() => {
+      setText(input);
+      setIsEditMode(false);
+      if (onEditConfirm) {
+        onEditConfirm(input);
+      }
+    }, [onEditConfirm, input]);
+    const onCancelClick = React.useCallback(() => {
+      setIsEditMode(false);
+      const prevInput = input;
+      setInput(text);
+      if (onEditCancel) {
+        onEditCancel(prevInput);
+      }
+    }, [text, input, onEditCancel]);
+    const handleKeyDown = React.useCallback(
+      (e) => {
+        if (mode !== "keys") {
+          return;
+        }
+        switch (e.key) {
+          case "Enter":
+            if (!isConfirmDisabled)
+              onCheckClick();
+            break;
+          case "Escape":
+            onCancelClick();
+            break;
+        }
+      },
+      [onCheckClick, onCancelClick, isConfirmDisabled, mode]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles.editableTextContainer, gap: "3", ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Input,
+        {
+          className: classNames(
+            isEditMode ? styles.editableTextInput : styles.editableTextText,
+            isEditMode ? inputClassName : textClassName
+          ),
+          onClick: () => !isEditMode && mode === "keys" && onPencilClick(),
+          value: isEditMode ? input : text,
+          onChange: onInputChange,
+          ref,
+          onKeyDown: handleKeyDown,
+          autoFocus: true,
+          size,
+          variant,
+          severity,
+          readOnly: !isEditMode,
+          style: isEditMode ? void 0 : {
+            cursor: mode === "keys" ? "text" : "unset"
+          },
+          ...rest
+        }
+      ),
+      mode === "buttons" && (isEditMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconButton,
+          {
+            className: classNames(iconClassName, styles.icon, !isHovered && styles.iconHidden),
+            size,
+            variant: buttonVariant,
+            severity,
+            disabled: isConfirmDisabled,
+            onClick: onCheckClick,
+            "aria-label": "Confirm edit",
+            children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconButton,
+          {
+            className: classNames(iconClassName, styles.icon, !isHovered && styles.iconHidden),
+            color: "red",
+            size,
+            variant: buttonVariant,
+            severity,
+            onClick: onCancelClick,
+            "aria-label": "Cancel edit",
+            children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, {})
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+        IconButton,
+        {
+          className: classNames(
+            iconClassName,
+            styles.editIcon,
+            styles.icon,
+            !isHovered && styles.iconHidden
+          ),
+          size,
+          variant: buttonVariant,
+          severity,
+          onClick: onPencilClick,
+          "aria-label": "Edit text",
+          children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Pencil1Icon, {})
+        }
+      ))
+    ] }) });
+  });
+  const ConfirmEditInput = React.memo(_ConfirmEditInput);
+  Object.defineProperty(exports2, "AccessibleIcon", {
+    enumerable: true,
+    get: () => themes.AccessibleIcon
+  });
+  Object.defineProperty(exports2, "AspectRatio", {
+    enumerable: true,
+    get: () => themes.AspectRatio
+  });
+  Object.defineProperty(exports2, "Avatar", {
+    enumerable: true,
+    get: () => themes.Avatar
+  });
+  Object.defineProperty(exports2, "Blockquote", {
+    enumerable: true,
+    get: () => themes.Blockquote
+  });
+  Object.defineProperty(exports2, "Box", {
+    enumerable: true,
+    get: () => themes.Box
+  });
+  Object.defineProperty(exports2, "Callout", {
+    enumerable: true,
+    get: () => themes.Callout
+  });
+  Object.defineProperty(exports2, "Card", {
+    enumerable: true,
+    get: () => themes.Card
+  });
+  Object.defineProperty(exports2, "Code", {
+    enumerable: true,
+    get: () => themes.Code
+  });
+  Object.defineProperty(exports2, "Container", {
+    enumerable: true,
+    get: () => themes.Container
+  });
+  Object.defineProperty(exports2, "Em", {
+    enumerable: true,
+    get: () => themes.Em
+  });
+  Object.defineProperty(exports2, "Grid", {
+    enumerable: true,
+    get: () => themes.Grid
+  });
+  Object.defineProperty(exports2, "Heading", {
+    enumerable: true,
+    get: () => themes.Heading
+  });
+  Object.defineProperty(exports2, "HoverCard", {
+    enumerable: true,
+    get: () => themes.HoverCard
+  });
+  Object.defineProperty(exports2, "Inset", {
+    enumerable: true,
+    get: () => themes.Inset
+  });
+  Object.defineProperty(exports2, "Kbd", {
+    enumerable: true,
+    get: () => themes.Kbd
+  });
+  Object.defineProperty(exports2, "Link", {
+    enumerable: true,
+    get: () => themes.Link
+  });
+  Object.defineProperty(exports2, "Portal", {
+    enumerable: true,
+    get: () => themes.Portal
+  });
+  Object.defineProperty(exports2, "Quote", {
+    enumerable: true,
+    get: () => themes.Quote
+  });
+  Object.defineProperty(exports2, "RadioGroup", {
+    enumerable: true,
+    get: () => themes.RadioGroup
+  });
+  Object.defineProperty(exports2, "ScrollArea", {
+    enumerable: true,
+    get: () => themes.ScrollArea
+  });
+  Object.defineProperty(exports2, "Section", {
+    enumerable: true,
+    get: () => themes.Section
+  });
+  Object.defineProperty(exports2, "Slider", {
+    enumerable: true,
+    get: () => themes.Slider
+  });
+  Object.defineProperty(exports2, "Slot", {
+    enumerable: true,
+    get: () => themes.Slot
+  });
+  Object.defineProperty(exports2, "Strong", {
+    enumerable: true,
+    get: () => themes.Strong
+  });
+  Object.defineProperty(exports2, "Tabs", {
+    enumerable: true,
+    get: () => themes.Tabs
+  });
+  Object.defineProperty(exports2, "TextField", {
+    enumerable: true,
+    get: () => themes.TextField
+  });
+  Object.defineProperty(exports2, "Theme", {
+    enumerable: true,
+    get: () => themes.Theme
+  });
+  Object.defineProperty(exports2, "VisuallyHidden", {
+    enumerable: true,
+    get: () => themes.VisuallyHidden
+  });
+  Object.defineProperty(exports2, "updateThemeAppearanceClass", {
+    enumerable: true,
+    get: () => themes.updateThemeAppearanceClass
+  });
+  Object.defineProperty(exports2, "useThemeContext", {
+    enumerable: true,
+    get: () => themes.useThemeContext
+  });
+  exports2.AlertDialog = AlertDialog;
+  exports2.AlertDialogContent = AlertDialogContent;
+  exports2.AlertDialogProvider = AlertDialogProvider;
+  exports2.Badge = Badge;
+  exports2.Breadcrumb = Breadcrumb;
+  exports2.Button = Button2;
+  exports2.ButtonGroup = ButtonGroup;
+  exports2.ButtonList = ButtonList;
+  exports2.Checkbox = Checkbox;
+  exports2.ConfirmEditInput = ConfirmEditInput;
+  exports2.DefaultTheme = DefaultTheme;
+  exports2.Dialog = Dialog;
+  exports2.DropdownItemMenu = DropdownItemMenu;
+  exports2.DropdownMenu = DropdownMenu;
+  exports2.DropdownMenuItemGroup = DropdownMenuItemGroup;
+  exports2.DropdownMenuMultiSelectGroup = DropdownMenuMultiSelectGroup;
+  exports2.DropdownMenuSelectGroup = DropdownMenuSelectGroup;
+  exports2.DropdownMenuSubMenuGroup = DropdownMenuSubMenuGroup;
+  exports2.DropdownMultiSelect = DropdownMultiSelect;
+  exports2.DropdownSelect = DropdownSelect;
+  exports2.Flex = Flex;
+  exports2.HoverUtility = HoverUtility;
+  exports2.IconButton = IconButton;
+  exports2.IconColorUtility = IconColorUtility;
+  exports2.Input = Input;
+  exports2.LeftAndRightPanels = LeftAndRightPanels;
+  exports2.MultiPagePopover = MultiPagePopover;
+  exports2.MultiSelect = MultiSelect;
+  exports2.Popover = Popover;
+  exports2.Root = Root;
+  exports2.Select = Select;
+  exports2.SelectAllCheckbox = SelectAllCheckbox;
+  exports2.Separator = Separator;
+  exports2.Sidebar = Sidebar;
+  exports2.SlideOut = SlideOut;
+  exports2.Spinner = Spinner;
+  exports2.Switch = Switch;
+  exports2.Table = Table;
+  exports2.Text = Text$1;
+  exports2.TextArea = TextArea;
+  exports2.Toast = Toast;
+  exports2.ToastContext = ToastContext;
+  exports2.ToastProvider = ToastProvider;
+  exports2.ToggleGroup = ToggleGroup;
+  exports2.Toolbar = Toolbar;
+  exports2.Tooltip = Tooltip;
+  exports2.divButtonProps = divButtonProps;
+  exports2.useAlertDialog = useAlertDialog;
+  exports2.useDiscardAlertDialog = useDiscardAlertDialog;
+  exports2.useKeyboardShortcut = useKeyboardShortcut;
+  exports2.useSeverityColor = useSeverityColor;
+  exports2.useStopEventPropagation = useStopEventPropagation;
+  exports2.useTextFilter = useTextFilter;
+  exports2.useToast = useToast;
+  exports2.useViewportSize = useViewportSize;
+  exports2.useWrapCallbackInDialogClose = useWrapCallbackInDialogClose;
+  Object.keys(colors).forEach((k) => {
+    if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports2, k))
+      Object.defineProperty(exports2, k, {
+        enumerable: true,
+        get: () => colors[k]
+      });
+  });
+  Object.keys(reactIcons).forEach((k) => {
+    if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports2, k))
+      Object.defineProperty(exports2, k, {
+        enumerable: true,
+        get: () => reactIcons[k]
+      });
+  });
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});
+//# sourceMappingURL=blocks.umd.cjs.map