@dust-tt/sparkle 0.2.266-rc-2 → 0.2.267-rc-1

package/dist/cjs/index.js

@@ -43055,7 +43055,7 @@ function useComposedRefs$4(...refs) {
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$9(scopeName, createContextScopeDeps = []) {
+function createContextScope$b(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -43090,9 +43090,9 @@ function createContextScope$9(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$9(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$b(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$9(...scopes) {
+function composeContextScopes$b(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -74374,12 +74374,12 @@ var useLayoutEffect2$5 = Boolean(globalThis?.document) ? React__namespace.useLay
 };
 
 // packages/react/id/src/id.tsx
-var useReactId$3 = React__namespace["useId".toString()] || (() => void 0);
-var count$6 = 0;
-function useId$3(deterministicId) {
-  const [id, setId] = React__namespace.useState(useReactId$3());
+var useReactId$4 = React__namespace["useId".toString()] || (() => void 0);
+var count$7 = 0;
+function useId$4(deterministicId) {
+  const [id, setId] = React__namespace.useState(useReactId$4());
   useLayoutEffect2$5(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count$6++));
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$7++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
@@ -76354,7 +76354,7 @@ Arrow$5.displayName = NAME$5;
 var Root$7 = Arrow$5;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$8(scopeName, createContextScopeDeps = []) {
+function createContextScope$a(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -76389,9 +76389,9 @@ function createContextScope$8(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$8(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$a(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$8(...scopes) {
+function composeContextScopes$a(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -76449,7 +76449,7 @@ function useSize$3(element) {
 }
 
 var POPPER_NAME$2 = "Popper";
-var [createPopperContext$2, createPopperScope$2] = createContextScope$8(POPPER_NAME$2);
+var [createPopperContext$2, createPopperScope$2] = createContextScope$a(POPPER_NAME$2);
 var [PopperProvider$2, usePopperContext$2] = createPopperContext$2(POPPER_NAME$2);
 var Popper$2 = (props) => {
   const { __scopePopper, children } = props;
@@ -76708,7 +76708,7 @@ function getSideAndAlignFromPlacement$2(placement) {
   const [side, align = "center"] = placement.split("-");
   return [side, align];
 }
-var Root2$4 = Popper$2;
+var Root2$5 = Popper$2;
 var Anchor$2 = PopperAnchor$2;
 var Content$2 = PopperContent$2;
 var Arrow$4 = PopperArrow$2;
@@ -76929,7 +76929,7 @@ var VisuallyHidden = React__namespace.forwardRef(
 VisuallyHidden.displayName = NAME$4;
 var Root$6 = VisuallyHidden;
 
-var [createTooltipContext, createTooltipScope] = createContextScope$9("Tooltip", [
+var [createTooltipContext, createTooltipScope] = createContextScope$b("Tooltip", [
   createPopperScope$2
 ]);
 var usePopperScope$2 = createPopperScope$2();
@@ -76994,7 +76994,7 @@ var Tooltip$1 = (props) => {
   const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
   const popperScope = usePopperScope$2(__scopeTooltip);
   const [trigger, setTrigger] = React__namespace.useState(null);
-  const contentId = useId$3();
+  const contentId = useId$4();
   const openTimerRef = React__namespace.useRef(0);
   const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
   const delayDuration = delayDurationProp ?? providerContext.delayDuration;
@@ -77034,7 +77034,7 @@ var Tooltip$1 = (props) => {
   React__namespace.useEffect(() => {
     return () => window.clearTimeout(openTimerRef.current);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$5, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     TooltipContextProvider,
     {
       scope: __scopeTooltip,
@@ -77931,7 +77931,7 @@ var iconClasses$4 = {
     link: "s-text-brand group-hover/item:s-text-action-400 group-active/item:s-text-action-700 dark:group-hover/item:s-text-action-600-dark dark:group-active/item:s-text-action-400-dark",
     warning: "s-text-warning-400 group-hover/item:s-text-warning-300 group-active/item:s-text-warning-700 dark:group-hover/item:s-text-warning-600-dark dark:group-active/item:s-text-warning-400-dark",
 };
-function Item$1(_a) {
+function Item$2(_a) {
     var label = _a.label, description = _a.description, visual = _a.visual, icon = _a.icon, _b = _a.style, style = _b === void 0 ? "action" : _b, _c = _a.spacing, spacing = _c === void 0 ? "sm" : _c, _d = _a.action, action = _d === void 0 ? ChevronRightIcon : _d, _e = _a.hasAction, hasAction = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, link = _a.link;
     var components = React.useContext(SparkleContext).components;
     var _j = link || {}, href = _j.href, target = _j.target;
@@ -77969,42 +77969,42 @@ function Item$1(_a) {
                         : classNames("s-text-element-600 group-hover/item:s-text-action-400 group-active/item:s-text-action-700 dark:group-hover/item:s-text-action-600-dark dark:group-active/item:s-text-action-400-dark", hasAction ? "group-hover/item:s-opacity-100" : ""))
                 : "s-hidden", size: "sm" })));
 }
-Item$1.Entry = function (props) {
-    return React.createElement(Item$1, __assign({}, props, { spacing: "sm", style: "item", hasAction: "hover" }));
+Item$2.Entry = function (props) {
+    return React.createElement(Item$2, __assign({}, props, { spacing: "sm", style: "item", hasAction: "hover" }));
 };
-Item$1.Avatar = function (_a) {
+Item$2.Avatar = function (_a) {
     var description = _a.description, _b = _a.hasAction, hasAction = _b === void 0 ? false : _b, otherProps = __rest(_a, ["description", "hasAction"]);
-    return (React.createElement(Item$1, __assign({}, otherProps, { style: "action", spacing: description ? "md" : "sm", description: description, hasAction: hasAction })));
+    return (React.createElement(Item$2, __assign({}, otherProps, { style: "action", spacing: description ? "md" : "sm", description: description, hasAction: hasAction })));
 };
-Item$1.Navigation = function (props) {
-    return React.createElement(Item$1, __assign({}, props, { style: "action", spacing: "md" }));
+Item$2.Navigation = function (props) {
+    return React.createElement(Item$2, __assign({}, props, { style: "action", spacing: "md" }));
 };
-Item$1.Link = function (_a) {
+Item$2.Link = function (_a) {
     var props = __rest(_a, []);
-    return (React.createElement(Item$1, __assign({}, props, { 
+    return (React.createElement(Item$2, __assign({}, props, { 
         // Pass down additional props as needed
         style: "link", hasAction: false, spacing: "lg" })));
 };
-Item$1.Dropdown = function (_a) {
+Item$2.Dropdown = function (_a) {
     var style = _a.style, props = __rest(_a, ["style"]);
-    return (React.createElement(Item$1, __assign({}, props, { 
+    return (React.createElement(Item$2, __assign({}, props, { 
         // Pass down additional props as needed
         style: style === "default" ? "action" : "warning", hasAction: false })));
 };
-Item$1.SectionHeader = function (_a) {
+Item$2.SectionHeader = function (_a) {
     var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
     return (React.createElement("div", { className: classNames(className, variant === "primary"
             ? "s-text-element-800 dark:s-text-element-800-dark"
             : "s-text-element-600 dark:s-text-element-600-dark", "s-pb-2 s-pt-6 s-text-xs s-font-medium s-uppercase") }, label));
 };
-Item$1.List = function (_a) {
+Item$2.List = function (_a) {
     var children = _a.children, className = _a.className;
     return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
         React.createElement("div", { className: "s-flex s-w-full s-flex-col" }, children)));
 };
 
 var ButtonRefContext = React.createContext(null);
-var labelClasses$1 = {
+var labelClasses = {
     base: "s-text-element-900 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
     hover: "group-hover/dm:s-text-action-500",
     active: "active:s-text-action-700",
@@ -78050,7 +78050,7 @@ function DropdownMenu$1(_a) {
 DropdownMenu$1.Button = React.forwardRef(function DropdownMenuButton(_a, forwardedRef) {
     var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "top" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick;
     var contextRef = React.useContext(ButtonRefContext);
-    var finalLabelClasses = classNames(labelClasses$1.base, labelSizeClasses[size], labelClasses$1.dark.base, !disabled ? labelClasses$1.active : "", !disabled ? labelClasses$1.dark.active : "", !disabled ? labelClasses$1.hover : "", !disabled ? labelClasses$1.dark.hover : "", disabled ? labelClasses$1.disabled : "");
+    var finalLabelClasses = classNames(labelClasses.base, labelSizeClasses[size], labelClasses.dark.base, !disabled ? labelClasses.active : "", !disabled ? labelClasses.dark.active : "", !disabled ? labelClasses.hover : "", !disabled ? labelClasses.dark.hover : "", disabled ? labelClasses.disabled : "");
     var finalIconClasses = classNames(iconClasses$3.base, iconClasses$3.dark.base, !disabled ? iconClasses$3.hover : "", !disabled ? iconClasses$3.dark.hover : "", disabled ? iconClasses$3.disabled : "");
     var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
     var aggregatedRef = function (value) {
@@ -78099,7 +78099,7 @@ DropdownMenu$1.Item = function (_a) {
     // need to use as="div" -- otherwise we get a "forwardRef" error in the console
     React.createElement(qe$1.Item, { disabled: disabled, as: "div" }, hasChildren ? (React.createElement(DropdownMenu$1, { className: "s-w-full s-gap-x-2 s-py-2" },
         React.createElement(DropdownMenu$1.Button, { className: "s-w-full", disabled: disabled, label: label, type: "submenu" }),
-        children)) : (React.createElement(Item$1.Dropdown, { className: "s-w-full", description: description, disabled: disabled, link: link, icon: icon, label: label, onClick: onClick, selected: selected, style: variant, visual: visual }))));
+        children)) : (React.createElement(Item$2.Dropdown, { className: "s-w-full", description: description, disabled: disabled, link: link, icon: icon, label: label, onClick: onClick, selected: selected, style: variant, visual: visual }))));
 };
 DropdownMenu$1.SectionHeader = function (_a) {
     var label = _a.label;
@@ -78188,7 +78188,7 @@ DropdownMenu$1.Items = function (_a) {
         React.createElement(qe$1.Items, { onKeyDown: onKeyDown, className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), onClick: function (e) { return e.stopPropagation(); }, style: styleInsert(origin, marginLeft) },
             topBar,
             React.createElement("div", { className: classNames(classNamesForVariant(variant, hasDropdownItem), getOverflowClass(overflow)) },
-                React.createElement(Item$1.List, null, children)),
+                React.createElement(Item$2.List, null, children)),
             bottomBar)));
 };
 function findOriginFromButton(buttonRef) {
@@ -78814,511 +78814,62 @@ function truncateWithTooltip(text, length) {
     return text.length > length ? (React.createElement(Tooltip, { trigger: "".concat(text.substring(0, length - 1)).concat(ELLIPSIS_STRING), label: text })) : (text);
 }
 
-// packages/react/compose-refs/src/composeRefs.tsx
-function setRef$3(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs$3(...refs) {
-  return (node) => refs.forEach((ref) => setRef$3(ref, node));
-}
-function useComposedRefs$2(...refs) {
-  return React__namespace.useCallback(composeRefs$3(...refs), refs);
-}
-
-// packages/react/context/src/createContext.tsx
-function createContextScope$7(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React__namespace.createContext(defaultContext);
-    const index = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider = (props) => {
-      const { scope, children, ...context } = props;
-      const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const value = React__namespace.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
-    };
-    Provider.displayName = rootComponentName + "Provider";
-    function useContext2(consumerName, scope) {
-      const Context = scope?.[scopeName]?.[index] || 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}\``);
+function Checkbox(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "selectable" : _b, _c = _a.checked, checked = _c === void 0 ? "unchecked" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? "" : _e, disabled = _a.disabled;
+    var isChecked;
+    var isPartialChecked;
+    switch (checked) {
+        case "checked":
+            isChecked = true;
+            isPartialChecked = false;
+            break;
+        case "unchecked":
+            isChecked = false;
+            isPartialChecked = false;
+            break;
+        case "partial":
+            isChecked = true;
+            isPartialChecked = true;
+            break;
+        default:
+            throw new Error("Invalid checked prop");
     }
-    return [Provider, useContext2];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React__namespace.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = scope?.[scopeName] || scopeContexts;
-      return React__namespace.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
+    var baseStyleClasses = {
+        base: "s-border s-justify-center s-flex s-items-center s-transition-colors s-duration-300 s-ease-out",
+        idle: "s-bg-structure-50 s-border-element-600 s-cursor-pointer",
+        hover: "hover:s-border-action-500 hover:s-bg-action-200 hover:s-text-white/100",
+        disabled: "s-bg-structure-0 s-border-structure-300 s-cursor-default",
+        dark: {
+            base: "dark:s-bg-structure-50-dark dark:s-border-element-500-dark",
+            hover: "dark:hover:s-border-action-500-dark dark:hover:s-bg-action-200-dark",
+            disabled: "dark:s-bg-structure-0-dark dark:s-border-structure-300-dark s-cursor-default",
+        },
     };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$7(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes$7(...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]);
+    var baseSizeClasses = {
+        xs: "s-w-4 s-h-4 s-rounded",
+        sm: "s-w-5 s-h-5 s-rounded-md",
     };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-
-// packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$3(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-  return function handleEvent(event) {
-    originalEventHandler?.(event);
-    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-      return ourEventHandler?.(event);
-    }
-  };
-}
-
-// packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$4(callback) {
-  const callbackRef = React__namespace.useRef(callback);
-  React__namespace.useEffect(() => {
-    callbackRef.current = callback;
-  });
-  return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
-}
-
-// packages/react/use-controllable-state/src/useControllableState.tsx
-function useControllableState$3({
-  prop,
-  defaultProp,
-  onChange = () => {
-  }
-}) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$3({ defaultProp, onChange });
-  const isControlled = prop !== void 0;
-  const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$4(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$3({
-  defaultProp,
-  onChange
-}) {
-  const uncontrolledState = React__namespace.useState(defaultProp);
-  const [value] = uncontrolledState;
-  const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$4(onChange);
-  React__namespace.useEffect(() => {
-    if (prevValueRef.current !== value) {
-      handleChange(value);
-      prevValueRef.current = value;
-    }
-  }, [value, prevValueRef, handleChange]);
-  return uncontrolledState;
-}
-
-// packages/react/use-previous/src/usePrevious.tsx
-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]);
-}
-
-// packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$3 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
-};
-
-// packages/react/use-size/src/useSize.tsx
-function useSize$2(element) {
-  const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$3(() => {
-    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 size;
-}
-
-// packages/react/primitive/src/Primitive.tsx
-var NODES$5 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$5 = NODES$5.reduce((primitive, node) => {
-  const Node = React__namespace.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node };
-}, {});
-
-var CHECKBOX_NAME = "Checkbox";
-var [createCheckboxContext, createCheckboxScope] = createContextScope$7(CHECKBOX_NAME);
-var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
-var Checkbox$1 = React__namespace.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeCheckbox,
-      name,
-      checked: checkedProp,
-      defaultChecked,
-      required,
-      disabled,
-      value = "on",
-      onCheckedChange,
-      form,
-      ...checkboxProps
-    } = props;
-    const [button, setButton] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs$2(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React__namespace.useRef(false);
-    const isFormControl = button ? form || !!button.closest("form") : true;
-    const [checked = false, setChecked] = useControllableState$3({
-      prop: checkedProp,
-      defaultProp: defaultChecked,
-      onChange: onCheckedChange
-    });
-    const initialCheckedStateRef = React__namespace.useRef(checked);
-    React__namespace.useEffect(() => {
-      const form2 = button?.form;
-      if (form2) {
-        const reset = () => setChecked(initialCheckedStateRef.current);
-        form2.addEventListener("reset", reset);
-        return () => form2.removeEventListener("reset", reset);
-      }
-    }, [button, setChecked]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$5.button,
-        {
-          type: "button",
-          role: "checkbox",
-          "aria-checked": isIndeterminate$1(checked) ? "mixed" : checked,
-          "aria-required": required,
-          "data-state": getState$1(checked),
-          "data-disabled": disabled ? "" : void 0,
-          disabled,
-          value,
-          ...checkboxProps,
-          ref: composedRefs,
-          onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
-            if (event.key === "Enter") event.preventDefault();
-          }),
-          onClick: composeEventHandlers$3(props.onClick, (event) => {
-            setChecked((prevChecked) => isIndeterminate$1(prevChecked) ? true : !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%)" },
-          defaultChecked: isIndeterminate$1(defaultChecked) ? false : defaultChecked
-        }
-      )
-    ] });
-  }
-);
-Checkbox$1.displayName = CHECKBOX_NAME;
-var INDICATOR_NAME$1 = "CheckboxIndicator";
-var CheckboxIndicator = React__namespace.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
-    const context = useCheckboxContext(INDICATOR_NAME$1, __scopeCheckbox);
-    return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || isIndeterminate$1(context.state) || context.state === true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$5.span,
-      {
-        "data-state": getState$1(context.state),
-        "data-disabled": context.disabled ? "" : void 0,
-        ...indicatorProps,
-        ref: forwardedRef,
-        style: { pointerEvents: "none", ...props.style }
-      }
-    ) });
-  }
-);
-CheckboxIndicator.displayName = INDICATOR_NAME$1;
-var BubbleInput = (props) => {
-  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;
-  const ref = React__namespace.useRef(null);
-  const prevChecked = usePrevious(checked);
-  const controlSize = useSize$2(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 });
-      input.indeterminate = isIndeterminate$1(checked);
-      setChecked.call(input, isIndeterminate$1(checked) ? false : checked);
-      input.dispatchEvent(event);
-    }
-  }, [prevChecked, checked, bubbles]);
-  const defaultCheckedRef = React__namespace.useRef(isIndeterminate$1(checked) ? false : checked);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
-    {
-      type: "checkbox",
-      "aria-hidden": true,
-      defaultChecked: defaultChecked ?? defaultCheckedRef.current,
-      ...inputProps,
-      tabIndex: -1,
-      ref,
-      style: {
-        ...props.style,
-        ...controlSize,
-        position: "absolute",
-        pointerEvents: "none",
-        opacity: 0,
-        margin: 0
-      }
-    }
-  );
-};
-function isIndeterminate$1(checked) {
-  return checked === "indeterminate";
-}
-function getState$1(checked) {
-  return isIndeterminate$1(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
-}
-var Root$5 = Checkbox$1;
-var Indicator = CheckboxIndicator;
-
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-const falsyToString = (value)=>typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
-const cx = clsx;
-const cva = (base, config)=>{
-    return (props)=>{
-        var ref;
-        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-        const { variants , defaultVariants  } = config;
-        const getVariantClassNames = Object.keys(variants).map((variant)=>{
-            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-            if (variantProp === null) return null;
-            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-            return variants[variant][variantKey];
-        });
-        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
-            let [key, value] = param;
-            if (value === undefined) {
-                return acc;
-            }
-            acc[key] = value;
-            return acc;
-        }, {});
-        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{
-            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;
-            return Object.entries(compoundVariantOptions).every((param)=>{
-                let [key, value] = param;
-                return Array.isArray(value) ? value.includes({
-                    ...defaultVariants,
-                    ...propsWithoutUndefined
-                }[key]) : ({
-                    ...defaultVariants,
-                    ...propsWithoutUndefined
-                })[key] === value;
-            }) ? [
-                ...acc,
-                cvClass,
-                cvClassName
-            ] : acc;
-        }, []);
-        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+    var checkedIndicatorClasses = {
+        base: "s-transition s-duration-300 s-ease-in-out",
+        selected: "s-opacity-100 s-bg-action-500 dark:s-bg-action-500-dark",
+        unselected: "s-opacity-0",
+        partialChecked: "s-opacity-100 s-bg-element-700 dark:s-bg-element-700-dark",
+        disabled: "s-opacity-100 s-bg-element-500 dark:s-bg-element-500-dark",
     };
-};
-
-// packages/react/primitive/src/Primitive.tsx
-var NODES$4 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$4 = NODES$4.reduce((primitive, node) => {
-  const Node = React__namespace.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node };
-}, {});
-
-var NAME$3 = "Label";
-var Label$2 = React__namespace.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$4.label,
-    {
-      ...props,
-      ref: forwardedRef,
-      onMouseDown: (event) => {
-        const target = event.target;
-        if (target.closest("button, input, select, textarea")) return;
-        props.onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
-      }
-    }
-  );
-});
-Label$2.displayName = NAME$3;
-var Root$4 = Label$2;
-
-var labelVariants = cn("s-text-sm s-text-foreground s-leading-none", "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70");
-var Label$1 = React__namespace.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React__namespace.createElement(Root$4, __assign({ ref: ref, className: cn(labelVariants, className) }, props)));
-});
-Label$1.displayName = Root$4.displayName;
-
-var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-border-primary-500 s-text-foreground", "data-[state=checked]:s-text-white data-[state=checked]:s-text-foreground", "focus-visible:s-ring-ring s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2", "disabled:s-cursor-not-allowed disabled:s-opacity-50"), {
-    variants: {
-        checked: {
-            true: "data-[state=checked]:s-bg-action-500",
-            partial: "data-[state=checked]:s-bg-element-700",
-            false: "",
-        },
-        size: {
-            xs: "s-h-4 s-w-4 s-rounded",
-            sm: "s-h-5 s-w-5 s-rounded-md",
-        },
-    },
-    defaultVariants: {
-        size: "sm",
-        checked: false,
-    },
-});
-var Checkbox = React.forwardRef(function (_a, ref) {
-    var className = _a.className, size = _a.size, checked = _a.checked, props = __rest(_a, ["className", "size", "checked"]);
-    return (React.createElement(Root$5, __assign({ ref: ref, className: cn(checkboxStyles({ checked: checked, size: size }), className), checked: !!checked }, props),
-        React.createElement(Indicator, { className: "s-flex s-items-center s-justify-center s-text-current" },
-            React.createElement("span", { className: cn(size === "xs" ? "-s-mt-px" : "") },
-                React.createElement(Icon, { size: "xs", visual: checked === "partial" ? DashIcon : CheckIcon })))));
-});
-Checkbox.displayName = Root$5.displayName;
-function CheckboxWithText(_a) {
-    var text = _a.text, props = __rest(_a, ["text"]);
-    return (React.createElement("div", { className: "s-items-top s-flex s-items-center s-space-x-2" },
-        React.createElement(Checkbox, __assign({}, props)),
-        React.createElement(Label$1, { className: "s-text-sm s-leading-none peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70" }, text)));
-}
-function CheckBoxWithTextAndDescription(_a) {
-    var text = _a.text, description = _a.description, props = __rest(_a, ["text", "description"]);
-    return (React.createElement("div", { className: "s-items-top s-flex s-space-x-2" },
-        React.createElement(Checkbox, __assign({}, props)),
-        React.createElement("div", { className: "s-grid s-gap-1.5 s-leading-none" },
-            React.createElement(Label$1, { className: "s-text-sm s-leading-none peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70" }, text),
-            React.createElement("p", { className: "s-text-xs s-text-muted-foreground" }, description))));
+    var sizeStyles = {
+        xs: { width: "12px", height: "12px", borderRadius: "2px" },
+        sm: { width: "14px", height: "14px", borderRadius: "3px" },
+    };
+    var combinedBaseClasses = classNames(baseStyleClasses.base, baseSizeClasses[size], isChecked || isPartialChecked ? "s-text-white" : "s-text-white/0", disabled ? baseStyleClasses.disabled : baseStyleClasses.idle, !disabled ? baseStyleClasses.hover : "", disabled ? baseStyleClasses.dark.disabled : baseStyleClasses.dark.base, !disabled ? baseStyleClasses.dark.hover : "", className);
+    var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, disabled ? checkedIndicatorClasses.disabled : "", isChecked && !isPartialChecked && !disabled
+        ? checkedIndicatorClasses.selected
+        : "", isPartialChecked && !disabled ? checkedIndicatorClasses.partialChecked : "", !isChecked && !disabled ? checkedIndicatorClasses.unselected : "");
+    return (React.createElement("label", null,
+        React.createElement("input", { type: "checkbox", checked: isChecked, onChange: function (e) { return onChange && onChange(e.target.checked); }, className: "s-hidden", disabled: disabled }),
+        React.createElement("div", { className: classNames(combinedBaseClasses, "s-relative") },
+            React.createElement("div", { className: combinedCheckedIndicatorClasses, style: sizeStyles[size] }),
+            variant === "checkable" && (React.createElement("div", { className: "s-absolute" },
+                React.createElement(Icon, { visual: isPartialChecked ? DashIcon : CheckIcon, size: "xs" }))))));
 }
 
 var sizeClasses$2 = {
@@ -107518,7 +107069,7 @@ const unique = (columnId, leafRows) => {
 const uniqueCount = (columnId, leafRows) => {
   return new Set(leafRows.map(d => d.getValue(columnId))).size;
 };
-const count$5 = (_columnId, leafRows) => {
+const count$6 = (_columnId, leafRows) => {
   return leafRows.length;
 };
 const aggregationFns = {
@@ -107530,7 +107081,7 @@ const aggregationFns = {
   median,
   unique,
   uniqueCount,
-  count: count$5
+  count: count$6
 };
 
 //
@@ -113890,6 +113441,64 @@ function IconToggleButton(_a) {
     return tooltip ? (React.createElement(Tooltip, { trigger: IconButtonToggleContent, label: tooltip, side: tooltipPosition })) : (IconButtonToggleContent);
 }
 
+// packages/react/primitive/src/Primitive.tsx
+var NODES$5 = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive$5 = NODES$5.reduce((primitive, node) => {
+  const Node = React__namespace.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+
+var NAME$3 = "Label";
+var Label$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Primitive$5.label,
+    {
+      ...props,
+      ref: forwardedRef,
+      onMouseDown: (event) => {
+        const target = event.target;
+        if (target.closest("button, input, select, textarea")) return;
+        props.onMouseDown?.(event);
+        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
+      }
+    }
+  );
+});
+Label$2.displayName = NAME$3;
+var Root$5 = Label$2;
+
+var labelVariants = cn("s-text-sm s-text-foreground s-leading-none", "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70");
+var Label$1 = React__namespace.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React__namespace.createElement(Root$5, __assign({ ref: ref, className: cn(labelVariants, className) }, props)));
+});
+Label$1.displayName = Root$5.displayName;
+
 var inputStyleClasses = cn("s-text-sm s-bg-background s-rounded-xl s-border s-border-border-dark s-flex s-h-9 s-w-full s-px-3 s-py-1.5 ", "file:s-border-0 file:s-bg-transparent file:s-text-sm file:s-font-medium file:s-text-foreground", "placeholder:s-text-muted-foreground", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2 focus-visible:s-ring-ring focus-visible:s-border-primary-400", "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-text-muted-foreground");
 var Input = React.forwardRef(function (_a, ref) {
     var className = _a.className, error = _a.error, value = _a.value, label = _a.label, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, props = __rest(_a, ["className", "error", "value", "label", "showErrorLabel"]);
@@ -135442,7 +135051,7 @@ function Markdown(_a) {
 }
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$3(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -135452,19 +135061,19 @@ function composeEventHandlers$2(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$2(ref, value) {
+function setRef$3(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$2(...refs) {
-  return (node) => refs.forEach((ref) => setRef$2(ref, node));
+function composeRefs$3(...refs) {
+  return (node) => refs.forEach((ref) => setRef$3(ref, node));
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$6(scopeName, createContextScopeDeps = []) {
+function createContextScope$9(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135499,9 +135108,9 @@ function createContextScope$6(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$6(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$9(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$6(...scopes) {
+function composeContextScopes$9(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135523,7 +135132,7 @@ function composeContextScopes$6(...scopes) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$3(callback) {
+function useCallbackRef$4(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -135532,16 +135141,16 @@ function useCallbackRef$3(callback) {
 }
 
 // packages/react/use-controllable-state/src/useControllableState.tsx
-function useControllableState$2({
+function useControllableState$3({
   prop,
   defaultProp,
   onChange = () => {
   }
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$2({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$3({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$3(onChange);
+  const handleChange = useCallbackRef$4(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -135556,14 +135165,14 @@ function useControllableState$2({
   );
   return [value, setValue];
 }
-function useUncontrolledState$2({
+function useUncontrolledState$3({
   defaultProp,
   onChange
 }) {
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$3(onChange);
+  const handleChange = useCallbackRef$4(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -135574,7 +135183,7 @@ function useUncontrolledState$2({
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$3 = [
+var NODES$4 = [
   "a",
   "button",
   "div",
@@ -135592,7 +135201,7 @@ var NODES$3 = [
   "svg",
   "ul"
 ];
-var Primitive$3 = NODES$3.reduce((primitive, node) => {
+var Primitive$4 = NODES$4.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -135606,7 +135215,7 @@ var Primitive$3 = NODES$3.reduce((primitive, node) => {
 }, {});
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -135616,7 +135225,7 @@ function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$5(scopeName, createContextScopeDeps = []) {
+function createContextScope$8(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135651,9 +135260,9 @@ function createContextScope$5(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$5(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$8(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$5(...scopes) {
+function composeContextScopes$8(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135675,23 +135284,23 @@ function composeContextScopes$5(...scopes) {
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$1(ref, value) {
+function setRef$2(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$1(...refs) {
-  return (node) => refs.forEach((ref) => setRef$1(ref, node));
+function composeRefs$2(...refs) {
+  return (node) => refs.forEach((ref) => setRef$2(ref, node));
 }
-function useComposedRefs$1(...refs) {
-  return React__namespace.useCallback(composeRefs$1(...refs), refs);
+function useComposedRefs$2(...refs) {
+  return React__namespace.useCallback(composeRefs$2(...refs), refs);
 }
 
-function createCollection(name) {
+function createCollection$1(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope] = createContextScope$5(PROVIDER_NAME);
+  const [createCollectionContext, createCollectionScope] = createContextScope$8(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -135708,7 +135317,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$2(forwardedRef, context.collectionRef);
       return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ref: composedRefs, children });
     }
   );
@@ -135719,7 +135328,7 @@ function createCollection(name) {
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
       const ref = React.useRef(null);
-      const composedRefs = useComposedRefs$1(forwardedRef, ref);
+      const composedRefs = useComposedRefs$2(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
       React.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
@@ -135751,7 +135360,7 @@ function createCollection(name) {
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$4(scopeName, createContextScopeDeps = []) {
+function createContextScope$7(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135786,9 +135395,9 @@ function createContextScope$4(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$4(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$7(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$4(...scopes) {
+function composeContextScopes$7(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135810,14 +135419,14 @@ function composeContextScopes$4(...scopes) {
 }
 
 // packages/react/direction/src/Direction.tsx
-var DirectionContext = React__namespace.createContext(void 0);
-function useDirection(localDir) {
-  const globalDir = React__namespace.useContext(DirectionContext);
+var DirectionContext$1 = React__namespace.createContext(void 0);
+function useDirection$1(localDir) {
+  const globalDir = React__namespace.useContext(DirectionContext$1);
   return localDir || globalDir || "ltr";
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$2 = [
+var NODES$3 = [
   "a",
   "button",
   "div",
@@ -135835,7 +135444,7 @@ var NODES$2 = [
   "svg",
   "ul"
 ];
-var Primitive$2 = NODES$2.reduce((primitive, node) => {
+var Primitive$3 = NODES$3.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -135852,7 +135461,7 @@ function dispatchDiscreteCustomEvent$1(target, event) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$2(callback) {
+function useCallbackRef$3(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -135862,7 +135471,7 @@ function useCallbackRef$2(callback) {
 
 // packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown$1(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
-  const onEscapeKeyDown = useCallbackRef$2(onEscapeKeyDownProp);
+  const onEscapeKeyDown = useCallbackRef$3(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -135899,7 +135508,7 @@ var DismissableLayer$1 = React__namespace.forwardRef(
     const [node, setNode] = React__namespace.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
     const [, force] = React__namespace.useState({});
-    const composedRefs = useComposedRefs$1(forwardedRef, (node2) => setNode(node2));
+    const composedRefs = useComposedRefs$2(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -135962,7 +135571,7 @@ var DismissableLayer$1 = React__namespace.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$1, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -135970,9 +135579,9 @@ var DismissableLayer$1 = React__namespace.forwardRef(
           pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
           ...props.style
         },
-        onFocusCapture: composeEventHandlers$1(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers$1(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers$1(
+        onFocusCapture: composeEventHandlers$2(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers$2(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers$2(
           props.onPointerDownCapture,
           pointerDownOutside.onPointerDownCapture
         )
@@ -135985,7 +135594,7 @@ var BRANCH_NAME$1 = "DismissableLayerBranch";
 var DismissableLayerBranch$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const context = React__namespace.useContext(DismissableLayerContext$1);
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$1(forwardedRef, ref);
+  const composedRefs = useComposedRefs$2(forwardedRef, ref);
   React__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
@@ -135995,11 +135604,11 @@ var DismissableLayerBranch$1 = React__namespace.forwardRef((props, forwardedRef)
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$1.displayName = BRANCH_NAME$1;
 function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis?.document) {
-  const handlePointerDownOutside = useCallbackRef$2(onPointerDownOutside);
+  const handlePointerDownOutside = useCallbackRef$3(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React__namespace.useRef(false);
   const handleClickRef = React__namespace.useRef(() => {
   });
@@ -136042,7 +135651,7 @@ function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThi
   };
 }
 function useFocusOutside$1(onFocusOutside, ownerDocument = globalThis?.document) {
-  const handleFocusOutside = useCallbackRef$2(onFocusOutside);
+  const handleFocusOutside = useCallbackRef$3(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -136076,18 +135685,18 @@ function handleAndDispatchCustomEvent$1(name, handler, detail, { discrete }) {
   }
 }
 
-var count$4 = 0;
+var count$5 = 0;
 function useFocusGuards$1() {
   React__namespace.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard$1());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard$1());
-    count$4++;
+    count$5++;
     return () => {
-      if (count$4 === 1) {
+      if (count$5 === 1) {
         document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
       }
-      count$4--;
+      count$5--;
     };
   }, []);
 }
@@ -136104,7 +135713,7 @@ function createFocusGuard$1() {
 
 var AUTOFOCUS_ON_MOUNT$1 = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT$1 = "focusScope.autoFocusOnUnmount";
-var EVENT_OPTIONS$2 = { bubbles: false, cancelable: true };
+var EVENT_OPTIONS$3 = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME$1 = "FocusScope";
 var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const {
@@ -136115,10 +135724,10 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
     ...scopeProps
   } = props;
   const [container, setContainer] = React__namespace.useState(null);
-  const onMountAutoFocus = useCallbackRef$2(onMountAutoFocusProp);
-  const onUnmountAutoFocus = useCallbackRef$2(onUnmountAutoFocusProp);
+  const onMountAutoFocus = useCallbackRef$3(onMountAutoFocusProp);
+  const onUnmountAutoFocus = useCallbackRef$3(onUnmountAutoFocusProp);
   const lastFocusedElementRef = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContainer(node));
+  const composedRefs = useComposedRefs$2(forwardedRef, (node) => setContainer(node));
   const focusScope = React__namespace.useRef({
     paused: false,
     pause() {
@@ -136169,11 +135778,11 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
       const previouslyFocusedElement = document.activeElement;
       const hasFocusedCandidate = container.contains(previouslyFocusedElement);
       if (!hasFocusedCandidate) {
-        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$2);
+        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$3);
         container.addEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
         container.dispatchEvent(mountEvent);
         if (!mountEvent.defaultPrevented) {
-          focusFirst$3(removeLinks$1(getTabbableCandidates$1(container)), { select: true });
+          focusFirst$4(removeLinks$1(getTabbableCandidates$1(container)), { select: true });
           if (document.activeElement === previouslyFocusedElement) {
             focus$1(container);
           }
@@ -136182,7 +135791,7 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
       return () => {
         container.removeEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
         setTimeout(() => {
-          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$2);
+          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$3);
           container.addEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
           container.dispatchEvent(unmountEvent);
           if (!unmountEvent.defaultPrevented) {
@@ -136219,10 +135828,10 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
-function focusFirst$3(candidates, { select = false } = {}) {
+function focusFirst$4(candidates, { select = false } = {}) {
   const previouslyFocusedElement = document.activeElement;
   for (const candidate of candidates) {
     focus$1(candidate, { select });
@@ -136303,16 +135912,16 @@ function removeLinks$1(items) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$3 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
-var useReactId$2 = React__namespace["useId".toString()] || (() => void 0);
-var count$3 = 0;
-function useId$2(deterministicId) {
-  const [id, setId] = React__namespace.useState(useReactId$2());
-  useLayoutEffect2$2(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count$3++));
+var useReactId$3 = React__namespace["useId".toString()] || (() => void 0);
+var count$4 = 0;
+function useId$3(deterministicId) {
+  const [id, setId] = React__namespace.useState(useReactId$3());
+  useLayoutEffect2$3(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$4++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
@@ -136322,7 +135931,7 @@ var NAME$2 = "Arrow";
 var Arrow$3 = React__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$2.svg,
+    Primitive$3.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -136335,10 +135944,10 @@ var Arrow$3 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$3.displayName = NAME$2;
-var Root$3 = Arrow$3;
+var Root$4 = Arrow$3;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$3(scopeName, createContextScopeDeps = []) {
+function createContextScope$6(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -136373,9 +135982,9 @@ function createContextScope$3(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$3(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$6(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$3(...scopes) {
+function composeContextScopes$6(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -136397,9 +136006,9 @@ function composeContextScopes$3(...scopes) {
 }
 
 // packages/react/use-size/src/useSize.tsx
-function useSize$1(element) {
+function useSize$2(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$2(() => {
+  useLayoutEffect2$3(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -136433,7 +136042,7 @@ function useSize$1(element) {
 }
 
 var POPPER_NAME$1 = "Popper";
-var [createPopperContext$1, createPopperScope$1] = createContextScope$3(POPPER_NAME$1);
+var [createPopperContext$1, createPopperScope$1] = createContextScope$6(POPPER_NAME$1);
 var [PopperProvider$1, usePopperContext$1] = createPopperContext$1(POPPER_NAME$1);
 var Popper$1 = (props) => {
   const { __scopePopper, children } = props;
@@ -136447,11 +136056,11 @@ var PopperAnchor$1 = React__namespace.forwardRef(
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext$1(ANCHOR_NAME$3, __scopePopper);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
     React__namespace.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor$1.displayName = ANCHOR_NAME$3;
@@ -136477,9 +136086,9 @@ var PopperContent$1 = React__namespace.forwardRef(
     } = props;
     const context = usePopperContext$1(CONTENT_NAME$4, __scopePopper);
     const [content, setContent] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContent(node));
+    const composedRefs = useComposedRefs$2(forwardedRef, (node) => setContent(node));
     const [arrow$1, setArrow] = React__namespace.useState(null);
-    const arrowSize = useSize$1(arrow$1);
+    const arrowSize = useSize$2(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
     const desiredPlacement = side + (align !== "center" ? "-" + align : "");
@@ -136531,8 +136140,8 @@ var PopperContent$1 = React__namespace.forwardRef(
       ]
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement$1(placement);
-    const handlePlaced = useCallbackRef$2(onPlaced);
-    useLayoutEffect2$2(() => {
+    const handlePlaced = useCallbackRef$3(onPlaced);
+    useLayoutEffect2$3(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -136541,7 +136150,7 @@ var PopperContent$1 = React__namespace.forwardRef(
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = React__namespace.useState();
-    useLayoutEffect2$2(() => {
+    useLayoutEffect2$3(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -136578,7 +136187,7 @@ var PopperContent$1 = React__namespace.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive$2.div,
+              Primitive$3.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -136638,7 +136247,7 @@ var PopperArrow$1 = React__namespace.forwardRef(function PopperArrow2(props, for
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root$3,
+          Root$4,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -136692,7 +136301,7 @@ function getSideAndAlignFromPlacement$1(placement) {
   const [side, align = "center"] = placement.split("-");
   return [side, align];
 }
-var Root2$3 = Popper$1;
+var Root2$4 = Popper$1;
 var Anchor$1 = PopperAnchor$1;
 var Content$1 = PopperContent$1;
 var Arrow$2 = PopperArrow$1;
@@ -136701,14 +136310,14 @@ var PORTAL_NAME$4 = "Portal";
 var Portal$3 = React__namespace.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React__namespace.useState(false);
-  useLayoutEffect2$2(() => setMounted(true), []);
+  useLayoutEffect2$3(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$3.displayName = PORTAL_NAME$4;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$2(scopeName, createContextScopeDeps = []) {
+function createContextScope$5(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -136743,9 +136352,9 @@ function createContextScope$2(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$2(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$5(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$2(...scopes) {
+function composeContextScopes$5(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -136767,16 +136376,16 @@ function composeContextScopes$2(...scopes) {
 }
 
 // packages/react/use-controllable-state/src/useControllableState.tsx
-function useControllableState$1({
+function useControllableState$2({
   prop,
   defaultProp,
   onChange = () => {
   }
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$1({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$2({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$2(onChange);
+  const handleChange = useCallbackRef$3(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -136791,14 +136400,14 @@ function useControllableState$1({
   );
   return [value, setValue];
 }
-function useUncontrolledState$1({
+function useUncontrolledState$2({
   defaultProp,
   onChange
 }) {
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$2(onChange);
+  const handleChange = useCallbackRef$3(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -136808,22 +136417,22 @@ function useUncontrolledState$1({
   return uncontrolledState;
 }
 
-var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-var EVENT_OPTIONS$1 = { bubbles: false, cancelable: true };
-var GROUP_NAME$2 = "RovingFocusGroup";
-var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(GROUP_NAME$2);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$2(
-  GROUP_NAME$2,
-  [createCollectionScope$1]
+var ENTRY_FOCUS$1 = "rovingFocusGroup.onEntryFocus";
+var EVENT_OPTIONS$2 = { bubbles: false, cancelable: true };
+var GROUP_NAME$3 = "RovingFocusGroup";
+var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection$1(GROUP_NAME$3);
+var [createRovingFocusGroupContext$1, createRovingFocusGroupScope$1] = createContextScope$5(
+  GROUP_NAME$3,
+  [createCollectionScope$2]
 );
-var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME$2);
-var RovingFocusGroup = React__namespace.forwardRef(
+var [RovingFocusProvider$1, useRovingFocusContext$1] = createRovingFocusGroupContext$1(GROUP_NAME$3);
+var RovingFocusGroup$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroupImpl$1, { ...props, ref: forwardedRef }) }) });
   }
 );
-RovingFocusGroup.displayName = GROUP_NAME$2;
-var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) => {
+RovingFocusGroup$1.displayName = GROUP_NAME$3;
+var RovingFocusGroupImpl$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
     orientation,
@@ -136837,27 +136446,27 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
     ...groupProps
   } = props;
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$1(forwardedRef, ref);
-  const direction = useDirection(dir);
-  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState$1({
+  const composedRefs = useComposedRefs$2(forwardedRef, ref);
+  const direction = useDirection$1(dir);
+  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState$2({
     prop: currentTabStopIdProp,
     defaultProp: defaultCurrentTabStopId,
     onChange: onCurrentTabStopIdChange
   });
   const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
-  const handleEntryFocus = useCallbackRef$2(onEntryFocus);
-  const getItems = useCollection$1(__scopeRovingFocusGroup);
+  const handleEntryFocus = useCallbackRef$3(onEntryFocus);
+  const getItems = useCollection$2(__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);
+      node.addEventListener(ENTRY_FOCUS$1, handleEntryFocus);
+      return () => node.removeEventListener(ENTRY_FOCUS$1, handleEntryFocus);
     }
   }, [handleEntryFocus]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    RovingFocusProvider,
+    RovingFocusProvider$1,
     {
       scope: __scopeRovingFocusGroup,
       orientation,
@@ -136878,20 +136487,20 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
         []
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.div,
+        Primitive$3.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$2(props.onMouseDown, () => {
             isClickFocusRef.current = true;
           }),
-          onFocus: composeEventHandlers$1(props.onFocus, (event) => {
+          onFocus: composeEventHandlers$2(props.onFocus, (event) => {
             const isKeyboardFocus = !isClickFocusRef.current;
             if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS$1);
+              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS$1, EVENT_OPTIONS$2);
               event.currentTarget.dispatchEvent(entryFocusEvent);
               if (!entryFocusEvent.defaultPrevented) {
                 const items = getItems().filter((item) => item.focusable);
@@ -136901,19 +136510,19 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
                   Boolean
                 );
                 const candidateNodes = candidateItems.map((item) => item.ref.current);
-                focusFirst$2(candidateNodes, preventScrollOnEntryFocus);
+                focusFirst$3(candidateNodes, preventScrollOnEntryFocus);
               }
             }
             isClickFocusRef.current = false;
           }),
-          onBlur: composeEventHandlers$1(props.onBlur, () => setIsTabbingBackOut(false))
+          onBlur: composeEventHandlers$2(props.onBlur, () => setIsTabbingBackOut(false))
         }
       )
     }
   );
 });
-var ITEM_NAME$2 = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React__namespace.forwardRef(
+var ITEM_NAME$4 = "RovingFocusGroupItem";
+var RovingFocusGroupItem$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeRovingFocusGroup,
@@ -136922,11 +136531,11 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
       tabStopId,
       ...itemProps
     } = props;
-    const autoId = useId$2();
+    const autoId = useId$3();
     const id = tabStopId || autoId;
-    const context = useRovingFocusContext(ITEM_NAME$2, __scopeRovingFocusGroup);
+    const context = useRovingFocusContext$1(ITEM_NAME$4, __scopeRovingFocusGroup);
     const isCurrentTabStop = context.currentTabStopId === id;
-    const getItems = useCollection$1(__scopeRovingFocusGroup);
+    const getItems = useCollection$2(__scopeRovingFocusGroup);
     const { onFocusableItemAdd, onFocusableItemRemove } = context;
     React__namespace.useEffect(() => {
       if (focusable) {
@@ -136935,31 +136544,31 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
       }
     }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Collection$1.ItemSlot,
+      Collection$2.ItemSlot,
       {
         scope: __scopeRovingFocusGroup,
         id,
         focusable,
         active,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$2.span,
+          Primitive$3.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
             ...itemProps,
             ref: forwardedRef,
-            onMouseDown: composeEventHandlers$1(props.onMouseDown, (event) => {
+            onMouseDown: composeEventHandlers$2(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$2(props.onFocus, () => context.onItemFocus(id)),
+            onKeyDown: composeEventHandlers$2(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);
+              const focusIntent = getFocusIntent$1(event, context.orientation, context.dir);
               if (focusIntent !== void 0) {
                 if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
                 event.preventDefault();
@@ -136969,9 +136578,9 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
                 else if (focusIntent === "prev" || focusIntent === "next") {
                   if (focusIntent === "prev") candidateNodes.reverse();
                   const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                  candidateNodes = context.loop ? wrapArray$1(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
+                  candidateNodes = context.loop ? wrapArray$2(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
                 }
-                setTimeout(() => focusFirst$2(candidateNodes));
+                setTimeout(() => focusFirst$3(candidateNodes));
               }
             })
           }
@@ -136980,8 +136589,8 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
     );
   }
 );
-RovingFocusGroupItem.displayName = ITEM_NAME$2;
-var MAP_KEY_TO_FOCUS_INTENT = {
+RovingFocusGroupItem$1.displayName = ITEM_NAME$4;
+var MAP_KEY_TO_FOCUS_INTENT$1 = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -136991,17 +136600,17 @@ var MAP_KEY_TO_FOCUS_INTENT = {
   PageDown: "last",
   End: "last"
 };
-function getDirectionAwareKey(key, dir) {
+function getDirectionAwareKey$1(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);
+function getFocusIntent$1(event, orientation, dir) {
+  const key = getDirectionAwareKey$1(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];
+  return MAP_KEY_TO_FOCUS_INTENT$1[key];
 }
-function focusFirst$2(candidates, preventScroll = false) {
+function focusFirst$3(candidates, preventScroll = false) {
   const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
   for (const candidate of candidates) {
     if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
@@ -137009,11 +136618,11 @@ function focusFirst$2(candidates, preventScroll = false) {
     if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
   }
 }
-function wrapArray$1(array, startIndex) {
+function wrapArray$2(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-var Root$2 = RovingFocusGroup;
-var Item = RovingFocusGroupItem;
+var Root$3 = RovingFocusGroup$1;
+var Item$1 = RovingFocusGroupItem$1;
 
 var getDefaultParent = function (originalTarget) {
     if (typeof document === 'undefined') {
@@ -137191,7 +136800,7 @@ function assignRef(ref, value) {
  * @see https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref
  * @returns {MutableRefObject}
  */
-function useCallbackRef$1(initialValue, callback) {
+function useCallbackRef$2(initialValue, callback) {
     var ref = React.useState(function () { return ({
         // value
         value: initialValue,
@@ -137231,7 +136840,7 @@ function useCallbackRef$1(initialValue, callback) {
  * }
  */
 function useMergeRefs(refs, defaultValue) {
-    return useCallbackRef$1(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); });
+    return useCallbackRef$2(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); });
 }
 
 function ItoI(a) {
@@ -137833,14 +137442,14 @@ var SUB_CLOSE_KEYS = {
   rtl: ["ArrowRight"]
 };
 var MENU_NAME = "Menu";
-var [Collection, useCollection, createCollectionScope] = createCollection(MENU_NAME);
-var [createMenuContext, createMenuScope] = createContextScope$4(MENU_NAME, [
-  createCollectionScope,
+var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection$1(MENU_NAME);
+var [createMenuContext, createMenuScope] = createContextScope$7(MENU_NAME, [
+  createCollectionScope$1,
   createPopperScope$1,
-  createRovingFocusGroupScope
+  createRovingFocusGroupScope$1
 ]);
 var usePopperScope$1 = createPopperScope$1();
-var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var useRovingFocusGroupScope$1 = createRovingFocusGroupScope$1();
 var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
 var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var Menu = (props) => {
@@ -137848,8 +137457,8 @@ var Menu = (props) => {
   const popperScope = usePopperScope$1(__scopeMenu);
   const [content, setContent] = React__namespace.useState(null);
   const isUsingKeyboardRef = React__namespace.useRef(false);
-  const handleOpenChange = useCallbackRef$2(onOpenChange);
-  const direction = useDirection(dir);
+  const handleOpenChange = useCallbackRef$3(onOpenChange);
+  const direction = useDirection$1(dir);
   React__namespace.useEffect(() => {
     const handleKeyDown = () => {
       isUsingKeyboardRef.current = true;
@@ -137864,7 +137473,7 @@ var Menu = (props) => {
       document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Root2$3, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -137914,14 +137523,14 @@ var MenuContent = React__namespace.forwardRef(
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME$3, props.__scopeMenu);
-    return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
 var MenuRootContentModal = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
     React__namespace.useEffect(() => {
       const content = ref.current;
       if (content) return hideOthers(content);
@@ -137934,7 +137543,7 @@ var MenuRootContentModal = React__namespace.forwardRef(
         trapFocus: context.open,
         disableOutsidePointerEvents: context.open,
         disableOutsideScroll: true,
-        onFocusOutside: composeEventHandlers$1(
+        onFocusOutside: composeEventHandlers$2(
           props.onFocusOutside,
           (event) => event.preventDefault(),
           { checkForDefaultPrevented: false }
@@ -137979,11 +137588,11 @@ var MenuContentImpl = React__namespace.forwardRef(
     const context = useMenuContext(CONTENT_NAME$3, __scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME$3, __scopeMenu);
     const popperScope = usePopperScope$1(__scopeMenu);
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
-    const getItems = useCollection(__scopeMenu);
+    const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
+    const getItems = useCollection$1(__scopeMenu);
     const [currentItemId, setCurrentItemId] = React__namespace.useState(null);
     const contentRef = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, contentRef, context.onContentChange);
+    const composedRefs = useComposedRefs$2(forwardedRef, contentRef, context.onContentChange);
     const timerRef = React__namespace.useRef(0);
     const searchRef = React__namespace.useRef("");
     const pointerGraceTimerRef = React__namespace.useRef(0);
@@ -138051,7 +137660,7 @@ var MenuContentImpl = React__namespace.forwardRef(
           {
             asChild: true,
             trapped: trapFocus,
-            onMountAutoFocus: composeEventHandlers$1(onOpenAutoFocus, (event) => {
+            onMountAutoFocus: composeEventHandlers$2(onOpenAutoFocus, (event) => {
               event.preventDefault();
               contentRef.current?.focus({ preventScroll: true });
             }),
@@ -138067,7 +137676,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                 onInteractOutside,
                 onDismiss,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Root$2,
+                  Root$3,
                   {
                     asChild: true,
                     ...rovingFocusGroupScope,
@@ -138076,7 +137685,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                     loop,
                     currentTabStopId: currentItemId,
                     onCurrentTabStopIdChange: setCurrentItemId,
-                    onEntryFocus: composeEventHandlers$1(onEntryFocus, (event) => {
+                    onEntryFocus: composeEventHandlers$2(onEntryFocus, (event) => {
                       if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
                     }),
                     preventScrollOnEntryFocus: true,
@@ -138092,7 +137701,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                         ...contentProps,
                         ref: composedRefs,
                         style: { outline: "none", ...contentProps.style },
-                        onKeyDown: composeEventHandlers$1(contentProps.onKeyDown, (event) => {
+                        onKeyDown: composeEventHandlers$2(contentProps.onKeyDown, (event) => {
                           const target = event.target;
                           const isKeyDownInside = target.closest("[data-radix-menu-content]") === event.currentTarget;
                           const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
@@ -138108,15 +137717,15 @@ var MenuContentImpl = React__namespace.forwardRef(
                           const items = getItems().filter((item) => !item.disabled);
                           const candidateNodes = items.map((item) => item.ref.current);
                           if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
-                          focusFirst$1(candidateNodes);
+                          focusFirst$2(candidateNodes);
                         }),
-                        onBlur: composeEventHandlers$1(props.onBlur, (event) => {
+                        onBlur: composeEventHandlers$2(props.onBlur, (event) => {
                           if (!event.currentTarget.contains(event.target)) {
                             window.clearTimeout(timerRef.current);
                             searchRef.current = "";
                           }
                         }),
-                        onPointerMove: composeEventHandlers$1(
+                        onPointerMove: composeEventHandlers$2(
                           props.onPointerMove,
                           whenMouse((event) => {
                             const target = event.target;
@@ -138141,31 +137750,31 @@ var MenuContentImpl = React__namespace.forwardRef(
   }
 );
 MenuContent.displayName = CONTENT_NAME$3;
-var GROUP_NAME$1 = "MenuGroup";
+var GROUP_NAME$2 = "MenuGroup";
 var MenuGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
-MenuGroup.displayName = GROUP_NAME$1;
+MenuGroup.displayName = GROUP_NAME$2;
 var LABEL_NAME$1 = "MenuLabel";
 var MenuLabel = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$1;
-var ITEM_NAME$1 = "MenuItem";
+var ITEM_NAME$3 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
 var MenuItem = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { disabled = false, onSelect, ...itemProps } = props;
     const ref = React__namespace.useRef(null);
-    const rootContext = useMenuRootContext(ITEM_NAME$1, props.__scopeMenu);
-    const contentContext = useMenuContentContext(ITEM_NAME$1, props.__scopeMenu);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const rootContext = useMenuRootContext(ITEM_NAME$3, props.__scopeMenu);
+    const contentContext = useMenuContentContext(ITEM_NAME$3, props.__scopeMenu);
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
     const isPointerDownRef = React__namespace.useRef(false);
     const handleSelect = () => {
       const menuItem = ref.current;
@@ -138186,15 +137795,15 @@ var MenuItem = React__namespace.forwardRef(
         ...itemProps,
         ref: composedRefs,
         disabled,
-        onClick: composeEventHandlers$1(props.onClick, handleSelect),
+        onClick: composeEventHandlers$2(props.onClick, handleSelect),
         onPointerDown: (event) => {
           props.onPointerDown?.(event);
           isPointerDownRef.current = true;
         },
-        onPointerUp: composeEventHandlers$1(props.onPointerUp, (event) => {
+        onPointerUp: composeEventHandlers$2(props.onPointerUp, (event) => {
           if (!isPointerDownRef.current) event.currentTarget?.click();
         }),
-        onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
           const isTypingAhead = contentContext.searchRef.current !== "";
           if (disabled || isTypingAhead && event.key === " ") return;
           if (SELECTION_KEYS.includes(event.key)) {
@@ -138206,14 +137815,14 @@ var MenuItem = React__namespace.forwardRef(
     );
   }
 );
-MenuItem.displayName = ITEM_NAME$1;
+MenuItem.displayName = ITEM_NAME$3;
 var MenuItemImpl = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
-    const contentContext = useMenuContentContext(ITEM_NAME$1, __scopeMenu);
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
+    const contentContext = useMenuContentContext(ITEM_NAME$3, __scopeMenu);
+    const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
     const [isFocused, setIsFocused] = React__namespace.useState(false);
     const [textContent, setTextContent] = React__namespace.useState("");
     React__namespace.useEffect(() => {
@@ -138223,13 +137832,13 @@ var MenuItemImpl = React__namespace.forwardRef(
       }
     }, [itemProps.children]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Collection.ItemSlot,
+      Collection$1.ItemSlot,
       {
         scope: __scopeMenu,
         disabled,
         textValue: textValue ?? textContent,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$2.div,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Item$1, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Primitive$3.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -138237,7 +137846,7 @@ var MenuItemImpl = React__namespace.forwardRef(
             "data-disabled": disabled ? "" : void 0,
             ...itemProps,
             ref: composedRefs,
-            onPointerMove: composeEventHandlers$1(
+            onPointerMove: composeEventHandlers$2(
               props.onPointerMove,
               whenMouse((event) => {
                 if (disabled) {
@@ -138251,12 +137860,12 @@ var MenuItemImpl = React__namespace.forwardRef(
                 }
               })
             ),
-            onPointerLeave: composeEventHandlers$1(
+            onPointerLeave: composeEventHandlers$2(
               props.onPointerLeave,
               whenMouse((event) => contentContext.onItemLeave(event))
             ),
-            onFocus: composeEventHandlers$1(props.onFocus, () => setIsFocused(true)),
-            onBlur: composeEventHandlers$1(props.onBlur, () => setIsFocused(false))
+            onFocus: composeEventHandlers$2(props.onFocus, () => setIsFocused(true)),
+            onBlur: composeEventHandlers$2(props.onBlur, () => setIsFocused(false))
           }
         ) })
       }
@@ -138275,7 +137884,7 @@ var MenuCheckboxItem = React__namespace.forwardRef(
         ...checkboxItemProps,
         ref: forwardedRef,
         "data-state": getCheckedState(checked),
-        onSelect: composeEventHandlers$1(
+        onSelect: composeEventHandlers$2(
           checkboxItemProps.onSelect,
           () => onCheckedChange?.(isIndeterminate(checked) ? true : !checked),
           { checkForDefaultPrevented: false }
@@ -138285,25 +137894,25 @@ var MenuCheckboxItem = React__namespace.forwardRef(
   }
 );
 MenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME$1;
-var RADIO_GROUP_NAME$1 = "MenuRadioGroup";
-var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
-  RADIO_GROUP_NAME$1,
+var RADIO_GROUP_NAME$2 = "MenuRadioGroup";
+var [RadioGroupProvider$1, useRadioGroupContext$1] = createMenuContext(
+  RADIO_GROUP_NAME$2,
   { value: void 0, onValueChange: () => {
   } }
 );
 var MenuRadioGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { value, onValueChange, ...groupProps } = props;
-    const handleValueChange = useCallbackRef$2(onValueChange);
-    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
+    const handleValueChange = useCallbackRef$3(onValueChange);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupProvider$1, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
   }
 );
-MenuRadioGroup.displayName = RADIO_GROUP_NAME$1;
+MenuRadioGroup.displayName = RADIO_GROUP_NAME$2;
 var RADIO_ITEM_NAME$1 = "MenuRadioItem";
 var MenuRadioItem = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { value, ...radioItemProps } = props;
-    const context = useRadioGroupContext(RADIO_ITEM_NAME$1, props.__scopeMenu);
+    const context = useRadioGroupContext$1(RADIO_ITEM_NAME$1, props.__scopeMenu);
     const checked = value === context.value;
     return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsxRuntime.jsx(
       MenuItem,
@@ -138313,7 +137922,7 @@ var MenuRadioItem = React__namespace.forwardRef(
         ...radioItemProps,
         ref: forwardedRef,
         "data-state": getCheckedState(checked),
-        onSelect: composeEventHandlers$1(
+        onSelect: composeEventHandlers$2(
           radioItemProps.onSelect,
           () => context.onValueChange?.(value),
           { checkForDefaultPrevented: false }
@@ -138337,7 +137946,7 @@ var MenuItemIndicator = React__namespace.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$2.span,
+          Primitive$3.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -138354,7 +137963,7 @@ var MenuSeparator = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -138382,12 +137991,12 @@ var MenuSub = (props) => {
   const popperScope = usePopperScope$1(__scopeMenu);
   const [trigger, setTrigger] = React__namespace.useState(null);
   const [content, setContent] = React__namespace.useState(null);
-  const handleOpenChange = useCallbackRef$2(onOpenChange);
+  const handleOpenChange = useCallbackRef$3(onOpenChange);
   React__namespace.useEffect(() => {
     if (parentMenuContext.open === false) handleOpenChange(false);
     return () => handleOpenChange(false);
   }, [parentMenuContext.open, handleOpenChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Root2$3, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -138399,8 +138008,8 @@ var MenuSub = (props) => {
         MenuSubProvider,
         {
           scope: __scopeMenu,
-          contentId: useId$2(),
-          triggerId: useId$2(),
+          contentId: useId$3(),
+          triggerId: useId$3(),
           trigger,
           onTriggerChange: setTrigger,
           children
@@ -138441,14 +138050,14 @@ var MenuSubTrigger = React__namespace.forwardRef(
         "aria-controls": subContext.contentId,
         "data-state": getOpenState(context.open),
         ...props,
-        ref: composeRefs$1(forwardedRef, subContext.onTriggerChange),
+        ref: composeRefs$2(forwardedRef, subContext.onTriggerChange),
         onClick: (event) => {
           props.onClick?.(event);
           if (props.disabled || event.defaultPrevented) return;
           event.currentTarget.focus();
           if (!context.open) context.onOpenChange(true);
         },
-        onPointerMove: composeEventHandlers$1(
+        onPointerMove: composeEventHandlers$2(
           props.onPointerMove,
           whenMouse((event) => {
             contentContext.onItemEnter(event);
@@ -138462,7 +138071,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
             }
           })
         ),
-        onPointerLeave: composeEventHandlers$1(
+        onPointerLeave: composeEventHandlers$2(
           props.onPointerLeave,
           whenMouse((event) => {
             clearOpenTimer();
@@ -138497,7 +138106,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
             }
           })
         ),
-        onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
           const isTypingAhead = contentContext.searchRef.current !== "";
           if (props.disabled || isTypingAhead && event.key === " ") return;
           if (SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {
@@ -138520,8 +138129,8 @@ var MenuSubContent = React__namespace.forwardRef(
     const rootContext = useMenuRootContext(CONTENT_NAME$3, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
-    return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
+    return /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
       MenuContentImpl,
       {
         id: subContext.contentId,
@@ -138538,14 +138147,14 @@ var MenuSubContent = React__namespace.forwardRef(
           event.preventDefault();
         },
         onCloseAutoFocus: (event) => event.preventDefault(),
-        onFocusOutside: composeEventHandlers$1(props.onFocusOutside, (event) => {
+        onFocusOutside: composeEventHandlers$2(props.onFocusOutside, (event) => {
           if (event.target !== subContext.trigger) context.onOpenChange(false);
         }),
-        onEscapeKeyDown: composeEventHandlers$1(props.onEscapeKeyDown, (event) => {
+        onEscapeKeyDown: composeEventHandlers$2(props.onEscapeKeyDown, (event) => {
           rootContext.onClose();
           event.preventDefault();
         }),
-        onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
           const isKeyDownInside = event.currentTarget.contains(event.target);
           const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);
           if (isKeyDownInside && isCloseKey) {
@@ -138568,7 +138177,7 @@ function isIndeterminate(checked) {
 function getCheckedState(checked) {
   return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-function focusFirst$1(candidates) {
+function focusFirst$2(candidates) {
   const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
   for (const candidate of candidates) {
     if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
@@ -138576,14 +138185,14 @@ function focusFirst$1(candidates) {
     if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
   }
 }
-function wrapArray(array, startIndex) {
+function wrapArray$1(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
 function getNextMatch(values, search, currentMatch) {
   const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
   const normalizedSearch = isRepeated ? search[0] : search;
   const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
-  let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));
+  let wrappedValues = wrapArray$1(values, Math.max(currentMatchIndex, 0));
   const excludeCurrentMatch = normalizedSearch.length === 1;
   if (excludeCurrentMatch) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
   const nextMatch = wrappedValues.find(
@@ -138618,9 +138227,9 @@ var Portal$2 = MenuPortal;
 var Content2$2 = MenuContent;
 var Group = MenuGroup;
 var Label = MenuLabel;
-var Item2$1 = MenuItem;
+var Item2$2 = MenuItem;
 var CheckboxItem = MenuCheckboxItem;
-var RadioGroup = MenuRadioGroup;
+var RadioGroup$2 = MenuRadioGroup;
 var RadioItem = MenuRadioItem;
 var ItemIndicator = MenuItemIndicator;
 var Separator$2 = MenuSeparator;
@@ -138630,22 +138239,22 @@ var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$1 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
-var useReactId$1 = React__namespace["useId".toString()] || (() => void 0);
-var count$2 = 0;
-function useId$1(deterministicId) {
-  const [id, setId] = React__namespace.useState(useReactId$1());
-  useLayoutEffect2$1(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count$2++));
+var useReactId$2 = React__namespace["useId".toString()] || (() => void 0);
+var count$3 = 0;
+function useId$2(deterministicId) {
+  const [id, setId] = React__namespace.useState(useReactId$2());
+  useLayoutEffect2$2(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$3++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
 var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$6(
+var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$9(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 );
@@ -138663,7 +138272,7 @@ var DropdownMenu = (props) => {
   } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   const triggerRef = React__namespace.useRef(null);
-  const [open = false, setOpen] = useControllableState$2({
+  const [open = false, setOpen] = useControllableState$3({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
@@ -138672,9 +138281,9 @@ var DropdownMenu = (props) => {
     DropdownMenuProvider,
     {
       scope: __scopeDropdownMenu,
-      triggerId: useId$1(),
+      triggerId: useId$2(),
       triggerRef,
-      contentId: useId$1(),
+      contentId: useId$2(),
       open,
       onOpenChange: setOpen,
       onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
@@ -138691,7 +138300,7 @@ var DropdownMenuTrigger = React__namespace.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME$1, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsxRuntime.jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$3.button,
+      Primitive$4.button,
       {
         type: "button",
         id: context.triggerId,
@@ -138702,14 +138311,14 @@ var DropdownMenuTrigger = React__namespace.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         disabled,
         ...triggerProps,
-        ref: composeRefs$2(forwardedRef, context.triggerRef),
-        onPointerDown: composeEventHandlers$2(props.onPointerDown, (event) => {
+        ref: composeRefs$3(forwardedRef, context.triggerRef),
+        onPointerDown: composeEventHandlers$3(props.onPointerDown, (event) => {
           if (!disabled && event.button === 0 && event.ctrlKey === false) {
             context.onOpenToggle();
             if (!context.open) event.preventDefault();
           }
         }),
-        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
           if (disabled) return;
           if (["Enter", " "].includes(event.key)) context.onOpenToggle();
           if (event.key === "ArrowDown") context.onOpenChange(true);
@@ -138742,12 +138351,12 @@ var DropdownMenuContent = React__namespace.forwardRef(
         ...menuScope,
         ...contentProps,
         ref: forwardedRef,
-        onCloseAutoFocus: composeEventHandlers$2(props.onCloseAutoFocus, (event) => {
+        onCloseAutoFocus: composeEventHandlers$3(props.onCloseAutoFocus, (event) => {
           if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
           hasInteractedOutsideRef.current = false;
           event.preventDefault();
         }),
-        onInteractOutside: composeEventHandlers$2(props.onInteractOutside, (event) => {
+        onInteractOutside: composeEventHandlers$3(props.onInteractOutside, (event) => {
           const originalEvent = event.detail.originalEvent;
           const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
           const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
@@ -138769,7 +138378,7 @@ var DropdownMenuContent = React__namespace.forwardRef(
   }
 );
 DropdownMenuContent.displayName = CONTENT_NAME$2;
-var GROUP_NAME = "DropdownMenuGroup";
+var GROUP_NAME$1 = "DropdownMenuGroup";
 var DropdownMenuGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...groupProps } = props;
@@ -138777,7 +138386,7 @@ var DropdownMenuGroup = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
   }
 );
-DropdownMenuGroup.displayName = GROUP_NAME;
+DropdownMenuGroup.displayName = GROUP_NAME$1;
 var LABEL_NAME = "DropdownMenuLabel";
 var DropdownMenuLabel = React__namespace.forwardRef(
   (props, forwardedRef) => {
@@ -138787,15 +138396,15 @@ var DropdownMenuLabel = React__namespace.forwardRef(
   }
 );
 DropdownMenuLabel.displayName = LABEL_NAME;
-var ITEM_NAME = "DropdownMenuItem";
+var ITEM_NAME$2 = "DropdownMenuItem";
 var DropdownMenuItem = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsxRuntime.jsx(Item2$1, { ...menuScope, ...itemProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(Item2$2, { ...menuScope, ...itemProps, ref: forwardedRef });
   }
 );
-DropdownMenuItem.displayName = ITEM_NAME;
+DropdownMenuItem.displayName = ITEM_NAME$2;
 var CHECKBOX_ITEM_NAME = "DropdownMenuCheckboxItem";
 var DropdownMenuCheckboxItem = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
@@ -138803,13 +138412,13 @@ var DropdownMenuCheckboxItem = React__namespace.forwardRef((props, forwardedRef)
   return /* @__PURE__ */ jsxRuntime.jsx(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 });
 DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
-var RADIO_GROUP_NAME = "DropdownMenuRadioGroup";
+var RADIO_GROUP_NAME$1 = "DropdownMenuRadioGroup";
 var DropdownMenuRadioGroup = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioGroupProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroup$2, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
 });
-DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;
+DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME$1;
 var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
 var DropdownMenuRadioItem = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
@@ -138817,13 +138426,13 @@ var DropdownMenuRadioItem = React__namespace.forwardRef((props, forwardedRef) =>
   return /* @__PURE__ */ jsxRuntime.jsx(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 });
 DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;
-var INDICATOR_NAME = "DropdownMenuItemIndicator";
+var INDICATOR_NAME$1 = "DropdownMenuItemIndicator";
 var DropdownMenuItemIndicator = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 });
-DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
+DropdownMenuItemIndicator.displayName = INDICATOR_NAME$1;
 var SEPARATOR_NAME = "DropdownMenuSeparator";
 var DropdownMenuSeparator = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...separatorProps } = props;
@@ -138843,7 +138452,7 @@ DropdownMenuArrow.displayName = ARROW_NAME$2;
 var DropdownMenuSub = (props) => {
   const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const [open = false, setOpen] = useControllableState$2({
+  const [open = false, setOpen] = useControllableState$3({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
@@ -138882,13 +138491,13 @@ var DropdownMenuSubContent = React__namespace.forwardRef((props, forwardedRef) =
   );
 });
 DropdownMenuSubContent.displayName = SUB_CONTENT_NAME;
-var Root2$2 = DropdownMenu;
+var Root2$3 = DropdownMenu;
 var Trigger$1 = DropdownMenuTrigger;
 var Portal2 = DropdownMenuPortal;
 var Content2$1 = DropdownMenuContent;
 var Group2 = DropdownMenuGroup;
 var Label2 = DropdownMenuLabel;
-var Item2 = DropdownMenuItem;
+var Item2$1 = DropdownMenuItem;
 var CheckboxItem2 = DropdownMenuCheckboxItem;
 var RadioGroup2 = DropdownMenuRadioGroup;
 var RadioItem2 = DropdownMenuRadioItem;
@@ -138911,7 +138520,7 @@ var menuStyleClasses = {
     separator: "-s-mx-1 s-my-1 s-h-px s-bg-separator",
     shortcut: "s-ml-auto s-text-xs s-tracking-widest s-text-primary-400",
 };
-var NewDropdownMenu = Root2$2;
+var NewDropdownMenu = Root2$3;
 var NewDropdownMenuGroup = Group2;
 var NewDropdownMenuPortal = Portal2;
 var NewDropdownMenuSub = Sub2;
@@ -138954,10 +138563,10 @@ var NewDropdownMenuContent = React__namespace.forwardRef(function (_a, ref) {
 NewDropdownMenuContent.displayName = Content2$1.displayName;
 var NewDropdownMenuItem = React__namespace.forwardRef(function (_a, ref) {
     var children = _a.children, description = _a.description, className = _a.className, inset = _a.inset, icon = _a.icon, label = _a.label, props = __rest(_a, ["children", "description", "className", "inset", "icon", "label"]);
-    return (React__namespace.createElement(Item2, __assign({ ref: ref, className: cn(menuStyleClasses.item, inset ? menuStyleClasses.inset : "", className || "") }, props),
+    return (React__namespace.createElement(Item2$1, __assign({ ref: ref, className: cn(menuStyleClasses.item, inset ? menuStyleClasses.inset : "", className || "") }, props),
         React__namespace.createElement(ItemWithLabelIconAndDescription, { label: label, icon: icon, description: description }, children)));
 });
-NewDropdownMenuItem.displayName = Item2.displayName;
+NewDropdownMenuItem.displayName = Item2$1.displayName;
 var NewDropdownMenuCheckboxItem = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, checked = _a.checked, props = __rest(_a, ["className", "children", "checked"]);
     return (React__namespace.createElement(CheckboxItem2, __assign({ ref: ref, className: cn(menuStyleClasses.item, menuStyleClasses.inset, className || ""), checked: checked }, props),
@@ -139011,7 +138620,7 @@ function Notification(_a) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$1 = [
+var NODES$2 = [
   "a",
   "button",
   "div",
@@ -139029,7 +138638,7 @@ var NODES$1 = [
   "svg",
   "ul"
 ];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
+var Primitive$2 = NODES$2.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -139052,7 +138661,7 @@ var Separator$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const ariaOrientation = orientation === "vertical" ? orientation : void 0;
   const semanticProps = decorative ? { role: "none" } : { "aria-orientation": ariaOrientation, role: "separator" };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$1.div,
+    Primitive$2.div,
     {
       "data-orientation": orientation,
       ...semanticProps,
@@ -139065,13 +138674,13 @@ Separator$1.displayName = NAME$1;
 function isValidOrientation(orientation) {
   return ORIENTATIONS.includes(orientation);
 }
-var Root$1 = Separator$1;
+var Root$2 = Separator$1;
 
 var Separator = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, _c = _a.decorative, decorative = _c === void 0 ? true : _c, props = __rest(_a, ["className", "orientation", "decorative"]);
-    return (React__namespace.createElement(Root$1, __assign({ ref: ref, decorative: decorative, orientation: orientation, className: classNames("s-bg-separator s-shrink-0", orientation === "horizontal" ? "s-h-[1px] s-w-full" : "s-h-full s-w-[1px]", className !== null && className !== void 0 ? className : "") }, props)));
+    return (React__namespace.createElement(Root$2, __assign({ ref: ref, decorative: decorative, orientation: orientation, className: classNames("s-bg-separator s-shrink-0", orientation === "horizontal" ? "s-h-[1px] s-w-full" : "s-h-full s-w-[1px]", className !== null && className !== void 0 ? className : "") }, props)));
 });
-Separator.displayName = Root$1.displayName;
+Separator.displayName = Root$2.displayName;
 
 function Page(_a) {
     var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "normal" : _b;
@@ -139184,7 +138793,7 @@ function PaginatedCitationsGrid(_a) {
 }
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -139194,22 +138803,22 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef(ref, value) {
+function setRef$1(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs(...refs) {
-  return (node) => refs.forEach((ref) => setRef(ref, node));
+function composeRefs$1(...refs) {
+  return (node) => refs.forEach((ref) => setRef$1(ref, node));
 }
-function useComposedRefs(...refs) {
-  return React__namespace.useCallback(composeRefs(...refs), refs);
+function useComposedRefs$1(...refs) {
+  return React__namespace.useCallback(composeRefs$1(...refs), refs);
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$1(scopeName, createContextScopeDeps = []) {
+function createContextScope$4(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -139244,9 +138853,9 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$4(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$1(...scopes) {
+function composeContextScopes$4(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -139268,7 +138877,7 @@ function composeContextScopes$1(...scopes) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES = [
+var NODES$1 = [
   "a",
   "button",
   "div",
@@ -139286,7 +138895,7 @@ var NODES = [
   "svg",
   "ul"
 ];
-var Primitive = NODES.reduce((primitive, node) => {
+var Primitive$1 = NODES$1.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -139303,7 +138912,7 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef(callback) {
+function useCallbackRef$1(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -139313,7 +138922,7 @@ function useCallbackRef(callback) {
 
 // packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
-  const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
+  const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -139350,7 +138959,7 @@ var DismissableLayer = React__namespace.forwardRef(
     const [node, setNode] = React__namespace.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
     const [, force] = React__namespace.useState({});
-    const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
+    const composedRefs = useComposedRefs$1(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -139413,7 +139022,7 @@ var DismissableLayer = React__namespace.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive.div,
+      Primitive$1.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -139421,9 +139030,9 @@ var DismissableLayer = React__namespace.forwardRef(
           pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
           ...props.style
         },
-        onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers(
+        onFocusCapture: composeEventHandlers$1(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers$1(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers$1(
           props.onPointerDownCapture,
           pointerDownOutside.onPointerDownCapture
         )
@@ -139436,7 +139045,7 @@ var BRANCH_NAME = "DismissableLayerBranch";
 var DismissableLayerBranch = React__namespace.forwardRef((props, forwardedRef) => {
   const context = React__namespace.useContext(DismissableLayerContext);
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const composedRefs = useComposedRefs$1(forwardedRef, ref);
   React__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
@@ -139446,11 +139055,11 @@ var DismissableLayerBranch = React__namespace.forwardRef((props, forwardedRef) =
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
-  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
+  const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React__namespace.useRef(false);
   const handleClickRef = React__namespace.useRef(() => {
   });
@@ -139493,7 +139102,7 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
   };
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
-  const handleFocusOutside = useCallbackRef(onFocusOutside);
+  const handleFocusOutside = useCallbackRef$1(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -139527,18 +139136,18 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
   }
 }
 
-var count$1 = 0;
+var count$2 = 0;
 function useFocusGuards() {
   React__namespace.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
-    count$1++;
+    count$2++;
     return () => {
-      if (count$1 === 1) {
+      if (count$2 === 1) {
         document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
       }
-      count$1--;
+      count$2--;
     };
   }, []);
 }
@@ -139555,7 +139164,7 @@ function createFocusGuard() {
 
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
-var EVENT_OPTIONS = { bubbles: false, cancelable: true };
+var EVENT_OPTIONS$1 = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
 var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
   const {
@@ -139566,10 +139175,10 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
     ...scopeProps
   } = props;
   const [container, setContainer] = React__namespace.useState(null);
-  const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
-  const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
+  const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
+  const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
   const lastFocusedElementRef = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
+  const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContainer(node));
   const focusScope = React__namespace.useRef({
     paused: false,
     pause() {
@@ -139620,11 +139229,11 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
       const previouslyFocusedElement = document.activeElement;
       const hasFocusedCandidate = container.contains(previouslyFocusedElement);
       if (!hasFocusedCandidate) {
-        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
+        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS$1);
         container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
         container.dispatchEvent(mountEvent);
         if (!mountEvent.defaultPrevented) {
-          focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });
+          focusFirst$1(removeLinks(getTabbableCandidates(container)), { select: true });
           if (document.activeElement === previouslyFocusedElement) {
             focus(container);
           }
@@ -139633,7 +139242,7 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
       return () => {
         container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
         setTimeout(() => {
-          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
+          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS$1);
           container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
           container.dispatchEvent(unmountEvent);
           if (!unmountEvent.defaultPrevented) {
@@ -139670,10 +139279,10 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
-function focusFirst(candidates, { select = false } = {}) {
+function focusFirst$1(candidates, { select = false } = {}) {
   const previouslyFocusedElement = document.activeElement;
   for (const candidate of candidates) {
     focus(candidate, { select });
@@ -139754,16 +139363,16 @@ function removeLinks(items) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$1 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
-var useReactId = React__namespace["useId".toString()] || (() => void 0);
-var count = 0;
-function useId(deterministicId) {
-  const [id, setId] = React__namespace.useState(useReactId());
-  useLayoutEffect2(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count++));
+var useReactId$1 = React__namespace["useId".toString()] || (() => void 0);
+var count$1 = 0;
+function useId$1(deterministicId) {
+  const [id, setId] = React__namespace.useState(useReactId$1());
+  useLayoutEffect2$1(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$1++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
@@ -139773,7 +139382,7 @@ var NAME = "Arrow";
 var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive.svg,
+    Primitive$1.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -139786,10 +139395,10 @@ var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$1.displayName = NAME;
-var Root = Arrow$1;
+var Root$1 = Arrow$1;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope(scopeName, createContextScopeDeps = []) {
+function createContextScope$3(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -139824,9 +139433,9 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$3(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes(...scopes) {
+function composeContextScopes$3(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -139848,9 +139457,9 @@ function composeContextScopes(...scopes) {
 }
 
 // packages/react/use-size/src/useSize.tsx
-function useSize(element) {
+function useSize$1(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2(() => {
+  useLayoutEffect2$1(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -139884,7 +139493,7 @@ function useSize(element) {
 }
 
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope$3(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
@@ -139898,11 +139507,11 @@ var PopperAnchor = React__namespace.forwardRef(
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME$1, __scopePopper);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
+    const composedRefs = useComposedRefs$1(forwardedRef, ref);
     React__namespace.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$1;
@@ -139928,9 +139537,9 @@ var PopperContent = React__namespace.forwardRef(
     } = props;
     const context = usePopperContext(CONTENT_NAME$1, __scopePopper);
     const [content, setContent] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
+    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContent(node));
     const [arrow$1, setArrow] = React__namespace.useState(null);
-    const arrowSize = useSize(arrow$1);
+    const arrowSize = useSize$1(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
     const desiredPlacement = side + (align !== "center" ? "-" + align : "");
@@ -139982,8 +139591,8 @@ var PopperContent = React__namespace.forwardRef(
       ]
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
-    const handlePlaced = useCallbackRef(onPlaced);
-    useLayoutEffect2(() => {
+    const handlePlaced = useCallbackRef$1(onPlaced);
+    useLayoutEffect2$1(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -139992,7 +139601,7 @@ var PopperContent = React__namespace.forwardRef(
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = React__namespace.useState();
-    useLayoutEffect2(() => {
+    useLayoutEffect2$1(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -140029,7 +139638,7 @@ var PopperContent = React__namespace.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive.div,
+              Primitive$1.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -140089,7 +139698,7 @@ var PopperArrow = React__namespace.forwardRef(function PopperArrow2(props, forwa
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root,
+          Root$1,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -140143,7 +139752,7 @@ function getSideAndAlignFromPlacement(placement) {
   const [side, align = "center"] = placement.split("-");
   return [side, align];
 }
-var Root2$1 = Popper;
+var Root2$2 = Popper;
 var Anchor = PopperAnchor;
 var Content = PopperContent;
 var Arrow = PopperArrow;
@@ -140152,23 +139761,23 @@ var PORTAL_NAME$1 = "Portal";
 var Portal$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React__namespace.useState(false);
-  useLayoutEffect2(() => setMounted(true), []);
+  useLayoutEffect2$1(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$1.displayName = PORTAL_NAME$1;
 
 // packages/react/use-controllable-state/src/useControllableState.tsx
-function useControllableState({
+function useControllableState$1({
   prop,
   defaultProp,
   onChange = () => {
   }
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$1({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef(onChange);
+  const handleChange = useCallbackRef$1(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -140183,14 +139792,14 @@ function useControllableState({
   );
   return [value, setValue];
 }
-function useUncontrolledState({
+function useUncontrolledState$1({
   defaultProp,
   onChange
 }) {
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef(onChange);
+  const handleChange = useCallbackRef$1(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -140520,7 +140129,7 @@ ReactRemoveScroll.classNames = RemoveScroll$1.classNames;
 var RemoveScroll = ReactRemoveScroll;
 
 var POPOVER_NAME = "Popover";
-var [createPopoverContext, createPopoverScope] = createContextScope$1(POPOVER_NAME, [
+var [createPopoverContext, createPopoverScope] = createContextScope$4(POPOVER_NAME, [
   createPopperScope
 ]);
 var usePopperScope = createPopperScope();
@@ -140537,16 +140146,16 @@ var Popover$1 = (props) => {
   const popperScope = usePopperScope(__scopePopover);
   const triggerRef = React__namespace.useRef(null);
   const [hasCustomAnchor, setHasCustomAnchor] = React__namespace.useState(false);
-  const [open = false, setOpen] = useControllableState({
+  const [open = false, setOpen] = useControllableState$1({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(Root2$1, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     PopoverProvider,
     {
       scope: __scopePopover,
-      contentId: useId(),
+      contentId: useId$1(),
       triggerRef,
       open,
       onOpenChange: setOpen,
@@ -140581,18 +140190,18 @@ var PopoverTrigger$1 = React__namespace.forwardRef(
     const { __scopePopover, ...triggerProps } = props;
     const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
     const popperScope = usePopperScope(__scopePopover);
-    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+    const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": context.open,
         "aria-controls": context.contentId,
-        "data-state": getState(context.open),
+        "data-state": getState$1(context.open),
         ...triggerProps,
         ref: composedTriggerRef,
-        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+        onClick: composeEventHandlers$1(props.onClick, context.onOpenToggle)
       }
     );
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: trigger });
@@ -140623,7 +140232,7 @@ var PopoverContentModal = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
     const contentRef = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, contentRef);
+    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
     const isRightClickOutsideRef = React__namespace.useRef(false);
     React__namespace.useEffect(() => {
       const content = contentRef.current;
@@ -140636,11 +140245,11 @@ var PopoverContentModal = React__namespace.forwardRef(
         ref: composedRefs,
         trapFocus: context.open,
         disableOutsidePointerEvents: true,
-        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
+        onCloseAutoFocus: composeEventHandlers$1(props.onCloseAutoFocus, (event) => {
           event.preventDefault();
           if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: composeEventHandlers(
+        onPointerDownOutside: composeEventHandlers$1(
           props.onPointerDownOutside,
           (event) => {
             const originalEvent = event.detail.originalEvent;
@@ -140650,7 +140259,7 @@ var PopoverContentModal = React__namespace.forwardRef(
           },
           { checkForDefaultPrevented: false }
         ),
-        onFocusOutside: composeEventHandlers(
+        onFocusOutside: composeEventHandlers$1(
           props.onFocusOutside,
           (event) => event.preventDefault(),
           { checkForDefaultPrevented: false }
@@ -140737,7 +140346,7 @@ var PopoverContentImpl = React__namespace.forwardRef(
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Content,
               {
-                "data-state": getState(context.open),
+                "data-state": getState$1(context.open),
                 role: "dialog",
                 id: context.contentId,
                 ...popperScope,
@@ -140768,12 +140377,12 @@ var PopoverClose = React__namespace.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         ...closeProps,
         ref: forwardedRef,
-        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
+        onClick: composeEventHandlers$1(props.onClick, () => context.onOpenChange(false))
       }
     );
   }
@@ -140788,15 +140397,15 @@ var PopoverArrow = React__namespace.forwardRef(
   }
 );
 PopoverArrow.displayName = ARROW_NAME;
-function getState(open) {
+function getState$1(open) {
   return open ? "open" : "closed";
 }
-var Root2 = Popover$1;
+var Root2$1 = Popover$1;
 var Trigger = PopoverTrigger$1;
 var Portal = PopoverPortal;
 var Content2 = PopoverContent$1;
 
-var PopoverRoot = Root2;
+var PopoverRoot = Root2$1;
 var PopoverTrigger = Trigger;
 var PopoverContent = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, props = __rest(_a, ["className", "align", "sideOffset", "fullWidth"]);
@@ -140905,30 +140514,951 @@ PriceTable.Container = function (_a) {
     return (React.createElement("div", { className: "s-flex s-w-full s-items-stretch s-gap-3" }, children));
 };
 
-var labelClasses = {
-    base: "s-text-sm s-text-element-800 dark:s-text-element-800-dark",
-    disabled: "s-text-sm s-text-element-600 dark:s-text-element-600-dark",
+// packages/core/primitive/src/primitive.tsx
+function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  };
+}
+
+// packages/react/compose-refs/src/composeRefs.tsx
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => refs.forEach((ref) => setRef(ref, node));
+}
+function useComposedRefs(...refs) {
+  return React__namespace.useCallback(composeRefs(...refs), refs);
+}
+
+// packages/react/context/src/createContext.tsx
+function createContextScope$2(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext3(rootComponentName, defaultContext) {
+    const BaseContext = React__namespace.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider = (props) => {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const value = React__namespace.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
+    };
+    Provider.displayName = rootComponentName + "Provider";
+    function useContext2(consumerName, scope) {
+      const Context = scope?.[scopeName]?.[index] || 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 [Provider, useContext2];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React__namespace.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React__namespace.useMemo(
+        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+        [scope, contexts]
+      );
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext3, composeContextScopes$2(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes$2(...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;
+}
+
+// packages/react/primitive/src/Primitive.tsx
+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 Node = React__namespace.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+
+// packages/react/context/src/createContext.tsx
+function createContextScope$1(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext3(rootComponentName, defaultContext) {
+    const BaseContext = React__namespace.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    function Provider(props) {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName][index] || BaseContext;
+      const value = React__namespace.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
+    }
+    function useContext2(consumerName, scope) {
+      const Context = scope?.[scopeName][index] || 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}\``);
+    }
+    Provider.displayName = rootComponentName + "Provider";
+    return [Provider, useContext2];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React__namespace.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React__namespace.useMemo(
+        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+        [scope, contexts]
+      );
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes$1(...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 createCollection(name) {
+  const PROVIDER_NAME = name + "CollectionProvider";
+  const [createCollectionContext, createCollectionScope] = createContextScope$1(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(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(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    }
+  );
+  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
+  function useCollection(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 },
+    useCollection,
+    createCollectionScope
+  ];
+}
+
+// packages/react/context/src/createContext.tsx
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext3(rootComponentName, defaultContext) {
+    const BaseContext = React__namespace.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    function Provider(props) {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName][index] || BaseContext;
+      const value = React__namespace.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
+    }
+    function useContext2(consumerName, scope) {
+      const Context = scope?.[scopeName][index] || 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}\``);
+    }
+    Provider.displayName = rootComponentName + "Provider";
+    return [Provider, useContext2];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React__namespace.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = 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;
+}
+
+// packages/react/use-layout-effect/src/useLayoutEffect.tsx
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
-var inputClasses = {
-    base: "s-form-radio s-p-2 s-transition-colors s-duration-300 s-ease-out s-border-px",
-    unselected: classNames("s-cursor-pointer", "s-border-structure-300 s-bg-structure-50", "hover:s-bg-action-100 hover:s-border-action-300", "active:s-bg-action-200 active:s-border-action-400 active:s-ring-0", "dark:s-border-structure-400-dark dark:s-bg-structure-100-dark", "dark:hover:s-bg-structure-200-dark dark:hover:s-border-action-600-dark"),
-    selected: classNames("s-bg-action-500 s-ring-0", "checked:s-ring-0 checked:s-bg-action-500"),
-    disabled: "s-cursor-default s-bg-structure-0 s-border-structure-300 dark:s-bg-structure-0-dark dark:s-border-structure-300-dark",
+
+// packages/react/id/src/id.tsx
+var useReactId = React__namespace["useId".toString()] || (() => void 0);
+var count = 0;
+function useId(deterministicId) {
+  const [id, setId] = React__namespace.useState(useReactId());
+  useLayoutEffect2(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count++));
+  }, [deterministicId]);
+  return deterministicId || (id ? `radix-${id}` : "");
+}
+
+// packages/react/use-callback-ref/src/useCallbackRef.tsx
+function useCallbackRef(callback) {
+  const callbackRef = React__namespace.useRef(callback);
+  React__namespace.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+}
+
+// packages/react/use-controllable-state/src/useControllableState.tsx
+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;
+}
+
+// packages/react/direction/src/Direction.tsx
+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 RadioButton(_a) {
-    var name = _a.name, choices = _a.choices, className = _a.className, value = _a.value, onChange = _a.onChange;
-    return (React.createElement("div", { className: classNames("s-flex s-gap-3", className || "") }, choices.map(function (choice) { return (React.createElement("div", { key: choice.value },
-        React.createElement("label", { className: classNames("s-flex s-items-center s-gap-2", choice.disabled ? labelClasses.disabled : labelClasses.base) },
-            React.createElement("input", { type: "radio", name: name, value: choice.value, checked: value === choice.value, disabled: choice.disabled, onChange: function (e) {
-                    onChange(e.target.value);
-                }, className: classNames(inputClasses.base, choice.disabled
-                    ? inputClasses.disabled
-                    : choice.value === value
-                        ? inputClasses.selected
-                        : inputClasses.unselected) }),
-            React.createElement("span", null, choice.label)))); })));
+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((_, index) => array[(startIndex + index) % array.length]);
+}
+var Root = RovingFocusGroup;
+var Item = RovingFocusGroupItem;
+
+// packages/react/use-size/src/useSize.tsx
+function useSize(element) {
+  const [size, 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 size;
+}
+
+// packages/react/use-previous/src/usePrevious.tsx
+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 RADIO_NAME = "Radio";
+var [createRadioContext, createRadioScope] = createContextScope$2(RADIO_NAME);
+var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
+var Radio = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeRadio,
+      name,
+      checked = false,
+      required,
+      disabled,
+      value = "on",
+      onCheck,
+      form,
+      ...radioProps
+    } = 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;
+    return /* @__PURE__ */ jsxRuntime.jsxs(RadioProvider, { scope: __scopeRadio, checked, disabled, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Primitive.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": checked,
+          "data-state": getState(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...radioProps,
+          ref: composedRefs,
+          onClick: composeEventHandlers(props.onClick, (event) => {
+            if (!checked) onCheck?.();
+            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%)" }
+        }
+      )
+    ] });
+  }
+);
+Radio.displayName = RADIO_NAME;
+var INDICATOR_NAME = "RadioIndicator";
+var RadioIndicator = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeRadio, forceMount, ...indicatorProps } = props;
+    const context = useRadioContext(INDICATOR_NAME, __scopeRadio);
+    return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.checked, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Primitive.span,
+      {
+        "data-state": getState(context.checked),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...indicatorProps,
+        ref: forwardedRef
+      }
+    ) });
+  }
+);
+RadioIndicator.displayName = INDICATOR_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: "radio",
+      "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 ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+var RADIO_GROUP_NAME = "RadioGroup";
+var [createRadioGroupContext, createRadioGroupScope] = createContextScope$2(RADIO_GROUP_NAME, [
+  createRovingFocusGroupScope,
+  createRadioScope
+]);
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var useRadioScope = createRadioScope();
+var [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME);
+var RadioGroup$1 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeRadioGroup,
+      name,
+      defaultValue,
+      value: valueProp,
+      required = false,
+      disabled = false,
+      orientation,
+      dir,
+      loop = true,
+      onValueChange,
+      ...groupProps
+    } = props;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
+    const direction = useDirection(dir);
+    const [value, setValue] = useControllableState({
+      prop: valueProp,
+      defaultProp: defaultValue,
+      onChange: onValueChange
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadioGroupProvider,
+      {
+        scope: __scopeRadioGroup,
+        name,
+        required,
+        disabled,
+        value,
+        onValueChange: setValue,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Root,
+          {
+            asChild: true,
+            ...rovingFocusGroupScope,
+            orientation,
+            dir: direction,
+            loop,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Primitive.div,
+              {
+                role: "radiogroup",
+                "aria-required": required,
+                "aria-orientation": orientation,
+                "data-disabled": disabled ? "" : void 0,
+                dir: direction,
+                ...groupProps,
+                ref: forwardedRef
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+RadioGroup$1.displayName = RADIO_GROUP_NAME;
+var ITEM_NAME = "RadioGroupItem";
+var RadioGroupItem$1 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeRadioGroup, disabled, ...itemProps } = props;
+    const context = useRadioGroupContext(ITEM_NAME, __scopeRadioGroup);
+    const isDisabled = context.disabled || disabled;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
+    const radioScope = useRadioScope(__scopeRadioGroup);
+    const ref = React__namespace.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    const checked = context.value === itemProps.value;
+    const isArrowKeyPressedRef = React__namespace.useRef(false);
+    React__namespace.useEffect(() => {
+      const handleKeyDown = (event) => {
+        if (ARROW_KEYS.includes(event.key)) {
+          isArrowKeyPressedRef.current = true;
+        }
+      };
+      const handleKeyUp = () => isArrowKeyPressedRef.current = false;
+      document.addEventListener("keydown", handleKeyDown);
+      document.addEventListener("keyup", handleKeyUp);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.removeEventListener("keyup", handleKeyUp);
+      };
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Item,
+      {
+        asChild: true,
+        ...rovingFocusGroupScope,
+        focusable: !isDisabled,
+        active: checked,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Radio,
+          {
+            disabled: isDisabled,
+            required: context.required,
+            checked,
+            ...radioScope,
+            ...itemProps,
+            name: context.name,
+            ref: composedRefs,
+            onCheck: () => context.onValueChange(itemProps.value),
+            onKeyDown: composeEventHandlers((event) => {
+              if (event.key === "Enter") event.preventDefault();
+            }),
+            onFocus: composeEventHandlers(itemProps.onFocus, () => {
+              if (isArrowKeyPressedRef.current) ref.current?.click();
+            })
+          }
+        )
+      }
+    );
+  }
+);
+RadioGroupItem$1.displayName = ITEM_NAME;
+var INDICATOR_NAME2 = "RadioGroupIndicator";
+var RadioGroupIndicator = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeRadioGroup, ...indicatorProps } = props;
+    const radioScope = useRadioScope(__scopeRadioGroup);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadioIndicator, { ...radioScope, ...indicatorProps, ref: forwardedRef });
+  }
+);
+RadioGroupIndicator.displayName = INDICATOR_NAME2;
+var Root2 = RadioGroup$1;
+var Item2 = RadioGroupItem$1;
+var Indicator = RadioGroupIndicator;
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+const falsyToString = (value)=>typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
+const cx = clsx;
+const cva = (base, config)=>{
+    return (props)=>{
+        var ref;
+        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+        const { variants , defaultVariants  } = config;
+        const getVariantClassNames = Object.keys(variants).map((variant)=>{
+            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+            if (variantProp === null) return null;
+            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+            return variants[variant][variantKey];
+        });
+        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
+            let [key, value] = param;
+            if (value === undefined) {
+                return acc;
+            }
+            acc[key] = value;
+            return acc;
+        }, {});
+        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{
+            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;
+            return Object.entries(compoundVariantOptions).every((param)=>{
+                let [key, value] = param;
+                return Array.isArray(value) ? value.includes({
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                }[key]) : ({
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                })[key] === value;
+            }) ? [
+                ...acc,
+                cvClass,
+                cvClassName
+            ] : acc;
+        }, []);
+        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+    };
+};
+
+var radioStyles = cva(cn("s-aspect-square s-h-4 s-w-4 s-rounded-full s-border s-border-primary-500 s-text-foreground s-ring-offset-background", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2 focus-visible:s-ring-ring", "disabled:s-cursor-not-allowed disabled:s-opacity-50", "checked:s-ring-0 checked:s-bg-action-500"), {
+    variants: {
+        size: {
+            xs: "s-h-4 s-w-4",
+            sm: "s-h-5 s-w-5",
+        },
+    },
+    defaultVariants: {
+        size: "xs",
+    },
+});
+var RadioGroup = React__namespace.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React__namespace.createElement(Root2, __assign({ className: cn("s-grid s-gap-2", className) }, props, { ref: ref })));
+});
+RadioGroup.displayName = Root2.displayName;
+var RadioGroupItem = React__namespace.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "xs" : _b, props = __rest(_a, ["className", "size"]);
+    return (React__namespace.createElement(Item2, __assign({ ref: ref, className: cn(radioStyles({ size: size }), className) }, props),
+        React__namespace.createElement(Indicator, { className: "s-flex s-items-center s-justify-center" },
+            React__namespace.createElement(CircleIcon, { className: cn(size === "xs" ? "s-h-2.5 s-w-2.5" : "s-h-3 s-w-3", "s-fill-current s-text-current focus:s-bg-action-50-dark") }))));
+});
+RadioGroupItem.displayName = Item2.displayName;
+
 var sizeClasses$1 = {
     xs: "s-text-xs s-h-[26px] s-pl-3 s-pr-6 s-pt-1.5 s-rounded-lg",
     sm: "s-text-sm s-h-[34px] s-pl-4 s-pr-8 s-pt-1.5 s-rounded-xl",
@@ -141476,13 +142006,11 @@ exports.ChatBubbleLeftRightIcon = SvgChatBubbleLeftRight$3;
 exports.ChatBubbleLeftRightStrokeIcon = SvgChatBubbleLeftRight$1;
 exports.ChatBubbleThoughtIcon = SvgChatBubbleThought$3;
 exports.ChatBubbleThoughtStrokeIcon = SvgChatBubbleThought$1;
-exports.CheckBoxWithTextAndDescription = CheckBoxWithTextAndDescription;
 exports.CheckCircleIcon = CheckCircleIcon;
 exports.CheckCircleStrokeIcon = SvgCheckCircle$1;
 exports.CheckIcon = CheckIcon;
 exports.CheckStrokeIcon = SvgCheck$1;
 exports.Checkbox = Checkbox;
-exports.CheckboxWithText = CheckboxWithText;
 exports.ChevronDoubleLeftIcon = SvgChevronDoubleLeft$3;
 exports.ChevronDoubleLeftStrokeIcon = SvgChevronDoubleLeft$1;
 exports.ChevronDoubleRightIcon = SvgChevronDoubleRight$3;
@@ -141628,7 +142156,7 @@ exports.InformationCircleIcon = InformationCircleIcon;
 exports.InformationCircleStrokeIcon = SvgInformationCircle$1;
 exports.Input = Input;
 exports.IntercomLogo = IntercomLogo;
-exports.Item = Item$1;
+exports.Item = Item$2;
 exports.KeyIcon = SvgKey$3;
 exports.KeyStrokeIcon = SvgKey$1;
 exports.Label = Label$1;
@@ -141732,7 +142260,8 @@ exports.PuzzleIcon = SvgPuzzle$3;
 exports.PuzzleStrokeIcon = SvgPuzzle$1;
 exports.QuestionMarkCircleIcon = SvgQuestionMarkCircle$3;
 exports.QuestionMarkCircleStrokeIcon = SvgQuestionMarkCircle$1;
-exports.RadioButton = RadioButton;
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
 exports.ReactionIcon = SvgReaction$3;
 exports.ReactionStrokeIcon = SvgReaction$1;
 exports.RectangleIcon = SvgRectangle$3;