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

package/dist/blocks.js

@@ -24,6 +24,7 @@ import * as RadixRadioGroup from "@radix-ui/react-radio-group";
 import * as Toggle from "@radix-ui/react-toggle";
 import { Toggle as Toggle$1 } from "@radix-ui/react-toggle";
 import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
+import * as RadixSwitch from "@radix-ui/react-switch";
 import * as RadixTabs from "@radix-ui/react-tabs";
 import * as RadixToast from "@radix-ui/react-toast";
 import { ToastProvider as ToastProvider$1, ToastViewport } from "@radix-ui/react-toast";
@@ -857,7 +858,7 @@ function useTextFilter(values, filterFunction) {
   }, [filterFunction, filterValue, values]);
   return [filteredOptions, filterValue, setFilterValue];
 }
-const useSize$1 = (target) => {
+const useSize = (target) => {
   const [size2, setSize] = useState();
   useLayoutEffect(() => {
     var _a;
@@ -1328,7 +1329,7 @@ const Container = memo(
     return !hideLayout && /* @__PURE__ */ jsx("div", { className: cx(className, "flex grow h-full"), ref, ...rest, children });
   })
 );
-const Root$2 = memo((props) => {
+const Root$1 = memo((props) => {
   const { children, small = false, hideLayout = false } = props;
   const [showLeftSlideOut, setShowLeftSlideOut] = useState(false);
   const [showRightSlideOut, setShowRightSlideOut] = useState(false);
@@ -1345,9 +1346,9 @@ const Root$2 = memo((props) => {
   );
   return /* @__PURE__ */ 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 = useRef(false);
   const handleClickRef = useRef(() => {
   });
@@ -1399,7 +1400,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
     target.dispatchEvent(event);
   }
 }
-function useCallbackRef$2(callback) {
+function useCallbackRef$1(callback) {
   const callbackRef = useRef(callback);
   useEffect(() => {
     callbackRef.current = callback;
@@ -1683,7 +1684,7 @@ const SlideOutTrigger = memo(
   })
 );
 const Layout = {
-  Root: Root$2,
+  Root: Root$1,
   Container,
   SlideOutOverlay,
   LeftSlideOut,
@@ -7857,7 +7858,7 @@ const RadioGroup = {
   Item: RadioGroupItem,
   Root: RadioGroupRoot
 };
-function createContextScope$1(scopeName, createContextScopeDeps = []) {
+function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React.createContext(defaultContext);
@@ -7894,9 +7895,9 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
     };
   };
   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 = () => {
@@ -7916,7 +7917,7 @@ function composeContextScopes$1(...scopes) {
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-var NODES$1 = [
+var NODES = [
   "a",
   "button",
   "div",
@@ -7934,7 +7935,7 @@ var NODES$1 = [
   "svg",
   "ul"
 ];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
+var Primitive = NODES.reduce((primitive, node) => {
   const Node2 = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -7946,7 +7947,7 @@ var Primitive$1 = NODES$1.reduce((primitive, node) => {
   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) {
@@ -7954,18 +7955,18 @@ function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkFo
     }
   };
 }
-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;
       }
@@ -7978,19 +7979,19 @@ function composeRefs$1(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef$1(refs[i], null);
+            setRef(refs[i], null);
           }
         }
       };
     }
   };
 }
-function useComposedRefs$1(...refs) {
-  return React.useCallback(composeRefs$1(...refs), refs);
+function useComposedRefs(...refs) {
+  return React.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() }
@@ -8007,7 +8008,7 @@ function createCollection(name) {
     (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__ */ jsx(Slot, { ref: composedRefs, children });
     }
   );
@@ -8018,7 +8019,7 @@ function createCollection(name) {
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
       const ref = React__default.useRef(null);
-      const composedRefs = useComposedRefs$1(forwardedRef, ref);
+      const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
       React__default.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
@@ -8048,18 +8049,18 @@ function createCollection(name) {
     createCollectionScope2
   ];
 }
-var useLayoutEffect2$1 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
+var useLayoutEffect2 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
 };
 var useReactId = React["useId".toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
   const [id, setId] = React.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.useRef(callback);
   React.useEffect(() => {
     callbackRef.current = callback;
@@ -8069,16 +8070,16 @@ function useCallbackRef$1(callback) {
     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.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -8093,14 +8094,14 @@ function useControllableState$1({
   );
   return [value, setValue];
 }
-function useUncontrolledState$1({
+function useUncontrolledState({
   defaultProp,
   onChange
 }) {
   const uncontrolledState = React.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React.useRef(value);
-  const handleChange = useCallbackRef$1(onChange);
+  const handleChange = useCallbackRef(onChange);
   React.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -8118,7 +8119,7 @@ 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$1(
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
   GROUP_NAME,
   [createCollectionScope]
 );
@@ -8143,15 +8144,15 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
     ...groupProps
   } = props;
   const ref = React.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.useState(false);
-  const handleEntryFocus = useCallbackRef$1(onEntryFocus);
+  const handleEntryFocus = useCallbackRef(onEntryFocus);
   const getItems = useCollection(__scopeRovingFocusGroup);
   const isClickFocusRef = React.useRef(false);
   const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
@@ -8184,17 +8185,17 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ 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);
@@ -8212,7 +8213,7 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
             }
             isClickFocusRef.current = false;
           }),
-          onBlur: composeEventHandlers$1(props.onBlur, () => setIsTabbingBackOut(false))
+          onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
         }
       )
     }
@@ -8248,18 +8249,18 @@ var RovingFocusGroupItem = React.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ 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;
@@ -8318,10 +8319,10 @@ function focusFirst(candidates, preventScroll = false) {
 function wrapArray(array, startIndex) {
   return array.map((_, index2) => array[(startIndex + index2) % array.length]);
 }
-var Root$1 = RovingFocusGroup;
+var Root2 = 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();
@@ -8347,7 +8348,7 @@ var ToggleGroupImplSingle = React__default.forwardRef((props, forwardedRef) => {
     },
     ...toggleGroupSingleProps
   } = props;
-  const [value, setValue] = useControllableState$1({
+  const [value, setValue] = useControllableState({
     prop: valueProp,
     defaultProp: defaultValue,
     onChange: onValueChange
@@ -8372,7 +8373,7 @@ var ToggleGroupImplMultiple = React__default.forwardRef((props, forwardedRef) =>
     },
     ...toggleGroupMultipleProps
   } = props;
-  const [value = [], setValue] = useControllableState$1({
+  const [value = [], setValue] = useControllableState({
     prop: valueProp,
     defaultProp: defaultValue,
     onChange: onValueChange
@@ -8414,16 +8415,16 @@ var ToggleGroupImpl = React__default.forwardRef(
     const direction = useDirection(dir);
     const commonProps = { role: "group", dir: direction, ...toggleGroupProps };
     return /* @__PURE__ */ jsx(ToggleGroupContext, { scope: __scopeToggleGroup, rovingFocus, disabled, children: rovingFocus ? /* @__PURE__ */ jsx(
-      Root$1,
+      Root2,
       {
         asChild: true,
         ...rovingFocusGroupScope,
         orientation,
         dir: direction,
         loop,
-        children: /* @__PURE__ */ jsx(Primitive$1.div, { ...commonProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })
       }
-    ) : /* @__PURE__ */ jsx(Primitive$1.div, { ...commonProps, ref: forwardedRef }) });
+    ) : /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });
   }
 );
 var ITEM_NAME = "ToggleGroupItem";
@@ -8473,7 +8474,7 @@ var ToggleGroupItemImpl = React__default.forwardRef(
     );
   }
 );
-var Root2 = ToggleGroup;
+var Root22 = ToggleGroup;
 var Item2 = ToggleGroupItem;
 const segmentedControlRootCva = cva(["shrink-0", "transition-colors", "flex"], {
   variants: {
@@ -8638,7 +8639,7 @@ const SegmentedControlRoot = forwardRef((props, ref) => {
     ...rest
   } = props;
   return /* @__PURE__ */ jsx(
-    Root2,
+    Root22,
     {
       ref,
       className: cx(
@@ -8880,358 +8881,6 @@ const Spinner = memo(() => {
   return /* @__PURE__ */ 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.useCallback(composeRefs(...refs), refs);
-}
-function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React.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.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ 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.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.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React.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.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-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);
-  }, []);
-}
-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.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.useState(defaultProp);
-  const [value] = uncontrolledState;
-  const prevValueRef = React.useRef(value);
-  const handleChange = useCallbackRef(onChange);
-  React.useEffect(() => {
-    if (prevValueRef.current !== value) {
-      handleChange(value);
-      prevValueRef.current = value;
-    }
-  }, [value, prevValueRef, handleChange]);
-  return uncontrolledState;
-}
-function usePrevious(value) {
-  const ref = React.useRef({ value, previous: value });
-  return React.useMemo(() => {
-    if (ref.current.value !== value) {
-      ref.current.previous = ref.current.value;
-      ref.current.value = value;
-    }
-    return ref.current.previous;
-  }, [value]);
-}
-var useLayoutEffect2 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
-};
-function useSize(element) {
-  const [size2, setSize] = React.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.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ 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.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeSwitch,
-      name,
-      checked: checkedProp,
-      defaultChecked,
-      required,
-      disabled,
-      value = "on",
-      onCheckedChange,
-      form,
-      ...switchProps
-    } = props;
-    const [button, setButton] = React.useState(null);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React.useRef(false);
-    const isFormControl = button ? form || !!button.closest("form") : true;
-    const [checked = false, setChecked] = useControllableState({
-      prop: checkedProp,
-      defaultProp: defaultChecked,
-      onChange: onCheckedChange
-    });
-    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
-      /* @__PURE__ */ 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__ */ 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.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSwitch, ...thumbProps } = props;
-    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
-    return /* @__PURE__ */ 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.useRef(null);
-  const prevChecked = usePrevious(checked);
-  const controlSize = useSize(control);
-  React.useEffect(() => {
-    const input = ref.current;
-    const inputProto = window.HTMLInputElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
-    const setChecked = descriptor.set;
-    if (prevChecked !== checked && setChecked) {
-      const event = new Event("click", { bubbles });
-      setChecked.call(input, checked);
-      input.dispatchEvent(event);
-    }
-  }, [prevChecked, checked, bubbles]);
-  return /* @__PURE__ */ 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 Root3 = Switch$1;
-var Thumb = SwitchThumb$1;
 const SwitchContext = createContext({});
 const switchRoot = cva(
   [
@@ -9293,7 +8942,7 @@ const SwitchRoot = memo(
     const providerContext = useProvider();
     const { className, size: size2 = "md", children, accentColor = providerContext.accentColor, ...rest } = props;
     return /* @__PURE__ */ jsx(
-      Root3,
+      RadixSwitch.Root,
       {
         className: cx(className, switchRoot({ size: size2 })),
         ref,
@@ -9308,7 +8957,7 @@ const SwitchThumb = memo(
   forwardRef((props, ref) => {
     const { className, ...rest } = props;
     const { size: size2 } = useContext(SwitchContext);
-    return /* @__PURE__ */ jsx(Thumb, { className: cx(className, switchThumb({ size: size2 })), ref, ...rest });
+    return /* @__PURE__ */ jsx(RadixSwitch.Thumb, { className: cx(className, switchThumb({ size: size2 })), ref, ...rest });
   })
 );
 const Switch = {
@@ -10129,7 +9778,7 @@ export {
   usePagesContext,
   useProvider,
   useSelectedIndicatorContext,
-  useSize$1 as useSize,
+  useSize,
   useStopEventPropagation,
   useSubContext,
   useTextFilter,