@overmap-ai/blocks 1.0.6-do-not-support-commonjs.3 → 1.0.6-do-not-support-commonjs.4

package/dist/blocks.js

@@ -1,8 +1,8 @@
 export * from "@radix-ui/colors";
 import { Cross1Icon, MagnifyingGlassIcon, CheckIcon, DragHandleDots2Icon, Cross2Icon, DividerHorizontalIcon, CaretSortIcon, ArrowUpIcon, ArrowDownIcon, MixerHorizontalIcon, Pencil1Icon, TrashIcon, DoubleArrowLeftIcon, ChevronLeftIcon, ChevronRightIcon, DoubleArrowRightIcon } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext, Badge as Badge$1, Flex as Flex$1, Box, Link, Text as Text$2, Button, IconButton as IconButton$1, Card, Inset, Dialog as Dialog$1, AlertDialog as AlertDialog$1, DropdownMenu as DropdownMenu$1, Kbd, Select as Select$1, Checkbox as Checkbox$1, Switch as Switch$1, Portal, TextField, Popover as Popover$1, TextArea as TextArea$1, Callout, Tooltip as Tooltip$1, Theme, Separator as Separator$1, TableRow } from "@radix-ui/themes";
-import { AccessibleIcon, AspectRatio, Avatar, Blockquote, Box as Box2, Callout as Callout2, Card as Card2, Code, Container, Em, Grid, Heading, HoverCard, Inset as Inset2, Kbd as Kbd2, Link as Link2, Portal as Portal2, Quote, RadioGroup, ScrollArea, Section, Slider, Slot, Strong, Tabs, TextField as TextField2, Theme as Theme2, VisuallyHidden, updateThemeAppearanceClass, useThemeContext as useThemeContext2 } from "@radix-ui/themes";
+import radixComponents, { useThemeContext, Badge as Badge$1, Flex as Flex$1, Box as Box$1, Link as Link$1, Text as Text$2, Button, IconButton as IconButton$1, Dialog as Dialog$1, AlertDialog as AlertDialog$1, DropdownMenu as DropdownMenu$1, Kbd as Kbd$1, Select as Select$1, Checkbox as Checkbox$1, Switch as Switch$1, Portal as Portal$1, TextField as TextField$1, Popover as Popover$1, TextArea as TextArea$1, Callout as Callout$1, Tooltip as Tooltip$1, Theme, Separator as Separator$1, TableRow } from "@radix-ui/themes";
+import { Theme as Theme2, updateThemeAppearanceClass, useThemeContext as useThemeContext2 } from "@radix-ui/themes";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useMemo, useState, useLayoutEffect, useCallback, useEffect, Children, isValidElement, forwardRef, memo, createContext, useContext, cloneElement, createElement, useRef, useReducer, Fragment as Fragment$1 } from "react";
 import { useMediaQuery } from "react-responsive";
@@ -236,7 +236,7 @@ const Item = memo(
   forwardRef(({ className, children, ...rest }, ref) => {
     const { size, severity } = useBreadcrumbContext();
     const severityColor = useSeverityColor(severity);
-    return /* @__PURE__ */ jsx(Box, { className: classNames("overmap-breadcrumb-item", className), height: "max-content", width: "max-content", children: /* @__PURE__ */ jsx(Link, { ref, size, color: severityColor, ...rest, children: /* @__PURE__ */ jsx(Flex, { height: "100%", width: "100%", align: "center", gap: "1", children }) }) });
+    return /* @__PURE__ */ jsx(Box$1, { className: classNames("overmap-breadcrumb-item", className), height: "max-content", width: "max-content", children: /* @__PURE__ */ jsx(Link$1, { ref, size, color: severityColor, ...rest, children: /* @__PURE__ */ jsx(Flex, { height: "100%", width: "100%", align: "center", gap: "1", children }) }) });
   })
 );
 const Group = memo(
@@ -670,7 +670,7 @@ const styles$h = {
 };
 const BaseMenuItem = memo(
   forwardRef(({ children, rightSlot }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { className: styles$h.BaseMenuItem, ref, position: "relative", px: "2", height: "6", children: /* @__PURE__ */ jsxs(Flex, { gap: "6", height: "100%", align: "center", children: [
+    return /* @__PURE__ */ jsx(Box$1, { className: styles$h.BaseMenuItem, ref, position: "relative", px: "2", height: "6", children: /* @__PURE__ */ jsxs(Flex, { gap: "6", height: "100%", align: "center", children: [
       /* @__PURE__ */ jsx(Flex, { grow: "1", height: "100%", align: "center", gap: "1", children }),
       /* @__PURE__ */ jsx(Flex, { height: "100%", width: "4", align: "center", justify: "end", children: rightSlot })
     ] }) });
@@ -678,11 +678,11 @@ const BaseMenuItem = memo(
 );
 const BaseMenuInput = memo(
   forwardRef((props) => {
-    return /* @__PURE__ */ jsx(Box, { className: styles$h.BaseMenuInput, px: "2", height: "6", width: "max-content", children: /* @__PURE__ */ jsx(Input, { ...props, variant: "ghost" }) });
+    return /* @__PURE__ */ jsx(Box$1, { className: styles$h.BaseMenuInput, px: "2", height: "6", width: "max-content", children: /* @__PURE__ */ jsx(Input, { ...props, variant: "ghost" }) });
   })
 );
 const BaseMenuSeparator = memo(function BaseMenuSeparator2() {
-  return /* @__PURE__ */ jsx(Box, { className: styles$h.BaseMenuSeparator, width: "100%", py: "1", children: /* @__PURE__ */ jsx(Box, { height: "0", width: "100%" }) });
+  return /* @__PURE__ */ jsx(Box$1, { className: styles$h.BaseMenuSeparator, width: "100%", py: "1", children: /* @__PURE__ */ jsx(Box$1, { height: "0", width: "100%" }) });
 });
 const useCloseOnSelectHandler = (closeOnSelect) => {
   return useCallback(
@@ -747,7 +747,7 @@ const BaseItemGroup = memo(function BaseItemGroup2({
           className: classNames(className, styles$h.RemoveOutline),
           onSelect: closeOnSelectHandler(onSelect),
           ...rest2,
-          children: /* @__PURE__ */ jsx(BaseMenuItem, { rightSlot: shortcut == null ? void 0 : shortcut.map((key, index2) => /* @__PURE__ */ jsx(Kbd, { children: key }, index2)), children: content })
+          children: /* @__PURE__ */ jsx(BaseMenuItem, { rightSlot: shortcut == null ? void 0 : shortcut.map((key, index2) => /* @__PURE__ */ jsx(Kbd$1, { children: key }, index2)), children: content })
         },
         index
       ))
@@ -1117,7 +1117,7 @@ const Select = React.memo(_Select);
 const MultiSelectItem = memo(
   forwardRef((props, ref) => {
     const { checked, label, value, size = "2" } = props;
-    return /* @__PURE__ */ jsx(Box, { asChild: true, px: size, children: /* @__PURE__ */ jsx(Select$1.Item, { value, ref, children: /* @__PURE__ */ jsxs(Flex$1, { gap: size, align: "center", children: [
+    return /* @__PURE__ */ jsx(Box$1, { asChild: true, px: size, children: /* @__PURE__ */ jsx(Select$1.Item, { value, ref, children: /* @__PURE__ */ jsxs(Flex$1, { gap: size, align: "center", children: [
       /* @__PURE__ */ jsx(Checkbox$1, { checked }),
       label
     ] }) }) });
@@ -1255,7 +1255,7 @@ const _Switch = forwardRef(function Switch2({ className, severity = "primary", i
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx(Portal, { container: iconContainer, asChild: true, children: icon && "checked" in icon ? _checked ? icon["checked"] : icon["unchecked"] : icon })
+    /* @__PURE__ */ jsx(Portal$1, { container: iconContainer, asChild: true, children: icon && "checked" in icon ? _checked ? icon["checked"] : icon["unchecked"] : icon })
   ] });
 });
 const Switch = memo(_Switch);
@@ -1308,7 +1308,7 @@ const _Sidebar = forwardRef(function Sidebar2({
         ref,
         asChild: true,
         ...rest,
-        children: /* @__PURE__ */ jsx(Box, { width: "auto", children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Box$1, { width: "auto", children: /* @__PURE__ */ jsx(
           Resizable,
           {
             minWidth,
@@ -1458,7 +1458,7 @@ const _Input = forwardRef(function Input2({
   const displayInputLength = showInputLength || showInputLength === void 0 && rest.maxLength !== void 0;
   const valueAsString = value !== void 0 ? value.toString() : void 0;
   return /* @__PURE__ */ jsxs(
-    TextField.Root,
+    TextField$1.Root,
     {
       className: classNames(styles$c.wrapper, className, {
         [styles$c.ghost]: variant === "ghost",
@@ -1468,9 +1468,9 @@ const _Input = forwardRef(function Input2({
       variant: variant !== "ghost" ? variant : void 0,
       color,
       children: [
-        leftSlot && /* @__PURE__ */ jsx(TextField.Slot, { children: leftSlot }),
+        leftSlot && /* @__PURE__ */ jsx(TextField$1.Slot, { children: leftSlot }),
         /* @__PURE__ */ jsx(
-          TextField.Input,
+          TextField$1.Input,
           {
             className: classNames(styles$c.default, {
               [styles$c.noLeftIcon]: !leftSlot,
@@ -1484,7 +1484,7 @@ const _Input = forwardRef(function Input2({
             ...rest
           }
         ),
-        rightSlot && /* @__PURE__ */ jsx(TextField.Slot, { children: rightSlot }),
+        rightSlot && /* @__PURE__ */ jsx(TextField$1.Slot, { children: rightSlot }),
         displayInputLength && /* @__PURE__ */ jsx(Text$2, { as: "p", className: styles$c.charCount, size: "1", color: "gray", children: rest.maxLength !== void 0 ? `${valueAsString == null ? void 0 : valueAsString.length}/${rest.maxLength}` : `${valueAsString == null ? void 0 : valueAsString.length}` })
       ]
     }
@@ -1739,7 +1739,7 @@ const LeftAndRightPanels = memo(function Panels({
             onEntering: handleResizeRightPanelOnLeftPanelOpen,
             onExited: handleResizeRightPanelOnLeftPanelClose,
             children: (state) => /* @__PURE__ */ jsx(
-              Box,
+              Box$1,
               {
                 ref: leftPanelRef,
                 className: classNames(styles$a.panelContent, styles$a.left),
@@ -1782,7 +1782,7 @@ const LeftAndRightPanels = memo(function Panels({
             onEntering: handleResizeLeftPanelOnRightPanelOpen,
             onExited: handleResizeLeftPanelOnRightPanelClose,
             children: (state) => /* @__PURE__ */ jsx(
-              Box,
+              Box$1,
               {
                 ref: rightPanelRef,
                 className: classNames(styles$a.panelContent, styles$a.right),
@@ -2042,13 +2042,13 @@ const _Toast = forwardRef(function Toast2({ title, description, icon, severity =
     },
     [onClose]
   );
-  return /* @__PURE__ */ jsx(RadixToast.Root, { asChild: true, ref, ...rest, open, type: sensitivity, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx(Callout.Root, { className: styles$6.ToastRoot, variant: "surface", color, size, children: /* @__PURE__ */ jsxs(Flex$1, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+  return /* @__PURE__ */ jsx(RadixToast.Root, { asChild: true, ref, ...rest, open, type: sensitivity, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx(Callout$1.Root, { className: styles$6.ToastRoot, variant: "surface", color, size, children: /* @__PURE__ */ jsxs(Flex$1, { width: "100%", align: "center", gap: "4", justify: "between", children: [
     /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "3", children: [
-      /* @__PURE__ */ jsx(Callout.Icon, { children: icon }),
+      /* @__PURE__ */ jsx(Callout$1.Icon, { children: icon }),
       /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "2", children: [
         /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "0", children: [
-          /* @__PURE__ */ jsx(RadixToast.Title, { asChild: true, children: /* @__PURE__ */ jsx(Callout.Text, { size: "3", weight: "medium", children: title }) }),
-          /* @__PURE__ */ jsx(RadixToast.Description, { asChild: true, children: /* @__PURE__ */ jsx(Callout.Text, { children: description }) })
+          /* @__PURE__ */ jsx(RadixToast.Title, { asChild: true, children: /* @__PURE__ */ jsx(Callout$1.Text, { size: "3", weight: "medium", children: title }) }),
+          /* @__PURE__ */ jsx(RadixToast.Description, { asChild: true, children: /* @__PURE__ */ jsx(Callout$1.Text, { children: description }) })
         ] }),
         action && /* @__PURE__ */ jsx(RadixToast.Action, { className: styles$6.actionButton, altText: action.altText, asChild: true, children: action.content })
       ] })
@@ -3564,6 +3564,35 @@ const _ConfirmEditInput = forwardRef(function ConfirmEditInput2({
   ] }) });
 });
 const ConfirmEditInput = React.memo(_ConfirmEditInput);
+const {
+  AccessibleIcon,
+  Box,
+  Grid,
+  Container,
+  Section,
+  Heading,
+  Blockquote,
+  Code,
+  Em,
+  Kbd,
+  Link,
+  Quote,
+  Strong,
+  AspectRatio,
+  Avatar,
+  Callout,
+  Card,
+  HoverCard,
+  TextField,
+  Inset,
+  RadioGroup,
+  ScrollArea,
+  Slider,
+  Tabs,
+  Portal,
+  Slot,
+  VisuallyHidden
+} = radixComponents;
 export {
   AccessibleIcon,
   AlertDialog,
@@ -3573,13 +3602,13 @@ export {
   Avatar,
   Badge,
   Blockquote,
-  Box2 as Box,
+  Box,
   Breadcrumb,
   Button2 as Button,
   ButtonGroup,
   ButtonList,
-  Callout2 as Callout,
-  Card2 as Card,
+  Callout,
+  Card,
   Checkbox,
   Code,
   ConfirmEditInput,
@@ -3603,14 +3632,14 @@ export {
   IconButton,
   IconColorUtility,
   Input,
-  Inset2 as Inset,
-  Kbd2 as Kbd,
+  Inset,
+  Kbd,
   LeftAndRightPanels,
-  Link2 as Link,
+  Link,
   MultiPagePopover,
   MultiSelect,
   Popover,
-  Portal2 as Portal,
+  Portal,
   Quote,
   RadioGroup,
   Root2 as Root,
@@ -3630,7 +3659,7 @@ export {
   Tabs,
   Text$1 as Text,
   TextArea,
-  TextField2 as TextField,
+  TextField,
   Theme2 as Theme,
   Toast,
   ToastContext,