@overmap-ai/blocks 1.0.31-minimize-size.6 → 1.0.31-tailwind-components.0

package/dist/blocks.umd.cjs

@@ -1,20 +1,3359 @@
-(function(d,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("@radix-ui/themes"),require("react"),require("react-responsive"),require("@react-hook/resize-observer"),require("@react-icons/all-files/ri/RiAccountBoxLine"),require("@react-icons/all-files/ri/RiAddLine"),require("@react-icons/all-files/ri/RiAlertLine"),require("@react-icons/all-files/ri/RiArrowDownSLine"),require("@react-icons/all-files/ri/RiArrowLeftDoubleLine"),require("@react-icons/all-files/ri/RiArrowLeftLine"),require("@react-icons/all-files/ri/RiArrowLeftSLine"),require("@react-icons/all-files/ri/RiArrowRightDoubleLine"),require("@react-icons/all-files/ri/RiArrowRightLine"),require("@react-icons/all-files/ri/RiArrowRightSLine"),require("@react-icons/all-files/ri/RiArrowUpLine"),require("@react-icons/all-files/ri/RiArrowUpSLine"),require("@react-icons/all-files/ri/RiArticleFill"),require("@react-icons/all-files/ri/RiAttachment2"),require("@react-icons/all-files/ri/RiBankCardFill"),require("@react-icons/all-files/ri/RiBarChartFill"),require("@react-icons/all-files/ri/RiBardFill"),require("@react-icons/all-files/ri/RiBold"),require("@react-icons/all-files/ri/RiBugLine"),require("@react-icons/all-files/ri/RiBuilding2Fill"),require("@react-icons/all-files/ri/RiCalendarEventFill"),require("@react-icons/all-files/ri/RiCalendarFill"),require("@react-icons/all-files/ri/RiCheckLine"),require("@react-icons/all-files/ri/RiCheckboxBlankFill"),require("@react-icons/all-files/ri/RiCircleFill"),require("@react-icons/all-files/ri/RiCircleLine"),require("@react-icons/all-files/ri/RiCloseLargeLine"),require("@react-icons/all-files/ri/RiCloseLine"),require("@react-icons/all-files/ri/RiColorFilterFill"),require("@react-icons/all-files/ri/RiCommunityLine"),require("@react-icons/all-files/ri/RiDeleteBin2Line"),require("@react-icons/all-files/ri/RiDeleteBin7Fill"),require("@react-icons/all-files/ri/RiDeleteBin7Line"),require("@react-icons/all-files/ri/RiDownload2Line"),require("@react-icons/all-files/ri/RiDraggable"),require("@react-icons/all-files/ri/RiEqualizerFill"),require("@react-icons/all-files/ri/RiEqualizerLine"),require("@react-icons/all-files/ri/RiErrorWarningLine"),require("@react-icons/all-files/ri/RiExpandDiagonalFill"),require("@react-icons/all-files/ri/RiExpandDiagonalLine"),require("@react-icons/all-files/ri/RiExportFill"),require("@react-icons/all-files/ri/RiExpandUpDownLine"),require("@react-icons/all-files/ri/RiExternalLinkFill"),require("@react-icons/all-files/ri/RiExternalLinkLine"),require("@react-icons/all-files/ri/RiFile3Fill"),require("@react-icons/all-files/ri/RiFileCopyFill"),require("@react-icons/all-files/ri/RiFileCopyLine"),require("@react-icons/all-files/ri/RiFileTextFill"),require("@react-icons/all-files/ri/RiFilter3Line"),require("@react-icons/all-files/ri/RiFunctionFill"),require("@react-icons/all-files/ri/RiHome2Line"),require("@react-icons/all-files/ri/RiHomeLine"),require("@react-icons/all-files/ri/RiImportFill"),require("@react-icons/all-files/ri/RiInformationLine"),require("@react-icons/all-files/ri/RiInstanceLine"),require("@react-icons/all-files/ri/RiLayoutColumnLine"),require("@react-icons/all-files/ri/RiLayoutLeftLine"),require("@react-icons/all-files/ri/RiLayoutRightLine"),require("@react-icons/all-files/ri/RiLink"),require("@react-icons/all-files/ri/RiLinkUnlink"),require("@react-icons/all-files/ri/RiLoginBoxLine"),require("@react-icons/all-files/ri/RiLogoutBoxLine"),require("@react-icons/all-files/ri/RiLoopLeftLine"),require("@react-icons/all-files/ri/RiMapPin5Fill"),require("@react-icons/all-files/ri/RiMarkupFill"),require("@react-icons/all-files/ri/RiMenuLine"),require("@react-icons/all-files/ri/RiMoonFill"),require("@react-icons/all-files/ri/RiMore2Fill"),require("@react-icons/all-files/ri/RiMoreFill"),require("@react-icons/all-files/ri/RiMusic2Fill"),require("@react-icons/all-files/ri/RiPencilFill"),require("@react-icons/all-files/ri/RiPencilLine"),require("@react-icons/all-files/ri/RiPlayFill"),require("@react-icons/all-files/ri/RiQuestionLine"),require("@react-icons/all-files/ri/RiQuestionMark"),require("@react-icons/all-files/ri/RiRoadMapFill"),require("@react-icons/all-files/ri/RiSearchLine"),require("@react-icons/all-files/ri/RiSettings2Line"),require("@react-icons/all-files/ri/RiSquareFill"),require("@react-icons/all-files/ri/RiSquareLine"),require("@react-icons/all-files/ri/RiStarLine"),require("@react-icons/all-files/ri/RiSubtractLine"),require("@react-icons/all-files/ri/RiSunFill"),require("@react-icons/all-files/ri/RiThumbDownFill"),require("@react-icons/all-files/ri/RiThumbDownLine"),require("@react-icons/all-files/ri/RiThumbUpFill"),require("@react-icons/all-files/ri/RiThumbUpLine"),require("@react-icons/all-files/ri/RiUploadLine"),require("@react-icons/all-files/ri/RiUser2Fill"),require("@react-icons/all-files/ri/RiUser3Fill"),require("@react-icons/all-files/ri/RiUserAddFill"),require("@react-icons/all-files/ri/RiUserLine"),require("@react-icons/all-files/ri/RiListUnordered"),require("@react-icons/all-files/ri/RiListCheck"),require("@react-icons/all-files/ri/RiListOrdered"),require("@react-icons/all-files/ri/RiTableView"),require("@react-icons/all-files/ri/RiRefreshLine"),require("@react-icons/all-files/ri/RiArrowDownSFill"),require("@react-icons/all-files/ri/RiItalic"),require("@react-icons/all-files/ri/RiStrikethrough"),require("@react-icons/all-files/ri/RiUnderline"),require("@react-icons/all-files/ri/RiQuoteText"),require("@react-icons/all-files/ri/RiFontColor"),require("@react-icons/all-files/ri/RiMarkPenFill"),require("@react-icons/all-files/ri/RiDragDropLine"),require("@react-icons/all-files/ri/RiNavigationFill"),require("@react-icons/all-files/ri/RiEyeOffFill"),require("@react-icons/all-files/ri/RiCloseCircleFill"),require("@react-icons/all-files/ri/RiDragMoveFill"),require("@react-icons/all-files/ri/RiMapPin2Fill"),require("@react-icons/all-files/ri/RiH1"),require("@react-icons/all-files/ri/RiH2"),require("@react-icons/all-files/ri/RiH3"),require("@react-icons/all-files/ri/RiSeparator"),require("@react-icons/all-files/ri/RiUserForbidFill"),require("@react-icons/all-files/ri/RiArrowGoBackLine"),require("@react-icons/all-files/ri/RiFileCopy2Line"),require("@react-icons/all-files/ri/RiArrowDropDownLine"),require("@react-icons/all-files/ri/RiTimeLine"),require("@react-icons/all-files/ri/RiFocus3Line"),require("@react-icons/all-files/ri/RiArrowUpSFill"),require("@react-icons/all-files/ri/RiRestartLine"),require("@radix-ui/react-dialog"),require("@radix-ui/react-collapsible"),require("@radix-ui/react-slot"),require("react-device-detect"),require("re-resizable"),require("react-transition-group"),require("react-dom"),require("@radix-ui/react-dismissable-layer"),require("@radix-ui/react-toggle-group"),require("@radix-ui/react-toolbar"),require("@radix-ui/react-toast"),require("@radix-ui/react-toggle"),require("react-error-boundary"),require("@floating-ui/react"),require("@table-library/react-table-library/table.js"),require("@table-library/react-table-library/theme.js"),require("@table-library/react-table-library/sort.js"),require("@table-library/react-table-library/select.js"),require("@table-library/react-table-library/pagination.js")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@radix-ui/themes","react","react-responsive","@react-hook/resize-observer","@react-icons/all-files/ri/RiAccountBoxLine","@react-icons/all-files/ri/RiAddLine","@react-icons/all-files/ri/RiAlertLine","@react-icons/all-files/ri/RiArrowDownSLine","@react-icons/all-files/ri/RiArrowLeftDoubleLine","@react-icons/all-files/ri/RiArrowLeftLine","@react-icons/all-files/ri/RiArrowLeftSLine","@react-icons/all-files/ri/RiArrowRightDoubleLine","@react-icons/all-files/ri/RiArrowRightLine","@react-icons/all-files/ri/RiArrowRightSLine","@react-icons/all-files/ri/RiArrowUpLine","@react-icons/all-files/ri/RiArrowUpSLine","@react-icons/all-files/ri/RiArticleFill","@react-icons/all-files/ri/RiAttachment2","@react-icons/all-files/ri/RiBankCardFill","@react-icons/all-files/ri/RiBarChartFill","@react-icons/all-files/ri/RiBardFill","@react-icons/all-files/ri/RiBold","@react-icons/all-files/ri/RiBugLine","@react-icons/all-files/ri/RiBuilding2Fill","@react-icons/all-files/ri/RiCalendarEventFill","@react-icons/all-files/ri/RiCalendarFill","@react-icons/all-files/ri/RiCheckLine","@react-icons/all-files/ri/RiCheckboxBlankFill","@react-icons/all-files/ri/RiCircleFill","@react-icons/all-files/ri/RiCircleLine","@react-icons/all-files/ri/RiCloseLargeLine","@react-icons/all-files/ri/RiCloseLine","@react-icons/all-files/ri/RiColorFilterFill","@react-icons/all-files/ri/RiCommunityLine","@react-icons/all-files/ri/RiDeleteBin2Line","@react-icons/all-files/ri/RiDeleteBin7Fill","@react-icons/all-files/ri/RiDeleteBin7Line","@react-icons/all-files/ri/RiDownload2Line","@react-icons/all-files/ri/RiDraggable","@react-icons/all-files/ri/RiEqualizerFill","@react-icons/all-files/ri/RiEqualizerLine","@react-icons/all-files/ri/RiErrorWarningLine","@react-icons/all-files/ri/RiExpandDiagonalFill","@react-icons/all-files/ri/RiExpandDiagonalLine","@react-icons/all-files/ri/RiExportFill","@react-icons/all-files/ri/RiExpandUpDownLine","@react-icons/all-files/ri/RiExternalLinkFill","@react-icons/all-files/ri/RiExternalLinkLine","@react-icons/all-files/ri/RiFile3Fill","@react-icons/all-files/ri/RiFileCopyFill","@react-icons/all-files/ri/RiFileCopyLine","@react-icons/all-files/ri/RiFileTextFill","@react-icons/all-files/ri/RiFilter3Line","@react-icons/all-files/ri/RiFunctionFill","@react-icons/all-files/ri/RiHome2Line","@react-icons/all-files/ri/RiHomeLine","@react-icons/all-files/ri/RiImportFill","@react-icons/all-files/ri/RiInformationLine","@react-icons/all-files/ri/RiInstanceLine","@react-icons/all-files/ri/RiLayoutColumnLine","@react-icons/all-files/ri/RiLayoutLeftLine","@react-icons/all-files/ri/RiLayoutRightLine","@react-icons/all-files/ri/RiLink","@react-icons/all-files/ri/RiLinkUnlink","@react-icons/all-files/ri/RiLoginBoxLine","@react-icons/all-files/ri/RiLogoutBoxLine","@react-icons/all-files/ri/RiLoopLeftLine","@react-icons/all-files/ri/RiMapPin5Fill","@react-icons/all-files/ri/RiMarkupFill","@react-icons/all-files/ri/RiMenuLine","@react-icons/all-files/ri/RiMoonFill","@react-icons/all-files/ri/RiMore2Fill","@react-icons/all-files/ri/RiMoreFill","@react-icons/all-files/ri/RiMusic2Fill","@react-icons/all-files/ri/RiPencilFill","@react-icons/all-files/ri/RiPencilLine","@react-icons/all-files/ri/RiPlayFill","@react-icons/all-files/ri/RiQuestionLine","@react-icons/all-files/ri/RiQuestionMark","@react-icons/all-files/ri/RiRoadMapFill","@react-icons/all-files/ri/RiSearchLine","@react-icons/all-files/ri/RiSettings2Line","@react-icons/all-files/ri/RiSquareFill","@react-icons/all-files/ri/RiSquareLine","@react-icons/all-files/ri/RiStarLine","@react-icons/all-files/ri/RiSubtractLine","@react-icons/all-files/ri/RiSunFill","@react-icons/all-files/ri/RiThumbDownFill","@react-icons/all-files/ri/RiThumbDownLine","@react-icons/all-files/ri/RiThumbUpFill","@react-icons/all-files/ri/RiThumbUpLine","@react-icons/all-files/ri/RiUploadLine","@react-icons/all-files/ri/RiUser2Fill","@react-icons/all-files/ri/RiUser3Fill","@react-icons/all-files/ri/RiUserAddFill","@react-icons/all-files/ri/RiUserLine","@react-icons/all-files/ri/RiListUnordered","@react-icons/all-files/ri/RiListCheck","@react-icons/all-files/ri/RiListOrdered","@react-icons/all-files/ri/RiTableView","@react-icons/all-files/ri/RiRefreshLine","@react-icons/all-files/ri/RiArrowDownSFill","@react-icons/all-files/ri/RiItalic","@react-icons/all-files/ri/RiStrikethrough","@react-icons/all-files/ri/RiUnderline","@react-icons/all-files/ri/RiQuoteText","@react-icons/all-files/ri/RiFontColor","@react-icons/all-files/ri/RiMarkPenFill","@react-icons/all-files/ri/RiDragDropLine","@react-icons/all-files/ri/RiNavigationFill","@react-icons/all-files/ri/RiEyeOffFill","@react-icons/all-files/ri/RiCloseCircleFill","@react-icons/all-files/ri/RiDragMoveFill","@react-icons/all-files/ri/RiMapPin2Fill","@react-icons/all-files/ri/RiH1","@react-icons/all-files/ri/RiH2","@react-icons/all-files/ri/RiH3","@react-icons/all-files/ri/RiSeparator","@react-icons/all-files/ri/RiUserForbidFill","@react-icons/all-files/ri/RiArrowGoBackLine","@react-icons/all-files/ri/RiFileCopy2Line","@react-icons/all-files/ri/RiArrowDropDownLine","@react-icons/all-files/ri/RiTimeLine","@react-icons/all-files/ri/RiFocus3Line","@react-icons/all-files/ri/RiArrowUpSFill","@react-icons/all-files/ri/RiRestartLine","@radix-ui/react-dialog","@radix-ui/react-collapsible","@radix-ui/react-slot","react-device-detect","re-resizable","react-transition-group","react-dom","@radix-ui/react-dismissable-layer","@radix-ui/react-toggle-group","@radix-ui/react-toolbar","@radix-ui/react-toast","@radix-ui/react-toggle","react-error-boundary","@floating-ui/react","@table-library/react-table-library/table.js","@table-library/react-table-library/theme.js","@table-library/react-table-library/sort.js","@table-library/react-table-library/select.js","@table-library/react-table-library/pagination.js"],t):(d=typeof globalThis<"u"?globalThis:d||self,t(d.blocks={},d.jsxRuntime,d.themes,d.React,d.reactResponsive,d.useResizeObserver,d.RiAccountBoxLine,d.RiAddLine,d.RiAlertLine,d.RiArrowDownSLine,d.RiArrowLeftDoubleLine,d.RiArrowLeftLine,d.RiArrowLeftSLine,d.RiArrowRightDoubleLine,d.RiArrowRightLine,d.RiArrowRightSLine,d.RiArrowUpLine,d.RiArrowUpSLine,d.RiArticleFill,d.RiAttachment2,d.RiBankCardFill,d.RiBarChartFill,d.RiBardFill,d.RiBold,d.RiBugLine,d.RiBuilding2Fill,d.RiCalendarEventFill,d.RiCalendarFill,d.RiCheckLine,d.RiCheckboxBlankFill,d.RiCircleFill,d.RiCircleLine,d.RiCloseLargeLine,d.RiCloseLine,d.RiColorFilterFill,d.RiCommunityLine,d.RiDeleteBin2Line,d.RiDeleteBin7Fill,d.RiDeleteBin7Line,d.RiDownload2Line,d.RiDraggable,d.RiEqualizerFill,d.RiEqualizerLine,d.RiErrorWarningLine,d.RiExpandDiagonalFill,d.RiExpandDiagonalLine,d.RiExportFill,d.RiExpandUpDownLine,d.RiExternalLinkFill,d.RiExternalLinkLine,d.RiFile3Fill,d.RiFileCopyFill,d.RiFileCopyLine,d.RiFileTextFill,d.RiFilter3Line,d.RiFunctionFill,d.RiHome2Line,d.RiHomeLine,d.RiImportFill,d.RiInformationLine,d.RiInstanceLine,d.RiLayoutColumnLine,d.RiLayoutLeftLine,d.RiLayoutRightLine,d.RiLink,d.RiLinkUnlink,d.RiLoginBoxLine,d.RiLogoutBoxLine,d.RiLoopLeftLine,d.RiMapPin5Fill,d.RiMarkupFill,d.RiMenuLine,d.RiMoonFill,d.RiMore2Fill,d.RiMoreFill,d.RiMusic2Fill,d.RiPencilFill,d.RiPencilLine,d.RiPlayFill,d.RiQuestionLine,d.RiQuestionMark,d.RiRoadMapFill,d.RiSearchLine,d.RiSettings2Line,d.RiSquareFill,d.RiSquareLine,d.RiStarLine,d.RiSubtractLine,d.RiSunFill,d.RiThumbDownFill,d.RiThumbDownLine,d.RiThumbUpFill,d.RiThumbUpLine,d.RiUploadLine,d.RiUser2Fill,d.RiUser3Fill,d.RiUserAddFill,d.RiUserLine,d.RiListUnordered,d.RiListCheck,d.RiListOrdered,d.RiTableView,d.RiRefreshLine,d.RiArrowDownSFill,d.RiItalic,d.RiStrikethrough,d.RiUnderline,d.RiQuoteText,d.RiFontColor,d.RiMarkPenFill,d.RiDragDropLine,d.RiNavigationFill,d.RiEyeOffFill,d.RiCloseCircleFill,d.RiDragMoveFill,d.RiMapPin2Fill,d.RiH1,d.RiH2,d.RiH3,d.RiSeparator,d.RiUserForbidFill,d.RiArrowGoBackLine,d.RiFileCopy2Line,d.RiArrowDropDownLine,d.RiTimeLine,d.RiFocus3Line,d.RiArrowUpSFill,d.RiRestartLine,d.RadixDialogPrimitive,d.RadixPrimitiveCollapsible,d.reactSlot,d.reactDeviceDetect,d.reResizable,d.reactTransitionGroup,d.ReactDOM,d.reactDismissableLayer,d.reactToggleGroup,d.reactToolbar,d.RadixToast,d.Toggle,d.reactErrorBoundary,d.react,d.table_js,d.theme_js,d.sort_js,d.select_js,d.pagination_js))})(this,function(d,t,m,e,Pe,qt,zt,Ut,Ht,Vt,Wt,jt,Gt,Qt,Kt,Xt,Yt,Jt,Zt,en,tn,nn,rn,on,ln,sn,an,cn,dn,un,fn,hn,pn,gn,Cn,mn,vn,Ln,Sn,yn,xn,wn,bn,_n,Fn,kn,En,Tn,Dn,Pn,An,Mn,On,In,$n,Nn,Rn,Bn,qn,zn,Un,Hn,Vn,Wn,jn,Gn,Qn,Kn,Xn,Yn,Jn,Zn,er,ir,tr,nr,rr,or,lr,sr,ar,cr,dr,ur,fr,hr,pr,gr,Cr,mr,vr,Lr,Sr,yr,xr,wr,br,_r,Fr,kr,Er,Tr,Dr,Pr,Ar,Mr,Or,Ir,$r,Nr,Rr,Br,qr,zr,Ur,Hr,Vr,Wr,jr,Gr,Qr,Kr,Xr,Yr,Jr,Zr,eo,io,to,no,Ae,ye,Me,Re,_i,ro,Fi,oo,ii,lo,ki,k,oe,so,Ei,xe,ao){"use strict";function Be(i){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const o in i)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(i,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:()=>i[o]})}}return n.default=i,Object.freeze(n)}const le=Be(to),Ti=Be(no),Oe=Be(ii),co=Be(lo);function uo(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Di={exports:{}};/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/(function(i){(function(){var n={}.hasOwnProperty;function o(){for(var r=[],s=0;s<arguments.length;s++){var l=arguments[s];if(l){var c=typeof l;if(c==="string"||c==="number")r.push(l);else if(Array.isArray(l)){if(l.length){var a=o.apply(null,l);a&&r.push(a)}}else if(c==="object"){if(l.toString!==Object.prototype.toString&&!l.toString.toString().includes("[native code]")){r.push(l.toString());continue}for(var u in l)n.call(l,u)&&l[u]&&r.push(u)}}}return r.join(" ")}i.exports?(o.default=o,i.exports=o):window.classNames=o})()})(Di);var fo=Di.exports;const F=uo(fo);function de(i,n){return e.useMemo(()=>{if(i!==void 0)if(typeof i=="object"){if(!("initial"in i))throw new Error("Expected initial property to be set in Responsive object");return Object.fromEntries(Object.entries(i).map(([o,r])=>[o,n[r]]))}else return n[i]},[n,i])}const ho={success:"green",danger:"red",warning:"amber",info:"gray"},Q=i=>{const n=m.useThemeContext();if(i)return i==="primary"?n.accentColor:ho[i]},Pi=()=>{const[i,n]=e.useState("initial"),[o,r]=e.useState("initial"),s=Pe.useMediaQuery({minWidth:"520px"}),l=Pe.useMediaQuery({minWidth:"768px"}),c=Pe.useMediaQuery({minWidth:"1024px"}),a=Pe.useMediaQuery({minWidth:"1280px"}),u=Pe.useMediaQuery({minWidth:"1640px"});return e.useLayoutEffect(()=>{r(f=>(n(f),u?"xl":a?"lg":c?"md":l?"sm":s?"xs":"initial"))},[a,c,l,u,s]),{size:o,prevSize:i,xs:s,sm:l,md:c,lg:a,xl:u}},ti=(i,n,o)=>{const[r,s]=e.useState([]),[l,c]=e.useState(!0),a=e.useCallback(p=>{const{repeat:h,key:C}=p;c(!0),!(h||r.includes(C))&&s(v=>[...v,C])},[r]),u=e.useCallback(p=>{const{key:h}=p;c(!1),r.includes(h)&&s(C=>{const v=[...C];return v.splice(C.indexOf(h),1),v})},[r]);e.useEffect(()=>(n||document.addEventListener("keydown",a,!0),()=>{document.removeEventListener("keydown",a,!0)}),[n,a]),e.useEffect(()=>(n||document.addEventListener("keyup",u,!0),()=>{document.removeEventListener("keyup",u,!0)}),[n,u]);const f=e.useMemo(()=>!n&&l&&r.length===i.length&&r.every(p=>i.includes(p)),[n,l,r,i]);return e.useEffect(()=>{f&&o()},[f,o]),f},po=i=>{const n=[];for(const o of e.Children.toArray(i))e.isValidElement(o)&&n.push(o);return n},go=()=>e.useCallback(i=>{i.stopPropagation()},[]);function Co(i,n){const[o,r]=e.useState([]),[s,l]=e.useState("");return e.useEffect(()=>{r(i.filter(c=>n(c,s)))},[n,s,i]),[o,s,l]}const mo=i=>{const[n,o]=e.useState();e.useLayoutEffect(()=>{var s;o((s=i.current)==null?void 0:s.getBoundingClientRect())},[i]);const r=e.useCallback(s=>{const l=s.contentRect;o(l)},[]);return qt(i,r),n},Ai=(i,n)=>{const o=i.indexOf(" ",n),r=o===-1?i:i.substring(0,o),s=o===-1?"":i.substring(o);return[r,s]},Mi=e.memo;function Oi(i){const{size:n}=Pi();if(i==null)return i;if(typeof i=="object")if("initial"in i)switch(n){case"xl":if(i.xl!==void 0)return i.xl;case"lg":if(i.lg!==void 0)return i.lg;case"md":if(i.md!==void 0)return i.md;case"sm":if(i.sm!==void 0)return i.sm;case"xs":if(i.xs!==void 0)return i.xs;case"initial":return i.initial}else throw new Error("Expected initial property to be set in Responsive object");return i}function ni(i){const{state:n,setState:o,initialState:r}=i,[s,l]=e.useState(r);return[n!==void 0?n:s,o!==void 0?o:l]}const vo=e.forwardRef(function({className:n,severity:o="primary",color:r,children:s,...l},c){const a=Q(o);return t.jsx(m.Badge,{className:F("overmap-badge",n),ref:c,color:r||a,...l,children:s})}),Lo=e.memo(vo),ri={zeroMinWidth:"_zeroMinWidth_curjh_1",zeroMinHeight:"_zeroMinHeight_curjh_5",radius:"_radius_curjh_9"},se=e.memo(e.forwardRef(({className:i,radius:n=!1,children:o,zeroMinWidth:r=!1,zeroMinHeight:s=!1,...l},c)=>t.jsx(m.Flex,{className:F(i,{[ri.radius]:n,[ri.zeroMinWidth]:r,[ri.zeroMinHeight]:s}),ref:c,...l,children:o}))),Ii=e.createContext({}),So=()=>e.useContext(Ii),yo=e.memo(e.forwardRef(({className:i,children:n,...o},r)=>{const{size:s,severity:l}=So(),c=Q(l);return t.jsx(m.Box,{className:F("overmap-breadcrumb-item",i),height:"max-content",width:"max-content",children:t.jsx(m.Link,{ref:r,size:s,color:c,...o,children:t.jsx(se,{height:"100%",width:"100%",align:"center",gap:"1",children:n})})})})),xo={Group:e.memo(e.forwardRef(({className:i,children:n,separator:o,severity:r="info",size:s,gap:l="2",...c},a)=>{const u=Q(r),f=po(n);return t.jsx(Ii.Provider,{value:{size:s,severity:r},children:t.jsx(se,{className:F("overmap-breadcrumb-group",i),ref:a,gap:l,role:"breadcrumb",height:"max-content",width:"max-content",...c,children:f.map((p,h)=>t.jsxs(t.Fragment,{children:[e.cloneElement(p,{key:h}),f.length-1!==h&&t.jsx(m.Text,{color:u,children:t.jsx(se,{height:"100%",width:"100%",align:"center",children:o})})]}))})})})),Item:yo},Ie={fluid:"_fluid_r73gr_1",hoverSpin90Clockwise:"_hoverSpin90Clockwise_r73gr_15",hoverSpin180Clockwise:"_hoverSpin180Clockwise_r73gr_25",hoverSpin360Clockwise:"_hoverSpin360Clockwise_r73gr_35"},$i={spin90Clockwise:Ie.hoverSpin90Clockwise,spin180Clockwise:Ie.hoverSpin180Clockwise,spin360Clockwise:Ie.hoverSpin360Clockwise},wo={role:"button",tabIndex:0,onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&i.currentTarget.click()}},we={small:"1",medium:"2",large:"3"},Ni=e.createContext({}),oi=()=>e.useContext(Ni),bo={spinner:"_spinner_1oknc_9",spin:"_spin_1oknc_9"},qe=e.memo(()=>t.jsx("div",{className:bo.spinner}));qe.displayName="Spinner";const _o=e.forwardRef(function(n,o){const r=oi(),{className:s,type:l="button",fluid:c=r.fluid??!1,size:a=r.size??"medium",severity:u=r.severity??"primary",hoverEffects:f=r.hoverEffects??[],variant:p=r.variant,highContrast:h=r.highContrast??!1,shortcut:C={keys:[],action:()=>{},disabled:!1},loading:v,children:L,disabled:x,...g}=n,w=Q(u),b=f.map(y=>$i[y]);return ti(C.keys,C.disabled||C.keys.length===0,C.action),t.jsx(m.Button,{ref:o,type:l,className:F(s,b,{[Ie.fluid]:c}),color:w,size:de(a,we),variant:p,disabled:v||x,highContrast:h,...g,children:v?t.jsx(qe,{}):L})}),be=e.memo(_o),Fo=e.forwardRef(function(n,o){const r=oi(),{className:s,children:l,type:c="button",fluid:a=r.fluid??!1,size:u=r.size??"medium",severity:f=r.severity??"primary",hoverEffects:p=r.hoverEffects??[],variant:h=r.variant,highContrast:C=r.highContrast??!1,shortcut:v={keys:[],action:()=>{},disabled:!1},...L}=n,x=Q(f),g=(p==null?void 0:p.map(w=>$i[w]))||[];return ti(v.keys,v.disabled||v.keys.length===0,v.action),t.jsx(m.IconButton,{className:F(s,g,{[Ie.fluid]:a}),ref:o,color:x,size:de(u,we),variant:h,type:c,highContrast:C,...L,children:l})}),K=e.memo(Fo),ko={merged:"_merged_wdgxo_1"},Eo={row:{small:"4",medium:"4",large:"5"},column:{small:"2",medium:"3",large:"4"}},To=e.forwardRef(function({className:n,merged:o=!1,children:r,gap:s,direction:l="row",severity:c,size:a="medium",variant:u,hoverEffects:f,fluid:p,highContrast:h,...C},v){const L=de(a,Eo[l]),x=u==="ghost"?L:"0";return t.jsx(m.Flex,{className:F("overmap-button-group",n,{[ko.merged]:o}),ref:v,gap:o?s??x:s??"2",direction:l,"data-direction":l,...C,children:t.jsx(Ni.Provider,{value:{size:a,severity:c,variant:u,hoverEffects:f,fluid:p,highContrast:h},children:r})})}),li=e.memo(To),Do={separators:"_separators_1f7v1_1"},Po=e.memo(e.forwardRef((i,n)=>{const{children:o,border:r,before:s,after:l,size:c}=i,a=r?"surface":"ghost",u=de(c,we),f=s&&l?t.jsx(m.Inset,{side:"x",pt:"current",pb:"current",children:o}):s?t.jsx(m.Inset,{side:"bottom",pt:"current",children:o}):l?t.jsx(m.Inset,{side:"top",pb:"current",children:o}):t.jsx(m.Inset,{children:o}),p=t.jsxs(m.Card,{ref:n,size:u,variant:a,children:[s,f,l]});return a==="ghost"?t.jsx(m.Box,{p:"3",children:p}):p})),Ao=e.memo(e.forwardRef((i,n)=>{const{children:o,variant:r="outline",size:s,className:l,...c}=i,a=r==="outline"||r==="surface",u=r==="outline"?"ghost":r==="surface"?"soft":r;return t.jsx(Po,{...c,border:a,size:s,children:t.jsx(li,{size:s,severity:"info",variant:u,className:F(l,Do.separators),merged:!0,gap:"0",direction:"column",ref:n,children:o})})})),Mo=e.memo(e.forwardRef((i,n)=>{const{variant:o}=oi(),r=t.jsx(be,{ref:n,...i,radius:"large",variant:o});return o==="ghost"?t.jsx(m.Box,{asChild:!0,my:"1",mx:"2",children:r}):r})),Oo={Root:Ao,Item:Mo},si={RiAccountBoxLine:zt.RiAccountBoxLine,RiAddLine:Ut.RiAddLine,RiAlertLine:Ht.RiAlertLine,RiArrowDownSFill:Pr.RiArrowDownSFill,RiArrowDownSLine:Vt.RiArrowDownSLine,RiArrowDropDownLine:Yr.RiArrowDropDownLine,RiArrowGoBackLine:Kr.RiArrowGoBackLine,RiArrowLeftDoubleLine:Wt.RiArrowLeftDoubleLine,RiArrowLeftLine:jt.RiArrowLeftLine,RiArrowLeftSLine:Gt.RiArrowLeftSLine,RiArrowRightDoubleLine:Qt.RiArrowRightDoubleLine,RiArrowRightLine:Kt.RiArrowRightLine,RiArrowRightSLine:Xt.RiArrowRightSLine,RiArrowUpLine:Yt.RiArrowUpLine,RiArrowUpSFill:eo.RiArrowUpSFill,RiArrowUpSLine:Jt.RiArrowUpSLine,RiArticleFill:Zt.RiArticleFill,RiAttachment2:en.RiAttachment2,RiBankCardFill:tn.RiBankCardFill,RiBarChartFill:nn.RiBarChartFill,RiBardFill:rn.RiBardFill,RiBold:on.RiBold,RiBugLine:ln.RiBugLine,RiBuilding2Fill:sn.RiBuilding2Fill,RiCalendarEventFill:an.RiCalendarEventFill,RiCalendarFill:cn.RiCalendarFill,RiCheckLine:dn.RiCheckLine,RiCheckboxBlankFill:un.RiCheckboxBlankFill,RiCircleFill:fn.RiCircleFill,RiCircleLine:hn.RiCircleLine,RiCloseCircleFill:zr.RiCloseCircleFill,RiCloseLargeLine:pn.RiCloseLargeLine,RiCloseLine:gn.RiCloseLine,RiColorFilterFill:Cn.RiColorFilterFill,RiCommunityLine:mn.RiCommunityLine,RiDeleteBin2Line:vn.RiDeleteBin2Line,RiDeleteBin7Fill:Ln.RiDeleteBin7Fill,RiDeleteBin7Line:Sn.RiDeleteBin7Line,RiDownload2Line:yn.RiDownload2Line,RiDragDropLine:Rr.RiDragDropLine,RiDragMoveFill:Ur.RiDragMoveFill,RiDraggable:xn.RiDraggable,RiEqualizerFill:wn.RiEqualizerFill,RiEqualizerLine:bn.RiEqualizerLine,RiErrorWarningLine:_n.RiErrorWarningLine,RiExpandDiagonalFill:Fn.RiExpandDiagonalFill,RiExpandDiagonalLine:kn.RiExpandDiagonalLine,RiExpandUpDownLine:Tn.RiExpandUpDownLine,RiExportFill:En.RiExportFill,RiExternalLinkFill:Dn.RiExternalLinkFill,RiExternalLinkLine:Pn.RiExternalLinkLine,RiEyeOffFill:qr.RiEyeOffFill,RiFile3Fill:An.RiFile3Fill,RiFileCopy2Line:Xr.RiFileCopy2Line,RiFileCopyFill:Mn.RiFileCopyFill,RiFileCopyLine:On.RiFileCopyLine,RiFileTextFill:In.RiFileTextFill,RiFilter3Line:$n.RiFilter3Line,RiFocus3Line:Zr.RiFocus3Line,RiFontColor:$r.RiFontColor,RiFunctionFill:Nn.RiFunctionFill,RiH1:Vr.RiH1,RiH2:Wr.RiH2,RiH3:jr.RiH3,RiHome2Line:Rn.RiHome2Line,RiHomeLine:Bn.RiHomeLine,RiImportFill:qn.RiImportFill,RiInformationLine:zn.RiInformationLine,RiInstanceLine:Un.RiInstanceLine,RiItalic:Ar.RiItalic,RiLayoutColumnLine:Hn.RiLayoutColumnLine,RiLayoutLeftLine:Vn.RiLayoutLeftLine,RiLayoutRightLine:Wn.RiLayoutRightLine,RiLink:jn.RiLink,RiLinkUnlink:Gn.RiLinkUnlink,RiListCheck:kr.RiListCheck,RiListOrdered:Er.RiListOrdered,RiListUnordered:Fr.RiListUnordered,RiLoginBoxLine:Qn.RiLoginBoxLine,RiLogoutBoxLine:Kn.RiLogoutBoxLine,RiLoopLeftLine:Xn.RiLoopLeftLine,RiMapPin2Fill:Hr.RiMapPin2Fill,RiMapPin5Fill:Yn.RiMapPin5Fill,RiMarkPenFill:Nr.RiMarkPenFill,RiMarkupFill:Jn.RiMarkupFill,RiMenuLine:Zn.RiMenuLine,RiMoonFill:er.RiMoonFill,RiMore2Fill:ir.RiMore2Fill,RiMoreFill:tr.RiMoreFill,RiMusic2Fill:nr.RiMusic2Fill,RiNavigationFill:Br.RiNavigationFill,RiPencilFill:rr.RiPencilFill,RiPencilLine:or.RiPencilLine,RiPlayFill:lr.RiPlayFill,RiQuestionLine:sr.RiQuestionLine,RiQuestionMark:ar.RiQuestionMark,RiQuoteText:Ir.RiQuoteText,RiRefreshLine:Dr.RiRefreshLine,RiRestartLine:io.RiRestartLine,RiRoadMapFill:cr.RiRoadMapFill,RiSearchLine:dr.RiSearchLine,RiSeparator:Gr.RiSeparator,RiSettings2Line:ur.RiSettings2Line,RiSquareFill:fr.RiSquareFill,RiSquareLine:hr.RiSquareLine,RiStarLine:pr.RiStarLine,RiStrikethrough:Mr.RiStrikethrough,RiSubtractLine:gr.RiSubtractLine,RiSunFill:Cr.RiSunFill,RiTableView:Tr.RiTableView,RiThumbDownFill:mr.RiThumbDownFill,RiThumbDownLine:vr.RiThumbDownLine,RiThumbUpFill:Lr.RiThumbUpFill,RiThumbUpLine:Sr.RiThumbUpLine,RiTimeLine:Jr.RiTimeLine,RiUnderline:Or.RiUnderline,RiUploadLine:yr.RiUploadLine,RiUser2Fill:xr.RiUser2Fill,RiUser3Fill:wr.RiUser3Fill,RiUserAddFill:br.RiUserAddFill,RiUserForbidFill:Qr.RiUserForbidFill,RiUserLine:_r.RiUserLine},Ri="15px",M=e.memo(i=>{const{size:n=Ri,icon:o,...r}=i;let s=i.icon;(!s||!si[s])&&(console.error(`You have specified an icon that is not in the list of used icons: ${s}`),s="RiQuestionMark");const l=si[s];return l||console.error(`You have specified an icon that is not in the list of used icons: ${s}`),t.jsx(l,{...r,size:n})});M.displayName="IconComponent";const Io=e.memo(function(n){const{title:o,description:r,content:s,closeDialog:l}=n;return t.jsxs(m.Flex,{direction:"column",gap:"2",grow:"1",children:[t.jsxs(m.Flex,{direction:"column",gap:"1",children:[t.jsxs(m.Flex,{justify:"between",children:[t.jsx(m.Dialog.Title,{mb:"0",children:o}),t.jsx(m.Dialog.Close,{children:t.jsx(m.IconButton,{color:"gray",variant:"ghost","aria-label":"Close",children:t.jsx(M,{icon:"RiCloseLargeLine"})})})]}),r&&t.jsx(m.Dialog.Description,{children:r})]}),s(l)]})}),$o=e.memo(e.forwardRef((i,n)=>{const{children:o,content:r,title:s,description:l,onOpen:c,onClose:a,defaultOpen:u,onCloseInterrupt:f,open:p,onOpenChange:h,...C}=i,[v,L]=e.useState(u??!1),x=p??v;if((f||c)&&h)throw new Error("Neither the `onCloseInterrupt` nor `onOpen` props can be used with `onOpenChange`.");if(p!==void 0&&h===void 0)throw new Error("The `open` prop requires the `onOpenChange` prop.");if(!o&&p===void 0)throw new Error("Either the `children` or `open` prop must be defined.");if(o&&p!==void 0)throw new Error("The `children` and `open` props cannot be used together.");const g=e.useCallback(b=>{if(h)return h(b);if(b&&c)c();else{if(!b&&f)return f(()=>{L(!1),a&&a()});!b&&a&&a()}L(b)},[h,c,a,f]),w=e.useCallback(b=>{if(b!=null&&b.force)return L(!1);g(!1)},[g]);return t.jsxs(m.Dialog.Root,{open:x,onOpenChange:g,children:[t.jsx(m.Dialog.Trigger,{children:o}),t.jsx(m.Dialog.Content,{ref:n,...C,children:t.jsx(Io,{closeDialog:w,content:r,title:s,description:l})})]})})),No=(i,n)=>e.useCallback((...o)=>r=>{i(...o),r(n)},[i,n]),Bi=i=>t.jsx(m.AlertDialog.Title,{mb:"0",...i}),Ro=i=>{const{title:n,description:o,actionText:r="Confirm",cancelText:s="Cancel",onAction:l,onCancel:c,severity:a}=i;return t.jsxs(m.Flex,{direction:"column",gap:"2",children:[t.jsxs(m.Flex,{direction:"column",gap:"1",children:[t.jsx(Bi,{children:n}),t.jsx(m.AlertDialog.Description,{children:o})]}),t.jsxs(m.Flex,{gap:"3",mt:"4",justify:"end",children:[t.jsx(m.AlertDialog.Cancel,{children:t.jsx(be,{variant:"soft",severity:"info",onClick:c,children:s})}),t.jsx(m.AlertDialog.Action,{children:t.jsx(be,{variant:"solid",severity:a,onClick:l,children:r})})]})]})},qi=e.memo(function(n){const{open:o,setOpen:r,children:s,...l}=n,c=e.useMemo(()=>({close:()=>r(!1),Title:Bi,Description:m.AlertDialog.Description}),[r]);return t.jsxs(m.AlertDialog.Root,{open:o,onOpenChange:r,children:[t.jsx(m.AlertDialog.Content,{children:"content"in l?l.content(c):t.jsx(Ro,{...l})}),s]})}),ai=e.createContext(()=>{throw new Error("No AlertDialogProvider found")}),Bo={content:()=>null},qo=e.memo(function({children:n}){const[o,r]=e.useState(!1),[s,l]=e.useState(Bo),c=e.useCallback(a=>{if(o)throw new Error("AlertDialog is already open");l(a),r(!0)},[o]);return t.jsx(qi,{open:o,setOpen:r,...s,children:t.jsx(ai.Provider,{value:c,children:n})})}),zi=()=>e.useContext(ai),zo=()=>{const i=zi();return e.useCallback(n=>i({title:"Discard changes?",description:"You have unsaved changes. Are you sure you want to discard them?",actionText:"Discard",severity:"danger",onAction:n.onDiscard,onCancel:n.onCancel}),[i])},Uo=e.memo(e.forwardRef((i,n)=>{const{children:o,defaultOpen:r=!1,onInterruptClose:s,content:l,onClose:c,open:a,onOpenChange:u,className:f,style:p,overlay:h=!1,overlayClass:C,overlayStyle:v}=i,[L,x]=e.useState(r??!1),g=e.useMemo(()=>a!==void 0?a:L,[a,L]),w=e.useCallback(y=>{u?u(y):!y&&s?s(()=>{x(!1),c&&c()}):y?x(y):(x(!1),c&&c())},[u,c,s]),b=e.useCallback(y=>{y!=null&&y.force?x(!1):w(!1)},[w]);return t.jsxs(le.Root,{open:g,onOpenChange:w,modal:h,children:[o!==void 0&&t.jsx(le.Trigger,{children:o}),t.jsx(le.Portal,{children:t.jsxs(t.Fragment,{children:[h&&t.jsx(m.Theme,{asChild:!0,children:t.jsx(le.Overlay,{className:C,style:v})}),t.jsx(m.Theme,{asChild:!0,children:t.jsx(le.Content,{className:f,style:p,ref:n,children:l(b)})})]})})]})})),Ui={OverlayContent:"_OverlayContent_1nr9w_1",OverlayOverlay:"_OverlayOverlay_1nr9w_6"},Ho=e.memo(e.forwardRef((i,n)=>{const{className:o,overlayClass:r,...s}=i;return t.jsx(Uo,{ref:n,overlayClass:F("overmap-overlay-overlay",Ui.OverlayOverlay,r),className:F("overmap-overlay-content",Ui.OverlayContent,o),...s})})),Hi=e.createContext({});function Vo(){return e.useContext(Hi)}const Wo={1:{gap:"1",px:"2",height:"5",fontSize:"var(--font-size-2)"},2:{gap:"2",px:"2",height:"6",fontSize:"var(--font-size-2)"},3:{gap:"2",px:"3",height:"7",fontSize:"var(--font-size-3)"},4:{gap:"2",px:"4",height:"8",fontSize:"var(--font-size-3)"},5:{gap:"3",px:"5",height:"9",fontSize:"var(--font-size-4)"}},Vi=e.createContext({}),Wi=()=>e.useContext(Vi),ze=e.memo(i=>{const{size:n,children:o,compact:r=!1}=i;return t.jsx(Vi.Provider,{value:{size:n,compact:r},children:o})});ze.displayName="OvermapItemGroup";const Ue=e.memo(e.forwardRef((i,n)=>{const o=Wi(),{leftSlot:r,compact:s=o.compact,rightSlot:l,children:c,size:a=o.size,style:u,...f}=i,p=Oi(a),{fontSize:h,...C}=Wo[p??"2"];return t.jsxs(m.Flex,{ref:n,align:"center",shrink:"0",style:{fontSize:h,...u},...C,...f,width:s?C.height:void 0,children:[!s&&r&&t.jsx(m.Flex,{width:"max-content",height:"max-content",align:"center",children:r}),t.jsx(m.Flex,{height:"max-content",align:"center",grow:"1",justify:s?"center":void 0,children:c}),!s&&l&&t.jsx(m.Flex,{width:"max-content",height:"max-content",align:"center",children:l})]})})),ji=Mi(function(i){const{meta:n,nodes:o,level:r=0,disabled:s}=i,[l,c]=e.useState(!1),{nodeRenderer:a,disabled:u,nodeGap:f,onNodeOpen:p,onNodeClose:h,onNodeClick:C,nodeStyles:v,nodeClassName:L,levelGap:x}=Vo(),g=s??u,w=e.useCallback(()=>{C&&C(n)},[n,C]),b=e.useCallback(()=>{c(!l),!l&&p&&p(n),l&&h&&h(n)},[n,h,p,l]),{children:y,leftSlot:E,rightSlot:A,style:P,className:T}=e.useMemo(()=>a({meta:n,toggleOpen:b,open:l,disabled:g}),[g,n,a,b,l]),V=e.useMemo(()=>({...v,...P}),[v,P]);return t.jsx(Ti.Root,{asChild:!0,open:l,disabled:g,children:t.jsxs(m.Flex,{width:"100%",direction:"column",children:[t.jsx(Ue,{onClick:w,disabled:s??u,className:F(L,T),style:V,leftSlot:E,rightSlot:A,"data-state":l?"open":"closed","data-disabled":g,children:y}),o&&o.length>0&&t.jsx(Ti.Content,{asChild:!0,children:t.jsx(m.Flex,{width:"100%",pl:x,height:"max-content",direction:"column",gap:f,pt:f,children:o.map((W,q)=>t.jsx(ji,{level:r+1,...W},`${r},${q}`))})})]})})}),jo=Mi(function(i){const{nodes:n,disabled:o=!1,nodeClassName:r,nodeStyles:s,size:l="2",nodeGap:c="0",levelGap:a="2",onNodeClick:u,onNodeClose:f,onNodeOpen:p,nodeRenderer:h,...C}=i;return t.jsx(Hi.Provider,{value:{nodeRenderer:h,nodeGap:c,levelGap:a,nodeClassName:r,nodeStyles:s,disabled:o,onNodeClick:u,onNodeClose:f,onNodeOpen:p},children:t.jsx(ze,{size:l,children:t.jsx(m.Flex,{width:"100%",height:"max-content",direction:"column",gap:c,...C,children:n.map((v,L)=>t.jsx(ji,{...v},`0,${L}`))})})})}),Gi=e.memo(i=>{const{children:n,file:o}=i,r=e.useRef(null),s=e.useMemo(()=>URL.createObjectURL(o),[o]),l=e.useCallback(()=>{r.current&&r.current.click()},[]);return t.jsxs(t.Fragment,{children:[t.jsx(Ae.Slot,{onClick:l,children:n}),t.jsx("a",{style:{display:"none"},href:s,target:"_blank",rel:"noreferrer",ref:r})]})});Gi.displayName="DownloadButtonUtility";const He=e.memo(function({children:n}){const[o,r]=e.useState(ye.isMobile),s=e.useCallback(()=>{r(!0)},[]),l=e.useCallback(()=>{r(ye.isMobile)},[]);return n({isHovered:o,onPointerEnter:s,onPointerLeave:l})}),Qi={fluid:"_fluid_7n1wr_1"},Go=e.forwardRef(function({className:n,fluid:o,size:r="medium",variant:s="surface",severity:l="primary",itemSeverity:c="info",placeholder:a="Select",side:u,items:f=[],value:p,id:h,...C},v){const L=de(r,we),x=Q(l),g=Q(c);return e.createElement(m.Select.Root,{size:L,...C,key:p===void 0?1:0,value:p},t.jsx(m.Select.Trigger,{className:F(n,{[Qi.fluid]:o}),id:h,ref:v,variant:s,placeholder:a,color:x}),t.jsx(m.Select.Content,{side:u,className:Qi.contentDefault,position:"popper",variant:s!=="surface"?"soft":"solid",color:g,children:f.map(({itemContent:w,value:b,...y})=>t.jsx(m.Select.Item,{className:"overmap-select-item",value:b,...y,children:w},b))}))}),Ki=e.memo(Go),Xi=e.memo(e.forwardRef((i,n)=>{const{checked:o,label:r,value:s,size:l="2"}=i;return t.jsx(m.Box,{asChild:!0,px:l,children:t.jsx(m.Select.Item,{value:s,ref:n,children:t.jsxs(m.Flex,{gap:l,align:"center",children:[t.jsx(m.Checkbox,{checked:o}),r]})})})})),Ve="__select_all__",Qo=e.memo(e.forwardRef((i,n)=>{const[o,r]=e.useState(!1),{placeholder:s,value:l,onValueChange:c,options:a,disabled:u,name:f,...p}=i,h=de(i.size,we),C=Q(i.severity),v=e.useMemo(()=>new Map(a.map(b=>[b.value,b.label])),[a]),L=l.length>4?`${l.length} options selected`:t.jsx("span",{children:l.flatMap(b=>[v.get(b),", "]).slice(0,-1)}),x=e.useCallback(()=>r(!1),[]),g=e.useCallback(b=>{b&&r(!0)},[]),w=e.useCallback(b=>{let y;b===Ve?y=l.length===a.length?[]:a.map(A=>A.value):y=l.includes(b)?l.filter(E=>E!==b):[...l,b],c(y)},[c,a,l]);return e.useEffect(()=>{if(a.some(({value:b})=>b===Ve))throw new Error(`Cannot have an option with the value "${Ve}"`)},[a]),t.jsxs(m.Select.Root,{open:o,value:"",onOpenChange:g,onValueChange:w,disabled:u,size:h,name:f,autoComplete:"off",children:[t.jsx(m.Select.Trigger,{ref:n,color:C,placeholder:l.length>0?L:s,"data-placeholder":l.length>0?void 0:!0,...p}),t.jsxs(m.Select.Content,{color:"gray",variant:"soft",position:"popper",onEscapeKeyDown:x,onPointerDownOutside:x,children:[t.jsx(Xi,{value:Ve,label:"Select all",checked:l.length===a.length,size:h}),a.map(b=>t.jsx(Xi,{...b,checked:l.includes(b.value),size:h},b.value))]})]})})),Ko={default:"_default_u936h_1"},Xo=e.forwardRef(function({className:n,severity:o="primary",icon:r,defaultChecked:s=!1,onCheckedChange:l,...c},a){const u=e.useRef(null),[f,p]=e.useState(c.checked?c.checked:s),[h,C]=e.useState(),v=Q(o);e.useLayoutEffect(()=>{var w;const g=a||u;"current"in g&&g.current&&C((w=g.current)==null?void 0:w.querySelector("span.rt-SwitchThumb"))},[a]);const L=e.useCallback(g=>{p(g),l&&l(g)},[l]),x=c.checked?c.checked:f;return t.jsxs(t.Fragment,{children:[t.jsx(m.Switch,{className:F("overmap-switch",n,Ko.default),ref:a||u,color:v,radius:"full",defaultChecked:s,onCheckedChange:L,...c}),t.jsx(m.Portal,{container:h,asChild:!0,children:r&&"checked"in r?x?r.checked:r.unchecked:r})]})}),Yo=e.memo(Xo),_e={sidebarContent:"_sidebarContent_1onyo_1",right:"_right_1onyo_7",resizeHandle:"_resizeHandle_1onyo_10",left:"_left_1onyo_13",overlay:"_overlay_1onyo_33"},Jo={width:"auto",height:"100%"},Zo=e.forwardRef(function({side:n="left",modal:o=!0,children:r,open:s,containerSelector:l,overlay:c=!0,resizable:a=!0,minWidth:u="300px",maxWidth:f="500px",...p},h){const C=n==="right",v=n==="left",[L,x]=e.useState();return e.useEffect(()=>{const g=l??'[data-is-root-theme="true"]',w=document.querySelector(g);if(w===void 0)throw new Error(`Could not find a container element using the following selector ${g}`);x(w)},[l]),t.jsx(le.Root,{open:s,modal:o,children:t.jsxs(le.Portal,{container:L,children:[c&&t.jsx(le.Overlay,{className:F(_e.overlay)}),t.jsx(le.Content,{className:F("overmap-sidebar","rt-DialogContent",_e.sidebarContent,{[_e.left]:v,[_e.right]:C}),ref:h,asChild:!0,...p,children:t.jsx(m.Box,{width:"auto",children:t.jsx(Me.Resizable,{minWidth:u,maxWidth:f,defaultSize:Jo,enable:{right:a&&v,left:a&&C},handleClasses:{left:_e.resizeHandle,right:_e.resizeHandle},handleComponent:{right:t.jsx(M,{icon:"RiDraggable"}),left:t.jsx(M,{icon:"RiDraggable"})},children:r})})})]})})}),el=e.memo(Zo),ci=e.createContext({}),Ce=()=>e.useContext(ci),Yi=e.memo(i=>{const{children:n,small:o=!1,hideLayout:r=!1}=i,[s,l]=e.useState(!1),[c,a]=e.useState(!1),u=e.useMemo(()=>({small:o,hideLayout:r,showLeftSlideOut:s,setShowLeftSlideOut:l,showRightSlideOut:c,setShowRightSlideOut:a}),[r,s,c,o]);return t.jsx(ci.Provider,{value:u,children:n})});Yi.displayName="Layout.Root";const il=e.memo(e.forwardRef((i,n)=>{const{children:o,style:r,grow:s="1",height:l="100%",position:c,...a}=i,{hideLayout:u=!1}=Ce();return!u&&t.jsx(m.Flex,{ref:n,grow:s,height:l,position:c,style:r,...a,children:o})})),tl=e.memo(e.forwardRef((i,n)=>{const{className:o,style:r,active:s,side:l,smallModeOnly:c=!1}=i,{small:a,hideLayout:u,showLeftSlideOut:f,showRightSlideOut:p}=Ce();return e.useMemo(()=>s!==void 0?s:u||c&&!a?!1:l==="left"?f:p,[s,u,f,p,l,a,c])&&t.jsx(m.Flex,{className:F("overmap-layout-overlay",o),style:{...r},ref:n,position:"absolute",inset:"0"})}));function nl(i,n=globalThis==null?void 0:globalThis.document.body){const o=ll(i),r=e.useRef(!1),s=e.useRef(()=>{});return e.useEffect(()=>{const l=a=>{if(a.target&&!r.current){const u={originalEvent:a},f=()=>{ol("pointerDownOutside",o,u,{discrete:!0})};a.pointerType==="touch"?(n.removeEventListener("click",s.current),s.current=f,n.addEventListener("click",s.current,{once:!0})):f()}else n.removeEventListener("click",s.current);r.current=!1},c=window.setTimeout(()=>{n.addEventListener("pointerdown",l)},0);return()=>{window.clearTimeout(c),n.removeEventListener("pointerdown",l),n.removeEventListener("click",s.current)}},[n,o]),{onPointerDownCapture:()=>r.current=!0}}function rl(i,n){i&&_i.flushSync(()=>i.dispatchEvent(n))}function ol(i,n,o,{discrete:r}){const s=o.originalEvent.target,l=new CustomEvent(i,{bubbles:!1,cancelable:!0,detail:o});n&&s.addEventListener(i,n,{once:!0}),r?rl(s,l):s.dispatchEvent(l)}function ll(i){const n=e.useRef(i);return e.useEffect(()=>{n.current=i}),e.useMemo(()=>(...o)=>{var r;return(r=n.current)==null?void 0:r.call(n,...o)},[])}const ee={EnterRight:"_EnterRight_1jwyv_2",EnterActiveRight:"_EnterActiveRight_1jwyv_6",EnterDoneRight:"_EnterDoneRight_1jwyv_11",ExitRight:"_ExitRight_1jwyv_15",ExitActiveRight:"_ExitActiveRight_1jwyv_19",ExitDoneRight:"_ExitDoneRight_1jwyv_24",EnterLeft:"_EnterLeft_1jwyv_29",EnterActiveLeft:"_EnterActiveLeft_1jwyv_33",EnterDoneLeft:"_EnterDoneLeft_1jwyv_38",ExitLeft:"_ExitLeft_1jwyv_42",ExitActiveLeft:"_ExitActiveLeft_1jwyv_46",ExitDoneLeft:"_ExitDoneLeft_1jwyv_51",Overlay:"_Overlay_1jwyv_56"},sl=200,Ji=e.memo(e.forwardRef((i,n)=>{const{className:o,style:r,children:s,open:l,hide:c=!1,modal:a=!1,overlayComponent:u,resizeable:f=!0,side:p,position:h="relative",initialWidth:C,minWidth:v,maxWidth:L,onDismiss:x,onOpening:g,onClosed:w,content:b}=i,y=p==="left",[E,A]=e.useState(document.body),P=e.useRef(null),[T,V]=e.useState(C),W=e.useCallback((R,Z,J,Le)=>{V(J.clientWidth)},[]),q=e.useCallback(()=>{a&&x&&x()},[a,x]),j=e.useCallback(R=>{R&&A(R)},[]);e.useEffect(()=>{V(C)},[C]),e.useEffect(()=>{if(!P.current)return;const R=P.current.style.pointerEvents;return l&&a&&(P.current.style.pointerEvents="none"),()=>{P.current&&(P.current.style.pointerEvents=R)}},[a,l,E.style]);const{onPointerDownCapture:G}=nl(q,E),$=e.useMemo(()=>({enter:y?ee.EnterLeft:ee.EnterRight,enterActive:y?ee.EnterActiveLeft:ee.EnterActiveRight,enterDone:y?ee.EnterDoneLeft:ee.EnterDoneRight,exit:y?ee.ExitLeft:ee.ExitRight,exitActive:y?ee.ExitActiveLeft:ee.ExitActiveRight,exitDone:y?ee.ExitDoneLeft:ee.ExitDoneRight}),[y]),Y=e.useMemo(()=>({width:T,height:"100%"}),[T]),he=e.useMemo(()=>({position:h,"--slide-out-width":`${T}${typeof T=="number"?"px":""}`}),[h,T]),O=e.useMemo(()=>({left:f&&!y,right:f&&y}),[y,f]),N=e.useMemo(()=>t.jsx(Re.CSSTransition,{classNames:$,in:l,timeout:sl,unmountOnExit:!0,mountOnEnter:!0,onEntering:g,onExited:w,children:t.jsx(m.Flex,{className:o,top:"0",bottom:"0",left:y?"0":void 0,right:y?void 0:"0",position:h,asChild:!0,style:r,onPointerDownCapture:G,ref:n,children:t.jsx(Me.Resizable,{as:"div",onResize:W,size:Y,style:he,minWidth:v,maxWidth:L,enable:O,children:b})})}),[$,l,g,w,o,y,h,r,G,n,W,Y,he,v,L,O,b]);return t.jsxs(m.Flex,{ref:j,width:"100%",height:"100%",direction:"row",position:"relative",style:{overflow:"hidden",maxWidth:"100%",maxHeight:"100%"},children:[p==="left"&&!c&&t.jsxs(t.Fragment,{children:[l&&u," ",b&&N]}),t.jsx(m.Flex,{ref:P,grow:"1",height:"100%",style:{maxWidth:"100%",maxHeight:"100%",overflow:"hidden"},children:s}),p==="right"&&!c&&t.jsxs(t.Fragment,{children:[l&&u," ",b&&N]})]})})),al="30%",Zi=e.memo(e.forwardRef((i,n)=>{const{small:o,hideLayout:r}=Ce(),{className:s,showSlideOut:l,setShowSlideOut:c,defaultOpen:a,side:u,...f}=i;e.useEffect(()=>{o&&(a==null?void 0:a.small)!==void 0?c(a==null?void 0:a.small):!o&&(a==null?void 0:a.large)!==void 0&&c(a==null?void 0:a.large)},[a,c,o]);const p=e.useCallback(()=>{c(!1)},[c]),h=e.useMemo(()=>({open:l,initialWidth:al,modal:o,onDismiss:p,position:o?"absolute":"relative",...f}),[p,f,l,o]);return!r&&t.jsx(Ji,{className:F(`overmap-layout-slideOut-${u}`,s),side:u,ref:n,...h})})),cl=e.memo(e.forwardRef((i,n)=>{const{showLeftSlideOut:o,setShowLeftSlideOut:r}=Ce();return t.jsx(Zi,{side:"left",showSlideOut:o,setShowSlideOut:r,ref:n,...i})})),dl=e.memo(e.forwardRef((i,n)=>{const{showRightSlideOut:o,setShowRightSlideOut:r}=Ce();return t.jsx(Zi,{side:"right",showSlideOut:o,setShowSlideOut:r,ref:n,...i})}));function ul(i,n){switch(n){case"toggle":return!i;case"open":return!0;case"close":return!1}}const fl=e.memo(e.forwardRef((i,n)=>{const{side:o,type:r="toggle",children:s}=i,{setShowLeftSlideOut:l,setShowRightSlideOut:c}=Ce(),a=e.useCallback(()=>{(o==="left"?l:c)(f=>ul(f,r))},[l,c,o,r]);return t.jsx(Ae.Slot,{ref:n,onClick:a,children:s})})),hl={Root:Yi,Container:il,SlideOutOverlay:tl,LeftSlideOut:cl,RightSlideOut:dl,SlideOutTrigger:fl},ie={EnterRight:"_EnterRight_1jwyv_2",EnterActiveRight:"_EnterActiveRight_1jwyv_6",EnterDoneRight:"_EnterDoneRight_1jwyv_11",ExitRight:"_ExitRight_1jwyv_15",ExitActiveRight:"_ExitActiveRight_1jwyv_19",ExitDoneRight:"_ExitDoneRight_1jwyv_24",EnterLeft:"_EnterLeft_1jwyv_29",EnterActiveLeft:"_EnterActiveLeft_1jwyv_33",EnterDoneLeft:"_EnterDoneLeft_1jwyv_38",ExitLeft:"_ExitLeft_1jwyv_42",ExitActiveLeft:"_ExitActiveLeft_1jwyv_46",ExitDoneLeft:"_ExitDoneLeft_1jwyv_51",Overlay:"_Overlay_1jwyv_56"},pl=200,gl=e.memo(e.forwardRef((i,n)=>{const{className:o,style:r,children:s,open:l,modal:c=!1,resizeable:a=!0,side:u,position:f="relative",initialWidth:p,minWidth:h,maxWidth:C,onDismiss:v,onOpening:L,onClosed:x}=i,g=u==="left",[w,b]=e.useState(p),y=e.useCallback((P,T,V,W)=>{b(V.clientWidth)},[]),E=e.useCallback(P=>{c&&v&&v(P)},[c,v]);e.useEffect(()=>{b(p)},[p]);const A=e.useMemo(()=>({enter:g?ie.EnterLeft:ie.EnterRight,enterActive:g?ie.EnterActiveLeft:ie.EnterActiveRight,enterDone:g?ie.EnterDoneLeft:ie.EnterDoneRight,exit:g?ie.ExitLeft:ie.ExitRight,exitActive:g?ie.ExitActiveLeft:ie.ExitActiveRight,exitDone:g?ie.ExitDoneLeft:ie.ExitDoneRight}),[g]);return t.jsx(Re.CSSTransition,{classNames:A,in:l,timeout:pl,unmountOnExit:!0,mountOnEnter:!0,onEntering:L,onExited:x,children:t.jsx(ro.DismissableLayer,{disableOutsidePointerEvents:c,style:r,onInteractOutside:E,onEscapeKeyDown:E,asChild:!0,children:t.jsx(m.Flex,{className:o,ref:n,top:"0",bottom:"0",left:g?"0":void 0,right:g?void 0:"0",position:f,asChild:!0,children:t.jsx(Me.Resizable,{onResize:y,size:{width:w,height:"100%"},style:{position:f,"--slide-out-width":`${w}${typeof w=="number"?"px":""}`},minWidth:h,maxWidth:C,enable:{left:a&&!g,right:a&&g},children:s})})},c?"1":"0")})})),me={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"},Cl=e.forwardRef(function({className:n,leftSlot:o,rightSlot:r,size:s="medium",showInputLength:l,value:c,variant:a,severity:u="primary",...f},p){const h=de(s,we),C=Q(u),v=l||l===void 0&&f.maxLength!==void 0,L=c!==void 0?c.toString():void 0;return t.jsxs(m.TextField.Root,{className:F(me.wrapper,n,{[me.ghost]:a==="ghost",[me.accommodateCharCount]:v}),size:h,variant:a!=="ghost"?a:void 0,color:C,children:[o&&t.jsx(m.TextField.Slot,{children:o}),t.jsx(m.TextField.Input,{className:F(me.default,{[me.noLeftIcon]:!o,[me.noRightIcon]:!r}),ref:p,value:c,size:h,variant:a!=="ghost"?a:void 0,color:C,...f}),r&&t.jsx(m.TextField.Slot,{children:r}),v&&t.jsx(m.Text,{as:"p",className:me.charCount,size:"1",color:"gray",children:f.maxLength!==void 0?`${L==null?void 0:L.length}/${f.maxLength}`:`${L==null?void 0:L.length}`})]})}),di=e.memo(Cl),We={ItemStack:"_ItemStack_tj494_1",Row:"_Row_tj494_4",Column:"_Column_tj494_7",ItemStackItem:"_ItemStackItem_tj494_11"},ml=e.memo(e.forwardRef((i,n)=>{const{children:o}=i;return t.jsx("div",{ref:n,className:We.ItemStackItem,"data-item-stack":"",children:o})})),vl=e.memo(e.forwardRef((i,n)=>{const{children:o,direction:r,offset:s}=i,l=Oi(s);return t.jsx(m.Flex,{className:F(We.ItemStack,{[We.Row]:r==="row",[We.Column]:r==="column"}),ref:n,direction:r,width:"max-content",height:"max-content",position:"relative",style:{"--item-stack-offset":l??"0"},children:o})})),Ll={Item:ml,Group:vl},Sl=e.memo(function({color:n,severity:o,children:r}){const s=Q(o??"primary"),l=e.useMemo(()=>({"data-accent-color":o&&s?s:n||"gray",style:{color:"var(--accent-a9)"}}),[n,o,s]);return e.cloneElement(r,{...l})}),yl={wrapper:"_wrapper_tmtz0_1"},xl=e.forwardRef(function({className:n,trigger:o,open:r,onOpenChange:s,defaultOpen:l=!1,modal:c=!1,children:a,...u},f){return t.jsxs(m.Popover.Root,{defaultOpen:l,modal:c,open:r,onOpenChange:s,children:[t.jsx(m.Popover.Trigger,{children:o}),t.jsx(m.Popover.Content,{ref:f,className:F("overmap-popover",n,yl.wrapper),...u,children:a(m.Popover.Close)})]})}),et=e.memo(xl),te={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"},it=200,ue=150,wl=e.memo(function({children:n,showLeft:o,leftPanel:r,leftMinWidth:s=it,showRight:l,rightPanel:c,rightMinWidth:a=it,resizeable:u}){const f=e.useRef(null),p=e.useRef(null),[h,C]=e.useState(0),[v,L]=e.useState(),x=e.useRef(null),[g,w]=e.useState(0),[b,y]=e.useState(),E=e.useCallback((O,N,R)=>(Z,J,Le,Ee)=>{if(!f.current)return;const Te=O+Ee.width;R(f.current.clientWidth-Te),N(()=>Te)},[]),A=e.useCallback((O,N,R,Z)=>E(h,C,y)(O,N,R,Z),[E,h]),P=e.useCallback((O,N,R,Z)=>E(g,w,L)(O,N,R,Z),[E,g]),T=e.useCallback((O,N,R,Z,J,Le,Ee,Te)=>{if(!f.current)return;let De=O;if(De===0&&(De=N,R(De)),Le){const pe=f.current.clientWidth-De;Te(pe),J>pe&&(Ee(pe),Z(f.current.clientWidth-pe))}},[]),V=e.useCallback(()=>T(g,a,w,y,h,o,C,L),[T,h,a,g,o]),W=e.useCallback(()=>T(h,s,C,L,g,l,w,y),[T,s,h,g,l]),q=e.useCallback((O,N)=>{f.current&&O&&N(f.current.clientWidth)},[]),j=e.useCallback(()=>q(o,L),[q,o]),G=e.useCallback(()=>q(l,y),[q,l]),$=e.useCallback(()=>{var O,N,R,Z;f.current&&(L(f.current.clientWidth-(((O=x.current)==null?void 0:O.clientWidth)||0)),y(f.current.clientWidth-(((N=p.current)==null?void 0:N.clientWidth)||0)),C(((R=p.current)==null?void 0:R.clientWidth)||0),w(((Z=x.current)==null?void 0:Z.clientWidth)||0))},[]);e.useEffect(()=>{if(!f.current)return;const O=new ResizeObserver($);return O.observe(f.current),()=>{O.disconnect()}},[$]);const Y=e.useMemo(()=>({entering:{transform:`translateX(-${h}px)`,marginRight:`-${h}px`,transitionProperty:"transform, margin-right",transitionDuration:`${ue}ms`,transitionTimingFunction:"linear"},entered:{transform:"translateX(0)",marginRight:0,transitionProperty:"transform, margin-right",transitionDuration:`${ue}ms`,transitionTimingFunction:"linear"},exiting:{transform:`translateX(-${h}px)`,marginRight:`-${h}px`,transitionProperty:"transform, margin-right",transitionDuration:`${ue}ms`,transitionTimingFunction:"linear"},exited:{},unmounted:{}}),[h]),he=e.useMemo(()=>({entering:{transform:`translateX(${g}px)`,marginLeft:`${-g}px`,transitionProperty:"transform, margin-left",transitionDuration:`${ue}ms`,transitionTimingFunction:"linear"},entered:{transform:"translateX(0)",marginLeft:0,transitionProperty:"transform, margin-left",transitionDuration:`${ue}ms`,transitionTimingFunction:"linear"},exiting:{transform:`translateX(${g}px)`,marginLeft:`${-g}px`,transitionProperty:"transform, margin-left",transitionDuration:`${ue}ms`,transitionTimingFunction:"linear"},exited:{},unmounted:{}}),[g]);return t.jsxs(m.Flex,{className:te.wrapper,style:{minWidth:`${s+a}px`},ref:f,width:"100%",height:"100%",justify:"center",m:"0",p:"0",children:[t.jsx(Re.Transition,{nodeRef:p,timeout:o?0:ue,in:o,unmountOnExit:!0,onEntering:W,onExited:G,children:O=>t.jsx(m.Box,{ref:p,className:F(te.panelContent,te.left),style:Y[O],width:"auto",height:"100%",m:"0",p:"0",children:t.jsx(Me.Resizable,{className:te.resizable,size:{width:h,height:"100%"},onResizeStop:A,enable:{right:(u==null?void 0:u.left)!==void 0?u.left:!0},minWidth:s,maxWidth:v,handleClasses:{right:F(te.resizeHandle,te.left)},handleComponent:{right:t.jsx(M,{icon:"RiDraggable",height:"14px",width:"14px"})},children:r})})}),t.jsx("div",{className:te.panelMainContent,children:n}),t.jsx(Re.Transition,{nodeRef:x,timeout:l?0:ue,in:l,unmountOnExit:!0,onEntering:V,onExited:j,children:O=>t.jsx(m.Box,{ref:x,className:F(te.panelContent,te.right),style:he[O],width:"auto",height:"100%",m:"0",p:"0",children:t.jsx(Me.Resizable,{className:te.resizable,size:{width:g,height:"100%"},onResizeStop:P,enable:{left:(u==null?void 0:u.right)!==void 0?u.right:!0},minWidth:a,maxWidth:b,handleClasses:{left:F(te.resizeHandle,te.right)},handleComponent:{left:t.jsx(M,{icon:"RiDraggable",height:"14px",width:"14px"})},children:c})})})]})}),je={multiPagePopover:"_multiPagePopover_16xvh_1",pageTitle:"_pageTitle_16xvh_12",buttonContainer:"_buttonContainer_16xvh_16",optionsButtonContainer:"_optionsButtonContainer_16xvh_21",optionsButton:"_optionsButton_16xvh_21"};function tt(i,n,o,r=0){if(!i.options)return i.content||t.jsx(t.Fragment,{});const s=i.options.map((l,c)=>t.jsx(be,{className:F(je.optionsButton,l.buttonClassName),variant:"ghost",radius:"large",style:{width:o==="vertical"?"100%":"auto"},severity:"info",highContrast:!0,onClick:l.onClick||(()=>n(tt(l.page||{},n,o,r+1))),children:l.label},`${l.value}-page-${r}-button-${c}`));return t.jsxs(t.Fragment,{children:[i.title&&t.jsx(m.Text,{className:je.pageTitle,size:"3",children:i.title}),i.content,t.jsx("div",{className:F(je.optionsButtonContainer,i.buttonsContainerClassName),style:{flexDirection:o==="vertical"?"column":"row"},children:s})]})}const bl=e.forwardRef(function({page:n,className:o,direction:r="vertical",...s},l){const[c,a]=e.useState(void 0),u=e.useCallback(()=>{a(tt(n,a,r,0))},[r,n]),f=e.useCallback(p=>c,[c]);return t.jsx(et,{className:F(je.multiPagePopover,o),ref:l,onOpenAutoFocus:u,onCloseAutoFocus:u,...s,children:p=>f(p)})}),nt=e.memo(bl),rt={charCount:"_charCount_1lz28_1",ghost:"_ghost_1lz28_5"},_l=e.forwardRef(function({className:n,showInputLength:o,inputLengthTemplate:r,value:s,severity:l="primary",resize:c,variant:a,...u},f){const p=Q(l),h=Q("info"),C=o||o===void 0&&(u.maxLength!==void 0||u.minLength!==void 0),v=s!==void 0?s.toString():"",L=e.useMemo(()=>{if(r){let x=r.replace("{current}",v.length.toString());return u.minLength!==void 0&&(x=x.replace("{min}",u.minLength.toString())),u.maxLength!==void 0&&(x=x.replace("{max}",u.maxLength.toString())),x}return v.length},[r,u.maxLength,u.minLength,v.length]);return t.jsxs(t.Fragment,{children:[t.jsx(m.TextArea,{className:F("overmap-textarea",n,{[rt.ghost]:a==="ghost"}),style:{resize:c},variant:a!=="ghost"?a:void 0,ref:f,value:s,color:p,...u}),C&&t.jsx(m.Text,{as:"p",className:rt.charCount,color:h,align:"right",children:L})]})}),Fl=e.memo(_l),kl=e.forwardRef(function({loop:n,type:o,rovingFocus:r,value:s,onValueChange:l,defaultValue:c,disabled:a,items:u,className:f,direction:p="row",...h},C){return t.jsx(Fi.Root,{type:o,className:F("overmap-toggle-group",f),ref:C,value:s,onValueChange:l,disabled:a,orientation:p==="column"?"vertical":"horizontal",loop:n,rovingFocus:r,defaultValue:c,asChild:!0,children:t.jsx(li,{direction:p,...h,children:u.map(({children:v,...L})=>e.createElement(Fi.Item,{asChild:!0,...L,key:L.value},t.jsx(K,{className:F("overmap-toggle-group-button"),"aria-label":L.value,variant:L.value===s?"solid":"soft",children:v})))})})}),El=e.memo(kl),Tl={default:"_default_xqvoc_1"},Dl=e.memo(e.forwardRef(({className:i,minContentGap:n="2",children:o,...r},s)=>t.jsx(oo.Root,{className:F(i,"overmap-toolbar",Tl.default),ref:s,asChild:!0,...r,children:t.jsx(se,{grow:"1",width:"100%",height:"max-content",align:"center",gap:n,wrap:"nowrap",children:o})}))),Pl=e.memo(e.forwardRef(({children:i,gap:n="2"},o)=>t.jsx(se,{ref:o,grow:"1",width:"max-content",height:"100%",align:"center",gap:n,children:i}))),Al=e.memo(e.forwardRef(({children:i,gap:n},o)=>t.jsx(se,{ref:o,grow:"1",width:"max-content",direction:"row-reverse",height:"100%",align:"center",gap:n||"2",children:i}))),Ml={Root:Dl,LeftContent:Pl,RightContent:Al},ui={ToastViewport:"_ToastViewport_1i6bp_1",actionButton:"_actionButton_1i6bp_20",ToastRoot:"_ToastRoot_1i6bp_24",slideIn:"_slideIn_1i6bp_1",swipeOut:"_swipeOut_1i6bp_1"},Ol=e.forwardRef(function({title:n,description:o,icon:r,severity:s="primary",size:l,onClose:c,sensitivity:a,action:u,...f},p){const[h,C]=e.useState(!0),v=Q(s),L=e.useCallback(x=>{!x&&c&&c(),C(x)},[c]);return t.jsx(Oe.Root,{asChild:!0,ref:p,...f,open:h,type:a,onOpenChange:L,children:t.jsx(m.Callout.Root,{className:ui.ToastRoot,variant:"surface",color:v,size:l,children:t.jsxs(m.Flex,{width:"100%",align:"center",gap:"4",justify:"between",children:[t.jsxs(m.Flex,{align:"center",gap:"3",children:[t.jsx(m.Callout.Icon,{children:r}),t.jsxs(m.Flex,{direction:"column",gap:"2",children:[t.jsxs(m.Flex,{direction:"column",gap:"0",children:[t.jsx(Oe.Title,{asChild:!0,children:t.jsx(m.Callout.Text,{size:"3",weight:"medium",children:n})}),t.jsx(Oe.Description,{asChild:!0,children:t.jsx(m.Callout.Text,{children:o})})]}),u&&t.jsx(Oe.Action,{className:ui.actionButton,altText:u.altText,asChild:!0,children:u.content})]})]}),t.jsx(Oe.Close,{asChild:!0,children:t.jsx(K,{"aria-label":"Close",variant:"ghost",severity:s,children:t.jsx(M,{icon:"RiCloseLine"})})})]})})})}),ot=e.memo(Ol),fi=e.createContext({}),Il=()=>{const i=e.useContext(fi);if(!i)throw new Error("useToast must be used within a ToastProvider");return i},$l=240/60,lt=5e3,Nl=i=>{if(i.duration&&i.duration>=lt)return i.duration;const n=i.severity==="danger"?1.5:1,o=i.description.split(" ").length+i.title.split(" ").length;return(lt+o/$l)*n};d.unsafeShowToast=void 0;const Rl=e.memo(function({children:n,className:o,hotkey:r,...s}){const[l,c]=e.useState([]),a=e.useCallback((f,p,h)=>{c(C=>{const v=C.find(L=>L.id===f);return v&&p===0&&clearTimeout(v.timeout),C.filter(L=>L.id!==f)}),h&&h()},[]),u=e.useMemo(()=>{let f=0;const p=g=>{const w=Nl(g),b=f.toString();f+=1;const y=setTimeout(()=>a(b,1,g.onClose),w);c(E=>[...E,{...g,timeout:y,duration:w,id:b}])},h=g=>p({...g,severity:"primary"}),C=g=>p({...g,severity:"success"}),v=g=>p({...g,severity:"danger"}),L=g=>p({...g,severity:"info"}),x=g=>p({...g,severity:"warning"});return d.unsafeShowToast=p,{showToast:p,showPrimary:h,showSuccess:C,showError:v,showInfo:L,showWarning:x}},[a]);return e.useEffect(()=>()=>{for(const{timeout:f}of l)clearTimeout(f)},[]),t.jsx(fi.Provider,{value:u,children:t.jsxs(ii.ToastProvider,{...s,children:[n,t.jsx(ii.ToastViewport,{className:F(o,ui.ToastViewport),hotkey:r}),l.map(({id:f,onClose:p,...h})=>t.jsx(ot,{...h,onClose:()=>a(f,0,p)},f))]})})}),Bl={default:"_default_1odpt_1"},ql=e.memo(e.forwardRef(({className:i,children:n,content:o,...r},s)=>t.jsx(m.Tooltip,{className:F("overmap-tooltip",i,Bl.default),ref:s,content:t.jsx(m.Flex,{align:"center",gap:"1",width:"max-content",height:"max-content",justify:"center",children:o}),...r,children:n}))),zl={ToggleButton:"_ToggleButton_13aus_1"},Ul=e.memo(e.forwardRef((i,n)=>{const{children:o,className:r,severity:s,fluid:l,variant:c="solid",size:a,hoverEffects:u,...f}=i;return t.jsx(co.Root,{ref:n,asChild:!0,...f,children:t.jsx(K,{className:F(r,zl.ToggleButton),"aria-label":i["aria-label"],severity:s,fluid:l,variant:c,hoverEffects:u,size:a,"data-variant":c,children:o})})})),Hl={noWrap:"_noWrap_1wpa5_1"},Fe=e.memo(e.forwardRef(({className:i,noWrap:n,severity:o,as:r,...s},l)=>{const c=Q(o);return t.jsx(m.Text,{ref:l,as:r,className:F(i,{[Hl.noWrap]:n}),color:c,...s})})),vc="",Vl=e.memo(e.forwardRef((i,n)=>{const{panelBackground:o="solid",radius:r="full",...s}=i;return t.jsx(m.Theme,{panelBackground:o,radius:r,ref:n,...s})})),Ge={light:"_light_1u8fs_1",bold:"_bold_1u8fs_8",full:"_full_1u8fs_15",Text:"_Text_1u8fs_22"},Wl={1:"max-content",2:"max-content",3:"max-content",4:"100%"},jl=e.forwardRef(function({className:n,severity:o="info",textWeight:r="light",gap:s="1",text:l,orientation:c="horizontal",size:a,weight:u="medium",...f},p){const h=de(a,Wl),C=Q(o);return t.jsxs(m.Flex,{className:F("overmap-separator",n,{[Ge.light]:u==="light",[Ge.bold]:u==="bold",[Ge.full]:u==="full"}),ref:p,width:c==="horizontal"?h:"max-content",height:c==="vertical"?h:"max-content",direction:c==="vertical"?"column":"row",align:"center",gap:s,children:[t.jsx(m.Separator,{size:a,orientation:c,color:C,...f}),l&&t.jsxs(t.Fragment,{children:[t.jsx(m.Text,{className:Ge.Text,as:"span",size:"1",weight:r,color:C,children:l}),t.jsx(m.Separator,{size:a,orientation:c,color:C,...f})]})]})}),st=e.memo(jl),hi={placeSelf:"center"},at=e.memo(i=>{const{absoluteCentering:n,message:o="Something went wrong",onRetry:r}=i,{resetBoundary:s}=ki.useErrorBoundary(),l="20px",c=n?{position:"absolute",top:"50%",transform:"translateY(-50%)"}:void 0,a=e.useCallback(()=>{s(),r()},[r,s]);return t.jsxs(se,{gap:"2",direction:"row",width:"100%",style:c,children:[t.jsx("div",{style:{flexGrow:1}}),t.jsx(M,{icon:"RiAlertLine",size:l,style:hi}),t.jsx(Fe,{style:{lineHeight:l,...hi},children:o}),t.jsx(K,{"aria-label":"Try again",variant:"soft",onClick:a,style:hi,hoverEffects:["spin180Clockwise"],children:t.jsx(M,{icon:"RiLoopLeftLine",size:l})}),t.jsx("div",{style:{flexGrow:1}})]})});at.displayName="ErrorFallback";const ct=e.memo(i=>{const{absoluteCentering:n,message:o}=i,[r,s]=e.useState(0),l=e.useCallback((a,u)=>{console.error(a,u),s(f=>f+1)},[]),c=e.useCallback(()=>{s(a=>a+1)},[]);return t.jsx(ki.ErrorBoundary,{fallback:t.jsx(at,{absoluteCentering:n,message:o,onRetry:c}),onError:l,children:i.children},r)});ct.displayName="OvermapErrorBoundary";const Gl={OvermapInputItem:"_OvermapInputItem_1jgzv_1"},pi=e.memo(e.forwardRef((i,n)=>{const{size:o,className:r,style:s,leftSlot:l,rightSlot:c,...a}=i;return t.jsx(Ue,{className:r,style:s,size:o,leftSlot:l,rightSlot:c,compact:!1,children:t.jsx("input",{className:Gl.OvermapInputItem,ref:n,...a})})}));pi.displayName="OvermapInputItem";const dt=e.createContext({}),fe=()=>e.useContext(dt),Qe=20,ae=8,ut=250,Ql=5,ft=e.memo(i=>{const{children:n,side:o="bottom",align:r="center",offset:s,loop:l=!1,dialog:c=!1,modal:a=c,size:u=c?"3":"2",open:f,onOpenChange:p,defaultOpen:h}=i,[C,v]=ni({state:f,initialState:h??!1,setState:p}),[L,x]=e.useState(null),[g,w]=e.useState(null),b=e.useRef([]),y=k.useFloatingNodeId(),{refs:E,floatingStyles:A,context:P,middlewareData:T}=k.useFloating({nodeId:y,strategy:"fixed",placement:o+(r!=="center"?"-"+r:""),whileElementsMounted:k.autoUpdate,open:C,onOpenChange:v,middleware:[k.offset({mainAxis:s??Ql}),k.size({apply({availableHeight:he,elements:O}){c||(O.floating.style.maxHeight=`${Math.max(he,ut)}px`)},padding:Qe}),k.flip({fallbackStrategy:"initialPlacement"}),k.shift({padding:Qe}),k.hide()]}),V=k.useRole(P,{role:c?"dialog":"menu"}),W=k.useDismiss(P,{ancestorScroll:g==="context"||g==="virtual",outsidePressEvent:c?"mousedown":void 0}),q=k.useClick(P,{enabled:g==="click"}),j=k.useListNavigation(P,{listRef:b,activeIndex:L,onNavigate:x,loop:l}),{getFloatingProps:G,getItemProps:$,getReferenceProps:Y}=k.useInteractions([W,j,q,V]);return t.jsx(k.FloatingTree,{children:t.jsx(dt.Provider,{value:{size:u,open:C,setOpen:v,refs:E,context:P,floatingStyles:A,elementsRef:b,getFloatingProps:G,getItemProps:$,getReferenceProps:Y,nodeId:y,activeIndex:L,setActiveIndex:x,middlewareData:T,side:o,dialog:c,modal:a,setTriggerType:w},children:t.jsx(ze,{size:u,children:n})})})});ft.displayName="Root";const Kl=e.memo(e.forwardRef((i,n)=>{const{children:o,disabled:r=!1}=i,{getReferenceProps:s,refs:l,setTriggerType:c}=fe(),a=k.useMergeRefs([l.setReference,n]);return e.useEffect(()=>{c("click")},[c]),t.jsx(Ae.Slot,{ref:a,"aria-disabled":r,"data-disabled":r?"":void 0,...s({disabled:r}),children:o})})),Xl=e.memo(e.forwardRef((i,n)=>{const{children:o,disabled:r}=i,s=e.useRef(null),{setOpen:l,refs:c,setTriggerType:a}=fe(),u=k.useMergeRefs([n,s]);e.useEffect(()=>{a("context")},[a]);const f=e.useCallback(p=>{const{clientY:h,clientX:C}=p;!r&&s.current&&(p.preventDefault(),c.setPositionReference({getBoundingClientRect(){return{x:C,y:h,top:h,left:C,height:0,width:0,bottom:h,right:C}},contextElement:s.current}),l(!0))},[r,c,l]);return t.jsx(Ae.Slot,{ref:u,style:{WebkitTouchCallout:r?"none":"unset"},"aria-disabled":r,"data-disabled":r?"":void 0,onContextMenu:f,children:o})})),ht=e.memo(i=>{const{virtualElement:n,disabled:o}=i,{refs:r,setTriggerType:s,setOpen:l}=fe();return e.useEffect(()=>{s("virtual")},[s]),e.useEffect(()=>{!o&&n?(r.setPositionReference(n),l(!0)):(r.setPositionReference(null),l(!1))},[o,r,l,n]),null});ht.displayName="VirtualTrigger";const gi=e.createContext({}),Ci=()=>e.useContext(gi),H={MenuContent:"_MenuContent_t7a5i_41",Dialog:"_Dialog_t7a5i_51",MenuContentInner:"_MenuContentInner_t7a5i_56",slideDownAndFade:"_slideDownAndFade_t7a5i_1",slideLeftAndFade:"_slideLeftAndFade_t7a5i_1",slideUpAndFade:"_slideUpAndFade_t7a5i_1",slideRightAndFade:"_slideRightAndFade_t7a5i_1",MenuOverlay:"_MenuOverlay_t7a5i_83",Modal:"_Modal_t7a5i_90",MenuItem:"_MenuItem_t7a5i_94",MenuSeparator:"_MenuSeparator_t7a5i_121",paddingBottom:"_paddingBottom_t7a5i_121",paddingTop:"_paddingTop_t7a5i_124",extend:"_extend_t7a5i_127",MenuContentScrollArea:"_MenuContentScrollArea_t7a5i_131",MenuContentScrollAreaWrapper:"_MenuContentScrollAreaWrapper_t7a5i_140",ScrollAreaContent:"_ScrollAreaContent_t7a5i_148"},Ke=e.memo(i=>{const{children:n}=i;return t.jsx("div",{className:H.MenuContentScrollAreaWrapper,children:t.jsx(m.ScrollArea,{className:H.MenuContentScrollArea,scrollbars:"vertical",type:"scroll",children:t.jsx("div",{className:H.ScrollAreaContent,children:n})})})});Ke.displayName="Scroll";const Yl=e.memo(e.forwardRef((i,n)=>{var E;const{children:o,disableScroll:r=!1}=i,{refs:s,getFloatingProps:l,middlewareData:c,elementsRef:a,activeIndex:u,setActiveIndex:f,getItemProps:p,open:h,setOpen:C,nodeId:v,context:L,floatingStyles:x,dialog:g,modal:w,side:b}=fe(),y=e.useMemo(()=>{var A;return{...g?{}:x,visibility:(A=c.hide)!=null&&A.referenceHidden?"hidden":"visible"}},[g,x,(E=c.hide)==null?void 0:E.referenceHidden]);return t.jsx(k.FloatingNode,{id:v,children:h&&t.jsx(k.FloatingPortal,{children:t.jsx(k.FloatingOverlay,{className:F("overmap-menu-overlay",H.MenuOverlay,{[H.Modal]:w}),lockScroll:!0,children:t.jsx(k.FloatingFocusManager,{context:L,children:t.jsx(k.FloatingList,{elementsRef:a,children:t.jsx(gi.Provider,{value:{getItemProps:p,activeIndex:u,elementsRef:a,open:h,setOpen:C,refs:s,setActiveIndex:f},children:t.jsx(m.Theme,{asChild:!0,children:t.jsx("div",{className:F("overmap-menu-content",H.MenuContent,{[H.Dialog]:g}),ref:s.setFloating,tabIndex:-1,style:y,...l(),children:t.jsx("div",{ref:n,className:H.MenuContentInner,"data-side":b,children:r?o:t.jsx(Ke,{children:o})})})})})})})})})})})),pt=e.createContext({}),mi=()=>e.useContext(pt),Jl=(i,n)=>{switch(i){case"right":if(n==="start")return{mainAxis:ae+1,crossAxis:-ae};if(n==="end")return{mainAxis:ae+1,crossAxis:ae};break;case"left":if(n==="start")return{mainAxis:ae+1,crossAxis:-ae};if(n==="end")return{mainAxis:ae+1,crossAxis:ae};break}return{mainAxis:ae+1,crossAxis:0}},gt=e.memo(i=>{const{dialog:n}=fe(),{children:o,disabled:r=!1,side:s="right",align:l="start",closeRoot:c=!1,loop:a=!1,modal:u=n,open:f,onOpenChange:p,defaultOpen:h}=i,[C,v]=ni({initialState:h??!1,state:f,setState:p}),L=k.useFloatingNodeId(),{refs:x,floatingStyles:g,context:w}=k.useFloating({nodeId:L,strategy:"fixed",whileElementsMounted:k.autoUpdate,open:C,onOpenChange:(G,$,Y)=>{Y&&v(G)},placement:s+(l!=="center"?"-"+l:""),middleware:[k.offset({...Jl(s,l)}),k.size({padding:Qe,apply({availableHeight:G,elements:$}){n||($.floating.style.maxHeight=`${Math.max(G,ut)}px`)}}),k.flip(),k.shift({padding:Qe}),k.hide()]}),b=k.useDismiss(w,{bubbles:c,outsidePress:c}),y=k.useHover(w,{restMs:50,handleClose:k.safePolygon({blockPointerEvents:!0,requireIntent:!1}),enabled:!r&&!n}),E=k.useClick(w,{enabled:!r&&n}),A=e.useRef([]),[P,T]=e.useState(null),V=k.useListNavigation(w,{listRef:A,nested:!0,activeIndex:P,onNavigate:T,loop:a,rtl:s==="left"}),{getFloatingProps:W,getItemProps:q,getReferenceProps:j}=k.useInteractions([V,b,y,E]);return t.jsx(pt.Provider,{value:{open:C,setOpen:v,nodeId:L,refs:x,floatingStyles:g,context:w,elementsRef:A,activeIndex:P,setActiveIndex:T,getFloatingProps:W,getItemProps:q,getReferenceProps:j,disabled:r,side:s,closeRoot:c,modal:u},children:o})});gt.displayName="SubMenu";const Zl=["Enter"," "],$e=e.memo(e.forwardRef((i,n)=>{const o=fe(),{getItemProps:r,activeIndex:s,setOpen:l}=Ci(),{closeRoot:c}=mi(),{className:a,children:u,onSelect:f,onClick:p,onKeyDown:h,closeOnSelect:C=!0,size:v=o.size,leftSlot:L,rightSlot:x,disabled:g,...w}=i,{ref:b,index:y}=k.useListItem(),E=k.useMergeRefs([b,n]),A=e.useCallback(j=>{g||(p&&p(j),f&&f(),C&&l(!1),c&&o.setOpen(!1))},[C,c,g,o,p,f,l]),P=e.useCallback(j=>{g||(h&&h(j),Zl.includes(j.key)&&(f&&f(),C&&l(!1)))},[C,g,h,f,l]),T=e.useMemo(()=>y===s,[s,y]),V=e.useMemo(()=>typeof u=="function"?u({active:T,selected:!1}):u,[u,T]),W=e.useMemo(()=>typeof L=="function"?L({active:T,selected:!1}):L,[T,L]),q=e.useMemo(()=>typeof x=="function"?x({active:T,selected:!1}):x,[T,x]);return t.jsx(Ue,{className:F(a,H.MenuItem),ref:E,leftSlot:W,rightSlot:q,size:v,role:"menuitem",type:"button","data-disabled":g?"":void 0,"aria-disabled":g,"data-highlighted":T?"":void 0,...r({onClick:A,onKeyDown:P,tabIndex:T?0:-1,...w}),children:V})})),es=e.memo(e.forwardRef((i,n)=>{var P;const{children:o,disableScroll:r}=i,{middlewareData:s,dialog:l}=fe(),{open:c,nodeId:a,refs:u,context:f,getFloatingProps:p,getItemProps:h,activeIndex:C,setActiveIndex:v,elementsRef:L,floatingStyles:x,setOpen:g,side:w,modal:b}=mi(),y=e.useRef(null),E=k.useMergeRefs([u.setFloating,y]),A=e.useMemo(()=>{var T;return{...l?{}:x,visibility:(T=s.hide)!=null&&T.referenceHidden?"hidden":"visible"}},[l,x,(P=s.hide)==null?void 0:P.referenceHidden]);return t.jsx(k.FloatingNode,{id:a,children:c&&t.jsx(k.FloatingPortal,{children:t.jsx(k.FloatingOverlay,{className:F("overmap-menu-overlay",H.MenuOverlay,{[H.Modal]:b}),lockScroll:!0,children:t.jsx(k.FloatingFocusManager,{context:f,initialFocus:y,children:t.jsx(k.FloatingList,{elementsRef:L,children:t.jsx(gi.Provider,{value:{getItemProps:h,activeIndex:C,setActiveIndex:v,elementsRef:L,open:c,setOpen:g,refs:u},children:t.jsx(m.Theme,{asChild:!0,children:t.jsx("div",{className:F("overmap-menu-sub-content",H.MenuContent,{[H.Dialog]:l}),ref:E,style:A,"data-side":w,...p(),children:t.jsx("div",{ref:n,className:H.MenuContentInner,"data-side":w,children:r?o:t.jsx(Ke,{children:o})})})})})})})})})})})),is=e.memo(e.forwardRef((i,n)=>{const{size:o,children:r,...s}=i,{refs:l,getReferenceProps:c,open:a,disabled:u}=mi(),f=k.useMergeRefs([n,l.setReference]);return t.jsx($e,{ref:f,closeOnSelect:!1,"aria-haspopup":"menu","data-open":a,size:o,disabled:u,...c(s),children:r})})),vi=e.memo(e.forwardRef((i,n)=>{const{children:o}=i;return t.jsx(m.Flex,{ref:n,role:"group",width:"100%",height:"max-content",direction:"column",children:o})})),Ct=e.createContext({});function mt(){return e.useContext(Ct)}const Li=e.memo(i=>{const{type:n,children:o}=i,[r,s]=e.useState(n==="single"?(i==null?void 0:i.defaultValue)??null:null),[l,c]=e.useState(n==="multi"?(i==null?void 0:i.defaultValues)??[]:[]),a=e.useCallback(p=>{c(p),n==="multi"&&(i!=null&&i.onValuesChange)&&i.onValuesChange(p)},[i,n]),u=e.useCallback(p=>{s(p),n==="single"&&(i!=null&&i.onValueChange)&&i.onValueChange(p)},[i,n]),f=e.useMemo(()=>n==="multi"?{type:n,values:(i==null?void 0:i.values)??l,handleValuesChange:a}:{type:n,value:i.value??r,handleValueChange:u},[r,l,u,a,i,n]);return t.jsx(Ct.Provider,{value:f,children:o})});Li.displayName="SelectContextProvider";const ts=e.memo(e.forwardRef((i,n)=>{const{children:o,value:r,onValueChange:s}=i;return t.jsx(Li,{type:"single",value:r,onValueChange:s,children:t.jsx(vi,{ref:n,children:o})})})),ns=e.memo(e.forwardRef((i,n)=>{const{values:o,onValuesChange:r,...s}=i;return t.jsx(Li,{type:"multi",values:o,onValuesChange:r,children:t.jsx(vi,{ref:n,...s})})})),Si=e.createContext({}),rs=()=>e.useContext(Si),vt=e.memo(i=>{const{children:n}=i,{selected:o}=rs();return t.jsx(t.Fragment,{children:o?n:null})});vt.displayName="SelectedIndicator";const os=e.memo(e.forwardRef((i,n)=>{const{onSelect:o,children:r,closeOnSelect:s=!1,leftSlot:l,rightSlot:c,value:a,...u}=i,{values:f,handleValuesChange:p}=mt(),h=e.useMemo(()=>f.includes(a),[a,f]),C=e.useCallback(()=>{p(h?f.filter(g=>g!==a):[...f,a]),o&&o()},[p,o,h,a,f]),v=e.useMemo(()=>typeof r=="function"?({active:g})=>r({selected:h,active:g}):r,[r,h]),L=e.useMemo(()=>typeof l=="function"?({active:g})=>l({selected:h,active:g}):l,[l,h]),x=e.useMemo(()=>typeof c=="function"?({active:g})=>c({selected:h,active:g}):c,[c,h]);return t.jsx(Si.Provider,{value:{selected:h},children:t.jsx($e,{ref:n,role:"menuitemcheckbox",onSelect:C,leftSlot:L,rightSlot:x,closeOnSelect:s,...u,children:v})})})),ls=e.memo(e.forwardRef((i,n)=>{const{value:o,onSelect:r,children:s,closeOnSelect:l=!1,leftSlot:c,rightSlot:a,...u}=i,{value:f,handleValueChange:p}=mt(),h=e.useMemo(()=>o===f,[f,o]),C=e.useCallback(()=>{p(h?null:o),r&&r()},[p,r,h,o]),v=e.useMemo(()=>typeof s=="function"?({active:g})=>s({selected:h,active:g}):s,[s,h]),L=e.useMemo(()=>typeof c=="function"?({active:g})=>c({selected:h,active:g}):c,[c,h]),x=e.useMemo(()=>typeof a=="function"?({active:g})=>a({selected:h,active:g}):a,[a,h]);return t.jsx(Si.Provider,{value:{selected:h},children:t.jsx($e,{ref:n,role:"menuitemcheckbox",onSelect:C,rightSlot:x,leftSlot:L,closeOnSelect:l,...u,children:v})})})),Lt=e.createContext({}),St=()=>e.useContext(Lt),yt=e.memo(i=>{const{children:n,defaultPage:o,page:r,onPageChange:s}=i,[l,c]=ni({state:r,initialState:o??"",setState:s});return t.jsx(Lt.Provider,{value:{activePage:l,setActivePage:c},children:n})});yt.displayName="Pages";const xt=e.memo(i=>{const{page:n,children:o}=i,{activePage:r}=St();return t.jsx(t.Fragment,{children:r===n?o:null})});xt.displayName="PageContent";const ss=e.memo(e.forwardRef((i,n)=>{const{onSelect:o,page:r,...s}=i,{refs:l,setActiveIndex:c}=Ci(),{setActivePage:a}=St(),u=e.useCallback(()=>{var f;a(r),(f=l.floating.current)==null||f.focus(),c(null),o&&o()},[o,r,l.floating,c,a]);return t.jsx($e,{ref:n,onSelect:u,closeOnSelect:!1,...s})})),as=e.memo(e.forwardRef((i,n)=>{const{className:o,extend:r=!1,spacingBelow:s=!0,spacingAbove:l=!0,...c}=i;return t.jsx("div",{className:F(o,H.MenuSeparator,{[H.extend]:r,[H.paddingTop]:l,[H.paddingBottom]:s}),children:t.jsx(st,{ref:n,size:"4",weight:"light",...c})})})),cs=e.memo(e.forwardRef((i,n)=>{const{onValueChange:o,onChange:r}=i,{size:s}=fe(),{activeIndex:l,getItemProps:c}=Ci(),{index:a,ref:u}=k.useListItem(),f=k.useMergeRefs([u,n]),p=e.useCallback(h=>{r&&r(h),o&&o(h.target.value)},[r,o]);return e.useEffect(()=>()=>{o&&o("")},[]),t.jsx(pi,{ref:f,size:s,...c({...i,tabIndex:a===l?0:-1,onChange:p})})})),X={Root:ft,ClickTrigger:Kl,ContextTrigger:Xl,VirtualTrigger:ht,Content:Yl,Item:$e,Sub:gt,SubContent:es,SubTrigger:is,Group:vi,SelectGroup:ts,MultiSelectGroup:ns,MultiSelectItem:os,SelectItem:ls,SelectedIndicator:vt,PageContent:xt,Pages:yt,PageTrigger:ss,Separator:as,Input:cs,Scroll:Ke},wt=e.memo(i=>{const{trigger:n,disabled:o,items:r,...s}=i;return t.jsxs(X.Root,{...s,children:[t.jsx(X.ClickTrigger,{disabled:o,children:n}),t.jsx(X.Content,{children:r.map((l,c)=>t.jsx(X.Item,{...l},c))})]})});wt.displayName="DropdownMenu";const bt=e.memo(i=>{const{trigger:n,disabled:o,items:r,value:s,onValueChange:l,...c}=i;return t.jsxs(X.Root,{...c,children:[t.jsx(X.ClickTrigger,{disabled:o,children:n}),t.jsx(X.Content,{children:t.jsx(X.SelectGroup,{value:s,onValueChange:l,children:r.map((a,u)=>t.jsx(X.SelectItem,{...a},u))})})]})});bt.displayName="DropdownSelect";const _t=e.memo(i=>{const{trigger:n,disabled:o,items:r,values:s,onValuesChange:l,...c}=i;return t.jsxs(X.Root,{...c,children:[t.jsx(X.ClickTrigger,{disabled:o,children:n}),t.jsx(X.Content,{children:t.jsx(X.MultiSelectGroup,{values:s,onValuesChange:l,children:r.map((a,u)=>t.jsx(X.MultiSelectItem,{...a},u))})})]})});_t.displayName="DropdownMultiSelect";function ke(){return ke=Object.assign?Object.assign.bind():function(i){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(i[r]=o[r])}return i},ke.apply(this,arguments)}function ds(i,n){typeof i=="function"?i(n):i!=null&&(i.current=n)}function us(...i){return n=>i.forEach(o=>ds(o,n))}function Ft(...i){return e.useCallback(us(...i),i)}function fs(i,n=[]){let o=[];function r(l,c){const a=e.createContext(c),u=o.length;o=[...o,c];function f(h){const{scope:C,children:v,...L}=h,x=(C==null?void 0:C[i][u])||a,g=e.useMemo(()=>L,Object.values(L));return e.createElement(x.Provider,{value:g},v)}function p(h,C){const v=(C==null?void 0:C[i][u])||a,L=e.useContext(v);if(L)return L;if(c!==void 0)return c;throw new Error(`\`${h}\` must be used within \`${l}\``)}return f.displayName=l+"Provider",[f,p]}const s=()=>{const l=o.map(c=>e.createContext(c));return function(a){const u=(a==null?void 0:a[i])||l;return e.useMemo(()=>({[`__scope${i}`]:{...a,[i]:u}}),[a,u])}};return s.scopeName=i,[r,hs(s,...n)]}function hs(...i){const n=i[0];if(i.length===1)return n;const o=()=>{const r=i.map(s=>({useScope:s(),scopeName:s.scopeName}));return function(l){const c=r.reduce((a,{useScope:u,scopeName:f})=>{const h=u(l)[`__scope${f}`];return{...a,...h}},{});return e.useMemo(()=>({[`__scope${n.scopeName}`]:c}),[c])}};return o.scopeName=n.scopeName,o}function kt(i,n,{checkForDefaultPrevented:o=!0}={}){return function(s){if(i==null||i(s),o===!1||!s.defaultPrevented)return n==null?void 0:n(s)}}function Et(i){const n=e.useRef(i);return e.useEffect(()=>{n.current=i}),e.useMemo(()=>(...o)=>{var r;return(r=n.current)===null||r===void 0?void 0:r.call(n,...o)},[])}function ps({prop:i,defaultProp:n,onChange:o=()=>{}}){const[r,s]=gs({defaultProp:n,onChange:o}),l=i!==void 0,c=l?i:r,a=Et(o),u=e.useCallback(f=>{if(l){const h=typeof f=="function"?f(i):f;h!==i&&a(h)}else s(f)},[l,i,s,a]);return[c,u]}function gs({defaultProp:i,onChange:n}){const o=e.useState(i),[r]=o,s=e.useRef(r),l=Et(n);return e.useEffect(()=>{s.current!==r&&(l(r),s.current=r)},[r,s,l]),o}function Cs(i){const n=e.useRef({value:i,previous:i});return e.useMemo(()=>(n.current.value!==i&&(n.current.previous=n.current.value,n.current.value=i),n.current.previous),[i])}const yi=globalThis!=null&&globalThis.document?e.useLayoutEffect:()=>{};function ms(i){const[n,o]=e.useState(void 0);return yi(()=>{if(i){o({width:i.offsetWidth,height:i.offsetHeight});const r=new ResizeObserver(s=>{if(!Array.isArray(s)||!s.length)return;const l=s[0];let c,a;if("borderBoxSize"in l){const u=l.borderBoxSize,f=Array.isArray(u)?u[0]:u;c=f.inlineSize,a=f.blockSize}else c=i.offsetWidth,a=i.offsetHeight;o({width:c,height:a})});return r.observe(i,{box:"border-box"}),()=>r.unobserve(i)}else o(void 0)},[i]),n}function vs(i,n){return e.useReducer((o,r)=>{const s=n[o][r];return s??o},i)}const Tt=i=>{const{present:n,children:o}=i,r=Ls(n),s=typeof o=="function"?o({present:r.isPresent}):e.Children.only(o),l=Ft(r.ref,s.ref);return typeof o=="function"||r.isPresent?e.cloneElement(s,{ref:l}):null};Tt.displayName="Presence";function Ls(i){const[n,o]=e.useState(),r=e.useRef({}),s=e.useRef(i),l=e.useRef("none"),c=i?"mounted":"unmounted",[a,u]=vs(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return e.useEffect(()=>{const f=Xe(r.current);l.current=a==="mounted"?f:"none"},[a]),yi(()=>{const f=r.current,p=s.current;if(p!==i){const C=l.current,v=Xe(f);i?u("MOUNT"):v==="none"||(f==null?void 0:f.display)==="none"?u("UNMOUNT"):u(p&&C!==v?"ANIMATION_OUT":"UNMOUNT"),s.current=i}},[i,u]),yi(()=>{if(n){const f=h=>{const v=Xe(r.current).includes(h.animationName);h.target===n&&v&&_i.flushSync(()=>u("ANIMATION_END"))},p=h=>{h.target===n&&(l.current=Xe(r.current))};return n.addEventListener("animationstart",p),n.addEventListener("animationcancel",f),n.addEventListener("animationend",f),()=>{n.removeEventListener("animationstart",p),n.removeEventListener("animationcancel",f),n.removeEventListener("animationend",f)}}else u("ANIMATION_END")},[n,u]),{isPresent:["mounted","unmountSuspended"].includes(a),ref:e.useCallback(f=>{f&&(r.current=getComputedStyle(f)),o(f)},[])}}function Xe(i){return(i==null?void 0:i.animationName)||"none"}const Dt=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((i,n)=>{const o=e.forwardRef((r,s)=>{const{asChild:l,...c}=r,a=l?Ae.Slot:n;return e.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),e.createElement(a,ke({},c,{ref:s}))});return o.displayName=`Primitive.${n}`,{...i,[n]:o}},{}),Pt="Checkbox",[Ss,Uc]=fs(Pt),[ys,xs]=Ss(Pt),ws=e.forwardRef((i,n)=>{const{__scopeCheckbox:o,name:r,checked:s,defaultChecked:l,required:c,disabled:a,value:u="on",onCheckedChange:f,...p}=i,[h,C]=e.useState(null),v=Ft(n,y=>C(y)),L=e.useRef(!1),x=h?!!h.closest("form"):!0,[g=!1,w]=ps({prop:s,defaultProp:l,onChange:f}),b=e.useRef(g);return e.useEffect(()=>{const y=h==null?void 0:h.form;if(y){const E=()=>w(b.current);return y.addEventListener("reset",E),()=>y.removeEventListener("reset",E)}},[h,w]),e.createElement(ys,{scope:o,state:g,disabled:a},e.createElement(Dt.button,ke({type:"button",role:"checkbox","aria-checked":ve(g)?"mixed":g,"aria-required":c,"data-state":At(g),"data-disabled":a?"":void 0,disabled:a,value:u},p,{ref:v,onKeyDown:kt(i.onKeyDown,y=>{y.key==="Enter"&&y.preventDefault()}),onClick:kt(i.onClick,y=>{w(E=>ve(E)?!0:!E),x&&(L.current=y.isPropagationStopped(),L.current||y.stopPropagation())})})),x&&e.createElement(Fs,{control:h,bubbles:!L.current,name:r,value:u,checked:g,required:c,disabled:a,style:{transform:"translateX(-100%)"}}))}),bs="CheckboxIndicator",_s=e.forwardRef((i,n)=>{const{__scopeCheckbox:o,forceMount:r,...s}=i,l=xs(bs,o);return e.createElement(Tt,{present:r||ve(l.state)||l.state===!0},e.createElement(Dt.span,ke({"data-state":At(l.state),"data-disabled":l.disabled?"":void 0},s,{ref:n,style:{pointerEvents:"none",...i.style}})))}),Fs=i=>{const{control:n,checked:o,bubbles:r=!0,...s}=i,l=e.useRef(null),c=Cs(o),a=ms(n);return e.useEffect(()=>{const u=l.current,f=window.HTMLInputElement.prototype,h=Object.getOwnPropertyDescriptor(f,"checked").set;if(c!==o&&h){const C=new Event("click",{bubbles:r});u.indeterminate=ve(o),h.call(u,ve(o)?!1:o),u.dispatchEvent(C)}},[c,o,r]),e.createElement("input",ke({type:"checkbox","aria-hidden":!0,defaultChecked:ve(o)?!1:o},s,{tabIndex:-1,ref:l,style:{...i.style,...a,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function ve(i){return i==="indeterminate"}function At(i){return ve(i)?"indeterminate":i?"checked":"unchecked"}const ks=ws,Es=_s,Ne={checkbox:"_checkbox_yl8iy_5",checkboxIndicator:"_checkboxIndicator_yl8iy_22",checkboxLabel:"_checkboxLabel_yl8iy_33",noTextHighlight:"_noTextHighlight_yl8iy_37",checkboxHidden:"_checkboxHidden_yl8iy_46"},Ts=e.forwardRef(function({className:n,labelClassName:o,label:r,checked:s,onCheckedChange:l,checkboxPosition:c="center",alwaysShow:a=!0,...u},f){return t.jsx(He,{children:({isHovered:p,...h})=>t.jsxs(m.Flex,{align:c,...h,children:[t.jsx(ks,{className:F(Ne.checkbox,!a&&!p&&!s&&Ne.checkboxHidden,n),checked:s,onCheckedChange:C=>{l&&l(C)},ref:f,...u,children:t.jsx(Es,{className:Ne.checkboxIndicator,children:s==="indeterminate"?t.jsx(M,{icon:"RiSubtractLine"}):t.jsx(M,{icon:"RiCheckLine"})})}),r&&t.jsx("div",{className:F(Ne.checkboxLabel,o,Ne.noTextHighlight),onClick:()=>{l&&l(!s)},children:r})]})})}),Ye=e.memo(Ts);Ye.displayName="Checkbox";const Mt=e.memo(function({className:n,labelClassName:o,label:r,onCheckedChange:s,children:l,...c}){const[a,u]=e.useState(e.Children.toArray(l).every(v=>e.isValidElement(v)&&v.props.checked)?!0:e.Children.toArray(l).some(v=>e.isValidElement(v)&&v.props.checked)?"indeterminate":!1),[f,p]=e.useState(e.Children.map(l,v=>v.props.checked)),h=v=>{const L=a==="indeterminate"||!v;a==="indeterminate"&&(v=!1),p(f.map(x=>!L)),s&&s(v)};e.useEffect(()=>{const v=f.filter(L=>L).length;v===0?u(!1):v===l.length?u(!0):u("indeterminate")},[l,f]);const C=e.Children.map(l,(v,L)=>e.cloneElement(v,{...v.props,checked:f[L],onCheckedChange:x=>{const g=[...f];g[L]=x,p(g),v.props.onCheckedChange&&v.props.onCheckedChange(x)}}));return t.jsxs(t.Fragment,{children:[t.jsx(Ye,{className:n,labelClassName:o,label:r,checked:a,onCheckedChange:h,...c}),C]})}),B={disabled:"_disabled_5i91d_1",outerTableContainer:"_outerTableContainer_5i91d_5",headerContainer:"_headerContainer_5i91d_17",tableTopContainer:"_tableTopContainer_5i91d_21",tableContainer:"_tableContainer_5i91d_25",searchContainer:"_searchContainer_5i91d_30",columnFilterSelect:"_columnFilterSelect_5i91d_40",table:"_table_5i91d_21",tableHeaderCell:"_tableHeaderCell_5i91d_58",showSortIcon:"_showSortIcon_5i91d_74",tableRow:"_tableRow_5i91d_78",tableCell:"_tableCell_5i91d_93",noDataTextContainer:"_noDataTextContainer_5i91d_103",tableBottomContainer:"_tableBottomContainer_5i91d_109",rowsPerPageContainer:"_rowsPerPageContainer_5i91d_113",rowsPerPageText:"_rowsPerPageText_5i91d_123",pageText:"_pageText_5i91d_128",descriptionSecondLine:"_descriptionSecondLine_5i91d_132"},Ds=e.forwardRef(function(n,o){var Nt;const{columns:r,data:s,color:l="light",title:c="",description:a="",rowsPerPage:u=[10,20,30,40,50],fixHeader:f=!1,showSearchBar:p,searchBarPlaceholder:h,showSelect:C,showFilterButton:v,showContainer:L,showRowsPerPage:x,showPageNumber:g,showPageNavigation:w,showTopBar:b=!0,showBottomBar:y=!0,emptyMessage:E="There is no data",topBarComponents:A,children:P,containerClassName:T,className:V,columnClassName:W,rowClassName:q,cellClassName:j}=n,[G,$]=e.useState(""),[Y,he]=e.useState([]);if(!s.every(S=>Object.keys(S.columns).length===r.length&&Object.values(r).every(_=>Object.keys(S.columns).includes(_.id.toString()))))throw new Error("Columns in rows do not match ones declared in columns variable.");const N=n.defaultRowsPerPage||u[0]||10,R=e.useCallback(S=>r.filter(_=>_.filter).map(_=>({[_.id]:S})).reduce((_,D)=>Object.assign(_,D),{}),[r]),Z=e.useMemo(()=>R([]),[R]),[J,Le]=e.useState(Z),Ee=e.useMemo(()=>R(!1),[R]),[Te,De]=e.useState(Ee);u.includes(N)||u.push(N),u.sort((S,_)=>S-_);const[pe,Os]=e.useState(N||(u[0]??10)),xi=e.useMemo(()=>u.map(S=>({value:S.toString(),itemContent:S.toString()})),[u]),Is=s.some(S=>S.onClick),Ot=e.useCallback(S=>{var D,I;return(((D=S.searchValue)==null?void 0:D.toString())||((I=S.value)==null?void 0:I.toString())||"").toLowerCase().includes(G.toLowerCase())},[G]),$s=e.useCallback((S,_)=>{var U,ne,ge,Se;const D=((U=S.sortValue)==null?void 0:U.toString())||((ne=S.value)==null?void 0:ne.toString())||"",I=((ge=_.sortValue)==null?void 0:ge.toString())||((Se=_.value)==null?void 0:Se.toString())||"";return D.toLowerCase().localeCompare(I.toLowerCase(),void 0,{numeric:!0})},[]),It=e.useCallback((S,_)=>{var I,U,ne;const D=((I=S.filterValue)==null?void 0:I.toString())||((U=S.value)==null?void 0:U.toString())||"";return(ne=J[_.id])==null?void 0:ne.some(ge=>D.toString().toLowerCase()===ge.toString().toLowerCase())},[J]),Je=e.useMemo(()=>r.map(S=>({...S,sort:S.sort?{sortKey:S.id.toString().toUpperCase()}:!1})),[r]),wi=r.some(S=>{var _;return S.filter&&S.id in J&&((_=J[S.id])==null?void 0:_.length)!==0}),Ze=e.useMemo(()=>s.filter(S=>!G||r.some(_=>_.search&&Ot(S.columns[_.id]))).filter(S=>!wi||r.every(_=>{var D;return!_.filter||((D=J[_.id])==null?void 0:D.length)===0||It(S.columns[_.id],_)})).map(S=>{const _={...S.columns,...S,disabled:S.disabled},{columns:D,...I}=_;return I}),[It,J,r,s,wi,G,Ot]),[ce,Ns]=e.useState(Math.ceil(Ze.length/pe)),bi=e.useCallback(S=>S.filterValues?S.filterValues:[...new Set(s.map(D=>{var I,U;return((I=D.columns[S.id].filterValue)==null?void 0:I.toString())||((U=D.columns[S.id].value)==null?void 0:U.toString())||""}))].sort().map(D=>({value:D,label:D})),[s]),Rs=e.useMemo(()=>(C?"auto ":"")+Je.reduce((S,_)=>S+`${_.width?_.width:_.maxWidth?`minmax(auto, ${_.maxWidth})`:"auto"} `,""),[Je,C]),Bs=e.useCallback(S=>{$(S.target.value)},[]),ei={nodes:Ze},qs=xe.useRowSelect(ei,{onChange:(S,_)=>{he(_.ids)}},{rowSelect:xe.SelectTypes.MultiSelect,buttonSelect:xe.SelectTypes.MultiSelect,clickType:xe.SelectClickTypes.ButtonClick,isCarryForward:!1}),z=ao.usePagination(ei,{state:{page:0,size:N||u[0]}},{isServer:!1}),zs=Ei.useSort(ei,{onChange:(S,_)=>{De({...Ee,[_.sortKey.toLowerCase()]:!0})}},{sortIcon:{margin:"10px",size:"15px",iconDefault:t.jsx(M,{icon:"RiExpandUpDownLine"}),iconUp:t.jsx(M,{icon:"RiArrowUpLine"}),iconDown:t.jsx(M,{icon:"RiArrowUpLine"})},sortFns:Object.assign({},...Je.map(S=>({[S.id.toString().toUpperCase()]:_=>_.sort((D,I)=>$s(D[S.id],I[S.id]))})))}),Us=e.useMemo(()=>({title:"Filter by:",options:r.filter(S=>S.filter).map(S=>({label:S.label,value:S.id.toString(),page:{content:t.jsx(Mt,{label:"Select all",onCheckedChange:_=>{const D=JSON.parse(JSON.stringify(J));_===!0?D[S.id]=bi(S).map(I=>I.value):D[S.id]=[],Le(D)},children:bi(S).map((_,D)=>{var I,U;return t.jsx(Ye,{label:_.label,checked:(U=J[S.id])==null?void 0:U.includes(((I=_.value)==null?void 0:I.toString())||""),onCheckedChange:ne=>{Le(ge=>{var Bt;const Se={...ge},Rt=Se[S.id]||[];return ne?Se[S.id]=[...Rt,((Bt=_.value)==null?void 0:Bt.toString())||""]:Se[S.id]=Rt.filter(js=>js!==(_.value??"").toString()),Se})}},`checkbox-filter-${S.id}-${D}`)})},`select-all-checkbox-${S.id}`)}}))}),[J,r,bi]),Hs=Je.map(S=>{const _=S.sort?Ei.HeaderCellSort:oe.HeaderCell;let D=S.label,I;if(S.label&&typeof S.label=="string"){const[ne,ge]=Ai(S.label,31);D=ne,I=ge}return t.jsx(He,{children:({isHovered:U,...ne})=>t.jsxs(_,{className:F(B.tableHeaderCell,W,(Te[S.id]||U)&&B.showSortIcon,S.className),sortKey:S.sort?S.id.toString().toUpperCase():"",...ne,children:[D&&t.jsx("div",{children:D}),I&&t.jsxs("div",{className:B.descriptionSecondLine,children:[" ",I]})]})},S.id)}),$t=ye.isMobile?K:be,Vs=e.useMemo(()=>({custom:!0,...f&&{fixedHeader:!0}}),[f]),Ws=so.useTheme({Table:`
-			 --data-table-library_grid-template-columns: ${Rs} !important;
-		`,Row:`
-			&:hover {
-				cursor: ${Is?"pointer":"inherit"};
-			}
-			&.row-select-selected {
-				background-color: var(--gray-a4);
-			}
-			&:not(:last-of-type) .td {
-    			border-bottom: 1px solid var(--gray-a4);
-			}	
-		`,BaseRow:`
-			background-color: inherit;
-		`});return e.useEffect(()=>{if(w){const S=Math.ceil(Ze.length/pe);Ns(S),z.state.page<0&&z.fns.onSetPage(0),z.state.page>S-1&&z.fns.onSetPage(S-1)}},[u,Ze.length,pe,z,w]),t.jsxs(m.Flex,{className:F({[B.outerTableContainer]:L}),direction:"column",height:"100%",children:[(!!c||!!a)&&t.jsxs("div",{className:B.headerContainer,children:[!!c&&t.jsx(Fe,{weight:"bold",size:"5",children:c}),!!a&&t.jsx(Fe,{as:"div",children:a})]}),b&&t.jsxs(m.Flex,{justify:"between",gap:"2",className:B.tableTopContainer,children:[t.jsxs(m.Flex,{gap:"2",children:[p&&t.jsx(m.Flex,{direction:"column",children:t.jsx("div",{className:B.searchContainer,children:t.jsx(di,{value:G,onChange:Bs,leftSlot:t.jsx(M,{icon:"RiSearchLine"}),placeholder:h||"Filter tasks..."})})}),v&&t.jsx(nt,{color:l,page:Us,trigger:t.jsx(K,{variant:"surface","aria-label":"Filter columns",children:t.jsx(M,{icon:"RiEqualizerLine"})}),children:S=>""}),v&&wi&&t.jsx(K,{variant:"surface",color:"crimson",onClick:()=>{Le(Z),z.fns.onSetPage(0)},"aria-label":"Clear filters",children:t.jsx(M,{icon:"RiCloseLine"})})]}),A,C&&Y.length!==0&&t.jsxs(m.Flex,{gap:"2",children:[t.jsxs($t,{variant:"soft","aria-label":"Edit rows",children:[t.jsx(M,{icon:"RiPencilLine"}),!ye.isMobile&&"Edit"]}),t.jsxs($t,{color:"red","aria-label":"Delete rows",children:[t.jsx(M,{icon:"RiDeleteBin2Line"}),!ye.isMobile&&"Delete"]})]})]}),P,t.jsx("div",{className:F(B.tableContainer,T),children:t.jsx(oe.Table,{className:F(B.table,V),data:ei,theme:Ws,sort:zs,pagination:w&&z,select:qs,layout:Vs,ref:o,children:S=>t.jsxs(t.Fragment,{children:[t.jsx(oe.Header,{children:t.jsxs(oe.HeaderRow,{children:[C&&t.jsx(xe.HeaderCellSelect,{className:B.tableHeaderCell}),...Hs]})}),t.jsxs(oe.Body,{children:[S.length===0&&t.jsx(m.TableRow,{className:B.noDataTextContainer,children:t.jsx(oe.Cell,{children:E})}),S.map(_=>t.jsx(oe.Row,{item:_,className:F(B.tableRow,q,_.className,{[B.disabled]:_.disabled}),onClick:!_.disabled&&_.onClick,children:_.loading?t.jsx(oe.Cell,{style:{gridColumn:`1 / span ${r.length}`},children:t.jsx(m.Flex,{justify:"center",pb:"4",pt:"4",children:t.jsx(qe,{})})},`loading-${_.id}`):t.jsxs(t.Fragment,{children:[C&&t.jsx(xe.CellSelect,{item:_},_.id),r.map((D,I)=>{const U=_[D.id];return t.jsx(oe.Cell,{className:F(B.tableCell,j,U.className,{[B.disabled]:U.disabled||D.disabled}),onClick:U.disabled||D.disabled?void 0:_[D.id].onClick,children:U.label},I)})]})},_.id))]})]})})}),y&&t.jsxs(m.Flex,{className:B.tableBottomContainer,wrap:"wrap",direction:ye.isMobile?"column":"row",children:[x&&t.jsxs(m.Flex,{className:B.rowsPerPageContainer,children:[t.jsx(Fe,{className:B.rowsPerPageText,size:"2",children:"Rows per page:"}),t.jsx(Ki,{items:xi,defaultValue:(Nt=xi.find(S=>S.value===N.toString()))==null?void 0:Nt.value.toString(),onValueChange:S=>{z.fns.onSetSize(Number(S)),Os(Number(S))},placeholder:xi[0].itemContent,"aria-label":"Select number of rows per page"})]}),g&&t.jsx(m.Flex,{justify:"center",children:t.jsx(Fe,{className:B.pageText,size:"2",children:ce>0&&`Page ${z.state.page+1} of ${ce}`})}),w&&t.jsxs(m.Flex,{className:B.rowsPerPageContainer,gap:"2",justify:"end",children:[t.jsx(K,{variant:"surface",onClick:()=>z.fns.onSetPage(0),disabled:z.state.page===0||ce===0,"aria-label":"Go to first page",children:t.jsx(M,{icon:"RiArrowLeftDoubleLine"})}),t.jsx(K,{variant:"surface",disabled:z.state.page===0||ce===0,onClick:()=>z.fns.onSetPage(z.state.page-1),"aria-label":"Previous page",children:t.jsx(M,{icon:"RiArrowLeftSLine"})}),t.jsx(K,{variant:"surface",disabled:z.state.page+1===ce||ce===0,onClick:()=>z.fns.onSetPage(z.state.page+1),"aria-label":"Next page",children:t.jsx(M,{icon:"RiArrowRightSLine"})}),t.jsx(K,{variant:"surface",disabled:z.state.page+1===ce||ce===0,onClick:()=>z.fns.onSetPage(ce-1),"aria-label":"Go to last page",children:t.jsx(M,{icon:"RiArrowRightDoubleLine"})})]})]})]})}),Ps=e.memo(Ds),re={editableTextContainer:"_editableTextContainer_174g6_1",editableTextText:"_editableTextText_174g6_5",editableTextInput:"_editableTextInput_174g6_19",iconHidden:"_iconHidden_174g6_23"},As=e.forwardRef(function({value:n,onChange:o,onEditActivate:r,onEditConfirm:s,onEditCancel:l,textClassName:c,inputClassName:a,iconClassName:u,buttonVariant:f,buttonAlwaysVisible:p=!1,variant:h,severity:C,size:v,mode:L="buttons",...x},g){const[w,b]=e.useState(n==null?void 0:n.toString()),[y,E]=e.useState(n==null?void 0:n.toString()),[A,P]=e.useState(!1),T=!y||w===y,V=e.useCallback($=>{var Y;E((Y=$.target.value)==null?void 0:Y.toString()),o&&o($)},[o]),W=e.useCallback(()=>{P(!0),r&&r(w)},[r,w]),q=e.useCallback(()=>{b(y),P(!1),s&&s(y)},[s,y]),j=e.useCallback(()=>{P(!1);const $=y;E(w),l&&l($)},[w,y,l]),G=e.useCallback($=>{if(L==="keys")switch($.key){case"Enter":T||q();break;case"Escape":j();break}},[q,j,T,L]);return t.jsx(He,{children:({isHovered:$,...Y})=>t.jsxs(se,{className:re.editableTextContainer,gap:"2",...Y,children:[t.jsx(di,{className:F(A?re.editableTextInput:re.editableTextText,A?a:c),onClick:()=>!A&&L==="keys"&&W(),value:A?y:w,onChange:V,ref:g,onKeyDown:G,autoFocus:!0,size:v,variant:h,severity:C,readOnly:!A,style:A?void 0:{cursor:L==="keys"?"text":"unset"},...x}),L==="buttons"&&(A?t.jsxs(t.Fragment,{children:[t.jsx(K,{className:F(u,re.icon,!p&&!$&&re.iconHidden),size:v,variant:f,severity:C,disabled:T,onClick:q,"aria-label":"Confirm edit",children:t.jsx(M,{icon:"RiCheckLine"})}),t.jsx(K,{className:F(u,re.icon,!p&&!$&&re.iconHidden),color:"red",size:v,variant:f,severity:C,onClick:j,"aria-label":"Cancel edit",children:t.jsx(M,{icon:"RiCloseLargeLine"})})]}):t.jsx(K,{className:F(u,re.editIcon,re.icon,!p&&!$&&re.iconHidden),size:v,variant:f,severity:C,onClick:W,"aria-label":"Edit text",children:t.jsx(M,{icon:"RiPencilLine"})}))]})})}),Ms=e.memo(As);Object.defineProperty(d,"Theme",{enumerable:!0,get:()=>m.Theme}),Object.defineProperty(d,"updateThemeAppearanceClass",{enumerable:!0,get:()=>m.updateThemeAppearanceClass}),Object.defineProperty(d,"useThemeContext",{enumerable:!0,get:()=>m.useThemeContext}),d.AlertDialog=qi,d.AlertDialogContent=ai,d.AlertDialogProvider=qo,d.Badge=Lo,d.Breadcrumb=xo,d.Button=be,d.ButtonGroup=li,d.ButtonList=Oo,d.Checkbox=Ye,d.CollapsibleTree=jo,d.ConfirmEditInput=Ms,d.DEFAULT_ICON_SIZE=Ri,d.DefaultTheme=Vl,d.Dialog=$o,d.DownloadButtonUtility=Gi,d.Flex=se,d.HoverUtility=He,d.IconButton=K,d.IconColorUtility=Sl,d.Input=di,d.ItemStack=Ll,d.Layout=hl,d.LayoutContext=ci,d.LeftAndRightPanels=wl,d.MultiPagePopover=nt,d.MultiSelect=Qo,d.Overlay=Ho,d.OvermapDropdownMenu=wt,d.OvermapDropdownMultiSelect=_t,d.OvermapDropdownSelect=bt,d.OvermapErrorBoundary=ct,d.OvermapInputItem=pi,d.OvermapItem=Ue,d.OvermapItemGroup=ze,d.OvermapMenu=X,d.Popover=et,d.RiIcon=M,d.Select=Ki,d.SelectAllCheckbox=Mt,d.Separator=st,d.Sidebar=el,d.SlideOutV2=gl,d.SlideOutV3=Ji,d.Spinner=qe,d.Switch=Yo,d.Table=Ps,d.Text=Fe,d.TextArea=Fl,d.Toast=ot,d.ToastContext=fi,d.ToastProvider=Rl,d.ToggleButton=Ul,d.ToggleGroup=El,d.Toolbar=Ml,d.Tooltip=ql,d.USED_ICONS=si,d.divButtonProps=wo,d.splitTextForEllipsisAndExpansion=Ai,d.useAlertDialog=zi,d.useDiscardAlertDialog=zo,d.useKeyboardShortcut=ti,d.useLayoutContext=Ce,d.useOvermapItemGroupContext=Wi,d.useSeverityColor=Q,d.useSize=mo,d.useStopEventPropagation=go,d.useTextFilter=Co,d.useToast=Il,d.useViewportSize=Pi,d.useWrapCallbackInDialogClose=No,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@radix-ui/react-alert-dialog"), require("react/jsx-runtime"), require("class-variance-authority"), require("react"), require("@radix-ui/react-avatar"), require("@radix-ui/react-checkbox"), require("@radix-ui/react-collapsible"), require("@react-hook/resize-observer"), require("react-responsive"), require("@radix-ui/react-dialog"), require("react-icons/hi"), require("@radix-ui/react-hover-card"), require("@radix-ui/react-slot"), require("re-resizable"), require("react-transition-group"), require("react-dom"), require("react-error-boundary"), require("react-icons/ri"), require("@floating-ui/react"), require("@radix-ui/react-separator"), require("@radix-ui/react-popover"), require("@radix-ui/react-radio-group"), require("@radix-ui/react-dismissable-layer"), require("@radix-ui/react-toast"), require("@radix-ui/react-toggle"), require("@radix-ui/react-tooltip")) : typeof define === "function" && define.amd ? define(["exports", "@radix-ui/react-alert-dialog", "react/jsx-runtime", "class-variance-authority", "react", "@radix-ui/react-avatar", "@radix-ui/react-checkbox", "@radix-ui/react-collapsible", "@react-hook/resize-observer", "react-responsive", "@radix-ui/react-dialog", "react-icons/hi", "@radix-ui/react-hover-card", "@radix-ui/react-slot", "re-resizable", "react-transition-group", "react-dom", "react-error-boundary", "react-icons/ri", "@floating-ui/react", "@radix-ui/react-separator", "@radix-ui/react-popover", "@radix-ui/react-radio-group", "@radix-ui/react-dismissable-layer", "@radix-ui/react-toast", "@radix-ui/react-toggle", "@radix-ui/react-tooltip"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.blocks = {}, global.RadixAlertDialog, global.jsxRuntime, global.classVarianceAuthority, global.React, global.RadixAvatar, global.RadixCheckbox, global.RadixPrimitiveCollapsible, global.useResizeObserver, global.reactResponsive, global.RadixDialog, global.hi, global.RadixHoverCard, global.reactSlot, global.reResizable, global.reactTransitionGroup, global.ReactDOM, global.reactErrorBoundary, global.RiIcons, global.react, global.RadixSeparator, global.RadixPopover, global.RadixRadioGroup, global.reactDismissableLayer, global.RadixToast, global.Toggle, global.RadixTooltip));
+})(this, function(exports2, RadixAlertDialog, jsxRuntime, classVarianceAuthority, React, RadixAvatar, RadixCheckbox, RadixPrimitiveCollapsible, useResizeObserver, reactResponsive, RadixDialog, hi, RadixHoverCard, reactSlot, reResizable, reactTransitionGroup, ReactDOM, reactErrorBoundary, RiIcons, react, RadixSeparator, RadixPopover, RadixRadioGroup, reactDismissableLayer, RadixToast, Toggle, RadixTooltip) {
+  "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 RadixAlertDialog__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixAlertDialog);
+  const RadixAvatar__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixAvatar);
+  const RadixCheckbox__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixCheckbox);
+  const RadixPrimitiveCollapsible__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixPrimitiveCollapsible);
+  const RadixDialog__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixDialog);
+  const RadixHoverCard__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixHoverCard);
+  const RiIcons__namespace = /* @__PURE__ */ _interopNamespaceDefault(RiIcons);
+  const RadixSeparator__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSeparator);
+  const RadixPopover__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixPopover);
+  const RadixRadioGroup__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixRadioGroup);
+  const RadixToast__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixToast);
+  const Toggle__namespace = /* @__PURE__ */ _interopNamespaceDefault(Toggle);
+  const RadixTooltip__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixTooltip);
+  const radiusCva = classVarianceAuthority.cva([], {
+    variants: {
+      maxLarge: {
+        true: [],
+        false: []
+      },
+      radius: {
+        none: ["rounded-none"],
+        xs: ["rounded-xs"],
+        sm: ["rounded-sm"],
+        md: ["rounded-md"],
+        lg: ["rounded-lg"],
+        xl: [],
+        full: []
+      }
+    },
+    compoundVariants: [
+      {
+        maxLarge: true,
+        radius: "xl",
+        className: ["rounded-lg"]
+      },
+      {
+        maxLarge: true,
+        radius: "full",
+        className: ["rounded-lg"]
+      },
+      {
+        maxLarge: false,
+        radius: "xl",
+        className: ["rounded-xl"]
+      },
+      {
+        maxLarge: false,
+        radius: "full",
+        className: ["rounded-full"]
+      }
+    ]
+  });
+  const ProviderContext = React.createContext({});
+  const useProvider = () => {
+    const context = React.useContext(ProviderContext);
+    if (!context) {
+      throw new Error("useProvider must be used within a Provider");
+    }
+    return context;
+  };
+  const Provider = (props) => {
+    const { accentColor, radius = "md", children } = props;
+    const contextValue = React.useMemo(
+      () => ({
+        accentColor,
+        radius
+      }),
+      [accentColor, radius]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(ProviderContext.Provider, { value: contextValue, children });
+  };
+  const dialogOverlay = classVarianceAuthority.cva([
+    "fixed",
+    "inset-0",
+    "duration-200",
+    "bg-(--black-a6)",
+    "dark:bg-(--black-a8)",
+    "data-[state='open']:animate-in",
+    "data-[state='open']:fade-in-0",
+    "data-[state='closed']:animate-out",
+    "data-[state='closed']:fade-out-0"
+  ]);
+  const dialogContent = classVarianceAuthority.cva(
+    [
+      "flex",
+      "flex-col",
+      "h-max",
+      "[scrollbar-width:thin]",
+      "[scrollbar-color:var(--base-6)_transparent]",
+      "max-h-3/4",
+      "overflow-hidden",
+      "w-full",
+      "bg-(--base-2)",
+      "ring-1",
+      "ring-(--base-6)",
+      "fixed",
+      "left-[50%]",
+      "top-[50%]",
+      "translate-x-[-50%]",
+      "translate-y-[-50%]",
+      "duration-200",
+      "data-[state='open']:animate-in",
+      "data-[state='open']:fade-in-0",
+      "data-[state='open']:zoom-in-95",
+      "data-[state='closed']:animate-out",
+      "data-[state='closed']:fade-out-0",
+      "data-[state='closed']:zoom-out-95"
+    ],
+    {
+      variants: {
+        size: {
+          xs: ["text-xs", "p-2", "max-w-xs"],
+          sm: ["text-sm", "p-3", "max-w-sm"],
+          md: ["text-md", "p-4", "max-w-md"],
+          lg: ["text-lg", "p-5", "max-w-lg"],
+          xl: ["text-xl", "p-6", "max-w-xl"]
+        }
+      },
+      defaultVariants: {
+        size: "md"
+      }
+    }
+  );
+  const AlertDialogContent = React.forwardRef((props, ref) => {
+    const { radius } = useProvider();
+    const { className, size, container, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Overlay, { className: dialogOverlay({}), children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixAlertDialog__namespace.Content,
+      {
+        className: classVarianceAuthority.cx(className, dialogContent({ size }), radiusCva({ radius, maxLarge: true })),
+        ref,
+        ...rest
+      }
+    ) }) });
+  });
+  AlertDialogContent.displayName = "AlertDialogContent";
+  const AlertDialogContext = React.createContext(() => {
+    throw new Error("No AlertDialogProvider found");
+  });
+  const useAlertDialog = () => {
+    const alertDialogContext = React.useContext(AlertDialogContext);
+    if (!alertDialogContext) {
+      throw new Error("No AlertDialogProvider found");
+    }
+    return alertDialogContext;
+  };
+  const ButtonGroupContext = React.createContext({});
+  const ButtonGroup = (props) => {
+    const providerContext = useProvider();
+    const { children, variant = "solid", size = "md", radius = providerContext.radius } = props;
+    const value = React.useMemo(
+      () => ({
+        variant,
+        size,
+        radius
+      }),
+      [radius, size, variant]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(ButtonGroupContext.Provider, { value, children });
+  };
+  ButtonGroup.displayName = "Buttons";
+  const useButtonGroup = () => React.useContext(ButtonGroupContext);
+  const button = classVarianceAuthority.cva(
+    [
+      "flex",
+      "items-center",
+      "justify-center",
+      "outline-none",
+      "transition-colors",
+      "disabled:opacity-50",
+      "disabled:pointer-events-none"
+    ],
+    {
+      variants: {
+        variant: {
+          solid: [
+            "ring-(--accent-9)",
+            "bg-(--accent-9)",
+            "hover:bg-(--accent-10)",
+            "text-(--accent-contrast)",
+            "active:brightness-110",
+            "data-[state='open']:bg-(--accent-10)",
+            "focus-visible:outline-2",
+            "focus-visible:outline-(--accent-a8)",
+            "focus-visible:outline-offset-2"
+          ],
+          soft: [
+            "bg-(--accent-a3)",
+            "hover:bg-(--accent-a4)",
+            "active:bg-(--accent-a5)",
+            "text-(--accent-a11)",
+            "data-[state='open']:bg-(--accent-a4)",
+            "focus-visible:ring-2",
+            "focus-visible:ring-(--accent-a8)"
+          ],
+          ghost: [
+            "bg-transparent",
+            "hover:bg-(--accent-a3)",
+            "active:bg-(--accent-a4)",
+            "text-(--accent-a11)",
+            "data-[state='open']:bg-(--accent-a3)",
+            "focus-visible:ring-2",
+            "focus-visible:ring-(--accent-a8)"
+          ],
+          surface: [
+            "bg-(--accent-surface)",
+            "hover:ring-(--accent-a8)",
+            "active:bg-(--accent-a3)",
+            "ring-1",
+            "ring-(--accent-a7)",
+            "text-(--accent-a11)",
+            "data-[state='open']:bg-(--accent-a4)",
+            "focus-visible:ring-2",
+            "focus-visible:ring-(--accent-a8)"
+          ],
+          outline: [
+            "bg-transparent",
+            "ring-1",
+            "ring-(--accent-a7)",
+            "hover:ring-(--accent-a8)",
+            "hover:bg-(--accent-a3)",
+            "active:bg-(--accent-a4)",
+            "text-(--accent-a11)",
+            "data-[state='open']:ring-(--accent-a8)",
+            "data-[state='open']:bg-(--accent-a3)",
+            "focus-visible:ring-2",
+            "focus-visible:ring-(--accent-a8)"
+          ]
+        },
+        icon: {
+          true: [],
+          false: []
+        },
+        size: {
+          xs: ["h-5", "text-xs", "gap-0.25"],
+          sm: ["h-6", "text-sm", "gap-0.5"],
+          md: ["h-7", "text-base", "gap-1"],
+          lg: ["h-8", "text-lg", "gap-1.5"],
+          xl: ["h-9", "text-xl", "gap-2"]
+        }
+      },
+      compoundVariants: [
+        {
+          icon: true,
+          size: "xs",
+          class: "w-5"
+        },
+        {
+          icon: false,
+          size: "xs",
+          class: "px-2"
+        },
+        {
+          icon: true,
+          size: "sm",
+          class: "w-6"
+        },
+        {
+          icon: false,
+          size: "sm",
+          class: "px-2"
+        },
+        {
+          icon: true,
+          size: "md",
+          class: "w-7"
+        },
+        {
+          icon: false,
+          size: "md",
+          class: "px-3"
+        },
+        {
+          icon: true,
+          size: "lg",
+          class: "w-8"
+        },
+        {
+          icon: false,
+          size: "lg",
+          class: "px-4"
+        },
+        {
+          icon: true,
+          size: "xl",
+          class: "w-9"
+        },
+        {
+          icon: false,
+          size: "xl",
+          class: "px-5"
+        }
+      ],
+      defaultVariants: {
+        size: "md",
+        icon: false,
+        variant: "solid"
+      }
+    }
+  );
+  const Button = React.memo(
+    React.forwardRef((props, ref) => {
+      const providerContext = useProvider();
+      const buttonsContext = useButtonGroup();
+      const {
+        children,
+        className,
+        variant = buttonsContext.variant,
+        size = buttonsContext.size,
+        radius = buttonsContext.radius ?? providerContext.radius,
+        accentColor = providerContext.accentColor,
+        ...rest
+      } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: classVarianceAuthority.cx(
+            className,
+            button({ size, icon: false, variant }),
+            radiusCva({ radius, maxLarge: false })
+          ),
+          ref,
+          "data-accent-color": accentColor,
+          ...rest,
+          children
+        }
+      );
+    })
+  );
+  const IconButton = React.memo(
+    React.forwardRef((props, ref) => {
+      const providerContext = useProvider();
+      const buttonsContext = useButtonGroup();
+      const {
+        children,
+        className,
+        variant = buttonsContext.variant,
+        size = buttonsContext.size,
+        radius = buttonsContext.radius ?? providerContext.radius,
+        accentColor = providerContext.accentColor,
+        ...rest
+      } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: classVarianceAuthority.cx(className, button({ size, icon: true, variant }), radiusCva({ radius, maxLarge: false })),
+          ref,
+          "data-accent-color": accentColor,
+          ...rest,
+          children
+        }
+      );
+    })
+  );
+  const AlertDialogProvider = (props) => {
+    const { children } = props;
+    const [open, setOpen] = React.useState(false);
+    const [options, setOptions] = React.useState(null);
+    const handleOpenChange = React.useCallback(
+      (open2) => {
+        var _a;
+        setOpen(open2);
+        if (open2) return;
+        (_a = options == null ? void 0 : options.onClose) == null ? void 0 : _a.call(options);
+      },
+      [options]
+    );
+    const openAlertDialog = React.useCallback(
+      (config) => {
+        if (open) throw new Error("AlertDialog is already open");
+        setOpen(true);
+        setOptions({
+          size: "md",
+          action: "Confirm",
+          cancel: "Cancel",
+          ...config
+        });
+      },
+      [open]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogContext.Provider, { value: openAlertDialog, children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Root, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(AlertDialogContent, { size: options == null ? void 0 : options.size, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Title, { className: "font-medium", children: options == null ? void 0 : options.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Description, { children: options == null ? void 0 : options.description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Cancel, { onClick: options == null ? void 0 : options.onCancel, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "soft", size: options == null ? void 0 : options.size, accentColor: "base", children: options == null ? void 0 : options.cancel }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Action, { onClick: options == null ? void 0 : options.onAction, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "solid", size: options == null ? void 0 : options.size, children: options == null ? void 0 : options.action }) })
+        ] })
+      ] }) }) })
+    ] });
+  };
+  const AlertDialog = {
+    Content: AlertDialogContent,
+    Trigger: RadixAlertDialog__namespace.Trigger,
+    Root: RadixAlertDialog__namespace.Root,
+    Title: RadixAlertDialog__namespace.Title,
+    Description: RadixAlertDialog__namespace.Description,
+    Action: RadixAlertDialog__namespace.Action,
+    Cancel: RadixAlertDialog__namespace.Cancel
+  };
+  const AvatarContext = React.createContext({});
+  const avatar = classVarianceAuthority.cva([], {
+    variants: {
+      size: {
+        xs: ["h-5", "w-5", "text-xs"],
+        sm: ["h-6", "w-6", "text-sm"],
+        md: ["h-7", "w-7", "text-base"],
+        lg: ["h-8", "w-8", "text-lg"],
+        xl: ["h-9", "w-9", "text-xl"]
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  });
+  const avatarFallback = classVarianceAuthority.cva(
+    ["select-none", "flex", "items-center", "justify-center", "w-full", "h-full", "rounded-[inherit]"],
+    {
+      variants: {
+        variant: {
+          solid: ["bg-(--accent-9)", "text-(--accent-contrast)"],
+          soft: ["bg-(--accent-a3)", "text-(--accent-a11)"],
+          outline: ["bg-transparent", "ring-1", "ring-inset", "ring-(--accent-a7)", "text-(--accent-a11)"],
+          surface: ["bg-(--accent-surface)", "ring-1", "ring-inset", "ring-(--accent-a7)", "text-(--accent-a11)"]
+        }
+      },
+      defaultVariants: {
+        variant: "solid"
+      }
+    }
+  );
+  const AvatarFallback = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    const { variant } = React.useContext(AvatarContext);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.AvatarFallback, { className: classVarianceAuthority.cx(className, avatarFallback({ variant })), ref, ...rest });
+  });
+  AvatarFallback.displayName = "AvatarFallback";
+  const AvatarImage = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixAvatar__namespace.Image,
+      {
+        className: classVarianceAuthority.cx(className, "object-cover", "rounded-[inherit]", "w-full", "h-full"),
+        ref,
+        ...rest
+      }
+    );
+  });
+  AvatarImage.displayName = "AvatarImage";
+  const AvatarRoot = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      className,
+      size,
+      variant = "solid",
+      accentColor = providerContext.accentColor,
+      radius = providerContext.radius,
+      children,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixAvatar__namespace.Root,
+      {
+        className: classVarianceAuthority.cx(className, avatar({ size }), radiusCva({ radius, maxLarge: false })),
+        ref,
+        "data-accent-color": accentColor,
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(AvatarContext.Provider, { value: { variant }, children })
+      }
+    );
+  });
+  AvatarRoot.displayName = "AvatarRoot";
+  const Avatar = {
+    Fallback: AvatarFallback,
+    Image: AvatarImage,
+    Root: AvatarRoot
+  };
+  const badge = classVarianceAuthority.cva(["flex", "items-center"], {
+    variants: {
+      icon: {
+        true: ["justify-center"],
+        false: []
+      },
+      size: {
+        xs: ["h-5", "text-xs", "gap-0.25"],
+        sm: ["h-6", "text-sm", "gap-0.5"],
+        md: ["h-7", "text-base", "gap-1"],
+        lg: ["h-8", "text-lg", "gap-1.5"],
+        xl: ["h-9", "text-xl", "gap-2"]
+      },
+      variant: {
+        solid: ["bg-(--accent-9)", "text-(--accent-contrast)"],
+        soft: ["bg-(--accent-a3)", "text-(--accent-a11)"],
+        outline: ["bg-transparent", "ring-1", "ring-(--accent-a7)", "text-(--accent-a11)"],
+        surface: ["bg-(--accent-surface)", "ring-1", "ring-(--accent-a7)", "text-(--accent-a11)"]
+      }
+    },
+    compoundVariants: [
+      {
+        icon: true,
+        size: "xs",
+        class: "w-5"
+      },
+      {
+        icon: false,
+        size: "xs",
+        class: "px-2"
+      },
+      {
+        icon: true,
+        size: "sm",
+        class: "w-6"
+      },
+      {
+        icon: false,
+        size: "sm",
+        class: "px-2"
+      },
+      {
+        icon: true,
+        size: "md",
+        class: "w-7"
+      },
+      {
+        icon: false,
+        size: "md",
+        class: "px-3"
+      },
+      {
+        icon: true,
+        size: "lg",
+        class: "w-8"
+      },
+      {
+        icon: false,
+        size: "lg",
+        class: "px-4"
+      },
+      {
+        icon: true,
+        size: "xl",
+        class: "w-9"
+      },
+      {
+        icon: false,
+        size: "xl",
+        class: "px-5"
+      }
+    ],
+    defaultVariants: {
+      size: "md",
+      variant: "solid",
+      icon: false
+    }
+  });
+  const Badge = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      children,
+      className,
+      accentColor = providerContext.accentColor,
+      radius = providerContext.radius,
+      variant,
+      size,
+      icon,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: classVarianceAuthority.cx(className, badge({ variant, size, icon }), radiusCva({ radius, maxLarge: false })),
+        ref,
+        "data-accent-color": accentColor,
+        ...rest,
+        children
+      }
+    );
+  });
+  Badge.displayName = "Badge";
+  const CheckboxIndicator = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixCheckbox__namespace.CheckboxIndicator,
+      {
+        className: classVarianceAuthority.cx(className, "flex items-center justify-center"),
+        ref,
+        ...rest
+      }
+    );
+  });
+  CheckboxIndicator.displayName = "CheckboxIndicator";
+  const checkbox = classVarianceAuthority.cva(
+    [
+      "outline-0",
+      "transition-colors",
+      "focus-visible:ring-2",
+      "ring-(--accent-a8)",
+      "disabled:opacity-50",
+      "disabled:pointer-events-none"
+    ],
+    {
+      variants: {
+        variant: {
+          surface: [
+            "ring-1",
+            "ring-inset",
+            "ring-(--base-a7)",
+            "bg-(--base-surface)",
+            "data-[state='checked']:bg-(--accent-indicator)",
+            "data-[state='checked']:ring-(--accent-indicator)",
+            "text-(--accent-contrast)"
+          ],
+          soft: ["bg-(--accent-a5)", "text-(--accent-a11)"],
+          outline: ["bg-transparent", "ring-1", "ring-(--accent-a7)", "text-(--accent-a11)"]
+        },
+        size: {
+          xs: ["h-4", "w-4", "text-xs"],
+          sm: ["h-5", "w-5", "text-sm"],
+          md: ["h-6", "w-6", "text-base"],
+          lg: ["h-7", "w-7", "text-lg"],
+          xl: ["h-8", "w-8", "text-xl"]
+        }
+      },
+      defaultVariants: {
+        variant: "surface",
+        size: "md"
+      }
+    }
+  );
+  const CheckboxRoot = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      className,
+      variant,
+      size,
+      radius = providerContext.radius,
+      accentColor = providerContext.accentColor,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixCheckbox__namespace.Root,
+      {
+        className: classVarianceAuthority.cx(className, checkbox({ variant, size }), radiusCva({ radius, maxLarge: true })),
+        ref,
+        "data-accent-color": accentColor,
+        ...rest
+      }
+    );
+  });
+  CheckboxRoot.displayName = "CheckboxRoot";
+  const Checkbox = {
+    Root: CheckboxRoot,
+    Indicator: CheckboxIndicator
+  };
+  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 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 useSize = (target) => {
+    const [size, setSize] = React.useState();
+    React.useLayoutEffect(() => {
+      var _a;
+      setSize((_a = target.current) == null ? void 0 : _a.getBoundingClientRect());
+    }, [target]);
+    const handleResize = React.useCallback((entry) => {
+      const rect = entry.contentRect;
+      setSize(rect);
+    }, []);
+    useResizeObserver(target, handleResize);
+    return size;
+  };
+  const splitTextForEllipsisAndExpansion = (text, numChars) => {
+    const indexOfSpace = text.indexOf(" ", numChars);
+    const firstLine = indexOfSpace === -1 ? text : text.substring(0, indexOfSpace);
+    const secondLine = indexOfSpace === -1 ? "" : text.substring(indexOfSpace);
+    return [firstLine, secondLine];
+  };
+  const genericMemo = React.memo;
+  function useControlledState(args) {
+    const { state, setState, initialState } = args;
+    const [uncontrolledState, setUncontrolledState] = React.useState(initialState);
+    return [state !== void 0 ? state : uncontrolledState, setState !== void 0 ? setState : setUncontrolledState];
+  }
+  const CollapsibleTreeContext = React.createContext(
+    {}
+  );
+  function useCollapsibleTreeContext() {
+    return React.useContext(CollapsibleTreeContext);
+  }
+  const CollapsibleNode = genericMemo(function(props) {
+    const { meta, nodes, level = 0, disabled } = props;
+    const [controlledOpenState, setControlledOpenState] = React.useState(false);
+    const {
+      nodeRenderer,
+      disabled: disabledFromContext,
+      onNodeOpen,
+      onNodeClose,
+      onNodeClick,
+      nodeStyles,
+      nodeClassName
+    } = useCollapsibleTreeContext();
+    const isDisabled = disabled ?? disabledFromContext;
+    const handleClick = React.useCallback(() => {
+      if (onNodeClick) onNodeClick(meta);
+    }, [meta, onNodeClick]);
+    const toggleOpenState = React.useCallback(() => {
+      setControlledOpenState(!controlledOpenState);
+      if (!controlledOpenState && onNodeOpen) onNodeOpen(meta);
+      if (controlledOpenState && onNodeClose) onNodeClose(meta);
+    }, [meta, onNodeClose, onNodeOpen, controlledOpenState]);
+    const { children, style, className } = React.useMemo(() => {
+      return nodeRenderer({
+        meta,
+        toggleOpen: toggleOpenState,
+        open: controlledOpenState,
+        disabled: isDisabled
+      });
+    }, [isDisabled, meta, nodeRenderer, toggleOpenState, controlledOpenState]);
+    const combinedStyles = React.useMemo(
+      () => ({
+        // want node specific styles to overwrite and global node styles
+        ...nodeStyles,
+        ...style
+      }),
+      [nodeStyles, style]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixPrimitiveCollapsible__namespace.Root, { asChild: true, open: controlledOpenState, disabled: isDisabled, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          onClick: handleClick,
+          className: classVarianceAuthority.cx(nodeClassName, className, "w-full flex items-center shrink-0"),
+          style: combinedStyles,
+          "data-state": controlledOpenState ? "open" : "closed",
+          "data-disabled": isDisabled,
+          children
+        }
+      ),
+      nodes && nodes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(RadixPrimitiveCollapsible__namespace.Content, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex flex-col h-max pl-2", children: nodes.map((treeNodeProps, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        CollapsibleNode,
+        {
+          level: level + 1,
+          ...treeNodeProps
+        },
+        `${level},${index}`
+      )) }) })
+    ] }) });
+  });
+  const CollapsibleTree = genericMemo(function(props) {
+    const {
+      nodes,
+      disabled = false,
+      nodeClassName,
+      nodeStyles,
+      onNodeClick,
+      onNodeClose,
+      onNodeOpen,
+      nodeRenderer,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CollapsibleTreeContext.Provider,
+      {
+        value: {
+          nodeRenderer,
+          nodeClassName,
+          nodeStyles,
+          disabled,
+          onNodeClick,
+          onNodeClose,
+          onNodeOpen
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col w-full h-max", ...rest, children: nodes.map((treeNodeProps, index) => /* @__PURE__ */ jsxRuntime.jsx(CollapsibleNode, { ...treeNodeProps }, `${0},${index}`)) })
+      }
+    );
+  });
+  const CloseDialogContext = React.createContext({});
+  const useCloseDialog = () => {
+    const dialogContext = React.useContext(CloseDialogContext);
+    if (!dialogContext) {
+      throw new Error("useDialog must be used within a DialogRoot");
+    }
+    return dialogContext;
+  };
+  const DialogContent = React.forwardRef((props, ref) => {
+    const { radius } = useProvider();
+    const close = useCloseDialog();
+    const { children, title, container, className, size, ...rest } = props;
+    const computedChildren = React.useMemo(() => {
+      return typeof children === "function" ? children(close) : children;
+    }, [children, close]);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, { className: dialogOverlay({}), children: /* @__PURE__ */ jsxRuntime.jsxs(
+      RadixDialog__namespace.Content,
+      {
+        className: classVarianceAuthority.cx(className, dialogContent({ size }), radiusCva({ radius, maxLarge: true })),
+        ref,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between w-full h-max", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { className: "font-medium", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { accentColor: "base", size, variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(hi.HiX, {}) }) })
+          ] }),
+          computedChildren
+        ]
+      }
+    ) }) });
+  });
+  DialogContent.displayName = "DialogContent";
+  const DialogRoot = (props) => {
+    const {
+      children,
+      onOpen,
+      onClose,
+      defaultOpen,
+      onCloseInterrupt,
+      open: externalOpen,
+      onOpenChange: externalOpenChange
+    } = 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.jsx(RadixDialog__namespace.Root, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(CloseDialogContext.Provider, { value: closeDialog, children }) });
+  };
+  const Dialog = {
+    Root: DialogRoot,
+    Content: DialogContent,
+    Trigger: RadixDialog__namespace.Trigger,
+    Close: RadixDialog__namespace.Close
+  };
+  const HoverCardArrow = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixHoverCard__namespace.Arrow, { className: classVarianceAuthority.cx(className, "fill-(--base-6)"), ref, ...rest });
+  });
+  HoverCardArrow.displayName = "HoverCardArrow";
+  const floating = classVarianceAuthority.cva(
+    [
+      "data-[state=open]:animate-in",
+      "data-[state=open]:fade-in-0",
+      "data-[state=open]:zoom-in-95",
+      "data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0",
+      "data-[state=closed]:zoom-out-95"
+    ],
+    {
+      variants: {
+        shadow: {
+          "1": ["shadow-xs"],
+          "2": ["shadow-sm"],
+          "3": ["shadow-md"],
+          "4": ["shadow-lg"],
+          "5": ["shadow-xl"]
+        },
+        side: {
+          top: ["data-[side=top]:slide-in-from-bottom-2"],
+          right: ["data-[side=right]:slide-in-from-left-2"],
+          bottom: ["data-[side=bottom]:slide-in-from-top-2"],
+          left: ["data-[side=left]:slide-in-from-right-2"]
+        }
+      }
+    }
+  );
+  const hoverCardContent = classVarianceAuthority.cva(["bg-(--base-1)", "ring-1", "ring-(--base-6)"], {
+    variants: {
+      size: {
+        xs: ["text-xs", "p-2"],
+        sm: ["text-sm", "p-3"],
+        md: ["text-base", "p-4"],
+        lg: ["text-lg", "p-5"],
+        xl: ["text-xl", "p-6"]
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  });
+  const HoverCardContent = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      className,
+      size,
+      side,
+      radius = providerContext.radius,
+      accentColor = providerContext.accentColor,
+      sideOffset = 4,
+      container,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixHoverCard__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixHoverCard__namespace.Content,
+      {
+        className: classVarianceAuthority.cx(
+          className,
+          hoverCardContent({ size }),
+          floating({ side, shadow: "3" }),
+          radiusCva({ radius, maxLarge: true })
+        ),
+        ref,
+        side,
+        "data-accent-color": accentColor,
+        sideOffset,
+        ...rest
+      }
+    ) });
+  });
+  HoverCardContent.displayName = "HoverCardContent";
+  const HoverCard = {
+    Arrow: HoverCardArrow,
+    Content: HoverCardContent,
+    Root: RadixHoverCard__namespace.Root,
+    Trigger: RadixHoverCard__namespace.Trigger
+  };
+  const HoverUtility = React.memo(function Root2({ children, forceHover }) {
+    const [isHovered, setIsHovered] = React.useState(false);
+    const handlePointerEnter = React.useCallback(() => {
+      setIsHovered(true);
+    }, []);
+    const handlePointerLeave = React.useCallback(() => {
+      setIsHovered(false);
+    }, []);
+    return children({
+      isHovered: forceHover !== void 0 ? forceHover : isHovered,
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave
+    });
+  });
+  const InputContext = React.createContext({});
+  const inputRoot$1 = classVarianceAuthority.cva(
+    [
+      "flex",
+      "items-stretch",
+      "transition-colors",
+      "has-[:focus]:ring-2",
+      "has-[:focus]:ring-(--accent-a8)",
+      "has-[:disabled]:opacity-50",
+      "has-[:disabled]:pointer-events-none"
+    ],
+    {
+      variants: {
+        variant: {
+          surface: ["ring-1", "ring-(--accent-a7)", "bg-(--accent-surface)", "text-(--accent-a12)"],
+          soft: ["bg-(--accent-a3)", "text-(--accent-12)"],
+          outline: ["ring-1", "ring-(--base-a7)", "bg-transparent", "text-(--base-12)"]
+        },
+        size: {
+          xs: ["h-5", "text-xs"],
+          sm: ["h-6", "text-sm"],
+          md: ["h-7", "text-base"],
+          lg: ["h-8", "text-lg"],
+          xl: ["h-9", "text-xl"]
+        }
+      },
+      defaultVariants: {
+        size: "md",
+        variant: "surface"
+      }
+    }
+  );
+  const inputField = classVarianceAuthority.cva(["peer-[.slot]/slot:indent-0"], {
+    variants: {
+      variant: {
+        surface: ["placeholder-(--accent-12)", "placeholder:opacity-60", "selection:bg-(--accent-a5)"],
+        soft: ["placeholder-(--accent-12)", "placeholder:opacity-60", "selection:bg-(--accent-a5)"],
+        outline: ["placeholder-(--base-a9)", "selection:bg-(--accent-a5)"]
+      },
+      size: {
+        xs: ["indent-1"],
+        sm: ["indent-1.5"],
+        md: ["indent-2"],
+        lg: ["indent-2.5"],
+        xl: ["indent-3"]
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "surface"
+    }
+  });
+  const inputSlot = classVarianceAuthority.cva(["peer/slot", "slot"], {
+    variants: {
+      size: {
+        xs: ["px-1"],
+        sm: ["px-1.5"],
+        md: ["px-2"],
+        lg: ["px-2.5"],
+        xl: ["px-3"]
+      },
+      variant: {
+        surface: ["text-(--accent-12)"],
+        soft: ["text-(--accent-12)"],
+        outline: ["text-(--base-a11)"]
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  });
+  const InputField = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    const { size, variant } = React.useContext(InputContext);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        className: classVarianceAuthority.cx(className, inputField({ size, variant }), "bg-transparent outline-0 grow"),
+        ref,
+        ...rest
+      }
+    );
+  });
+  InputField.displayName = "InputField";
+  const InputRoot = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      className,
+      variant = "surface",
+      size = "md",
+      accentColor = providerContext.accentColor,
+      radius = providerContext.radius,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(InputContext.Provider, { value: { size, variant }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: classVarianceAuthority.cx(className, inputRoot$1({ variant, size }), radiusCva({ radius, maxLarge: false })),
+        ref,
+        "data-accent-color": accentColor,
+        ...rest
+      }
+    ) });
+  });
+  InputRoot.displayName = "InputRoot";
+  const InputSlot = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    const { size, variant } = React.useContext(InputContext);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(className, inputSlot({ size, variant }), "flex items-center"), ref, ...rest });
+  });
+  InputSlot.displayName = "InputSlot";
+  const Input = {
+    Field: InputField,
+    Root: InputRoot,
+    Slot: InputSlot
+  };
+  const LayoutContext = React.createContext({});
+  const useLayoutContext = () => React.useContext(LayoutContext);
+  const Container = React.memo(
+    React.forwardRef((props, ref) => {
+      const { children, className, ...rest } = props;
+      const { hideLayout = false } = useLayoutContext();
+      return !hideLayout && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(className, "flex grow h-full"), ref, ...rest, children });
+    })
+  );
+  const Root$1 = React.memo((props) => {
+    const { children, small = false, hideLayout = false } = props;
+    const [showLeftSlideOut, setShowLeftSlideOut] = React.useState(false);
+    const [showRightSlideOut, setShowRightSlideOut] = React.useState(false);
+    const contextValue = React.useMemo(
+      () => ({
+        small,
+        hideLayout,
+        showLeftSlideOut,
+        setShowLeftSlideOut,
+        showRightSlideOut,
+        setShowRightSlideOut
+      }),
+      [hideLayout, showLeftSlideOut, showRightSlideOut, small]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(LayoutContext.Provider, { value: contextValue, children });
+  });
+  Root$1.displayName = "Layout.Root";
+  function usePointerDownOutside(onPointerDownOutside, ownerElement = globalThis == null ? void 0 : globalThis.document.body) {
+    const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
+    const isPointerInsideReactTreeRef = React.useRef(false);
+    const handleClickRef = React.useRef(() => {
+    });
+    React.useEffect(() => {
+      const handlePointerDown = (event) => {
+        if (event.target && !isPointerInsideReactTreeRef.current) {
+          const eventDetail = { originalEvent: event };
+          const handleAndDispatchPointerDownOutsideEvent = () => {
+            handleAndDispatchCustomEvent("pointerDownOutside", handlePointerDownOutside, eventDetail, {
+              discrete: true
+            });
+          };
+          if (event.pointerType === "touch") {
+            ownerElement.removeEventListener("click", handleClickRef.current);
+            handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
+            ownerElement.addEventListener("click", handleClickRef.current, { once: true });
+          } else {
+            handleAndDispatchPointerDownOutsideEvent();
+          }
+        } else {
+          ownerElement.removeEventListener("click", handleClickRef.current);
+        }
+        isPointerInsideReactTreeRef.current = false;
+      };
+      const timerId = window.setTimeout(() => {
+        ownerElement.addEventListener("pointerdown", handlePointerDown);
+      }, 0);
+      return () => {
+        window.clearTimeout(timerId);
+        ownerElement.removeEventListener("pointerdown", handlePointerDown);
+        ownerElement.removeEventListener("click", handleClickRef.current);
+      };
+    }, [ownerElement, handlePointerDownOutside]);
+    return {
+      // ensures we check React component tree (not just DOM tree)
+      onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
+    };
+  }
+  function dispatchDiscreteCustomEvent(target, event) {
+    if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
+  }
+  function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
+    const target = detail.originalEvent.target;
+    const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
+    if (handler) target.addEventListener(name, handler, { once: true });
+    if (discrete) {
+      dispatchDiscreteCustomEvent(target, event);
+    } else {
+      target.dispatchEvent(event);
+    }
+  }
+  function useCallbackRef(callback) {
+    const callbackRef = React.useRef(callback);
+    React.useEffect(() => {
+      callbackRef.current = callback;
+    });
+    return React.useMemo(() => (...args) => {
+      var _a;
+      return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
+    }, []);
+  }
+  const TIMEOUT_DURATION$1 = 3e3;
+  const SlideOutV3 = React.memo(
+    React.forwardRef((props, ref) => {
+      const {
+        className,
+        style,
+        children,
+        open,
+        hide = false,
+        modal = false,
+        overlayComponent,
+        resizeable = true,
+        side,
+        position = "relative",
+        initialWidth,
+        minWidth,
+        maxWidth,
+        onDismiss,
+        onOpening,
+        onClosed,
+        content
+      } = props;
+      const isLeft = side === "left";
+      const [parentContainer, setParentContainer] = React.useState(document.body);
+      const childrenContainerRef = React.useRef(null);
+      const [slideOutWidth, setSlideOutWidth] = React.useState(initialWidth);
+      const handleResize = React.useCallback(
+        (_event, _dir, ref2, _delta) => {
+          setSlideOutWidth(ref2.clientWidth);
+        },
+        []
+      );
+      const handleDismiss = React.useCallback(() => {
+        if (modal && onDismiss) {
+          onDismiss();
+        }
+      }, [modal, onDismiss]);
+      const handleAssignParentContainer = React.useCallback((element) => {
+        if (element) {
+          setParentContainer(element);
+        }
+      }, []);
+      React.useEffect(() => {
+        setSlideOutWidth(initialWidth);
+      }, [initialWidth]);
+      React.useEffect(() => {
+        if (!childrenContainerRef.current) return;
+        const originalParentPointerEvents = childrenContainerRef.current.style.pointerEvents;
+        if (open && modal) {
+          childrenContainerRef.current.style.pointerEvents = "none";
+        }
+        return () => {
+          if (childrenContainerRef.current) {
+            childrenContainerRef.current.style.pointerEvents = originalParentPointerEvents;
+          }
+        };
+      }, [modal, open, parentContainer.style]);
+      const { onPointerDownCapture: handlePointerDownCapture } = usePointerDownOutside(handleDismiss, parentContainer);
+      const CSSTransitionClassNames = React.useMemo(
+        () => ({
+          enter: isLeft ? "-ml-(--slide-out-width)" : "-mr-(--slide-out-width)",
+          enterActive: isLeft ? "ease-linear duration-200 transition-[margin-left] ml-0" : "ease-linear duration-200 transition-[margin-right] mr-0",
+          enterDone: isLeft ? "ml-0" : "mr-0",
+          exitActive: isLeft ? "ease-linear duration-200 transition-[margin-left] -ml-(--slide-out-width)" : "ease-linear duration-200 transition-[margin-right] -mr-(--slide-out-width)",
+          exitDone: isLeft ? "-ml-(--slide-out-width)" : "-mr-(--slide-out-width)"
+        }),
+        [isLeft]
+      );
+      const resizableSize = React.useMemo(
+        () => (
+          // prettier-ignore
+          { width: slideOutWidth, height: "100%" }
+        ),
+        [slideOutWidth]
+      );
+      const resizableStyle = React.useMemo(
+        () => ({
+          position,
+          "--slide-out-width": `${slideOutWidth}${typeof slideOutWidth === "number" ? "px" : ""}`
+        }),
+        [position, slideOutWidth]
+      );
+      const resizableEnable = React.useMemo(
+        () => ({ left: resizeable && !isLeft, right: resizeable && isLeft }),
+        [isLeft, resizeable]
+      );
+      const SlideOut2 = React.useMemo(
+        () => /* @__PURE__ */ jsxRuntime.jsx(
+          reactTransitionGroup.CSSTransition,
+          {
+            classNames: CSSTransitionClassNames,
+            in: open,
+            timeout: TIMEOUT_DURATION$1,
+            unmountOnExit: true,
+            mountOnEnter: true,
+            onEntering: onOpening,
+            onExited: onClosed,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              reactSlot.Slot,
+              {
+                className: classVarianceAuthority.cx(className, "top-0", "bottom-0", {
+                  "left-0": isLeft,
+                  "right-0": !isLeft,
+                  absolute: position === "absolute",
+                  relative: position === "relative"
+                }),
+                style,
+                onPointerDownCapture: handlePointerDownCapture,
+                ref,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  reResizable.Resizable,
+                  {
+                    as: "div",
+                    onResize: handleResize,
+                    size: resizableSize,
+                    style: resizableStyle,
+                    minWidth,
+                    maxWidth,
+                    enable: resizableEnable,
+                    children: content
+                  }
+                )
+              }
+            )
+          }
+        ),
+        [
+          CSSTransitionClassNames,
+          open,
+          onOpening,
+          onClosed,
+          className,
+          isLeft,
+          position,
+          style,
+          handlePointerDownCapture,
+          ref,
+          handleResize,
+          resizableSize,
+          resizableStyle,
+          minWidth,
+          maxWidth,
+          resizableEnable,
+          content
+        ]
+      );
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "w-full h-full flex relative overflow-hidden max-w-full max-h-full",
+          ref: handleAssignParentContainer,
+          children: [
+            side === "left" && !hide && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              open && overlayComponent,
+              " ",
+              content && SlideOut2
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full grow flex max-w-full max-w-full overflow-hidden", ref: childrenContainerRef, children }),
+            side === "right" && !hide && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              open && overlayComponent,
+              " ",
+              content && SlideOut2
+            ] })
+          ]
+        }
+      );
+    })
+  );
+  const DEFAULT_INITIAL_WIDTH = "30%";
+  const SlideOut = React.memo(
+    React.forwardRef((props, ref) => {
+      const { small, hideLayout } = useLayoutContext();
+      const { className, showSlideOut, setShowSlideOut, defaultOpen, side, ...rest } = props;
+      React.useEffect(() => {
+        if (small && (defaultOpen == null ? void 0 : defaultOpen.small) !== void 0) {
+          setShowSlideOut(defaultOpen == null ? void 0 : defaultOpen.small);
+        } else if (!small && (defaultOpen == null ? void 0 : defaultOpen.large) !== void 0) {
+          setShowSlideOut(defaultOpen == null ? void 0 : defaultOpen.large);
+        }
+      }, [defaultOpen, setShowSlideOut, small]);
+      const handleDismiss = React.useCallback(() => {
+        setShowSlideOut(false);
+      }, [setShowSlideOut]);
+      const mergedProps = React.useMemo(
+        () => ({
+          // controlled props
+          ...{
+            open: showSlideOut,
+            initialWidth: DEFAULT_INITIAL_WIDTH,
+            modal: small,
+            onDismiss: handleDismiss,
+            position: small ? "absolute" : "relative"
+          },
+          // uncontrolled props
+          ...rest
+        }),
+        [handleDismiss, rest, showSlideOut, small]
+      );
+      return !hideLayout && /* @__PURE__ */ jsxRuntime.jsx(
+        SlideOutV3,
+        {
+          className: classVarianceAuthority.cx(`overmap-layout-slideOut-${side}`, className),
+          side,
+          ref,
+          ...mergedProps
+        }
+      );
+    })
+  );
+  const LeftSlideOut = React.memo(
+    React.forwardRef((props, ref) => {
+      const { showLeftSlideOut, setShowLeftSlideOut } = useLayoutContext();
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SlideOut,
+        {
+          side: "left",
+          showSlideOut: showLeftSlideOut,
+          setShowSlideOut: setShowLeftSlideOut,
+          ref,
+          ...props
+        }
+      );
+    })
+  );
+  const RightSlideOut = React.memo(
+    React.forwardRef((props, ref) => {
+      const { showRightSlideOut, setShowRightSlideOut } = useLayoutContext();
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SlideOut,
+        {
+          side: "right",
+          showSlideOut: showRightSlideOut,
+          setShowSlideOut: setShowRightSlideOut,
+          ref,
+          ...props
+        }
+      );
+    })
+  );
+  const SlideOutOverlay = React.memo(
+    React.forwardRef((props, ref) => {
+      const { className, active, side, smallModeOnly = false, ...rest } = props;
+      const { small, hideLayout, showLeftSlideOut, showRightSlideOut } = useLayoutContext();
+      const showOverlay = React.useMemo(() => {
+        if (active !== void 0) return active;
+        if (hideLayout) return false;
+        if (smallModeOnly && !small) return false;
+        return side === "left" ? showLeftSlideOut : showRightSlideOut;
+      }, [active, hideLayout, showLeftSlideOut, showRightSlideOut, side, small, smallModeOnly]);
+      return showOverlay && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classVarianceAuthority.cx("overmap-layout-overlay", className, "inset-0 fixed"), ref, ...rest });
+    })
+  );
+  function nextStateBasedOnType(prevState, type) {
+    switch (type) {
+      case "toggle":
+        return !prevState;
+      case "open":
+        return true;
+      case "close":
+        return false;
+    }
+  }
+  const SlideOutTrigger = React.memo(
+    React.forwardRef((props, ref) => {
+      const { side, type = "toggle", children } = props;
+      const { setShowLeftSlideOut, setShowRightSlideOut } = useLayoutContext();
+      const handleClick = React.useCallback(() => {
+        const setShowSlideOut = side === "left" ? setShowLeftSlideOut : setShowRightSlideOut;
+        setShowSlideOut((prevState) => nextStateBasedOnType(prevState, type));
+      }, [setShowLeftSlideOut, setShowRightSlideOut, side, type]);
+      return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, onClick: handleClick, children });
+    })
+  );
+  const Layout = {
+    Root: Root$1,
+    Container,
+    SlideOutOverlay,
+    LeftSlideOut,
+    RightSlideOut,
+    SlideOutTrigger
+  };
+  const DEFAULT_ICON_SIZE = "15px";
+  const RiIcon = React.memo((props) => {
+    const { icon, size = DEFAULT_ICON_SIZE, color, ...rest } = props;
+    const Icon = RiIcons__namespace[icon];
+    if (!Icon) console.error(`Icon ${icon} not found`);
+    return Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { size, color, ...rest }) : /* @__PURE__ */ jsxRuntime.jsx(RiIcons.RiQuestionMark, {});
+  });
+  RiIcon.displayName = "IconComponent";
+  const centerStyles = { placeSelf: "center" };
+  const ErrorFallback = React.memo((props) => {
+    const { absoluteCentering, message = "Something went wrong", onRetry } = props;
+    const { resetBoundary } = reactErrorBoundary.useErrorBoundary();
+    const height = "20px";
+    const outerFlexStyles = absoluteCentering ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0;
+    const handleRetry = React.useCallback(() => {
+      resetBoundary();
+      onRetry();
+    }, [onRetry, resetBoundary]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 w-full", style: outerFlexStyles, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexGrow: 1 } }),
+      /* @__PURE__ */ jsxRuntime.jsx(RiIcon, { icon: "RiAlertLine", size: height, style: centerStyles }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { lineHeight: height, ...centerStyles }, children: message }),
+      /* @__PURE__ */ jsxRuntime.jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsxRuntime.jsx(RiIcon, { icon: "RiLoopLeftLine", size: height }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexGrow: 1 } })
+    ] });
+  });
+  ErrorFallback.displayName = "ErrorFallback";
+  const OvermapErrorBoundary = React.memo((props) => {
+    const { absoluteCentering, message } = props;
+    const [attempt, setAttempt] = React.useState(0);
+    const logError = React.useCallback((error, info) => {
+      console.error(error, info);
+      setAttempt((prev) => prev + 1);
+    }, []);
+    const handleRetry = React.useCallback(() => {
+      setAttempt((prev) => prev + 1);
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactErrorBoundary.ErrorBoundary,
+      {
+        fallback: /* @__PURE__ */ jsxRuntime.jsx(ErrorFallback, { absoluteCentering, message, onRetry: handleRetry }),
+        onError: logError,
+        children: props.children
+      },
+      attempt
+    );
+  });
+  OvermapErrorBoundary.displayName = "OvermapErrorBoundary";
+  const MenuContext = React.createContext({});
+  const useMenuContext = () => React.useContext(MenuContext);
+  const MENU_OVERFLOW_PADDING = 20;
+  const MENU_CONTENT_PADDING = 8;
+  const MENU_MINIMUM_MAX_HEIGHT = 250;
+  const DEFAULT_OFFSET = 5;
+  const Root = React.memo((props) => {
+    const {
+      children,
+      side = "bottom",
+      align = "center",
+      offset,
+      loop = false,
+      modal = false,
+      // open state related props
+      open: controlledOpen,
+      onOpenChange,
+      defaultOpen
+    } = props;
+    const [open, setOpen] = useControlledState({
+      state: controlledOpen,
+      initialState: defaultOpen ?? false,
+      setState: onOpenChange
+    });
+    const [activeIndex, setActiveIndex] = React.useState(null);
+    const [triggerType, setTriggerType] = React.useState(null);
+    const elementsRef = React.useRef([]);
+    const nodeId = react.useFloatingNodeId();
+    const { refs, floatingStyles, context, middlewareData } = react.useFloating({
+      nodeId,
+      strategy: "fixed",
+      placement: side + (align !== "center" ? "-" + align : ""),
+      whileElementsMounted: react.autoUpdate,
+      open,
+      onOpenChange: setOpen,
+      middleware: [
+        react.offset({ mainAxis: offset ?? DEFAULT_OFFSET }),
+        react.size({
+          apply({ availableHeight, elements }) {
+            elements.floating.style.setProperty(
+              "--overmap-menu-available-height",
+              `${Math.max(availableHeight, MENU_MINIMUM_MAX_HEIGHT)}px`
+            );
+          },
+          padding: MENU_OVERFLOW_PADDING
+        }),
+        react.flip({ fallbackStrategy: "initialPlacement" }),
+        react.shift({ padding: MENU_OVERFLOW_PADDING }),
+        react.hide()
+      ]
+    });
+    const role = react.useRole(context, {
+      role: "menu"
+    });
+    const dismiss = react.useDismiss(context, {
+      ancestorScroll: triggerType === "context" || triggerType === "virtual"
+    });
+    const click = react.useClick(context, {
+      enabled: triggerType === "click"
+    });
+    const listNavigation = react.useListNavigation(context, {
+      listRef: elementsRef,
+      activeIndex,
+      onNavigate: setActiveIndex,
+      loop
+    });
+    const { getFloatingProps, getItemProps, getReferenceProps } = react.useInteractions([
+      dismiss,
+      listNavigation,
+      click,
+      role
+    ]);
+    return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingTree, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      MenuContext.Provider,
+      {
+        value: {
+          open,
+          setOpen,
+          refs,
+          context,
+          floatingStyles,
+          elementsRef,
+          getFloatingProps,
+          getItemProps,
+          getReferenceProps,
+          nodeId,
+          activeIndex,
+          setActiveIndex,
+          middlewareData,
+          side,
+          modal,
+          setTriggerType
+        },
+        children
+      }
+    ) });
+  });
+  Root.displayName = "Root";
+  const ClickTrigger = React.memo(
+    React.forwardRef((props, forwardedRef) => {
+      const { children, disabled = false } = props;
+      const { getReferenceProps, refs, setTriggerType } = useMenuContext();
+      const mergedRefs = react.useMergeRefs([refs.setReference, forwardedRef]);
+      React.useEffect(() => {
+        setTriggerType("click");
+      }, [setTriggerType]);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactSlot.Slot,
+        {
+          ref: mergedRefs,
+          "aria-disabled": disabled,
+          "data-disabled": disabled ? "" : void 0,
+          ...getReferenceProps({ disabled }),
+          children
+        }
+      );
+    })
+  );
+  const menuItem = classVarianceAuthority.cva(
+    ["select-none", "relative", "flex", "items-center", "rounded", "outline-none", "data-disabled:text-(--base-a8)"],
+    {
+      variants: {
+        size: {
+          xs: ["h-5", "text-xs", "gap-1", "px-1"],
+          sm: ["h-6", "text-sm", "gap-1.5", "px-1.5"],
+          md: ["h-7", "text-base", "gap-2", "px-2"],
+          lg: ["h-8", "text-lg", "gap-2.5", "px-2.5"],
+          xl: ["h-9", "text-xl", "gap-3", "px-3"]
+        },
+        variant: {
+          solid: [
+            "text-(--base-12)",
+            "data-highlighted:not-data-disabled:text-(--accent-contrast)",
+            "data-highlighted:not-data-disabled:bg-(--accent-a9)"
+          ],
+          soft: ["text-(--base-12)", "data-highlighted:not-data-disabled:bg-(--accent-a4)"]
+        }
+      },
+      defaultVariants: {
+        size: "md",
+        variant: "solid"
+      }
+    }
+  );
+  const menuSeparator = classVarianceAuthority.cva(["h-px", "bg-(--base-a6)", "w-auto"], {
+    variants: {
+      size: {
+        xs: ["-mx-1", "my-1"],
+        sm: ["-mx-1.5", "my-1.5"],
+        md: ["-mx-2", "my-2"],
+        lg: ["-mx-2.5", "my-2.5"],
+        xl: ["-mx-3", "my-3"]
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  });
+  const menuSelectedIndicator = classVarianceAuthority.cva(["flex", "items-center", "justify-center"], {
+    variants: {
+      size: {
+        xs: ["w-4", "h-4"],
+        sm: ["w-5", "h-5"],
+        md: ["w-6", "h-6"],
+        lg: ["w-7", "h-7"],
+        xl: ["w-8", "h-8"]
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  });
+  const menuContent = classVarianceAuthority.cva(
+    [
+      "w-max",
+      "outline-none",
+      "pointer-events-auto",
+      "bg-(--base-1)",
+      "ring-1",
+      "ring-(--base-6)",
+      "rounded",
+      "overflow-y-auto",
+      "[scrollbar-width:thin]",
+      "[scrollbar-color:var(--base-6)_transparent]"
+    ],
+    {
+      variants: {
+        size: {
+          xs: ["p-1"],
+          sm: ["p-1.5"],
+          md: ["p-2"],
+          lg: ["p-2.5"],
+          xl: ["p-3"]
+        },
+        radius: {
+          none: ["rounded-none"],
+          xs: ["rounded-xs"],
+          sm: ["rounded-sm"],
+          md: ["rounded-md"],
+          lg: ["rounded-lg"],
+          xl: ["rounded-lg"],
+          full: ["rounded-lg"]
+        }
+      },
+      defaultVariants: {
+        size: "md"
+      }
+    }
+  );
+  const menuOverlay = classVarianceAuthority.cva(["overflow-hidden"], {
+    variants: {
+      modal: {
+        true: ["pointer-events-auto"],
+        false: ["pointer-events-none"]
+      }
+    },
+    defaultVariants: {
+      modal: false
+    }
+  });
+  const inputRoot = classVarianceAuthority.cva(
+    [
+      "flex",
+      "items-stretch",
+      "transition-colors",
+      "has-[:disabled]:opacity-50",
+      "has-[:disabled]:pointer-events-none",
+      "box-border",
+      "bg-transparent",
+      "text-(--base-12)"
+    ],
+    {
+      variants: {
+        size: {
+          xs: ["h-5", "text-xs", "px-1", "gap-1"],
+          sm: ["h-6", "text-sm", "px-1.5", "gap-1.5"],
+          md: ["h-7", "text-base", "px-2", "gap-2"],
+          lg: ["h-8", "text-lg", "px-2.5", "gap-2.5"],
+          xl: ["h-9", "text-xl", "px-3", "gap-3"]
+        }
+      },
+      defaultVariants: {
+        size: "md"
+      }
+    }
+  );
+  const MenuContentContext = React.createContext({});
+  const useMenuContentContext = () => React.useContext(MenuContentContext);
+  const Content = React.memo(
+    React.forwardRef((props, forwardedRef) => {
+      var _a;
+      const providerContext = useProvider();
+      const {
+        children,
+        size = "md",
+        variant = "solid",
+        radius = providerContext.radius,
+        accentColor = providerContext.accentColor,
+        ...rest
+      } = props;
+      const {
+        refs,
+        getFloatingProps,
+        middlewareData,
+        elementsRef,
+        activeIndex,
+        setActiveIndex,
+        getItemProps,
+        open,
+        setOpen,
+        nodeId,
+        context,
+        floatingStyles,
+        modal,
+        side
+      } = useMenuContext();
+      const computedFloatingStyles = React.useMemo(() => {
+        var _a2;
+        return {
+          ...floatingStyles,
+          visibility: ((_a2 = middlewareData.hide) == null ? void 0 : _a2.referenceHidden) ? "hidden" : "visible"
+        };
+      }, [floatingStyles, (_a = middlewareData.hide) == null ? void 0 : _a.referenceHidden]);
+      return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingNode, { id: nodeId, children: open && /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingOverlay, { className: classVarianceAuthority.cx("overmap-menu-overlay", menuOverlay({ modal })), lockScroll: true, children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingFocusManager, { context, children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingList, { elementsRef, children: /* @__PURE__ */ jsxRuntime.jsx(
+        MenuContentContext.Provider,
+        {
+          value: {
+            getItemProps,
+            activeIndex,
+            elementsRef,
+            open,
+            setOpen,
+            refs,
+            setActiveIndex,
+            size,
+            variant,
+            accentColor,
+            radius
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "outline-none w-max border-box",
+              ref: refs.setFloating,
+              tabIndex: -1,
+              style: computedFloatingStyles,
+              ...getFloatingProps(),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: classVarianceAuthority.cx(
+                    "overmap-menu-content",
+                    menuContent({ size }),
+                    floating({ side, shadow: "3" }),
+                    radiusCva({ radius, maxLarge: true }),
+                    "max-h-(--overmap-menu-available-height)"
+                  ),
+                  ref: forwardedRef,
+                  "data-state": open ? "open" : "closed",
+                  "data-side": side,
+                  "data-accent-color": accentColor,
+                  ...rest,
+                  children
+                }
+              )
+            }
+          )
+        }
+      ) }) }) }) }) });
+    })
+  );
+  const ContextTrigger = React.memo(
+    React.forwardRef((props, forwardedRef) => {
+      const { children, disabled } = props;
+      const ref = React.useRef(null);
+      const { setOpen, refs, setTriggerType } = useMenuContext();
+      const mergedRefs = react.useMergeRefs([forwardedRef, ref]);
+      React.useEffect(() => {
+        setTriggerType("context");
+      }, [setTriggerType]);
+      const handleContextMenu = React.useCallback(
+        (e) => {
+          const { clientY, clientX } = e;
+          if (!disabled && ref.current) {
+            e.preventDefault();
+            refs.setPositionReference({
+              getBoundingClientRect() {
+                return {
+                  x: clientX,
+                  y: clientY,
+                  top: clientY,
+                  left: clientX,
+                  height: 0,
+                  width: 0,
+                  bottom: clientY,
+                  right: clientX
+                };
+              },
+              contextElement: ref.current
+            });
+            setOpen(true);
+          }
+        },
+        [disabled, refs, setOpen]
+      );
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactSlot.Slot,
+        {
+          ref: mergedRefs,
+          style: { WebkitTouchCallout: disabled ? "none" : "unset" },
+          "aria-disabled": disabled,
+          "data-disabled": disabled ? "" : void 0,
+          onContextMenu: handleContextMenu,
+          children
+        }
+      );
+    })
+  );
+  const Group = React.memo(
+    React.forwardRef((props, ref) => {
+      const { children, ...rest } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "group", ...rest, children });
+    })
+  );
+  const MenuInputField = React.memo(
+    React.forwardRef((props, forwardedRef) => {
+      const { className, onValueChange, onChange, ...rest } = props;
+      const { activeIndex, getItemProps } = useMenuContentContext();
+      const { index, ref } = react.useListItem();
+      const mergedRefs = react.useMergeRefs([ref, forwardedRef]);
+      const handleChange = React.useCallback(
+        (e) => {
+          if (onChange) onChange(e);
+          if (onValueChange) onValueChange(e.target.value);
+        },
+        [onChange, onValueChange]
+      );
+      React.useEffect(() => {
+        return () => {
+          if (onValueChange) onValueChange("");
+        };
+      }, []);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          className: classVarianceAuthority.cx(className, "placeholder-(--base-a9)", "selection:bg-(--accent-a5)", "outline-none"),
+          ref: mergedRefs,
+          ...getItemProps({
+            ...rest,
+            tabIndex: index === activeIndex ? 0 : -1,
+            onChange: handleChange
+          })
+        }
+      );
+    })
+  );
+  const MenuInputRoot = React.memo(
+    React.forwardRef((props, ref) => {
+      const { className, ...rest } = props;
+      const { size } = useMenuContentContext();
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(className, inputRoot({ size })), ref, ...rest });
+    })
+  );
+  const MenuInputSlot = React.memo(
+    React.forwardRef((props, ref) => {
+      const { className, ...rest } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(className, "flex", "items-center", "text-(--base-a11)"), ref, ...rest });
+    })
+  );
+  const SubContext = React.createContext({});
+  const useSubContext = () => React.useContext(SubContext);
+  const computeOffsets = (side, alignment) => {
+    switch (side) {
+      case "right":
+        if (alignment === "start") {
+          return { mainAxis: MENU_CONTENT_PADDING + 1, crossAxis: -8 };
+        } else if (alignment === "end") {
+          return { mainAxis: MENU_CONTENT_PADDING + 1, crossAxis: MENU_CONTENT_PADDING };
+        }
+        break;
+      case "left":
+        if (alignment === "start") {
+          return { mainAxis: MENU_CONTENT_PADDING + 1, crossAxis: -8 };
+        } else if (alignment === "end") {
+          return { mainAxis: MENU_CONTENT_PADDING + 1, crossAxis: MENU_CONTENT_PADDING };
+        }
+        break;
+    }
+    return { mainAxis: MENU_CONTENT_PADDING + 1, crossAxis: 0 };
+  };
+  const Sub = React.memo((props) => {
+    const {
+      children,
+      disabled = false,
+      side = "right",
+      align = "start",
+      closeRoot = false,
+      loop = false,
+      modal = false,
+      // open state related props
+      open: controlledOpen,
+      onOpenChange,
+      defaultOpen
+    } = props;
+    const [open, setOpen] = useControlledState({
+      initialState: defaultOpen ?? false,
+      state: controlledOpen,
+      setState: onOpenChange
+    });
+    const nodeId = react.useFloatingNodeId();
+    const { refs, floatingStyles, context } = react.useFloating({
+      nodeId,
+      strategy: "fixed",
+      whileElementsMounted: react.autoUpdate,
+      open,
+      onOpenChange: (open2, _event, reason) => {
+        if (reason) setOpen(open2);
+      },
+      placement: side + (align !== "center" ? "-" + align : ""),
+      middleware: [
+        react.offset({ ...computeOffsets(side, align) }),
+        react.size({
+          padding: MENU_OVERFLOW_PADDING,
+          apply({ availableHeight, elements }) {
+            elements.floating.style.setProperty(
+              "--overmap-menu-available-height",
+              `${Math.max(availableHeight, MENU_MINIMUM_MAX_HEIGHT)}px`
+            );
+          }
+        }),
+        react.flip(),
+        react.shift({ padding: MENU_OVERFLOW_PADDING }),
+        react.hide()
+      ]
+    });
+    const dismiss = react.useDismiss(context, {
+      bubbles: closeRoot,
+      outsidePress: closeRoot
+    });
+    const hover = react.useHover(context, {
+      restMs: 50,
+      handleClose: react.safePolygon({
+        blockPointerEvents: true,
+        requireIntent: false
+      }),
+      enabled: !disabled
+    });
+    const click = react.useClick(context, {
+      enabled: !disabled
+    });
+    const elementsRef = React.useRef([]);
+    const [activeIndex, setActiveIndex] = React.useState(null);
+    const listNavigation = react.useListNavigation(context, {
+      listRef: elementsRef,
+      nested: true,
+      activeIndex,
+      onNavigate: setActiveIndex,
+      loop,
+      rtl: side === "left"
+    });
+    const { getFloatingProps, getItemProps, getReferenceProps } = react.useInteractions([
+      listNavigation,
+      dismiss,
+      hover,
+      click
+    ]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SubContext.Provider,
+      {
+        value: {
+          open,
+          setOpen,
+          nodeId,
+          refs,
+          floatingStyles,
+          context,
+          elementsRef,
+          activeIndex,
+          setActiveIndex,
+          getFloatingProps,
+          getItemProps,
+          getReferenceProps,
+          disabled,
+          side,
+          closeRoot,
+          modal
+        },
+        children
+      }
+    );
+  });
+  Sub.displayName = "SubMenu";
+  const TRIGGER_SELECT_KEYS = ["Enter", " "];
+  const Item = React.memo(
+    React.forwardRef((props, forwardedRef) => {
+      const rootMenuContext = useMenuContext();
+      const { getItemProps, activeIndex, setOpen, size, variant, radius } = useMenuContentContext();
+      const { closeRoot } = useSubContext();
+      const {
+        className,
+        children,
+        onSelect,
+        onClick,
+        onKeyDown,
+        closeOnSelect = true,
+        disabled,
+        ...rest
+      } = props;
+      const { ref, index } = react.useListItem();
+      const mergeRefs = react.useMergeRefs([ref, forwardedRef]);
+      const handleClick = React.useCallback(
+        (e) => {
+          e.stopPropagation();
+          if (disabled) return;
+          if (onClick) onClick(e);
+          if (onSelect) onSelect();
+          if (closeOnSelect) setOpen(false);
+          if (closeRoot) rootMenuContext.setOpen(false);
+        },
+        [closeOnSelect, closeRoot, disabled, rootMenuContext, onClick, onSelect, setOpen]
+      );
+      const handleKeyDown = React.useCallback(
+        (e) => {
+          if (disabled) return;
+          if (onKeyDown) onKeyDown(e);
+          if (TRIGGER_SELECT_KEYS.includes(e.key)) {
+            if (onSelect) onSelect();
+            if (closeOnSelect) setOpen(false);
+          }
+        },
+        [closeOnSelect, disabled, onKeyDown, onSelect, setOpen]
+      );
+      const isActive = React.useMemo(() => index === activeIndex, [activeIndex, index]);
+      const computedChildren = React.useMemo(() => {
+        return typeof children === "function" ? children({ active: isActive, selected: false }) : children;
+      }, [children, isActive]);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: classVarianceAuthority.cx(className, menuItem({ size, variant }), radiusCva({ radius, maxLarge: true })),
+          ref: mergeRefs,
+          role: "menuitem",
+          "data-disabled": disabled ? "" : void 0,
+          "aria-disabled": disabled,
+          "data-highlighted": isActive ? "" : void 0,
+          ...getItemProps({
+            onClick: handleClick,
+            onKeyDown: handleKeyDown,
+            tabIndex: isActive ? 0 : -1,
+            ...rest
+          }),
+          children: computedChildren
+        }
+      );
+    })
+  );
+  const SelectContext = React.createContext({});
+  function useSelectContext() {
+    return React.useContext(SelectContext);
+  }
+  const SelectContextProvider = React.memo((props) => {
+    const { type, children } = props;
+    const [controlledValue, setControlledValue] = React.useState(
+      type === "single" ? (props == null ? void 0 : props.defaultValue) ?? null : null
+    );
+    const [controlledValues, setControlledValues] = React.useState(
+      type === "multi" ? (props == null ? void 0 : props.defaultValues) ?? [] : []
+    );
+    const onValuesChange = React.useCallback(
+      (values) => {
+        setControlledValues(values);
+        if (type === "multi" && (props == null ? void 0 : props.onValuesChange)) props.onValuesChange(values);
+      },
+      [props, type]
+    );
+    const onValueChange = React.useCallback(
+      (value2) => {
+        setControlledValue(value2);
+        if (type === "single" && (props == null ? void 0 : props.onValueChange)) props.onValueChange(value2);
+      },
+      [props, type]
+    );
+    const value = React.useMemo(
+      () => type === "multi" ? {
+        type,
+        values: (props == null ? void 0 : props.values) ?? controlledValues,
+        handleValuesChange: onValuesChange
+      } : {
+        type,
+        value: props.value ?? controlledValue,
+        handleValueChange: onValueChange
+      },
+      [controlledValue, controlledValues, onValueChange, onValuesChange, props, type]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value, children });
+  });
+  SelectContextProvider.displayName = "SelectContextProvider";
+  const MultiSelectGroup = React.memo(
+    React.forwardRef((props, ref) => {
+      const { children, values, onValuesChange, ...rest } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(Group, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(SelectContextProvider, { type: "multi", values, onValuesChange, children }) });
+    })
+  );
+  const SelectedIndicatorContext = React.createContext({});
+  const useSelectedIndicatorContext = () => React.useContext(SelectedIndicatorContext);
+  const SelectedIndicator = React.memo((props) => {
+    const { children } = props;
+    const { selected } = useSelectedIndicatorContext();
+    const { size } = useMenuContentContext();
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuSelectedIndicator({ size }), children: selected ? children : null });
+  });
+  SelectedIndicator.displayName = "SelectedIndicator";
+  const MultiSelectItem = React.memo(
+    React.forwardRef((props, ref) => {
+      const { onSelect, children, closeOnSelect = false, value, ...rest } = props;
+      const { values, handleValuesChange } = useSelectContext();
+      const selected = React.useMemo(() => values.includes(value), [value, values]);
+      const handleSelect = React.useCallback(() => {
+        if (!selected) {
+          handleValuesChange([...values, value]);
+        } else {
+          handleValuesChange(values.filter((currentValue) => currentValue !== value));
+        }
+        if (onSelect) onSelect();
+      }, [handleValuesChange, onSelect, selected, value, values]);
+      const computedChildren = React.useMemo(() => {
+        return typeof children === "function" ? ({ active }) => children({ selected, active }) : children;
+      }, [children, selected]);
+      return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext.Provider, { value: { selected }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Item,
+        {
+          ref,
+          role: "menuitemcheckbox",
+          onSelect: handleSelect,
+          closeOnSelect,
+          "data-selected": selected ? "" : void 0,
+          ...rest,
+          children: computedChildren
+        }
+      ) });
+    })
+  );
+  const PagesContext = React.createContext({});
+  const usePagesContext = () => React.useContext(PagesContext);
+  const Pages = React.memo((props) => {
+    const { children, defaultPage, page, onPageChange } = props;
+    const [activePage, setActivePage] = useControlledState({
+      state: page,
+      initialState: defaultPage ?? "",
+      setState: onPageChange
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(PagesContext.Provider, { value: { activePage, setActivePage }, children });
+  });
+  Pages.displayName = "Pages";
+  const PageContent = React.memo((props) => {
+    const { page, children } = props;
+    const { activePage } = usePagesContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: activePage === page ? children : null });
+  });
+  PageContent.displayName = "PageContent";
+  const PageTrigger = React.memo(
+    React.forwardRef((props, ref) => {
+      const { onSelect, page, ...rest } = props;
+      const { refs, setActiveIndex } = useMenuContentContext();
+      const { setActivePage } = usePagesContext();
+      const handleSelect = React.useCallback(() => {
+        var _a;
+        setActivePage(page);
+        (_a = refs.floating.current) == null ? void 0 : _a.focus();
+        setActiveIndex(null);
+        if (onSelect) onSelect();
+      }, [onSelect, page, refs.floating, setActiveIndex, setActivePage]);
+      return /* @__PURE__ */ jsxRuntime.jsx(Item, { ref, onSelect: handleSelect, closeOnSelect: false, ...rest });
+    })
+  );
+  const SelectAllContext = React.createContext({});
+  const SelectAllIndicator = React.forwardRef((props, ref) => {
+    const { className, children, ...rest } = props;
+    const { size } = useMenuContentContext();
+    const { selected } = React.useContext(SelectAllContext);
+    const computedChildren = React.useMemo(() => {
+      return typeof children === "function" ? children(selected === "indeterminate") : children;
+    }, [children, selected]);
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: classVarianceAuthority.cx(className, menuSelectedIndicator({ size })), ...rest, children: selected ? computedChildren : null });
+  });
+  SelectAllIndicator.displayName = "SelectAllIndicator";
+  const SelectAllItem = React.forwardRef((props, ref) => {
+    const { children, allValues, onSelect, closeOnSelect = false, ...rest } = props;
+    const { values, handleValuesChange } = useSelectContext();
+    const selected = React.useMemo(() => {
+      const selectValuesSet = new Set(values);
+      if (allValues.every((value) => selectValuesSet.has(value))) return true;
+      if (values.length > 0) return "indeterminate";
+      return false;
+    }, [allValues, values]);
+    const handleSelect = React.useCallback(() => {
+      onSelect == null ? void 0 : onSelect();
+      switch (selected) {
+        case true:
+          handleValuesChange([]);
+          break;
+        case "indeterminate":
+        case false: {
+          handleValuesChange(allValues);
+          break;
+        }
+      }
+    }, [allValues, handleValuesChange, onSelect, selected]);
+    const computedChildren = React.useMemo(() => {
+      return typeof children === "function" ? ({ active }) => children({ selected, active }) : children;
+    }, [children, selected]);
+    return /* @__PURE__ */ jsxRuntime.jsx(SelectAllContext.Provider, { value: { selected }, children: /* @__PURE__ */ jsxRuntime.jsx(Item, { onSelect: handleSelect, ref, "data-state": selected, closeOnSelect, ...rest, children: computedChildren }) });
+  });
+  SelectAllItem.displayName = "SelectAllItem";
+  const SelectGroup = React.memo(
+    React.forwardRef((props, ref) => {
+      const { children, value, onValueChange } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(SelectContextProvider, { type: "single", value, onValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(Group, { ref, children }) });
+    })
+  );
+  const SelectItem = React.memo(
+    React.forwardRef((props, ref) => {
+      const { value, onSelect, children, closeOnSelect = false, ...rest } = props;
+      const { value: currentValue, handleValueChange } = useSelectContext();
+      const selected = React.useMemo(() => value === currentValue, [currentValue, value]);
+      const handleSelect = React.useCallback(() => {
+        handleValueChange(!selected ? value : null);
+        if (onSelect) onSelect();
+      }, [handleValueChange, onSelect, selected, value]);
+      const computedChildren = React.useMemo(() => {
+        return typeof children === "function" ? ({ active }) => children({ selected, active }) : children;
+      }, [children, selected]);
+      return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext.Provider, { value: { selected }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Item,
+        {
+          ref,
+          role: "menuitemcheckbox",
+          onSelect: handleSelect,
+          closeOnSelect,
+          "data-selected": selected ? "" : void 0,
+          ...rest,
+          children: computedChildren
+        }
+      ) });
+    })
+  );
+  const Separator$1 = React.memo(
+    React.forwardRef((props, ref) => {
+      const { className, ...rest } = props;
+      const { size } = useMenuContentContext();
+      return /* @__PURE__ */ jsxRuntime.jsx(RadixSeparator__namespace.Root, { className: classVarianceAuthority.cx(className, menuSeparator({ size })), ref, ...rest });
+    })
+  );
+  const SubContent = React.memo(
+    React.forwardRef((props, forwardedRef) => {
+      var _a;
+      const { children, ...rest } = props;
+      const { middlewareData } = useMenuContext();
+      const { accentColor, radius, variant, size } = useMenuContentContext();
+      const {
+        open,
+        nodeId,
+        refs,
+        context,
+        getFloatingProps,
+        getItemProps,
+        activeIndex,
+        setActiveIndex,
+        elementsRef,
+        floatingStyles,
+        setOpen,
+        side
+      } = useSubContext();
+      const wrapperRef = React.useRef(null);
+      const mergeRefs = react.useMergeRefs([refs.setFloating, wrapperRef]);
+      const computedFloatingStyles = React.useMemo(() => {
+        var _a2;
+        return {
+          ...floatingStyles,
+          visibility: ((_a2 = middlewareData.hide) == null ? void 0 : _a2.referenceHidden) ? "hidden" : "visible"
+        };
+      }, [floatingStyles, (_a = middlewareData.hide) == null ? void 0 : _a.referenceHidden]);
+      return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingNode, { id: nodeId, children: open && /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingFocusManager, { context, initialFocus: wrapperRef, children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingList, { elementsRef, children: /* @__PURE__ */ jsxRuntime.jsx(
+        MenuContentContext.Provider,
+        {
+          value: {
+            getItemProps,
+            activeIndex,
+            setActiveIndex,
+            elementsRef,
+            open,
+            setOpen,
+            refs,
+            size,
+            radius,
+            accentColor,
+            variant
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "outline-none",
+              ref: mergeRefs,
+              style: computedFloatingStyles,
+              ...getFloatingProps(),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: classVarianceAuthority.cx(
+                    "overmap-menu-sub-content",
+                    menuContent({ size }),
+                    floating({ side, shadow: "3" }),
+                    radiusCva({ radius, maxLarge: true }),
+                    "max-h-(--overmap-menu-available-height)"
+                  ),
+                  ref: forwardedRef,
+                  "data-state": open ? "open" : "closed",
+                  "data-side": side,
+                  "data-accent-color": accentColor,
+                  ...rest,
+                  children
+                }
+              )
+            }
+          )
+        }
+      ) }) }) }) });
+    })
+  );
+  const SubTrigger = React.memo(
+    React.forwardRef((props, forwardedRef) => {
+      const { children, ...rest } = props;
+      const { refs, getReferenceProps, open, disabled } = useSubContext();
+      const mergedRefs = react.useMergeRefs([forwardedRef, refs.setReference]);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Item,
+        {
+          ref: mergedRefs,
+          closeOnSelect: false,
+          "aria-haspopup": "menu",
+          "data-open": open,
+          disabled,
+          ...getReferenceProps(rest),
+          children
+        }
+      );
+    })
+  );
+  const VirtualTrigger = React.memo((props) => {
+    const { virtualElement, disabled } = props;
+    const { refs, setTriggerType, setOpen } = useMenuContext();
+    React.useEffect(() => {
+      setTriggerType("virtual");
+    }, [setTriggerType]);
+    React.useEffect(() => {
+      if (!disabled && virtualElement) {
+        refs.setPositionReference(virtualElement);
+        setOpen(true);
+      } else {
+        refs.setPositionReference(null);
+        setOpen(false);
+      }
+    }, [disabled, refs, setOpen, virtualElement]);
+    return null;
+  });
+  VirtualTrigger.displayName = "VirtualTrigger";
+  const OvermapMenu = {
+    Root,
+    ClickTrigger,
+    ContextTrigger,
+    VirtualTrigger,
+    Content,
+    Item,
+    Sub,
+    SubContent,
+    SubTrigger,
+    Group,
+    SelectGroup,
+    MultiSelectGroup,
+    MultiSelectItem,
+    SelectAllItem,
+    SelectAllIndicator,
+    SelectItem,
+    SelectedIndicator,
+    PageContent,
+    Pages,
+    PageTrigger,
+    Separator: Separator$1,
+    InputField: MenuInputField,
+    InputRoot: MenuInputRoot,
+    InputSlot: MenuInputSlot
+  };
+  const PopoverArrow = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Arrow, { className: classVarianceAuthority.cx(className, "fill-(--base-6)"), ref, ...rest });
+  });
+  PopoverArrow.displayName = "PopoverArrow";
+  const popoverContent = classVarianceAuthority.cva(["bg-(--base-1)", "ring-1", "ring-(--base-6)"], {
+    variants: {
+      size: {
+        xs: ["text-xs", "p-2"],
+        sm: ["text-sm", "p-3"],
+        md: ["text-base", "p-4"],
+        lg: ["text-lg", "p-5"],
+        xl: ["text-xl", "p-6"]
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  });
+  const PopoverContent = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      className,
+      radius = providerContext.radius,
+      accentColor = providerContext.accentColor,
+      size = "md",
+      sideOffset = 5,
+      container,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixPopover__namespace.Content,
+      {
+        className: classVarianceAuthority.cx(
+          className,
+          popoverContent({ size }),
+          floating({ shadow: "3" }),
+          radiusCva({ radius, maxLarge: true })
+        ),
+        ref,
+        sideOffset,
+        "data-accent-color": accentColor,
+        ...rest
+      }
+    ) });
+  });
+  PopoverContent.displayName = "PopoverContent";
+  const Popover = {
+    ...RadixPopover__namespace,
+    Content: PopoverContent,
+    Arrow: PopoverArrow
+  };
+  const RadioGroupIndicator = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixRadioGroup__namespace.Indicator, { className: classVarianceAuthority.cx(className, "flex items-center justify-center"), ref, ...rest });
+  });
+  RadioGroupIndicator.displayName = "RadioGroupIndicator";
+  const RadioGroupContext = React.createContext({});
+  const radioGroupItem = classVarianceAuthority.cva(
+    [
+      "outline-none",
+      "rounded-full",
+      "focus-visible:outline-2",
+      "focus-visible:outline-(--accent-a8)",
+      "focus-visible:outline-offset-2",
+      "disabled:opacity-50",
+      "disabled:pointer-events-none"
+    ],
+    {
+      variants: {
+        variant: {
+          surface: [
+            "bg-(--base-surface)",
+            "data-[state='checked']:bg-(--accent-indicator)",
+            "ring-1",
+            "ring-inset",
+            "ring-(--base-a6)",
+            "data-[state='checked']:ring-(--accent-indicator)",
+            "text-(--accent-contrast)"
+          ],
+          soft: ["bg-(--accent-a3)", "text-(--accent-a11)"]
+        },
+        size: {
+          xs: ["w-4", "h-4", "text-[0.625rem]"],
+          sm: ["w-5", "h-5", "text-xs"],
+          md: ["w-6", "h-6", "text-sm"],
+          lg: ["w-7", "h-7", "text-md"],
+          xl: ["w-8", "h-8", "text-lg"]
+        }
+      },
+      defaultVariants: {
+        variant: "surface",
+        size: "md"
+      }
+    }
+  );
+  const RadioGroupItem = React.memo(
+    React.forwardRef((props, ref) => {
+      const radioGroupContext = React.useContext(RadioGroupContext);
+      const { className, size = radioGroupContext.size, variant = radioGroupContext.variant, ...rest } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        RadixRadioGroup__namespace.Item,
+        {
+          className: classVarianceAuthority.cx(className, radioGroupItem({ size, variant }), "flex", "justify-center", "items-center"),
+          ref,
+          ...rest
+        }
+      );
+    })
+  );
+  const RadioGroupRoot = React.memo(
+    React.forwardRef((props, ref) => {
+      const providerContext = useProvider();
+      const {
+        className,
+        accentColor = providerContext.accentColor,
+        variant = "surface",
+        size = "md",
+        children,
+        ...rest
+      } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(RadixRadioGroup__namespace.Root, { className: classVarianceAuthority.cx(className), ref, "data-accent-color": accentColor, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, { value: { variant, size }, children }) });
+    })
+  );
+  const RadioGroup = {
+    Indicator: RadioGroupIndicator,
+    Item: RadioGroupItem,
+    Root: RadioGroupRoot
+  };
+  const separator = classVarianceAuthority.cva([], {
+    variants: {
+      size: {
+        xs: [],
+        sm: [],
+        md: [],
+        lg: [],
+        xl: [],
+        full: []
+      },
+      orientation: {
+        horizontal: ["h-px"],
+        vertical: ["w-px"]
+      },
+      weight: {
+        light: ["bg-(--accent-a6)"],
+        medium: ["bg-(--accent-a7)"],
+        heavy: ["bg-(--accent-a8)"]
+      }
+    },
+    compoundVariants: [
+      {
+        size: "xs",
+        orientation: "horizontal",
+        class: ["w-4"]
+      },
+      {
+        size: "sm",
+        orientation: "horizontal",
+        class: ["w-6"]
+      },
+      {
+        size: "md",
+        orientation: "horizontal",
+        class: ["w-10"]
+      },
+      {
+        size: "lg",
+        orientation: "horizontal",
+        class: ["w-16"]
+      },
+      {
+        size: "xl",
+        orientation: "horizontal",
+        class: ["w-24"]
+      },
+      {
+        size: "full",
+        orientation: "horizontal",
+        class: ["w-full"]
+      },
+      {
+        size: "xs",
+        orientation: "vertical",
+        class: ["h-4"]
+      },
+      {
+        size: "sm",
+        orientation: "vertical",
+        class: ["h-6"]
+      },
+      {
+        size: "md",
+        orientation: "vertical",
+        class: ["h-10"]
+      },
+      {
+        size: "lg",
+        orientation: "vertical",
+        class: ["h-16"]
+      },
+      {
+        size: "xl",
+        orientation: "vertical",
+        class: ["h-24"]
+      },
+      {
+        size: "full",
+        orientation: "vertical",
+        class: ["h-full"]
+      }
+    ],
+    defaultVariants: {
+      size: "md",
+      orientation: "horizontal",
+      weight: "medium"
+    }
+  });
+  const Separator = React.forwardRef((props, ref) => {
+    const { className, accentColor = "base", orientation, size, weight, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixSeparator__namespace.Root,
+      {
+        className: classVarianceAuthority.cx(className, separator({ orientation, size, weight })),
+        "data-accent-color": accentColor,
+        ref,
+        ...rest
+      }
+    );
+  });
+  Separator.displayName = "Separator";
+  const TIMEOUT_DURATION = 200;
+  const SlideOutV2 = React.memo(
+    React.forwardRef((props, ref) => {
+      const {
+        className,
+        style,
+        children,
+        open,
+        modal = false,
+        resizeable = true,
+        side,
+        position = "relative",
+        initialWidth,
+        minWidth,
+        maxWidth,
+        onDismiss,
+        onOpening,
+        onClosed
+      } = props;
+      const isLeft = side === "left";
+      const [slideOutWidth, setSlideOutWidth] = React.useState(initialWidth);
+      const handleResize = React.useCallback(
+        (_event, _dir, ref2, _delta) => {
+          setSlideOutWidth(ref2.clientWidth);
+        },
+        []
+      );
+      const handleDismiss = React.useCallback(() => {
+        if (modal && onDismiss) {
+          onDismiss();
+        }
+      }, [modal, onDismiss]);
+      React.useEffect(() => {
+        setSlideOutWidth(initialWidth);
+      }, [initialWidth]);
+      const CSSTransitionClassNames = React.useMemo(
+        () => ({
+          enter: isLeft ? "-ml-(--slide-out-width)" : "-mr-(--slide-out-width)",
+          enterActive: isLeft ? "ease-linear duration-200 transition-[margin-left] ml-0" : "ease-linear duration-200 transition-[margin-right] mr-0",
+          enterDone: isLeft ? "ml-0" : "mr-0",
+          exitActive: isLeft ? "ease-linear duration-200 transition-[margin-left] -ml-(--slide-out-width)" : "ease-linear duration-200 transition-[margin-right] -mr-(--slide-out-width)",
+          exitDone: isLeft ? "-ml-(--slide-out-width)" : "-mr-(--slide-out-width)"
+        }),
+        [isLeft]
+      );
+      return (
+        /** The DismissableLayer Component is strictly a functionality-based component for emulating an overlay. Its main use is for
+         * detecting interactions OUTSIDE whatever content is placed within it, allowing the developer to decide what to do with that
+         * content when it is 'dismissed' (i.e closed, to be hidden, etc.).
+         *
+         * There are three main events that trigger this 'dismissal' behavior
+         * 1) Focus is given to an element outside the content rendered within the DismissableLayer component
+         * 2) PointerEvent occurs on an element outside the content rendered within the DismissableLayer component
+         * 3) Escape key is pressed
+         *
+         * The 'disableOutsidePointerEvents' prop is used for disabling focus and PointerEvents on outside elements.
+         * The dismissal behavior will still eb trigger, it just won't allow any elements to be interacted with until
+         * the DismissableLayer is removed from the DOM, or 'disableOutsidePointerEvents' is set to false
+         *
+         * In this use case, Overmap's SlideOut will have two specific behaviors
+         * 1) Modal mode - the SlideOut has modal-like behavior where it will dismiss PointerEvents and Focus of
+         * 		outside elements
+         * 2) Non-modal mode - the SlideOut behaves like a side panel the co-exists with content outside of it
+         * 		*/
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactTransitionGroup.CSSTransition,
+          {
+            classNames: CSSTransitionClassNames,
+            in: open,
+            timeout: TIMEOUT_DURATION,
+            unmountOnExit: true,
+            mountOnEnter: true,
+            onEntering: onOpening,
+            onExited: onClosed,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              reactDismissableLayer.DismissableLayer,
+              {
+                disableOutsidePointerEvents: modal,
+                style,
+                onInteractOutside: handleDismiss,
+                onEscapeKeyDown: handleDismiss,
+                asChild: true,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  reactSlot.Slot,
+                  {
+                    className: classVarianceAuthority.cx(className, "top-0", "bottom-0", {
+                      "left-0": isLeft,
+                      "right-0": !isLeft,
+                      absolute: position === "absolute",
+                      relative: position === "relative"
+                    }),
+                    ref,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      reResizable.Resizable,
+                      {
+                        onResize: handleResize,
+                        size: { width: slideOutWidth, height: "100%" },
+                        style: {
+                          position,
+                          "--slide-out-width": `${slideOutWidth}${typeof slideOutWidth === "number" ? "px" : ""}`
+                        },
+                        minWidth,
+                        maxWidth,
+                        enable: { left: resizeable && !isLeft, right: resizeable && isLeft },
+                        children
+                      }
+                    )
+                  }
+                )
+              },
+              modal ? "1" : "0"
+            )
+          }
+        )
+      );
+    })
+  );
+  const Spinner = React.memo(() => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-5 rounded-full border border-2 border-(--base-a12) border-b-transparent animate-spin" });
+  });
+  Spinner.displayName = "Spinner";
+  const textAreaCva = classVarianceAuthority.cva(
+    [
+      "focus:ring-2",
+      "focus:ring-(--accent-a8)",
+      "disabled:opacity-50",
+      "disabled:pointer-events-none",
+      "transition-colors",
+      "[scrollbar-width:thin]",
+      "[scrollbar-color:var(--base-6)_transparent]",
+      "outline-none"
+    ],
+    {
+      variants: {
+        variant: {
+          outline: [
+            "placeholder-(--base-a9)",
+            "selection:bg-(--accent-a5)",
+            "ring-1",
+            "ring-(--base-a7)",
+            "bg-transparent",
+            "text-(--base-12)"
+          ],
+          surface: [
+            "placeholder-(--accent-12)",
+            "placeholder:opacity-60",
+            "selection:bg-(--accent-a5)",
+            "ring-1",
+            "ring-(--accent-a7)",
+            "bg-(--accent-surface)",
+            "text-(--accent-a12)"
+          ],
+          soft: [
+            "bg-(--accent-a3)",
+            "text-(--accent-12)",
+            "placeholder-(--accent-12)",
+            "placeholder:opacity-60",
+            "selection:bg-(--accent-a5)"
+          ]
+        },
+        size: {
+          xs: ["p-1", "text-xs"],
+          sm: ["p-1.5", "text-sm"],
+          md: ["p-2", "text-base"],
+          lg: ["p-2.5", "text-lg"],
+          xl: ["p-3", "text-xl"]
+        },
+        resize: {
+          none: ["resize-none"],
+          vertical: ["resize-y"],
+          horizontal: ["resize-x"],
+          both: ["resize"]
+        }
+      },
+      defaultVariants: {
+        variant: "outline",
+        size: "md",
+        resize: "none"
+      }
+    }
+  );
+  const TextArea = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      className,
+      size,
+      variant,
+      radius = providerContext.radius,
+      accentColor = providerContext.accentColor,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        className: classVarianceAuthority.cx(className, textAreaCva({ size, variant }), radiusCva({ radius, maxLarge: true })),
+        ref,
+        "data-accent-color": accentColor,
+        ...rest
+      }
+    );
+  });
+  TextArea.displayName = "TextArea";
+  const toastCva = classVarianceAuthority.cva(
+    [
+      "shadow-md",
+      "duration-200",
+      "data-[state='open']:animate-in",
+      "data-[state='open']:fade-in-0",
+      "data-[state='open']:zoom-in-95",
+      "data-[state='closed']:animate-out",
+      "data-[state='closed']:fade-out-0",
+      "data-[state='closed']:zoom-out-95"
+    ],
+    {
+      variants: {
+        variant: {
+          surface: ["bg-(--accent-1)", "text-(--accent-11)", "ring-1", "ring-inset", "ring-(--accent-a6)"],
+          soft: ["bg-(--accent-1)", "text-(--accent-11)"]
+        },
+        size: {
+          xs: ["text-xs", "p-2"],
+          sm: ["text-sm", "p-3"],
+          md: ["text-base", "p-4"],
+          lg: ["text-lg", "p-5"],
+          xl: ["text-xl", "p-6"]
+        }
+      },
+      defaultVariants: {
+        variant: "surface",
+        size: "md"
+      }
+    }
+  );
+  const _Toast = React.forwardRef(function Toast2(props, ref) {
+    const { radius, ...restProviderContext } = useProvider();
+    const {
+      title,
+      description,
+      icon,
+      size = "md",
+      accentColor = restProviderContext.accentColor,
+      variant,
+      onClose,
+      sensitivity,
+      action,
+      ...rest
+    } = props;
+    const [open, setOpen] = React.useState(true);
+    const handleOpenChange = React.useCallback(
+      (open2) => {
+        if (!open2 && onClose) onClose();
+        setOpen(open2);
+      },
+      [onClose]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      RadixToast__namespace.Root,
+      {
+        className: classVarianceAuthority.cx(
+          "flex items-center gap-4 w-max",
+          toastCva({ size, variant }),
+          radiusCva({ radius, maxLarge: true })
+        ),
+        ref,
+        open,
+        type: sensitivity,
+        onOpenChange: handleOpenChange,
+        "data-accent-color": accentColor,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 grow", children: [
+            icon,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { className: "font-medium", children: title }),
+                /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Description, { children: description })
+              ] }),
+              action && /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { className: "w-max", altText: action.altText, asChild: true, children: action.content })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { size, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsxRuntime.jsx(hi.HiX, {}) }) })
+        ]
+      }
+    );
+  });
+  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 words = toast.description.split(" ").length + toast.title.split(" ").length;
+    return MIN_DURATION + words / WORDS_PER_SECOND;
+  };
+  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);
+      const showSuccess = (toastProps) => showToast({ ...toastProps, accentColor: "success" });
+      const showError = (toastProps) => showToast({ ...toastProps, accentColor: "danger" });
+      const showInfo = (toastProps) => showToast({ ...toastProps, accentColor: "base" });
+      const showWarning = (toastProps) => showToast({ ...toastProps, accentColor: "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: classVarianceAuthority.cx(
+            className,
+            "list-none fixed top-0 right-0 flex gap-3 flex-col items-end p-5 max-w-[100vw] z-[2147483647] outline-none overflow-y-auto overflow-x-hidden"
+          ),
+          hotkey
+        }
+      ),
+      toasts.map(({ id, onClose, ...toastProps }) => /* @__PURE__ */ jsxRuntime.jsx(Toast, { ...toastProps, onClose: () => handleCloseToast(id, 0, onClose) }, id))
+    ] }) });
+  });
+  const toggleButtonCva = classVarianceAuthority.cva(
+    [
+      "flex",
+      "items-center",
+      "justify-center",
+      "outline-none",
+      "transition-colors",
+      "disabled:opacity-50",
+      "disabled:pointer-events-none"
+    ],
+    {
+      variants: {
+        variant: {
+          outline: [
+            "ring-1",
+            "ring-inset",
+            "ring-(--accent-a4)",
+            "text-(--accent-a11)",
+            "data-[state=off]:hover:bg-(--accent-a3)",
+            "data-[state=off]:hover:ring-transparent",
+            "data-[state=on]:bg-(--accent-a4)",
+            "data-[state=on]:ring-transparent",
+            "data-[state=on]:text-(--accent-a12)"
+          ],
+          ghost: [
+            "text-(--accent-a11)",
+            "data-[state=off]:hover:bg-(--accent-a3)",
+            "data-[state=on]:bg-(--accent-a4)",
+            "data-[state=on]:text-(--accent-a12)"
+          ]
+        },
+        icon: {
+          true: [],
+          false: []
+        },
+        size: {
+          xs: ["h-5", "text-xs", "gap-0.25"],
+          sm: ["h-6", "text-sm", "gap-0.5"],
+          md: ["h-7", "text-base", "gap-1"],
+          lg: ["h-8", "text-lg", "gap-1.5"],
+          xl: ["h-9", "text-xl", "gap-2"]
+        }
+      },
+      compoundVariants: [
+        {
+          icon: true,
+          size: "xs",
+          class: "w-5"
+        },
+        {
+          icon: false,
+          size: "xs",
+          class: "px-2"
+        },
+        {
+          icon: true,
+          size: "sm",
+          class: "w-6"
+        },
+        {
+          icon: false,
+          size: "sm",
+          class: "px-2"
+        },
+        {
+          icon: true,
+          size: "md",
+          class: "w-7"
+        },
+        {
+          icon: false,
+          size: "md",
+          class: "px-3"
+        },
+        {
+          icon: true,
+          size: "lg",
+          class: "w-8"
+        },
+        {
+          icon: false,
+          size: "lg",
+          class: "px-4"
+        },
+        {
+          icon: true,
+          size: "xl",
+          class: "w-9"
+        },
+        {
+          icon: false,
+          size: "xl",
+          class: "px-5"
+        }
+      ],
+      defaultVariants: {
+        size: "md",
+        icon: false,
+        variant: "outline"
+      }
+    }
+  );
+  const BaseToggleButton = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      className,
+      size,
+      icon,
+      variant,
+      radius = providerContext.radius,
+      accentColor = providerContext.accentColor,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Toggle__namespace.Root,
+      {
+        ref,
+        className: classVarianceAuthority.cx(className, toggleButtonCva({ size, variant, icon }), radiusCva({ radius, maxLarge: false })),
+        "data-accent-color": accentColor,
+        ...rest
+      }
+    );
+  });
+  BaseToggleButton.displayName = "BaseToggleButton";
+  const IconToggleButton = React.forwardRef((props, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(BaseToggleButton, { ref, icon: true, ...props });
+  });
+  IconToggleButton.displayName = "IconToggleButton";
+  const ToggleButton = React.forwardRef((props, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(BaseToggleButton, { ref, icon: false, ...props });
+  });
+  ToggleButton.displayName = "ToggleButton";
+  const TooltipArrow = React.forwardRef((props, ref) => {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Arrow, { className: classVarianceAuthority.cx(className, "fill-(--base-6)"), ref, ...rest });
+  });
+  TooltipArrow.displayName = "TooltipArrow";
+  const tooltipContent = classVarianceAuthority.cva(
+    [
+      "data-[state=delayed-open]:animate-in",
+      "data-[state=delayed-open]:fade-in-0",
+      "data-[state=delayed-open]:zoom-in-95",
+      "data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0",
+      "data-[state=closed]:zoom-out-95",
+      "bg-(--base-1)",
+      "ring-1",
+      "ring-inset",
+      "ring-(--base-a6)",
+      "text-(--base-12)",
+      "shadow-sm"
+    ],
+    {
+      variants: {
+        size: {
+          xs: ["text-xs", "px-2"],
+          sm: ["text-sm", "px-3"],
+          md: ["text-base", "px-4"],
+          lg: ["text-lg", "px-5"],
+          xl: ["text-xl", "px-6"]
+        },
+        side: {
+          top: ["data-[side=top]:slide-in-from-bottom-1"],
+          right: ["data-[side=right]:slide-in-from-left-1"],
+          bottom: ["data-[side=bottom]:slide-in-from-top-1"],
+          left: ["data-[side=left]:slide-in-from-right-1"]
+        }
+      },
+      defaultVariants: {
+        size: "md",
+        side: "top"
+      }
+    }
+  );
+  const TooltipContent = React.forwardRef((props, ref) => {
+    const providerContext = useProvider();
+    const {
+      className,
+      side = "top",
+      size,
+      radius = providerContext.radius,
+      children,
+      sideOffset = 2,
+      container,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixTooltip__namespace.Content,
+      {
+        className: classVarianceAuthority.cx(className, tooltipContent({ size, side }), radiusCva({ radius, maxLarge: false })),
+        ref,
+        sideOffset,
+        ...rest,
+        children
+      }
+    ) });
+  });
+  TooltipContent.displayName = "TooltipContent";
+  const Tooltip = {
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Root: RadixTooltip__namespace.Root,
+    Trigger: RadixTooltip__namespace.Trigger,
+    Provider: RadixTooltip__namespace.Provider
+  };
+  exports2.AlertDialog = AlertDialog;
+  exports2.AlertDialogContent = AlertDialogContent;
+  exports2.AlertDialogProvider = AlertDialogProvider;
+  exports2.Avatar = Avatar;
+  exports2.AvatarFallback = AvatarFallback;
+  exports2.AvatarImage = AvatarImage;
+  exports2.AvatarRoot = AvatarRoot;
+  exports2.Badge = Badge;
+  exports2.Button = Button;
+  exports2.ButtonGroup = ButtonGroup;
+  exports2.Checkbox = Checkbox;
+  exports2.CheckboxIndicator = CheckboxIndicator;
+  exports2.CheckboxRoot = CheckboxRoot;
+  exports2.CollapsibleTree = CollapsibleTree;
+  exports2.Dialog = Dialog;
+  exports2.DialogContent = DialogContent;
+  exports2.DialogRoot = DialogRoot;
+  exports2.HoverCard = HoverCard;
+  exports2.HoverCardArrow = HoverCardArrow;
+  exports2.HoverCardContent = HoverCardContent;
+  exports2.HoverUtility = HoverUtility;
+  exports2.IconButton = IconButton;
+  exports2.IconToggleButton = IconToggleButton;
+  exports2.Input = Input;
+  exports2.InputField = InputField;
+  exports2.InputRoot = InputRoot;
+  exports2.InputSlot = InputSlot;
+  exports2.Layout = Layout;
+  exports2.LayoutContext = LayoutContext;
+  exports2.OvermapErrorBoundary = OvermapErrorBoundary;
+  exports2.OvermapMenu = OvermapMenu;
+  exports2.Popover = Popover;
+  exports2.Provider = Provider;
+  exports2.RadioGroup = RadioGroup;
+  exports2.RadioGroupIndicator = RadioGroupIndicator;
+  exports2.RadioGroupItem = RadioGroupItem;
+  exports2.RadioGroupRoot = RadioGroupRoot;
+  exports2.RiIcon = RiIcon;
+  exports2.Separator = Separator;
+  exports2.SlideOutV2 = SlideOutV2;
+  exports2.SlideOutV3 = SlideOutV3;
+  exports2.Spinner = Spinner;
+  exports2.TextArea = TextArea;
+  exports2.Toast = Toast;
+  exports2.ToastContext = ToastContext;
+  exports2.ToastProvider = ToastProvider;
+  exports2.ToggleButton = ToggleButton;
+  exports2.Tooltip = Tooltip;
+  exports2.TooltipArrow = TooltipArrow;
+  exports2.TooltipContent = TooltipContent;
+  exports2.badge = badge;
+  exports2.button = button;
+  exports2.splitTextForEllipsisAndExpansion = splitTextForEllipsisAndExpansion;
+  exports2.useAlertDialog = useAlertDialog;
+  exports2.useButtonGroup = useButtonGroup;
+  exports2.useLayoutContext = useLayoutContext;
+  exports2.useProvider = useProvider;
+  exports2.useSize = useSize;
+  exports2.useStopEventPropagation = useStopEventPropagation;
+  exports2.useTextFilter = useTextFilter;
+  exports2.useToast = useToast;
+  exports2.useViewportSize = useViewportSize;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});
 //# sourceMappingURL=blocks.umd.cjs.map