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

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-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-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.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, 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"), 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) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -31,6 +31,7 @@
   const RadixPopover__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixPopover);
   const RadixRadioGroup__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixRadioGroup);
   const Toggle__namespace = /* @__PURE__ */ _interopNamespaceDefault(Toggle);
+  const RadixSwitch__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSwitch);
   const RadixTabs__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixTabs);
   const RadixToast__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixToast);
   const RadixTooltip__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixTooltip);
@@ -863,7 +864,7 @@
     }, [filterFunction, filterValue, values]);
     return [filteredOptions, filterValue, setFilterValue];
   }
-  const useSize$1 = (target) => {
+  const useSize = (target) => {
     const [size2, setSize] = React.useState();
     React.useLayoutEffect(() => {
       var _a;
@@ -1334,7 +1335,7 @@
       return !hideLayout && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(className, "flex grow h-full"), ref, ...rest, children });
     })
   );
-  const Root$2 = React.memo((props) => {
+  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);
@@ -1351,9 +1352,9 @@
     );
     return /* @__PURE__ */ jsxRuntime.jsx(LayoutContext.Provider, { value: contextValue, children });
   });
-  Root$2.displayName = "Layout.Root";
+  Root$1.displayName = "Layout.Root";
   function usePointerDownOutside(onPointerDownOutside, ownerElement = globalThis == null ? void 0 : globalThis.document.body) {
-    const handlePointerDownOutside = useCallbackRef$2(onPointerDownOutside);
+    const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
     const isPointerInsideReactTreeRef = React.useRef(false);
     const handleClickRef = React.useRef(() => {
     });
@@ -1405,7 +1406,7 @@
       target.dispatchEvent(event);
     }
   }
-  function useCallbackRef$2(callback) {
+  function useCallbackRef$1(callback) {
     const callbackRef = React.useRef(callback);
     React.useEffect(() => {
       callbackRef.current = callback;
@@ -1689,7 +1690,7 @@
     })
   );
   const Layout = {
-    Root: Root$2,
+    Root: Root$1,
     Container,
     SlideOutOverlay,
     LeftSlideOut,
@@ -7863,7 +7864,7 @@
     Item: RadioGroupItem,
     Root: RadioGroupRoot
   };
-  function createContextScope$1(scopeName, createContextScopeDeps = []) {
+  function createContextScope(scopeName, createContextScopeDeps = []) {
     let defaultContexts = [];
     function createContext3(rootComponentName, defaultContext) {
       const BaseContext = React__namespace.createContext(defaultContext);
@@ -7900,9 +7901,9 @@
       };
     };
     createScope.scopeName = scopeName;
-    return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
+    return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
   }
-  function composeContextScopes$1(...scopes) {
+  function composeContextScopes(...scopes) {
     const baseScope = scopes[0];
     if (scopes.length === 1) return baseScope;
     const createScope = () => {
@@ -7922,7 +7923,7 @@
     createScope.scopeName = baseScope.scopeName;
     return createScope;
   }
-  var NODES$1 = [
+  var NODES = [
     "a",
     "button",
     "div",
@@ -7940,7 +7941,7 @@
     "svg",
     "ul"
   ];
-  var Primitive$1 = NODES$1.reduce((primitive, node) => {
+  var Primitive = NODES.reduce((primitive, node) => {
     const Node2 = React__namespace.forwardRef((props, forwardedRef) => {
       const { asChild, ...primitiveProps } = props;
       const Comp = asChild ? reactSlot.Slot : node;
@@ -7952,7 +7953,7 @@
     Node2.displayName = `Primitive.${node}`;
     return { ...primitive, [node]: Node2 };
   }, {});
-  function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
     return function handleEvent(event) {
       originalEventHandler == null ? void 0 : originalEventHandler(event);
       if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -7960,18 +7961,18 @@
       }
     };
   }
-  function setRef$1(ref, value) {
+  function setRef(ref, value) {
     if (typeof ref === "function") {
       return ref(value);
     } else if (ref !== null && ref !== void 0) {
       ref.current = value;
     }
   }
-  function composeRefs$1(...refs) {
+  function composeRefs(...refs) {
     return (node) => {
       let hasCleanup = false;
       const cleanups = refs.map((ref) => {
-        const cleanup = setRef$1(ref, node);
+        const cleanup = setRef(ref, node);
         if (!hasCleanup && typeof cleanup == "function") {
           hasCleanup = true;
         }
@@ -7984,19 +7985,19 @@
             if (typeof cleanup == "function") {
               cleanup();
             } else {
-              setRef$1(refs[i], null);
+              setRef(refs[i], null);
             }
           }
         };
       }
     };
   }
-  function useComposedRefs$1(...refs) {
-    return React__namespace.useCallback(composeRefs$1(...refs), refs);
+  function useComposedRefs(...refs) {
+    return React__namespace.useCallback(composeRefs(...refs), refs);
   }
   function createCollection(name) {
     const PROVIDER_NAME = name + "CollectionProvider";
-    const [createCollectionContext, createCollectionScope2] = createContextScope$1(PROVIDER_NAME);
+    const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
     const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
       PROVIDER_NAME,
       { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -8013,7 +8014,7 @@
       (props, forwardedRef) => {
         const { scope, children } = props;
         const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-        const composedRefs = useComposedRefs$1(forwardedRef, context.collectionRef);
+        const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
         return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref: composedRefs, children });
       }
     );
@@ -8024,7 +8025,7 @@
       (props, forwardedRef) => {
         const { scope, children, ...itemData } = props;
         const ref = React.useRef(null);
-        const composedRefs = useComposedRefs$1(forwardedRef, ref);
+        const composedRefs = useComposedRefs(forwardedRef, ref);
         const context = useCollectionContext(ITEM_SLOT_NAME, scope);
         React.useEffect(() => {
           context.itemMap.set(ref, { ref, ...itemData });
@@ -8054,18 +8055,18 @@
       createCollectionScope2
     ];
   }
-  var useLayoutEffect2$1 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React__namespace.useLayoutEffect : () => {
+  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$1(() => {
+    useLayoutEffect2(() => {
       setId((reactId) => reactId ?? String(count++));
     }, [deterministicId]);
     return id ? `radix-${id}` : "";
   }
-  function useCallbackRef$1(callback) {
+  function useCallbackRef(callback) {
     const callbackRef = React__namespace.useRef(callback);
     React__namespace.useEffect(() => {
       callbackRef.current = callback;
@@ -8075,16 +8076,16 @@
       return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
     }, []);
   }
-  function useControllableState$1({
+  function useControllableState({
     prop,
     defaultProp,
     onChange = () => {
     }
   }) {
-    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$1({ defaultProp, onChange });
+    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
     const isControlled = prop !== void 0;
     const value = isControlled ? prop : uncontrolledProp;
-    const handleChange = useCallbackRef$1(onChange);
+    const handleChange = useCallbackRef(onChange);
     const setValue = React__namespace.useCallback(
       (nextValue) => {
         if (isControlled) {
@@ -8099,14 +8100,14 @@
     );
     return [value, setValue];
   }
-  function useUncontrolledState$1({
+  function useUncontrolledState({
     defaultProp,
     onChange
   }) {
     const uncontrolledState = React__namespace.useState(defaultProp);
     const [value] = uncontrolledState;
     const prevValueRef = React__namespace.useRef(value);
-    const handleChange = useCallbackRef$1(onChange);
+    const handleChange = useCallbackRef(onChange);
     React__namespace.useEffect(() => {
       if (prevValueRef.current !== value) {
         handleChange(value);
@@ -8124,7 +8125,7 @@
   var EVENT_OPTIONS = { bubbles: false, cancelable: true };
   var GROUP_NAME = "RovingFocusGroup";
   var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
-  var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$1(
+  var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
     GROUP_NAME,
     [createCollectionScope]
   );
@@ -8149,15 +8150,15 @@
       ...groupProps
     } = props;
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
     const direction = useDirection(dir);
-    const [currentTabStopId = null, setCurrentTabStopId] = useControllableState$1({
+    const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
       prop: currentTabStopIdProp,
       defaultProp: defaultCurrentTabStopId,
       onChange: onCurrentTabStopIdChange
     });
     const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
-    const handleEntryFocus = useCallbackRef$1(onEntryFocus);
+    const handleEntryFocus = useCallbackRef(onEntryFocus);
     const getItems = useCollection(__scopeRovingFocusGroup);
     const isClickFocusRef = React__namespace.useRef(false);
     const [focusableItemsCount, setFocusableItemsCount] = React__namespace.useState(0);
@@ -8190,17 +8191,17 @@
           []
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$1.div,
+          Primitive.div,
           {
             tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
             "data-orientation": orientation,
             ...groupProps,
             ref: composedRefs,
             style: { outline: "none", ...props.style },
-            onMouseDown: composeEventHandlers$1(props.onMouseDown, () => {
+            onMouseDown: composeEventHandlers(props.onMouseDown, () => {
               isClickFocusRef.current = true;
             }),
-            onFocus: composeEventHandlers$1(props.onFocus, (event) => {
+            onFocus: composeEventHandlers(props.onFocus, (event) => {
               const isKeyboardFocus = !isClickFocusRef.current;
               if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
                 const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
@@ -8218,7 +8219,7 @@
               }
               isClickFocusRef.current = false;
             }),
-            onBlur: composeEventHandlers$1(props.onBlur, () => setIsTabbingBackOut(false))
+            onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
           }
         )
       }
@@ -8254,18 +8255,18 @@
           focusable,
           active,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            Primitive$1.span,
+            Primitive.span,
             {
               tabIndex: isCurrentTabStop ? 0 : -1,
               "data-orientation": context.orientation,
               ...itemProps,
               ref: forwardedRef,
-              onMouseDown: composeEventHandlers$1(props.onMouseDown, (event) => {
+              onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
                 if (!focusable) event.preventDefault();
                 else context.onItemFocus(id);
               }),
-              onFocus: composeEventHandlers$1(props.onFocus, () => context.onItemFocus(id)),
-              onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
+              onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
+              onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
                 if (event.key === "Tab" && event.shiftKey) {
                   context.onItemShiftTab();
                   return;
@@ -8324,10 +8325,10 @@
   function wrapArray(array, startIndex) {
     return array.map((_, index2) => array[(startIndex + index2) % array.length]);
   }
-  var Root$1 = RovingFocusGroup;
+  var Root = RovingFocusGroup;
   var Item = RovingFocusGroupItem;
   var TOGGLE_GROUP_NAME = "ToggleGroup";
-  var [createToggleGroupContext, createToggleGroupScope] = createContextScope$1(TOGGLE_GROUP_NAME, [
+  var [createToggleGroupContext, createToggleGroupScope] = createContextScope(TOGGLE_GROUP_NAME, [
     createRovingFocusGroupScope
   ]);
   var useRovingFocusGroupScope = createRovingFocusGroupScope();
@@ -8353,7 +8354,7 @@
       },
       ...toggleGroupSingleProps
     } = props;
-    const [value, setValue] = useControllableState$1({
+    const [value, setValue] = useControllableState({
       prop: valueProp,
       defaultProp: defaultValue,
       onChange: onValueChange
@@ -8378,7 +8379,7 @@
       },
       ...toggleGroupMultipleProps
     } = props;
-    const [value = [], setValue] = useControllableState$1({
+    const [value = [], setValue] = useControllableState({
       prop: valueProp,
       defaultProp: defaultValue,
       onChange: onValueChange
@@ -8420,16 +8421,16 @@
       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$1,
+        Root,
         {
           asChild: true,
           ...rovingFocusGroupScope,
           orientation,
           dir: direction,
           loop,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...commonProps, ref: forwardedRef })
+          children: /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...commonProps, ref: forwardedRef })
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...commonProps, ref: forwardedRef }) });
+      ) : /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });
     }
   );
   var ITEM_NAME = "ToggleGroupItem";
@@ -8886,358 +8887,6 @@
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-5 rounded-full border border-2 border-(--base-a12) border-b-transparent animate-spin" });
   });
   Spinner.displayName = "Spinner";
-  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 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;
-  }
-  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;
-  }
-  function usePrevious(value) {
-    const ref = React__namespace.useRef({ value, previous: value });
-    return React__namespace.useMemo(() => {
-      if (ref.current.value !== value) {
-        ref.current.previous = ref.current.value;
-        ref.current.value = value;
-      }
-      return ref.current.previous;
-    }, [value]);
-  }
-  var useLayoutEffect2 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React__namespace.useLayoutEffect : () => {
-  };
-  function useSize(element) {
-    const [size2, setSize] = React__namespace.useState(void 0);
-    useLayoutEffect2(() => {
-      if (element) {
-        setSize({ width: element.offsetWidth, height: element.offsetHeight });
-        const resizeObserver = new ResizeObserver((entries) => {
-          if (!Array.isArray(entries)) {
-            return;
-          }
-          if (!entries.length) {
-            return;
-          }
-          const entry = entries[0];
-          let width;
-          let height;
-          if ("borderBoxSize" in entry) {
-            const borderSizeEntry = entry["borderBoxSize"];
-            const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
-            width = borderSize["inlineSize"];
-            height = borderSize["blockSize"];
-          } else {
-            width = element.offsetWidth;
-            height = element.offsetHeight;
-          }
-          setSize({ width, height });
-        });
-        resizeObserver.observe(element, { box: "border-box" });
-        return () => resizeObserver.unobserve(element);
-      } else {
-        setSize(void 0);
-      }
-    }, [element]);
-    return size2;
-  }
-  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 };
-  }, {});
-  var SWITCH_NAME = "Switch";
-  var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
-  var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-  var Switch$1 = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const {
-        __scopeSwitch,
-        name,
-        checked: checkedProp,
-        defaultChecked,
-        required,
-        disabled,
-        value = "on",
-        onCheckedChange,
-        form,
-        ...switchProps
-      } = props;
-      const [button, setButton] = React__namespace.useState(null);
-      const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-      const hasConsumerStoppedPropagationRef = React__namespace.useRef(false);
-      const isFormControl = button ? form || !!button.closest("form") : true;
-      const [checked = false, setChecked] = useControllableState({
-        prop: checkedProp,
-        defaultProp: defaultChecked,
-        onChange: onCheckedChange
-      });
-      return /* @__PURE__ */ jsxRuntime.jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive.button,
-          {
-            type: "button",
-            role: "switch",
-            "aria-checked": checked,
-            "aria-required": required,
-            "data-state": getState(checked),
-            "data-disabled": disabled ? "" : void 0,
-            disabled,
-            value,
-            ...switchProps,
-            ref: composedRefs,
-            onClick: composeEventHandlers(props.onClick, (event) => {
-              setChecked((prevChecked) => !prevChecked);
-              if (isFormControl) {
-                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-                if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-              }
-            })
-          }
-        ),
-        isFormControl && /* @__PURE__ */ jsxRuntime.jsx(
-          BubbleInput,
-          {
-            control: button,
-            bubbles: !hasConsumerStoppedPropagationRef.current,
-            name,
-            value,
-            checked,
-            required,
-            disabled,
-            form,
-            style: { transform: "translateX(-100%)" }
-          }
-        )
-      ] });
-    }
-  );
-  Switch$1.displayName = SWITCH_NAME;
-  var THUMB_NAME = "SwitchThumb";
-  var SwitchThumb$1 = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeSwitch, ...thumbProps } = props;
-      const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive.span,
-        {
-          "data-state": getState(context.checked),
-          "data-disabled": context.disabled ? "" : void 0,
-          ...thumbProps,
-          ref: forwardedRef
-        }
-      );
-    }
-  );
-  SwitchThumb$1.displayName = THUMB_NAME;
-  var BubbleInput = (props) => {
-    const { control, checked, bubbles = true, ...inputProps } = props;
-    const ref = React__namespace.useRef(null);
-    const prevChecked = usePrevious(checked);
-    const controlSize = useSize(control);
-    React__namespace.useEffect(() => {
-      const input = ref.current;
-      const inputProto = window.HTMLInputElement.prototype;
-      const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
-      const setChecked = descriptor.set;
-      if (prevChecked !== checked && setChecked) {
-        const event = new Event("click", { bubbles });
-        setChecked.call(input, checked);
-        input.dispatchEvent(event);
-      }
-    }, [prevChecked, checked, bubbles]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": true,
-        defaultChecked: checked,
-        ...inputProps,
-        tabIndex: -1,
-        ref,
-        style: {
-          ...props.style,
-          ...controlSize,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  };
-  function getState(checked) {
-    return checked ? "checked" : "unchecked";
-  }
-  var Root = Switch$1;
-  var Thumb = SwitchThumb$1;
   const SwitchContext = React.createContext({});
   const switchRoot = classVarianceAuthority.cva(
     [
@@ -9299,7 +8948,7 @@
       const providerContext = useProvider();
       const { className, size: size2 = "md", children, accentColor = providerContext.accentColor, ...rest } = props;
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Root,
+        RadixSwitch__namespace.Root,
         {
           className: classVarianceAuthority.cx(className, switchRoot({ size: size2 })),
           ref,
@@ -9314,7 +8963,7 @@
     React.forwardRef((props, ref) => {
       const { className, ...rest } = props;
       const { size: size2 } = React.useContext(SwitchContext);
-      return /* @__PURE__ */ jsxRuntime.jsx(Thumb, { className: classVarianceAuthority.cx(className, switchThumb({ size: size2 })), ref, ...rest });
+      return /* @__PURE__ */ jsxRuntime.jsx(RadixSwitch__namespace.Thumb, { className: classVarianceAuthority.cx(className, switchThumb({ size: size2 })), ref, ...rest });
     })
   );
   const Switch = {
@@ -10133,7 +9782,7 @@
   exports2.usePagesContext = usePagesContext;
   exports2.useProvider = useProvider;
   exports2.useSelectedIndicatorContext = useSelectedIndicatorContext;
-  exports2.useSize = useSize$1;
+  exports2.useSize = useSize;
   exports2.useStopEventPropagation = useStopEventPropagation;
   exports2.useSubContext = useSubContext;
   exports2.useTextFilter = useTextFilter;