@overmap-ai/blocks 1.0.31-tailwind-components.23 → 1.0.31-tailwind-components.25

package/dist/blocks.umd.cjs

@@ -1,6 +1,6 @@
 (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-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("@radix-ui/react-separator"), require("react-error-boundary"), require("react-icons/ri"), require("@radix-ui/react-popover"), require("@radix-ui/react-radio-group"), require("@radix-ui/react-toggle"), require("@radix-ui/react-dismissable-layer"), require("@radix-ui/react-switch"), require("@radix-ui/react-tabs"), require("@radix-ui/react-toast"), 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-responsive", "@radix-ui/react-dialog", "react-icons/hi", "@radix-ui/react-hover-card", "@radix-ui/react-slot", "re-resizable", "react-transition-group", "react-dom", "@radix-ui/react-separator", "react-error-boundary", "react-icons/ri", "@radix-ui/react-popover", "@radix-ui/react-radio-group", "@radix-ui/react-toggle", "@radix-ui/react-dismissable-layer", "@radix-ui/react-switch", "@radix-ui/react-tabs", "@radix-ui/react-toast", "@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.reactResponsive, global.RadixDialog, global.hi, global.RadixHoverCard, global.reactSlot, global.reResizable, global.reactTransitionGroup, global.ReactDOM, global.RadixSeparator, global.reactErrorBoundary, global.RiIcons, global.RadixPopover, global.RadixRadioGroup, global.Toggle, global.reactDismissableLayer, global.RadixSwitch, global.RadixTabs, global.RadixToast, global.RadixTooltip));
-})(this, function(exports2, RadixAlertDialog, jsxRuntime, classVarianceAuthority, React, RadixAvatar, RadixCheckbox, RadixPrimitiveCollapsible, reactResponsive, RadixDialog, hi, RadixHoverCard, reactSlot, reResizable, reactTransitionGroup, ReactDOM, RadixSeparator, reactErrorBoundary, RiIcons, RadixPopover, RadixRadioGroup, Toggle, reactDismissableLayer, RadixSwitch, RadixTabs, RadixToast, RadixTooltip) {
+  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-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("@radix-ui/react-separator"), require("react-error-boundary"), require("react-icons/ri"), require("@radix-ui/react-popover"), require("@radix-ui/react-radio-group"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-dismissable-layer"), require("@radix-ui/react-switch"), require("@radix-ui/react-tabs"), 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-responsive", "@radix-ui/react-dialog", "react-icons/hi", "@radix-ui/react-hover-card", "@radix-ui/react-slot", "re-resizable", "react-transition-group", "react-dom", "@radix-ui/react-separator", "react-error-boundary", "react-icons/ri", "@radix-ui/react-popover", "@radix-ui/react-radio-group", "@radix-ui/react-toggle-group", "@radix-ui/react-dismissable-layer", "@radix-ui/react-switch", "@radix-ui/react-tabs", "@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.reactResponsive, global.RadixDialog, global.hi, global.RadixHoverCard, global.reactSlot, global.reResizable, global.reactTransitionGroup, global.ReactDOM, global.RadixSeparator, global.reactErrorBoundary, global.RiIcons, global.RadixPopover, global.RadixRadioGroup, global.RadixToggleGroup, global.reactDismissableLayer, global.RadixSwitch, global.RadixTabs, global.RadixToast, global.Toggle, global.RadixTooltip));
+})(this, function(exports2, RadixAlertDialog, jsxRuntime, classVarianceAuthority, React, RadixAvatar, RadixCheckbox, RadixPrimitiveCollapsible, reactResponsive, RadixDialog, hi, RadixHoverCard, reactSlot, reResizable, reactTransitionGroup, ReactDOM, RadixSeparator, reactErrorBoundary, RiIcons, RadixPopover, RadixRadioGroup, RadixToggleGroup, reactDismissableLayer, RadixSwitch, RadixTabs, RadixToast, Toggle, RadixTooltip) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -30,10 +30,11 @@
   const RiIcons__namespace = /* @__PURE__ */ _interopNamespaceDefault(RiIcons);
   const RadixPopover__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixPopover);
   const RadixRadioGroup__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixRadioGroup);
-  const Toggle__namespace = /* @__PURE__ */ _interopNamespaceDefault(Toggle);
+  const RadixToggleGroup__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixToggleGroup);
   const RadixSwitch__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSwitch);
   const RadixTabs__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixTabs);
   const RadixToast__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixToast);
+  const Toggle__namespace = /* @__PURE__ */ _interopNamespaceDefault(Toggle);
   const RadixTooltip__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixTooltip);
   const floating = classVarianceAuthority.cva(
     [
@@ -1196,7 +1197,7 @@
     Root: RadixHoverCard__namespace.Root,
     Trigger: RadixHoverCard__namespace.Trigger
   };
-  const HoverUtility = React.memo(function Root3({ children, forceHover }) {
+  const HoverUtility = React.memo(function Root2({ children, forceHover }) {
     const [isHovered, setIsHovered] = React.useState(false);
     const handlePointerEnter = React.useCallback(() => {
       setIsHovered(true);
@@ -1335,7 +1336,7 @@
       return !hideLayout && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(className, "flex grow h-full"), ref, ...rest, children });
     })
   );
-  const Root$1 = React.memo((props) => {
+  const Root = React.memo((props) => {
     const { children, small = false, hideLayout = false } = props;
     const [showLeftSlideOut, setShowLeftSlideOut] = React.useState(false);
     const [showRightSlideOut, setShowRightSlideOut] = React.useState(false);
@@ -1352,9 +1353,9 @@
     );
     return /* @__PURE__ */ jsxRuntime.jsx(LayoutContext.Provider, { value: contextValue, children });
   });
-  Root$1.displayName = "Layout.Root";
+  Root.displayName = "Layout.Root";
   function usePointerDownOutside(onPointerDownOutside, ownerElement = globalThis == null ? void 0 : globalThis.document.body) {
-    const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
+    const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
     const isPointerInsideReactTreeRef = React.useRef(false);
     const handleClickRef = React.useRef(() => {
     });
@@ -1406,7 +1407,7 @@
       target.dispatchEvent(event);
     }
   }
-  function useCallbackRef$1(callback) {
+  function useCallbackRef(callback) {
     const callbackRef = React.useRef(callback);
     React.useEffect(() => {
       callbackRef.current = callback;
@@ -1690,7 +1691,7 @@
     })
   );
   const Layout = {
-    Root: Root$1,
+    Root,
     Container,
     SlideOutOverlay,
     LeftSlideOut,
@@ -4208,11 +4209,11 @@
     return _extends.apply(this, arguments);
   }
   let serverHandoffComplete = false;
-  let count$1 = 0;
+  let count = 0;
   const genId = () => (
     // Ensure the id is unique with multiple independent versions of Floating UI
     // on <React 18
-    "floating-ui-" + Math.random().toString(36).slice(2, 6) + count$1++
+    "floating-ui-" + Math.random().toString(36).slice(2, 6) + count++
   );
   function useFloatingId() {
     const [id, setId] = React__namespace.useState(() => serverHandoffComplete ? genId() : void 0);
@@ -4226,8 +4227,8 @@
     }, []);
     return id;
   }
-  const useReactId$1 = SafeReact.useId;
-  const useId$1 = useReactId$1 || useFloatingId;
+  const useReactId = SafeReact.useId;
+  const useId = useReactId || useFloatingId;
   let devMessageSet;
   if (process.env.NODE_ENV !== "production") {
     devMessageSet = /* @__PURE__ */ new Set();
@@ -4280,7 +4281,7 @@
   };
   const useFloatingTree = () => React__namespace.useContext(FloatingTreeContext);
   function useFloatingNodeId(customParentId) {
-    const id = useId$1();
+    const id = useId();
     const tree = useFloatingTree();
     const reactParentId = useFloatingParentNodeId();
     const parentId = reactParentId;
@@ -4869,7 +4870,7 @@
       id,
       root
     } = props;
-    const uniqueId = useId$1();
+    const uniqueId = useId();
     const portalContext = usePortalContext();
     const [portalNode, setPortalNode] = React__namespace.useState(null);
     const portalNodeRef = React__namespace.useRef(null);
@@ -5330,7 +5331,7 @@
       lockScroll = false,
       ...rest
     } = props;
-    const lockId = useId$1();
+    const lockId = useId();
     index(() => {
       if (!lockScroll) return;
       activeLocks.add(lockId);
@@ -5734,7 +5735,7 @@
       onOpenChange: onOpenChangeProp,
       elements: elementsProp
     } = options;
-    const floatingId = useId$1();
+    const floatingId = useId();
     const dataRef = React__namespace.useRef({});
     const [events] = React__namespace.useState(() => createPubSub());
     const nested = useFloatingParentNodeId() != null;
@@ -6473,7 +6474,7 @@
       role = "dialog"
     } = props;
     const ariaRole = (_componentRoleToAriaR = componentRoleToAriaRoleMap.get(role)) != null ? _componentRoleToAriaR : role;
-    const referenceId = useId$1();
+    const referenceId = useId();
     const parentId = useFloatingParentNodeId();
     const isNested = parentId != null;
     return React__namespace.useMemo(() => {
@@ -6741,7 +6742,7 @@
   const MENU_CONTENT_PADDING = 8;
   const MENU_MINIMUM_MAX_HEIGHT = 250;
   const DEFAULT_OFFSET = 5;
-  const MenuRoot = React.memo((props) => {
+  const MenuRoot = (props) => {
     const {
       children,
       side = "bottom",
@@ -6831,7 +6832,7 @@
         children
       }
     ) });
-  });
+  };
   MenuRoot.displayName = "Root";
   const MenuClickTrigger = React.memo(
     React.forwardRef((props, forwardedRef) => {
@@ -7185,7 +7186,7 @@
     }
     return { mainAxis: MENU_CONTENT_PADDING + 1, crossAxis: 0 };
   };
-  const MenuSub = React.memo((props) => {
+  const MenuSub = (props) => {
     const {
       children,
       disabled = false,
@@ -7285,7 +7286,7 @@
         children
       }
     );
-  });
+  };
   MenuSub.displayName = "SubMenu";
   const TRIGGER_SELECT_KEYS = ["Enter", " "];
   const MenuItem = React.memo(
@@ -7400,11 +7401,11 @@
   );
   const SelectedIndicatorContext = React.createContext({});
   const useSelectedIndicatorContext = () => React.useContext(SelectedIndicatorContext);
-  const MenuSelectedIndicator = React.memo((props) => {
+  const MenuSelectedIndicator = React.forwardRef((props, ref) => {
     const { children } = props;
     const { selected } = useSelectedIndicatorContext();
     const { size: size2 } = useMenuContentContext();
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuSelectedIndicator({ size: size2 }), children: selected ? children : null });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: menuSelectedIndicator({ size: size2 }), children: selected ? children : null });
   });
   MenuSelectedIndicator.displayName = "SelectedIndicator";
   const MenuMultiSelectItem = React.memo(
@@ -7439,7 +7440,7 @@
   );
   const PagesContext = React.createContext({});
   const usePagesContext = () => React.useContext(PagesContext);
-  const MenuPages = React.memo((props) => {
+  const MenuPages = (props) => {
     const { children, defaultPage, page, onPageChange } = props;
     const [activePage, setActivePage] = useControlledState({
       state: page,
@@ -7447,13 +7448,12 @@
       setState: onPageChange
     });
     return /* @__PURE__ */ jsxRuntime.jsx(PagesContext.Provider, { value: { activePage, setActivePage }, children });
-  });
-  MenuPages.displayName = "Pages";
-  const MenuPageContent = React.memo((props) => {
+  };
+  const MenuPageContent = (props) => {
     const { page, children } = props;
     const { activePage } = usePagesContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: activePage === page ? children : null });
-  });
+    return activePage === page ? children : null;
+  };
   MenuPageContent.displayName = "PageContent";
   const MenuPageTrigger = React.memo(
     React.forwardRef((props, ref) => {
@@ -7864,624 +7864,6 @@
     Item: RadioGroupItem,
     Root: RadioGroupRoot
   };
-  function createContextScope(scopeName, createContextScopeDeps = []) {
-    let defaultContexts = [];
-    function createContext3(rootComponentName, defaultContext) {
-      const BaseContext = React__namespace.createContext(defaultContext);
-      const index2 = defaultContexts.length;
-      defaultContexts = [...defaultContexts, defaultContext];
-      const Provider2 = (props) => {
-        var _a;
-        const { scope, children, ...context } = props;
-        const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
-        const value = React__namespace.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
-      };
-      Provider2.displayName = rootComponentName + "Provider";
-      function useContext2(consumerName, scope) {
-        var _a;
-        const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
-        const context = React__namespace.useContext(Context);
-        if (context) return context;
-        if (defaultContext !== void 0) return defaultContext;
-        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-      }
-      return [Provider2, useContext2];
-    }
-    const createScope = () => {
-      const scopeContexts = defaultContexts.map((defaultContext) => {
-        return React__namespace.createContext(defaultContext);
-      });
-      return function useScope(scope) {
-        const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-        return React__namespace.useMemo(
-          () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-          [scope, contexts]
-        );
-      };
-    };
-    createScope.scopeName = scopeName;
-    return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
-  }
-  function composeContextScopes(...scopes) {
-    const baseScope = scopes[0];
-    if (scopes.length === 1) return baseScope;
-    const createScope = () => {
-      const scopeHooks = scopes.map((createScope2) => ({
-        useScope: createScope2(),
-        scopeName: createScope2.scopeName
-      }));
-      return function useComposedScopes(overrideScopes) {
-        const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-          const scopeProps = useScope(overrideScopes);
-          const currentScope = scopeProps[`__scope${scopeName}`];
-          return { ...nextScopes2, ...currentScope };
-        }, {});
-        return React__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-      };
-    };
-    createScope.scopeName = baseScope.scopeName;
-    return createScope;
-  }
-  var NODES = [
-    "a",
-    "button",
-    "div",
-    "form",
-    "h2",
-    "h3",
-    "img",
-    "input",
-    "label",
-    "li",
-    "nav",
-    "ol",
-    "p",
-    "span",
-    "svg",
-    "ul"
-  ];
-  var Primitive = NODES.reduce((primitive, node) => {
-    const Node2 = React__namespace.forwardRef((props, forwardedRef) => {
-      const { asChild, ...primitiveProps } = props;
-      const Comp = asChild ? reactSlot.Slot : node;
-      if (typeof window !== "undefined") {
-        window[Symbol.for("radix-ui")] = true;
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-    });
-    Node2.displayName = `Primitive.${node}`;
-    return { ...primitive, [node]: Node2 };
-  }, {});
-  function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-    return function handleEvent(event) {
-      originalEventHandler == null ? void 0 : originalEventHandler(event);
-      if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-        return ourEventHandler == null ? void 0 : ourEventHandler(event);
-      }
-    };
-  }
-  function setRef(ref, value) {
-    if (typeof ref === "function") {
-      return ref(value);
-    } else if (ref !== null && ref !== void 0) {
-      ref.current = value;
-    }
-  }
-  function composeRefs(...refs) {
-    return (node) => {
-      let hasCleanup = false;
-      const cleanups = refs.map((ref) => {
-        const cleanup = setRef(ref, node);
-        if (!hasCleanup && typeof cleanup == "function") {
-          hasCleanup = true;
-        }
-        return cleanup;
-      });
-      if (hasCleanup) {
-        return () => {
-          for (let i = 0; i < cleanups.length; i++) {
-            const cleanup = cleanups[i];
-            if (typeof cleanup == "function") {
-              cleanup();
-            } else {
-              setRef(refs[i], null);
-            }
-          }
-        };
-      }
-    };
-  }
-  function useComposedRefs(...refs) {
-    return React__namespace.useCallback(composeRefs(...refs), refs);
-  }
-  function createCollection(name) {
-    const PROVIDER_NAME = name + "CollectionProvider";
-    const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
-    const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
-      PROVIDER_NAME,
-      { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-    );
-    const CollectionProvider = (props) => {
-      const { scope, children } = props;
-      const ref = React.useRef(null);
-      const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
-      return /* @__PURE__ */ jsxRuntime.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
-    };
-    CollectionProvider.displayName = PROVIDER_NAME;
-    const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-    const CollectionSlot = React.forwardRef(
-      (props, forwardedRef) => {
-        const { scope, children } = props;
-        const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-        const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-        return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref: composedRefs, children });
-      }
-    );
-    CollectionSlot.displayName = COLLECTION_SLOT_NAME;
-    const ITEM_SLOT_NAME = name + "CollectionItemSlot";
-    const ITEM_DATA_ATTR = "data-radix-collection-item";
-    const CollectionItemSlot = React.forwardRef(
-      (props, forwardedRef) => {
-        const { scope, children, ...itemData } = props;
-        const ref = React.useRef(null);
-        const composedRefs = useComposedRefs(forwardedRef, ref);
-        const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-        React.useEffect(() => {
-          context.itemMap.set(ref, { ref, ...itemData });
-          return () => void context.itemMap.delete(ref);
-        });
-        return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
-      }
-    );
-    CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-    function useCollection2(scope) {
-      const context = useCollectionContext(name + "CollectionConsumer", scope);
-      const getItems = React.useCallback(() => {
-        const collectionNode = context.collectionRef.current;
-        if (!collectionNode) return [];
-        const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-        const items = Array.from(context.itemMap.values());
-        const orderedItems = items.sort(
-          (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
-        );
-        return orderedItems;
-      }, [context.collectionRef, context.itemMap]);
-      return getItems;
-    }
-    return [
-      { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
-      useCollection2,
-      createCollectionScope2
-    ];
-  }
-  var useLayoutEffect2 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React__namespace.useLayoutEffect : () => {
-  };
-  var useReactId = React__namespace["useId".toString()] || (() => void 0);
-  var count = 0;
-  function useId(deterministicId) {
-    const [id, setId] = React__namespace.useState(useReactId());
-    useLayoutEffect2(() => {
-      setId((reactId) => reactId ?? String(count++));
-    }, [deterministicId]);
-    return id ? `radix-${id}` : "";
-  }
-  function useCallbackRef(callback) {
-    const callbackRef = React__namespace.useRef(callback);
-    React__namespace.useEffect(() => {
-      callbackRef.current = callback;
-    });
-    return React__namespace.useMemo(() => (...args) => {
-      var _a;
-      return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
-    }, []);
-  }
-  function useControllableState({
-    prop,
-    defaultProp,
-    onChange = () => {
-    }
-  }) {
-    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
-    const isControlled = prop !== void 0;
-    const value = isControlled ? prop : uncontrolledProp;
-    const handleChange = useCallbackRef(onChange);
-    const setValue = React__namespace.useCallback(
-      (nextValue) => {
-        if (isControlled) {
-          const setter = nextValue;
-          const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
-          if (value2 !== prop) handleChange(value2);
-        } else {
-          setUncontrolledProp(nextValue);
-        }
-      },
-      [isControlled, prop, setUncontrolledProp, handleChange]
-    );
-    return [value, setValue];
-  }
-  function useUncontrolledState({
-    defaultProp,
-    onChange
-  }) {
-    const uncontrolledState = React__namespace.useState(defaultProp);
-    const [value] = uncontrolledState;
-    const prevValueRef = React__namespace.useRef(value);
-    const handleChange = useCallbackRef(onChange);
-    React__namespace.useEffect(() => {
-      if (prevValueRef.current !== value) {
-        handleChange(value);
-        prevValueRef.current = value;
-      }
-    }, [value, prevValueRef, handleChange]);
-    return uncontrolledState;
-  }
-  var DirectionContext = React__namespace.createContext(void 0);
-  function useDirection(localDir) {
-    const globalDir = React__namespace.useContext(DirectionContext);
-    return localDir || globalDir || "ltr";
-  }
-  var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-  var EVENT_OPTIONS = { bubbles: false, cancelable: true };
-  var GROUP_NAME = "RovingFocusGroup";
-  var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
-  var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
-    GROUP_NAME,
-    [createCollectionScope]
-  );
-  var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-  var RovingFocusGroup = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
-    }
-  );
-  RovingFocusGroup.displayName = GROUP_NAME;
-  var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) => {
-    const {
-      __scopeRovingFocusGroup,
-      orientation,
-      loop = false,
-      dir,
-      currentTabStopId: currentTabStopIdProp,
-      defaultCurrentTabStopId,
-      onCurrentTabStopIdChange,
-      onEntryFocus,
-      preventScrollOnEntryFocus = false,
-      ...groupProps
-    } = props;
-    const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    const direction = useDirection(dir);
-    const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
-      prop: currentTabStopIdProp,
-      defaultProp: defaultCurrentTabStopId,
-      onChange: onCurrentTabStopIdChange
-    });
-    const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
-    const handleEntryFocus = useCallbackRef(onEntryFocus);
-    const getItems = useCollection(__scopeRovingFocusGroup);
-    const isClickFocusRef = React__namespace.useRef(false);
-    const [focusableItemsCount, setFocusableItemsCount] = React__namespace.useState(0);
-    React__namespace.useEffect(() => {
-      const node = ref.current;
-      if (node) {
-        node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
-        return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
-      }
-    }, [handleEntryFocus]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      RovingFocusProvider,
-      {
-        scope: __scopeRovingFocusGroup,
-        orientation,
-        dir: direction,
-        loop,
-        currentTabStopId,
-        onItemFocus: React__namespace.useCallback(
-          (tabStopId) => setCurrentTabStopId(tabStopId),
-          [setCurrentTabStopId]
-        ),
-        onItemShiftTab: React__namespace.useCallback(() => setIsTabbingBackOut(true), []),
-        onFocusableItemAdd: React__namespace.useCallback(
-          () => setFocusableItemsCount((prevCount) => prevCount + 1),
-          []
-        ),
-        onFocusableItemRemove: React__namespace.useCallback(
-          () => setFocusableItemsCount((prevCount) => prevCount - 1),
-          []
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive.div,
-          {
-            tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
-            "data-orientation": orientation,
-            ...groupProps,
-            ref: composedRefs,
-            style: { outline: "none", ...props.style },
-            onMouseDown: composeEventHandlers(props.onMouseDown, () => {
-              isClickFocusRef.current = true;
-            }),
-            onFocus: composeEventHandlers(props.onFocus, (event) => {
-              const isKeyboardFocus = !isClickFocusRef.current;
-              if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-                const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
-                event.currentTarget.dispatchEvent(entryFocusEvent);
-                if (!entryFocusEvent.defaultPrevented) {
-                  const items = getItems().filter((item) => item.focusable);
-                  const activeItem = items.find((item) => item.active);
-                  const currentItem = items.find((item) => item.id === currentTabStopId);
-                  const candidateItems = [activeItem, currentItem, ...items].filter(
-                    Boolean
-                  );
-                  const candidateNodes = candidateItems.map((item) => item.ref.current);
-                  focusFirst(candidateNodes, preventScrollOnEntryFocus);
-                }
-              }
-              isClickFocusRef.current = false;
-            }),
-            onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
-          }
-        )
-      }
-    );
-  });
-  var ITEM_NAME$1 = "RovingFocusGroupItem";
-  var RovingFocusGroupItem = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const {
-        __scopeRovingFocusGroup,
-        focusable = true,
-        active = false,
-        tabStopId,
-        ...itemProps
-      } = props;
-      const autoId = useId();
-      const id = tabStopId || autoId;
-      const context = useRovingFocusContext(ITEM_NAME$1, __scopeRovingFocusGroup);
-      const isCurrentTabStop = context.currentTabStopId === id;
-      const getItems = useCollection(__scopeRovingFocusGroup);
-      const { onFocusableItemAdd, onFocusableItemRemove } = context;
-      React__namespace.useEffect(() => {
-        if (focusable) {
-          onFocusableItemAdd();
-          return () => onFocusableItemRemove();
-        }
-      }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Collection.ItemSlot,
-        {
-          scope: __scopeRovingFocusGroup,
-          id,
-          focusable,
-          active,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            Primitive.span,
-            {
-              tabIndex: isCurrentTabStop ? 0 : -1,
-              "data-orientation": context.orientation,
-              ...itemProps,
-              ref: forwardedRef,
-              onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
-                if (!focusable) event.preventDefault();
-                else context.onItemFocus(id);
-              }),
-              onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
-              onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-                if (event.key === "Tab" && event.shiftKey) {
-                  context.onItemShiftTab();
-                  return;
-                }
-                if (event.target !== event.currentTarget) return;
-                const focusIntent = getFocusIntent(event, context.orientation, context.dir);
-                if (focusIntent !== void 0) {
-                  if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
-                  event.preventDefault();
-                  const items = getItems().filter((item) => item.focusable);
-                  let candidateNodes = items.map((item) => item.ref.current);
-                  if (focusIntent === "last") candidateNodes.reverse();
-                  else if (focusIntent === "prev" || focusIntent === "next") {
-                    if (focusIntent === "prev") candidateNodes.reverse();
-                    const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                    candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
-                  }
-                  setTimeout(() => focusFirst(candidateNodes));
-                }
-              })
-            }
-          )
-        }
-      );
-    }
-  );
-  RovingFocusGroupItem.displayName = ITEM_NAME$1;
-  var MAP_KEY_TO_FOCUS_INTENT = {
-    ArrowLeft: "prev",
-    ArrowUp: "prev",
-    ArrowRight: "next",
-    ArrowDown: "next",
-    PageUp: "first",
-    Home: "first",
-    PageDown: "last",
-    End: "last"
-  };
-  function getDirectionAwareKey(key, dir) {
-    if (dir !== "rtl") return key;
-    return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
-  }
-  function getFocusIntent(event, orientation, dir) {
-    const key = getDirectionAwareKey(event.key, dir);
-    if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
-    if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
-    return MAP_KEY_TO_FOCUS_INTENT[key];
-  }
-  function focusFirst(candidates, preventScroll = false) {
-    const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-    for (const candidate of candidates) {
-      if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-      candidate.focus({ preventScroll });
-      if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-    }
-  }
-  function wrapArray(array, startIndex) {
-    return array.map((_, index2) => array[(startIndex + index2) % array.length]);
-  }
-  var Root = RovingFocusGroup;
-  var Item = RovingFocusGroupItem;
-  var TOGGLE_GROUP_NAME = "ToggleGroup";
-  var [createToggleGroupContext, createToggleGroupScope] = createContextScope(TOGGLE_GROUP_NAME, [
-    createRovingFocusGroupScope
-  ]);
-  var useRovingFocusGroupScope = createRovingFocusGroupScope();
-  var ToggleGroup = React.forwardRef((props, forwardedRef) => {
-    const { type, ...toggleGroupProps } = props;
-    if (type === "single") {
-      const singleProps = toggleGroupProps;
-      return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });
-    }
-    if (type === "multiple") {
-      const multipleProps = toggleGroupProps;
-      return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });
-    }
-    throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
-  });
-  ToggleGroup.displayName = TOGGLE_GROUP_NAME;
-  var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
-  var ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {
-    const {
-      value: valueProp,
-      defaultValue,
-      onValueChange = () => {
-      },
-      ...toggleGroupSingleProps
-    } = props;
-    const [value, setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue,
-      onChange: onValueChange
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ToggleGroupValueProvider,
-      {
-        scope: props.__scopeToggleGroup,
-        type: "single",
-        value: value ? [value] : [],
-        onItemActivate: setValue,
-        onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
-        children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
-      }
-    );
-  });
-  var ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {
-    const {
-      value: valueProp,
-      defaultValue,
-      onValueChange = () => {
-      },
-      ...toggleGroupMultipleProps
-    } = props;
-    const [value = [], setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue,
-      onChange: onValueChange
-    });
-    const handleButtonActivate = React.useCallback(
-      (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
-      [setValue]
-    );
-    const handleButtonDeactivate = React.useCallback(
-      (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
-      [setValue]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ToggleGroupValueProvider,
-      {
-        scope: props.__scopeToggleGroup,
-        type: "multiple",
-        value,
-        onItemActivate: handleButtonActivate,
-        onItemDeactivate: handleButtonDeactivate,
-        children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })
-      }
-    );
-  });
-  ToggleGroup.displayName = TOGGLE_GROUP_NAME;
-  var [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
-  var ToggleGroupImpl = React.forwardRef(
-    (props, forwardedRef) => {
-      const {
-        __scopeToggleGroup,
-        disabled = false,
-        rovingFocus = true,
-        orientation,
-        dir,
-        loop = true,
-        ...toggleGroupProps
-      } = props;
-      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);
-      const direction = useDirection(dir);
-      const commonProps = { role: "group", dir: direction, ...toggleGroupProps };
-      return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext, { scope: __scopeToggleGroup, rovingFocus, disabled, children: rovingFocus ? /* @__PURE__ */ jsxRuntime.jsx(
-        Root,
-        {
-          asChild: true,
-          ...rovingFocusGroupScope,
-          orientation,
-          dir: direction,
-          loop,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...commonProps, ref: forwardedRef })
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });
-    }
-  );
-  var ITEM_NAME = "ToggleGroupItem";
-  var ToggleGroupItem = React.forwardRef(
-    (props, forwardedRef) => {
-      const valueContext = useToggleGroupValueContext(ITEM_NAME, props.__scopeToggleGroup);
-      const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);
-      const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup);
-      const pressed = valueContext.value.includes(props.value);
-      const disabled = context.disabled || props.disabled;
-      const commonProps = { ...props, pressed, disabled };
-      const ref = React.useRef(null);
-      return context.rovingFocus ? /* @__PURE__ */ jsxRuntime.jsx(
-        Item,
-        {
-          asChild: true,
-          ...rovingFocusGroupScope,
-          focusable: !disabled,
-          active: pressed,
-          ref,
-          children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef });
-    }
-  );
-  ToggleGroupItem.displayName = ITEM_NAME;
-  var ToggleGroupItemImpl = React.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeToggleGroup, value, ...itemProps } = props;
-      const valueContext = useToggleGroupValueContext(ITEM_NAME, __scopeToggleGroup);
-      const singleProps = { role: "radio", "aria-checked": props.pressed, "aria-pressed": void 0 };
-      const typeProps = valueContext.type === "single" ? singleProps : void 0;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Toggle.Toggle,
-        {
-          ...typeProps,
-          ...itemProps,
-          ref: forwardedRef,
-          onPressedChange: (pressed) => {
-            if (pressed) {
-              valueContext.onItemActivate(value);
-            } else {
-              valueContext.onItemDeactivate(value);
-            }
-          }
-        }
-      );
-    }
-  );
-  var Root2 = ToggleGroup;
-  var Item2 = ToggleGroupItem;
   const segmentedControlRootCva = classVarianceAuthority.cva(["shrink-0", "transition-colors", "flex"], {
     variants: {
       variant: {
@@ -8619,7 +8001,7 @@
     const { className, ...rest } = props;
     const { size: size2, radius, variant, icon } = useSegmentedControl();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Item2,
+      RadixToggleGroup__namespace.Item,
       {
         ref,
         className: classVarianceAuthority.cx(
@@ -8645,7 +8027,7 @@
       ...rest
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Root2,
+      RadixToggleGroup__namespace.Root,
       {
         ref,
         className: classVarianceAuthority.cx(