@embedreach/components 0.1.41 → 0.1.43

package/dist/index.umd.js

@@ -4319,33 +4319,33 @@
   }
   function Portal$7(props) {
     const { useShadow } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
-    let content;
+    let content2;
     let hydrating = !!sharedConfig.context;
     createEffect(
       () => {
         if (hydrating)
           getOwner().user = hydrating = false;
-        content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
+        content2 || (content2 = runWithOwner(owner, () => createMemo(() => props.children)));
         const el = mount();
         if (el instanceof HTMLHeadElement) {
           const [clean, setClean] = createSignal(false);
           const cleanup = () => setClean(true);
-          createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
+          createRoot((dispose2) => insert(el, () => !clean() ? content2() : dispose2(), null));
           onCleanup(cleanup);
         } else {
-          const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
+          const container2 = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container2.attachShadow ? container2.attachShadow({
             mode: "open"
-          }) : container;
-          Object.defineProperty(container, "_$host", {
+          }) : container2;
+          Object.defineProperty(container2, "_$host", {
             get() {
               return marker.parentNode;
             },
             configurable: true
           });
-          insert(renderRoot, content);
-          el.appendChild(container);
-          props.ref && props.ref(container);
-          onCleanup(() => el.removeChild(container));
+          insert(renderRoot, content2);
+          el.appendChild(container2);
+          props.ref && props.ref(container2);
+          onCleanup(() => el.removeChild(container2));
         }
       },
       void 0,
@@ -11153,7 +11153,7 @@
   }
   Browser.type = "languageDetector";
   const ad_spend$1 = "Ad Spend";
-  const date$1 = "Date";
+  const date$2 = "Date";
   const close$1 = "Close";
   const connected$1 = "Connected";
   const connecting$1 = "Connecting...";
@@ -11540,7 +11540,7 @@
   };
   const enCommon = {
     ad_spend: ad_spend$1,
-    date: date$1,
+    date: date$2,
     close: close$1,
     "continue": "Continue",
     connected: connected$1,
@@ -11579,7 +11579,7 @@
     empty_state: empty_state$1
   };
   const ad_spend = "Gasto en anuncios";
-  const date = "Fecha";
+  const date$1 = "Fecha";
   const close = "Cerrar";
   const connected = "Conectado";
   const connecting = "Conectando...";
@@ -11966,7 +11966,7 @@
   };
   const esCommon = {
     ad_spend,
-    date,
+    date: date$1,
     close,
     "continue": "Continuar",
     connected,
@@ -12688,8 +12688,8 @@
     const { container: containerProp, ...portalProps } = props;
     const [mounted, setMounted] = React__namespace.useState(false);
     useLayoutEffect2(() => setMounted(true), []);
-    const container = containerProp || mounted && globalThis?.document?.body;
-    return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
+    const container2 = containerProp || mounted && globalThis?.document?.body;
+    return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container2) : null;
   });
   Portal$6.displayName = PORTAL_NAME$7;
   function useStateMachine(initialState, machine) {
@@ -13412,9 +13412,9 @@
       }
     );
   });
-  function getAnnounceTextContent(container) {
+  function getAnnounceTextContent(container2) {
     const textContent = [];
-    const childNodes = Array.from(container.childNodes);
+    const childNodes = Array.from(container2.childNodes);
     childNodes.forEach((node) => {
       if (node.nodeType === node.TEXT_NODE && node.textContent) textContent.push(node.textContent);
       if (isHTMLElement$2(node)) {
@@ -13468,9 +13468,9 @@
   function isHTMLElement$2(node) {
     return node.nodeType === node.ELEMENT_NODE;
   }
-  function getTabbableCandidates$2(container) {
+  function getTabbableCandidates$2(container2) {
     const nodes = [];
-    const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    const walker2 = document.createTreeWalker(container2, NodeFilter.SHOW_ELEMENT, {
       acceptNode: (node) => {
         const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
         if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
@@ -13510,9 +13510,9 @@
   }
   const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
   const cx = clsx$1;
-  const cva = (base, config) => (props) => {
+  const cva = (base2, config) => (props) => {
     var _config_compoundVariants;
-    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);
+    if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base2, 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];
@@ -13546,7 +13546,7 @@
         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);
+    return cx(base2, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
   };
   /**
    * @license lucide-react v0.464.0 - ISC
@@ -16559,11 +16559,11 @@
   function Toaster() {
     const { toasts } = useToast();
     return /* @__PURE__ */ jsxRuntime.jsxs(ToastProvider, { children: [
-      toasts.map(function({ id: id2, title, description, action, ...props }) {
+      toasts.map(function({ id: id2, title: title2, description: description2, action, ...props }) {
         return /* @__PURE__ */ jsxRuntime.jsxs(Toast, { ...props, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
-            title && /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: title }),
-            description && /* @__PURE__ */ jsxRuntime.jsx(ToastDescription, { children: description })
+            title2 && /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: title2 }),
+            description2 && /* @__PURE__ */ jsxRuntime.jsx(ToastDescription, { children: description2 })
           ] }),
           action,
           /* @__PURE__ */ jsxRuntime.jsx(ToastClose, {})
@@ -24238,7 +24238,29 @@
     }
     return element.props.ref || element.ref;
   }
-  const styles$6 = {};
+  const base$2 = "reach-styles-module__base___gfFyc";
+  const destructive$2 = "reach-styles-module__destructive___XjBvS";
+  const outline$2 = "reach-styles-module__outline___gFp3i";
+  const secondary$2 = "reach-styles-module__secondary___Pd-e3";
+  const ghost = "reach-styles-module__ghost___GcnJq";
+  const link = "reach-styles-module__link___EgS2H";
+  const sizeDefault$1 = "reach-styles-module__sizeDefault___8kU5A";
+  const sizeSm$1 = "reach-styles-module__sizeSm___zPIEh";
+  const sizeLg = "reach-styles-module__sizeLg___D2G8z";
+  const sizeIcon = "reach-styles-module__sizeIcon___5XkYW";
+  const styles$6 = {
+    base: base$2,
+    "default": "reach-styles-module__default___ny1h7",
+    destructive: destructive$2,
+    outline: outline$2,
+    secondary: secondary$2,
+    ghost,
+    link,
+    sizeDefault: sizeDefault$1,
+    sizeSm: sizeSm$1,
+    sizeLg,
+    sizeIcon
+  };
   const buttonVariants = cva([styles$6.base], {
     variants: {
       variant: {
@@ -24250,10 +24272,10 @@
         link: styles$6.link
       },
       size: {
-        default: styles$6["size-default"],
-        sm: styles$6["size-sm"],
-        lg: styles$6["size-lg"],
-        icon: styles$6["size-icon"]
+        default: styles$6.sizeDefault,
+        sm: styles$6.sizeSm,
+        lg: styles$6.sizeLg,
+        icon: styles$6.sizeIcon
       }
     },
     defaultVariants: {
@@ -24264,13 +24286,6 @@
   const Button$2 = React__namespace.forwardRef(
     ({ className: className2, variant, size: size3, asChild = false, ...props }, ref) => {
       const Comp = asChild ? Slot$2 : "button";
-      console.log(
-        `BUTTON VARIANTS`,
-        size3,
-        variant,
-        className2,
-        buttonVariants({ variant, size: size3, className: className2 })
-      );
       return /* @__PURE__ */ jsxRuntime.jsx(
         Comp,
         {
@@ -24326,16 +24341,16 @@
       )
     ] }) });
   };
-  const BigSelector = ({ onClick, title, subtitle, icon, selected, disabled = false }) => {
+  const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disabled = false }) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         onClick,
-        className: `flex flex-col items-center justify-center rounded-lg border-[3px] p-4 transition-all duration-300 ease-in-out ${disabled ? "opacity-50 cursor-not-allowed" : selected ? "scale-[1.02] hover:scale-[1.04] border-primary bg-primary/5" : "border-gray-200 hover:border-primary hover:bg-gray-50"}`,
+        className: `flex flex-col items-center justify-center rounded-lg border-[3px] p-4 transition-all duration-300 ease-in-out ${disabled ? "opacity-50 cursor-not-allowed" : selected ? "scale-[1.02] hover:scale-[1.04] [border-color:hsl(var(--reach-primary))] [background-color:hsl(var(--reach-primary)/0.05)]" : "border-gray-200 hover:[border-color:hsl(var(--reach-primary))] hover:bg-gray-50"}`,
         children: [
           icon,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: title2 }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: subtitle })
           ] })
         ]
@@ -26004,8 +26019,8 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       })
     );
     return dedupeLinkDescriptors(
-      links.flat(1).filter(isHtmlLinkDescriptor).filter((link) => link.rel === "stylesheet" || link.rel === "preload").map(
-        (link) => link.rel === "stylesheet" ? { ...link, rel: "prefetch", as: "style" } : { ...link, rel: "prefetch" }
+      links.flat(1).filter(isHtmlLinkDescriptor).filter((link2) => link2.rel === "stylesheet" || link2.rel === "preload").map(
+        (link2) => link2.rel === "stylesheet" ? { ...link2, rel: "prefetch", as: "style" } : { ...link2, rel: "prefetch" }
       )
     );
   }
@@ -26304,10 +26319,10 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       [newMatchesForAssets, manifest]
     );
     let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
-    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React__namespace.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React__namespace.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
+    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React__namespace.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React__namespace.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link: link2 }) => (
       // these don't spread `linkProps` because they are full link descriptors
       // already with their own props
-      /* @__PURE__ */ React__namespace.createElement("link", { key, ...link })
+      /* @__PURE__ */ React__namespace.createElement("link", { key, ...link2 })
     )));
   }
   function mergeRefs$1(...refs) {
@@ -26387,7 +26402,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
           internalOnClick(event);
         }
       }
-      let link = (
+      let link2 = (
         // eslint-disable-next-line jsx-a11y/anchor-has-content
         /* @__PURE__ */ React__namespace.createElement(
           "a",
@@ -26402,7 +26417,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
           }
         )
       );
-      return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, link, /* @__PURE__ */ React__namespace.createElement(PrefetchPageLinks, { page: href })) : link;
+      return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, link2, /* @__PURE__ */ React__namespace.createElement(PrefetchPageLinks, { page: href })) : link2;
     }
   );
   Link.displayName = "Link";
@@ -27117,7 +27132,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       onUnmountAutoFocus: onUnmountAutoFocusProp,
       ...scopeProps
     } = props;
-    const [container, setContainer] = React__namespace.useState(null);
+    const [container2, setContainer] = React__namespace.useState(null);
     const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
     const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
     const lastFocusedElementRef = React__namespace.useRef(null);
@@ -27134,69 +27149,69 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     React__namespace.useEffect(() => {
       if (trapped) {
         let handleFocusIn2 = function(event) {
-          if (focusScope.paused || !container) return;
+          if (focusScope.paused || !container2) return;
           const target = event.target;
-          if (container.contains(target)) {
+          if (container2.contains(target)) {
             lastFocusedElementRef.current = target;
           } else {
             focus$1(lastFocusedElementRef.current, { select: true });
           }
         }, handleFocusOut2 = function(event) {
-          if (focusScope.paused || !container) return;
+          if (focusScope.paused || !container2) return;
           const relatedTarget = event.relatedTarget;
           if (relatedTarget === null) return;
-          if (!container.contains(relatedTarget)) {
+          if (!container2.contains(relatedTarget)) {
             focus$1(lastFocusedElementRef.current, { select: true });
           }
         }, handleMutations2 = function(mutations) {
           const focusedElement = document.activeElement;
           if (focusedElement !== document.body) return;
           for (const mutation of mutations) {
-            if (mutation.removedNodes.length > 0) focus$1(container);
+            if (mutation.removedNodes.length > 0) focus$1(container2);
           }
         };
         document.addEventListener("focusin", handleFocusIn2);
         document.addEventListener("focusout", handleFocusOut2);
         const mutationObserver = new MutationObserver(handleMutations2);
-        if (container) mutationObserver.observe(container, { childList: true, subtree: true });
+        if (container2) mutationObserver.observe(container2, { childList: true, subtree: true });
         return () => {
           document.removeEventListener("focusin", handleFocusIn2);
           document.removeEventListener("focusout", handleFocusOut2);
           mutationObserver.disconnect();
         };
       }
-    }, [trapped, container, focusScope.paused]);
+    }, [trapped, container2, focusScope.paused]);
     React__namespace.useEffect(() => {
-      if (container) {
+      if (container2) {
         focusScopesStack$1.add(focusScope);
         const previouslyFocusedElement = document.activeElement;
-        const hasFocusedCandidate = container.contains(previouslyFocusedElement);
+        const hasFocusedCandidate = container2.contains(previouslyFocusedElement);
         if (!hasFocusedCandidate) {
           const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$3);
-          container.addEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
-          container.dispatchEvent(mountEvent);
+          container2.addEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
+          container2.dispatchEvent(mountEvent);
           if (!mountEvent.defaultPrevented) {
-            focusFirst$3(removeLinks$1(getTabbableCandidates$1(container)), { select: true });
+            focusFirst$3(removeLinks$1(getTabbableCandidates$1(container2)), { select: true });
             if (document.activeElement === previouslyFocusedElement) {
-              focus$1(container);
+              focus$1(container2);
             }
           }
         }
         return () => {
-          container.removeEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
+          container2.removeEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
           setTimeout(() => {
             const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$3);
-            container.addEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
-            container.dispatchEvent(unmountEvent);
+            container2.addEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
+            container2.dispatchEvent(unmountEvent);
             if (!unmountEvent.defaultPrevented) {
               focus$1(previouslyFocusedElement ?? document.body, { select: true });
             }
-            container.removeEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
+            container2.removeEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
             focusScopesStack$1.remove(focusScope);
           }, 0);
         };
       }
-    }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
+    }, [container2, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
     const handleKeyDown = React__namespace.useCallback(
       (event) => {
         if (!loop && !trapped) return;
@@ -27204,11 +27219,11 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
         const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
         const focusedElement = document.activeElement;
         if (isTabKey && focusedElement) {
-          const container2 = event.currentTarget;
-          const [first, last] = getTabbableEdges$1(container2);
+          const container22 = event.currentTarget;
+          const [first, last] = getTabbableEdges$1(container22);
           const hasTabbableElementsInside = first && last;
           if (!hasTabbableElementsInside) {
-            if (focusedElement === container2) event.preventDefault();
+            if (focusedElement === container22) event.preventDefault();
           } else {
             if (!event.shiftKey && focusedElement === last) {
               event.preventDefault();
@@ -27232,15 +27247,15 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       if (document.activeElement !== previouslyFocusedElement) return;
     }
   }
-  function getTabbableEdges$1(container) {
-    const candidates = getTabbableCandidates$1(container);
-    const first = findVisible$1(candidates, container);
-    const last = findVisible$1(candidates.reverse(), container);
+  function getTabbableEdges$1(container2) {
+    const candidates = getTabbableCandidates$1(container2);
+    const first = findVisible$1(candidates, container2);
+    const last = findVisible$1(candidates.reverse(), container2);
     return [first, last];
   }
-  function getTabbableCandidates$1(container) {
+  function getTabbableCandidates$1(container2) {
     const nodes = [];
-    const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    const walker2 = document.createTreeWalker(container2, NodeFilter.SHOW_ELEMENT, {
       acceptNode: (node) => {
         const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
         if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
@@ -27250,9 +27265,9 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     while (walker2.nextNode()) nodes.push(walker2.currentNode);
     return nodes;
   }
-  function findVisible$1(elements, container) {
+  function findVisible$1(elements, container2) {
     for (const element of elements) {
-      if (!isHidden$1(element, { upTo: container })) return element;
+      if (!isHidden$1(element, { upTo: container2 })) return element;
     }
   }
   function isHidden$1(node, { upTo }) {
@@ -27309,8 +27324,8 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     const { container: containerProp, ...portalProps } = props;
     const [mounted, setMounted] = React__namespace.useState(false);
     useLayoutEffect2(() => setMounted(true), []);
-    const container = containerProp || mounted && globalThis?.document?.body;
-    return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container) : null;
+    const container2 = containerProp || mounted && globalThis?.document?.body;
+    return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
   });
   Portal$5.displayName = PORTAL_NAME$6;
   var count = 0;
@@ -28175,9 +28190,9 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     forceMount: void 0
   });
   var DialogPortal$1 = (props) => {
-    const { __scopeDialog, forceMount, children: children2, container } = props;
+    const { __scopeDialog, forceMount, children: children2, container: container2 } = props;
     const context = useDialogContext(PORTAL_NAME$5, __scopeDialog);
-    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React__namespace.Children.map(children2, (child) => /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$5, { asChild: true, container, children: child }) })) });
+    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React__namespace.Children.map(children2, (child) => /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$5, { asChild: true, container: container2, children: child }) })) });
   };
   DialogPortal$1.displayName = PORTAL_NAME$5;
   var OVERLAY_NAME = "DialogOverlay";
@@ -28225,8 +28240,8 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       const contentRef = React__namespace.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
       React__namespace.useEffect(() => {
-        const content = contentRef.current;
-        if (content) return hideOthers(content);
+        const content2 = contentRef.current;
+        if (content2) return hideOthers(content2);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
         DialogContentImpl,
@@ -30675,7 +30690,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         ...contentProps
       } = props;
       const context = usePopperContext$1(CONTENT_NAME$6, __scopePopper);
-      const [content, setContent] = React__namespace.useState(null);
+      const [content2, setContent] = React__namespace.useState(null);
       const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
       const [arrow3, setArrow] = React__namespace.useState(null);
       const arrowSize = useSize(arrow3);
@@ -30741,8 +30756,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
       const [contentZIndex, setContentZIndex] = React__namespace.useState();
       useLayoutEffect2(() => {
-        if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
-      }, [content]);
+        if (content2) setContentZIndex(window.getComputedStyle(content2).zIndex);
+      }, [content2]);
       return /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
@@ -31089,9 +31104,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     forceMount: void 0
   });
   var TooltipPortal = (props) => {
-    const { __scopeTooltip, forceMount, children: children2, container } = props;
+    const { __scopeTooltip, forceMount, children: children2, container: container2 } = props;
     const context = useTooltipContext(PORTAL_NAME$4, __scopeTooltip);
-    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container: container2, children: children2 }) }) });
   };
   TooltipPortal.displayName = PORTAL_NAME$4;
   var CONTENT_NAME$5 = "TooltipContent";
@@ -31110,7 +31125,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const composedRefs = useComposedRefs(forwardedRef, ref);
     const [pointerGraceArea, setPointerGraceArea] = React__namespace.useState(null);
     const { trigger, onClose } = context;
-    const content = ref.current;
+    const content2 = ref.current;
     const { onPointerInTransitChange } = providerContext;
     const handleRemoveGraceArea = React__namespace.useCallback(() => {
       setPointerGraceArea(null);
@@ -31133,23 +31148,23 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       return () => handleRemoveGraceArea();
     }, [handleRemoveGraceArea]);
     React__namespace.useEffect(() => {
-      if (trigger && content) {
-        const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
+      if (trigger && content2) {
+        const handleTriggerLeave = (event) => handleCreateGraceArea(event, content2);
         const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
         trigger.addEventListener("pointerleave", handleTriggerLeave);
-        content.addEventListener("pointerleave", handleContentLeave);
+        content2.addEventListener("pointerleave", handleContentLeave);
         return () => {
           trigger.removeEventListener("pointerleave", handleTriggerLeave);
-          content.removeEventListener("pointerleave", handleContentLeave);
+          content2.removeEventListener("pointerleave", handleContentLeave);
         };
       }
-    }, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
+    }, [trigger, content2, handleCreateGraceArea, handleRemoveGraceArea]);
     React__namespace.useEffect(() => {
       if (pointerGraceArea) {
         const handleTrackPointerGrace = (event) => {
           const target = event.target;
           const pointerPosition = { x: event.clientX, y: event.clientY };
-          const hasEnteredTarget = trigger?.contains(target) || content?.contains(target);
+          const hasEnteredTarget = trigger?.contains(target) || content2?.contains(target);
           const isPointerOutsideGraceArea = !isPointInPolygon$2(pointerPosition, pointerGraceArea);
           if (hasEnteredTarget) {
             handleRemoveGraceArea();
@@ -31161,7 +31176,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         document.addEventListener("pointermove", handleTrackPointerGrace);
         return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
       }
-    }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
+    }, [trigger, content2, pointerGraceArea, onClose, handleRemoveGraceArea]);
     return /* @__PURE__ */ jsxRuntime.jsx(TooltipContentImpl, { ...props, ref: composedRefs });
   });
   var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
@@ -31377,7 +31392,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
   ) }));
   TooltipContent.displayName = Content2$4.displayName;
-  const InfoTooltip = ({ title, alertText, Icon: Icon2 = Info, onClick }) => {
+  const InfoTooltip = ({ title: title2, alertText, Icon: Icon2 = Info, onClick }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         Icon2,
@@ -31408,7 +31423,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-amber-500", children: alertText })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] leading-relaxed text-primary-foreground/90", children: title })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] leading-relaxed text-primary-foreground/90", children: title2 })
       ] }) })
     ] }) });
   };
@@ -33121,7 +33136,31 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function formatDistanceToNow(date2, options2) {
     return formatDistance$1(date2, constructNow(date2), options2);
   }
-  const styles$2 = {};
+  const base$1 = "reach-styles-module__base___WFahB";
+  const secondary$1 = "reach-styles-module__secondary___VQ4iH";
+  const destructive$1 = "reach-styles-module__destructive___RLaRD";
+  const outline$1 = "reach-styles-module__outline___L2VtW";
+  const google = "reach-styles-module__google___HcEij";
+  const date = "reach-styles-module__date___-6BC4";
+  const sizeDefault = "reach-styles-module__sizeDefault___iGTp4";
+  const sizeSm = "reach-styles-module__sizeSm___6T2oK";
+  const iconOnly = "reach-styles-module__iconOnly___8vUSp";
+  const iconOnlySm = "reach-styles-module__iconOnlySm___9ZKv9";
+  const container = "reach-styles-module__container___6PQqs";
+  const styles$2 = {
+    base: base$1,
+    "default": "reach-styles-module__default___zeGU1",
+    secondary: secondary$1,
+    destructive: destructive$1,
+    outline: outline$1,
+    google,
+    date,
+    sizeDefault,
+    sizeSm,
+    iconOnly,
+    iconOnlySm,
+    container
+  };
   const badgeVariants = cva([styles$2.base], {
     variants: {
       variant: {
@@ -33133,11 +33172,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         date: styles$2.date
       },
       size: {
-        default: styles$2["size-default"],
-        sm: styles$2["size-sm"]
+        default: styles$2.sizeDefault,
+        sm: styles$2.sizeSm
       },
       iconOnly: {
-        true: styles$2["icon-only"],
+        true: styles$2.iconOnly,
         false: ""
       }
     },
@@ -33145,7 +33184,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       {
         iconOnly: true,
         size: "sm",
-        class: styles$2["icon-only-sm"]
+        class: styles$2.iconOnlySm
       }
     ],
     defaultVariants: {
@@ -33155,13 +33194,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
   });
   const Badge = React__namespace.forwardRef(
-    ({ className: className2, variant, size: size3, iconOnly, truncate, ...props }, ref) => {
+    ({ className: className2, variant, size: size3, iconOnly: iconOnly2, truncate, ...props }, ref) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           ref,
           className: cn$1(
-            badgeVariants({ variant, size: size3, iconOnly }),
+            badgeVariants({ variant, size: size3, iconOnly: iconOnly2 }),
             truncate && "max-w-[90px]",
             className2
           ),
@@ -34568,11 +34607,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
       const focusedElement = document.activeElement;
       if (isTabKey && focusedElement) {
-        const container = event.currentTarget;
-        const [first, last] = $d3863c46a17e8a28$var$getTabbableEdges(container);
+        const container2 = event.currentTarget;
+        const [first, last] = $d3863c46a17e8a28$var$getTabbableEdges(container2);
         const hasTabbableElementsInside = first && last;
         if (!hasTabbableElementsInside) {
-          if (focusedElement === container) event.preventDefault();
+          if (focusedElement === container2) event.preventDefault();
         } else {
           if (!event.shiftKey && focusedElement === last) {
             event.preventDefault();
@@ -34608,18 +34647,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       if (document.activeElement !== previouslyFocusedElement) return;
     }
   }
-  function $d3863c46a17e8a28$var$getTabbableEdges(container) {
-    const candidates = $d3863c46a17e8a28$var$getTabbableCandidates(container);
-    const first = $d3863c46a17e8a28$var$findVisible(candidates, container);
-    const last = $d3863c46a17e8a28$var$findVisible(candidates.reverse(), container);
+  function $d3863c46a17e8a28$var$getTabbableEdges(container2) {
+    const candidates = $d3863c46a17e8a28$var$getTabbableCandidates(container2);
+    const first = $d3863c46a17e8a28$var$findVisible(candidates, container2);
+    const last = $d3863c46a17e8a28$var$findVisible(candidates.reverse(), container2);
     return [
       first,
       last
     ];
   }
-  function $d3863c46a17e8a28$var$getTabbableCandidates(container) {
+  function $d3863c46a17e8a28$var$getTabbableCandidates(container2) {
     const nodes = [];
-    const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    const walker2 = document.createTreeWalker(container2, NodeFilter.SHOW_ELEMENT, {
       acceptNode: (node) => {
         const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
         if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
@@ -34629,10 +34668,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     while (walker2.nextNode()) nodes.push(walker2.currentNode);
     return nodes;
   }
-  function $d3863c46a17e8a28$var$findVisible(elements, container) {
+  function $d3863c46a17e8a28$var$findVisible(elements, container2) {
     for (const element of elements) {
       if (!$d3863c46a17e8a28$var$isHidden(element, {
-        upTo: container
+        upTo: container2
       })) return element;
     }
   }
@@ -34689,10 +34728,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   }
   const $f1701beae083dbae$export$602eac185826482c = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
     var _globalThis$document;
-    const { container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body, ...portalProps } = props;
-    return container ? /* @__PURE__ */ ReactDOM.createPortal(/* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
+    const { container: container2 = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body, ...portalProps } = props;
+    return container2 ? /* @__PURE__ */ ReactDOM.createPortal(/* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
       ref: forwardedRef
-    })), container) : null;
+    })), container2) : null;
   });
   const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
   };
@@ -35159,7 +35198,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     forceMount: void 0
   });
   const $5d3850c4d0b4e6c7$export$dad7c95542bacce0 = (props) => {
-    const { __scopeDialog, forceMount, children: children2, container } = props;
+    const { __scopeDialog, forceMount, children: children2, container: container2 } = props;
     const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME, __scopeDialog);
     return /* @__PURE__ */ React.createElement($5d3850c4d0b4e6c7$var$PortalProvider, {
       scope: __scopeDialog,
@@ -35170,7 +35209,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         present: forceMount || context.open
       }, /* @__PURE__ */ React.createElement($f1701beae083dbae$export$602eac185826482c, {
         asChild: true,
-        container
+        container: container2
       }, child))
     ));
   };
@@ -35229,8 +35268,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const contentRef = React.useRef(null);
     const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.contentRef, contentRef);
     React.useEffect(() => {
-      const content = contentRef.current;
-      if (content) return hideOthers(content);
+      const content2 = contentRef.current;
+      if (content2) return hideOthers(content2);
     }, []);
     return /* @__PURE__ */ React.createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
       ref: composedRefs,
@@ -35747,7 +35786,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       onUnmountAutoFocus: onUnmountAutoFocusProp,
       ...scopeProps
     } = props;
-    const [container, setContainer] = React__namespace.useState(null);
+    const [container2, setContainer] = React__namespace.useState(null);
     const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
     const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
     const lastFocusedElementRef = React__namespace.useRef(null);
@@ -35764,69 +35803,69 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     React__namespace.useEffect(() => {
       if (trapped) {
         let handleFocusIn2 = function(event) {
-          if (focusScope.paused || !container) return;
+          if (focusScope.paused || !container2) return;
           const target = event.target;
-          if (container.contains(target)) {
+          if (container2.contains(target)) {
             lastFocusedElementRef.current = target;
           } else {
             focus(lastFocusedElementRef.current, { select: true });
           }
         }, handleFocusOut2 = function(event) {
-          if (focusScope.paused || !container) return;
+          if (focusScope.paused || !container2) return;
           const relatedTarget = event.relatedTarget;
           if (relatedTarget === null) return;
-          if (!container.contains(relatedTarget)) {
+          if (!container2.contains(relatedTarget)) {
             focus(lastFocusedElementRef.current, { select: true });
           }
         }, handleMutations2 = function(mutations) {
           const focusedElement = document.activeElement;
           if (focusedElement !== document.body) return;
           for (const mutation of mutations) {
-            if (mutation.removedNodes.length > 0) focus(container);
+            if (mutation.removedNodes.length > 0) focus(container2);
           }
         };
         document.addEventListener("focusin", handleFocusIn2);
         document.addEventListener("focusout", handleFocusOut2);
         const mutationObserver = new MutationObserver(handleMutations2);
-        if (container) mutationObserver.observe(container, { childList: true, subtree: true });
+        if (container2) mutationObserver.observe(container2, { childList: true, subtree: true });
         return () => {
           document.removeEventListener("focusin", handleFocusIn2);
           document.removeEventListener("focusout", handleFocusOut2);
           mutationObserver.disconnect();
         };
       }
-    }, [trapped, container, focusScope.paused]);
+    }, [trapped, container2, focusScope.paused]);
     React__namespace.useEffect(() => {
-      if (container) {
+      if (container2) {
         focusScopesStack.add(focusScope);
         const previouslyFocusedElement = document.activeElement;
-        const hasFocusedCandidate = container.contains(previouslyFocusedElement);
+        const hasFocusedCandidate = container2.contains(previouslyFocusedElement);
         if (!hasFocusedCandidate) {
           const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS$2);
-          container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
-          container.dispatchEvent(mountEvent);
+          container2.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
+          container2.dispatchEvent(mountEvent);
           if (!mountEvent.defaultPrevented) {
-            focusFirst$2(removeLinks(getTabbableCandidates(container)), { select: true });
+            focusFirst$2(removeLinks(getTabbableCandidates(container2)), { select: true });
             if (document.activeElement === previouslyFocusedElement) {
-              focus(container);
+              focus(container2);
             }
           }
         }
         return () => {
-          container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
+          container2.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
           setTimeout(() => {
             const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS$2);
-            container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
-            container.dispatchEvent(unmountEvent);
+            container2.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
+            container2.dispatchEvent(unmountEvent);
             if (!unmountEvent.defaultPrevented) {
               focus(previouslyFocusedElement ?? document.body, { select: true });
             }
-            container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
+            container2.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
             focusScopesStack.remove(focusScope);
           }, 0);
         };
       }
-    }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
+    }, [container2, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
     const handleKeyDown = React__namespace.useCallback(
       (event) => {
         if (!loop && !trapped) return;
@@ -35834,11 +35873,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
         const focusedElement = document.activeElement;
         if (isTabKey && focusedElement) {
-          const container2 = event.currentTarget;
-          const [first, last] = getTabbableEdges(container2);
+          const container22 = event.currentTarget;
+          const [first, last] = getTabbableEdges(container22);
           const hasTabbableElementsInside = first && last;
           if (!hasTabbableElementsInside) {
-            if (focusedElement === container2) event.preventDefault();
+            if (focusedElement === container22) event.preventDefault();
           } else {
             if (!event.shiftKey && focusedElement === last) {
               event.preventDefault();
@@ -35862,15 +35901,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       if (document.activeElement !== previouslyFocusedElement) return;
     }
   }
-  function getTabbableEdges(container) {
-    const candidates = getTabbableCandidates(container);
-    const first = findVisible(candidates, container);
-    const last = findVisible(candidates.reverse(), container);
+  function getTabbableEdges(container2) {
+    const candidates = getTabbableCandidates(container2);
+    const first = findVisible(candidates, container2);
+    const last = findVisible(candidates.reverse(), container2);
     return [first, last];
   }
-  function getTabbableCandidates(container) {
+  function getTabbableCandidates(container2) {
     const nodes = [];
-    const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    const walker2 = document.createTreeWalker(container2, NodeFilter.SHOW_ELEMENT, {
       acceptNode: (node) => {
         const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
         if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
@@ -35880,9 +35919,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     while (walker2.nextNode()) nodes.push(walker2.currentNode);
     return nodes;
   }
-  function findVisible(elements, container) {
+  function findVisible(elements, container2) {
     for (const element of elements) {
-      if (!isHidden(element, { upTo: container })) return element;
+      if (!isHidden(element, { upTo: container2 })) return element;
     }
   }
   function isHidden(node, { upTo }) {
@@ -36019,9 +36058,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     forceMount: void 0
   });
   var PopoverPortal = (props) => {
-    const { __scopePopover, forceMount, children: children2, container } = props;
+    const { __scopePopover, forceMount, children: children2, container: container2 } = props;
     const context = usePopoverContext(PORTAL_NAME$3, __scopePopover);
-    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container: container2, children: children2 }) }) });
   };
   PopoverPortal.displayName = PORTAL_NAME$3;
   var CONTENT_NAME$4 = "PopoverContent";
@@ -36041,8 +36080,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const composedRefs = useComposedRefs(forwardedRef, contentRef);
       const isRightClickOutsideRef = React__namespace.useRef(false);
       React__namespace.useEffect(() => {
-        const content = contentRef.current;
-        if (content) return hideOthers(content);
+        const content2 = contentRef.current;
+        if (content2) return hideOthers(content2);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(ReactRemoveScroll$1, { as: Slot$3, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         PopoverContentImpl,
@@ -36948,7 +36987,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         ...contentProps
       } = props;
       const context = useSelectContext(CONTENT_NAME$3, __scopeSelect);
-      const [content, setContent] = React__namespace.useState(null);
+      const [content2, setContent] = React__namespace.useState(null);
       const [viewport, setViewport] = React__namespace.useState(null);
       const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
       const [selectedItem, setSelectedItem] = React__namespace.useState(null);
@@ -36959,8 +36998,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const [isPositioned, setIsPositioned] = React__namespace.useState(false);
       const firstValidItemFoundRef = React__namespace.useRef(false);
       React__namespace.useEffect(() => {
-        if (content) return hideOthers(content);
-      }, [content]);
+        if (content2) return hideOthers(content2);
+      }, [content2]);
       useFocusGuards();
       const focusFirst2 = React__namespace.useCallback(
         (candidates) => {
@@ -36979,8 +37018,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         [getItems, viewport]
       );
       const focusSelectedItem = React__namespace.useCallback(
-        () => focusFirst2([selectedItem, content]),
-        [focusFirst2, selectedItem, content]
+        () => focusFirst2([selectedItem, content2]),
+        [focusFirst2, selectedItem, content2]
       );
       React__namespace.useEffect(() => {
         if (isPositioned) {
@@ -36989,7 +37028,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       }, [isPositioned, focusSelectedItem]);
       const { onOpenChange, triggerPointerDownPosRef } = context;
       React__namespace.useEffect(() => {
-        if (content) {
+        if (content2) {
           let pointerMoveDelta = { x: 0, y: 0 };
           const handlePointerMove = (event) => {
             pointerMoveDelta = {
@@ -37001,7 +37040,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) {
               event.preventDefault();
             } else {
-              if (!content.contains(event.target)) {
+              if (!content2.contains(event.target)) {
                 onOpenChange(false);
               }
             }
@@ -37017,7 +37056,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             document.removeEventListener("pointerup", handlePointerUp, { capture: true });
           };
         }
-      }, [content, onOpenChange, triggerPointerDownPosRef]);
+      }, [content2, onOpenChange, triggerPointerDownPosRef]);
       React__namespace.useEffect(() => {
         const close2 = () => onOpenChange(false);
         window.addEventListener("blur", close2);
@@ -37046,7 +37085,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         },
         [context.value]
       );
-      const handleItemLeave = React__namespace.useCallback(() => content?.focus(), [content]);
+      const handleItemLeave = React__namespace.useCallback(() => content2?.focus(), [content2]);
       const itemTextRefCallback = React__namespace.useCallback(
         (node, value, disabled) => {
           const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
@@ -37074,7 +37113,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         SelectContentProvider,
         {
           scope: __scopeSelect,
-          content,
+          content: content2,
           viewport,
           onViewportChange: setViewport,
           itemRefCallback,
@@ -37163,16 +37202,16 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const context = useSelectContext(CONTENT_NAME$3, __scopeSelect);
     const contentContext = useSelectContentContext(CONTENT_NAME$3, __scopeSelect);
     const [contentWrapper, setContentWrapper] = React__namespace.useState(null);
-    const [content, setContent] = React__namespace.useState(null);
+    const [content2, setContent] = React__namespace.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
     const getItems = useCollection$2(__scopeSelect);
     const shouldExpandOnScrollRef = React__namespace.useRef(false);
     const shouldRepositionRef = React__namespace.useRef(true);
     const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
     const position = React__namespace.useCallback(() => {
-      if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
+      if (context.trigger && context.valueNode && contentWrapper && content2 && viewport && selectedItem && selectedItemText) {
         const triggerRect = context.trigger.getBoundingClientRect();
-        const contentRect = content.getBoundingClientRect();
+        const contentRect = content2.getBoundingClientRect();
         const valueNodeRect = context.valueNode.getBoundingClientRect();
         const itemTextRect = selectedItemText.getBoundingClientRect();
         if (context.dir !== "rtl") {
@@ -37210,7 +37249,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         const items = getItems();
         const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
         const itemsHeight = viewport.scrollHeight;
-        const contentStyles = window.getComputedStyle(content);
+        const contentStyles = window.getComputedStyle(content2);
         const contentBorderTopWidth = parseInt(contentStyles.borderTopWidth, 10);
         const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);
         const contentBorderBottomWidth = parseInt(contentStyles.borderBottomWidth, 10);
@@ -37230,7 +37269,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         if (willAlignWithoutTopOverflow) {
           const isLastItem = items.length > 0 && selectedItem === items[items.length - 1].ref.current;
           contentWrapper.style.bottom = "0px";
-          const viewportOffsetBottom = content.clientHeight - viewport.offsetTop - viewport.offsetHeight;
+          const viewportOffsetBottom = content2.clientHeight - viewport.offsetTop - viewport.offsetHeight;
           const clampedTriggerMiddleToBottomEdge = Math.max(
             triggerMiddleToBottomEdge,
             selectedItemHalfHeight + // viewport might have padding bottom, include it to avoid a scrollable viewport
@@ -37261,7 +37300,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       context.trigger,
       context.valueNode,
       contentWrapper,
-      content,
+      content2,
       viewport,
       selectedItem,
       selectedItemText,
@@ -37271,8 +37310,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     useLayoutEffect2(() => position(), [position]);
     const [contentZIndex, setContentZIndex] = React__namespace.useState();
     useLayoutEffect2(() => {
-      if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
-    }, [content]);
+      if (content2) setContentZIndex(window.getComputedStyle(content2).zIndex);
+    }, [content2]);
     const handleScrollButtonChange = React__namespace.useCallback(
       (node) => {
         if (node && shouldRepositionRef.current === true) {
@@ -39561,7 +39600,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var Menu$1 = (props) => {
     const { __scopeMenu, open = false, children: children2, dir, onOpenChange, modal = true } = props;
     const popperScope = usePopperScope(__scopeMenu);
-    const [content, setContent] = React__namespace.useState(null);
+    const [content2, setContent] = React__namespace.useState(null);
     const isUsingKeyboardRef = React__namespace.useRef(false);
     const handleOpenChange = useCallbackRef$1(onOpenChange);
     const direction = useDirection(dir);
@@ -39585,7 +39624,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         scope: __scopeMenu,
         open,
         onOpenChange: handleOpenChange,
-        content,
+        content: content2,
         onContentChange: setContent,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           MenuRootProvider,
@@ -39616,9 +39655,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     forceMount: void 0
   });
   var MenuPortal$1 = (props) => {
-    const { __scopeMenu, forceMount, children: children2, container } = props;
+    const { __scopeMenu, forceMount, children: children2, container: container2 } = props;
     const context = useMenuContext$1(PORTAL_NAME$1, __scopeMenu);
-    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container: container2, children: children2 }) }) });
   };
   MenuPortal$1.displayName = PORTAL_NAME$1;
   var CONTENT_NAME$1 = "MenuContent";
@@ -39638,8 +39677,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const ref = React__namespace.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       React__namespace.useEffect(() => {
-        const content = ref.current;
-        if (content) return hideOthers(content);
+        const content2 = ref.current;
+        if (content2) return hideOthers(content2);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
         MenuContentImpl,
@@ -39816,8 +39855,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                               if (event.key === "Tab") event.preventDefault();
                               if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key);
                             }
-                            const content = contentRef.current;
-                            if (event.target !== content) return;
+                            const content2 = contentRef.current;
+                            if (event.target !== content2) return;
                             if (!FIRST_LAST_KEYS.includes(event.key)) return;
                             event.preventDefault();
                             const items = getItems().filter((item) => !item.disabled);
@@ -40743,7 +40782,27 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       )
     ] });
   };
-  const styles = {};
+  const base = "reach-styles-module__base___zJcoE";
+  const destructive = "reach-styles-module__destructive___5EWhN";
+  const outline = "reach-styles-module__outline___gj9sC";
+  const secondary = "reach-styles-module__secondary___cN5Wj";
+  const header = "reach-styles-module__header___-izE2";
+  const title = "reach-styles-module__title___n1hA9";
+  const description = "reach-styles-module__description___EvXM-";
+  const content = "reach-styles-module__content___okv68";
+  const footer = "reach-styles-module__footer___YA4U4";
+  const styles = {
+    base,
+    "default": "reach-styles-module__default___88Q0d",
+    destructive,
+    outline,
+    secondary,
+    header,
+    title,
+    description,
+    content,
+    footer
+  };
   const cardVariants = cva(styles.base, {
     variants: {
       variant: {
@@ -41909,8 +41968,8 @@ ${message2 ?? ""}`);
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button$2,
           {
-            className: `${buttonStyle} 
-            ${selectedChannels.includes("email") ? ` border-primary` : "bg-white text-black border-gray-200 hover:bg-gray-50"}`,
+            variant: selectedChannels.includes("email") ? "default" : "outline",
+            className: `${buttonStyle}`,
             onClick: toggleEmail,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(iconDefinitions.EmailIcon, { size: 15 }) }),
@@ -41921,8 +41980,8 @@ ${message2 ?? ""}`);
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button$2,
           {
-            className: `${buttonStyle} 
-            ${selectedChannels.includes("sms") ? ` border-primary` : "bg-white text-black border-gray-200 hover:bg-gray-50"}`,
+            variant: selectedChannels.includes("sms") ? "default" : "outline",
+            className: `${buttonStyle}`,
             onClick: toggleSMS,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(iconDefinitions.SmsIcon, { size: 15 }) }),
@@ -42087,7 +42146,7 @@ ${message2 ?? ""}`);
     iconDefinitions,
     includeSegments,
     excludeSegments,
-    title = "Estimated Matches",
+    title: title2 = "Estimated Matches",
     subtitle
   }) => {
     const {
@@ -42113,7 +42172,7 @@ ${message2 ?? ""}`);
     }, [data?.recipients]);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full p-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 md:mb-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-900", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-900", children: title2 }),
         subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: subtitle })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 @[30rem]:grid-cols-3 gap-2 md:gap-3 mb-4 md:mb-6", children: [
@@ -44554,10 +44613,10 @@ ${message2 ?? ""}`);
     return jsxRuntime.jsx("div", { className: classNames.caption, style: styles2.caption, children: caption });
   }
   function Footer(props) {
-    var _a = useDayPicker(), footer = _a.footer, styles2 = _a.styles, tfoot = _a.classNames.tfoot;
-    if (!footer)
+    var _a = useDayPicker(), footer2 = _a.footer, styles2 = _a.styles, tfoot = _a.classNames.tfoot;
+    if (!footer2)
       return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    return jsxRuntime.jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: 8, children: footer }) }) });
+    return jsxRuntime.jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: 8, children: footer2 }) }) });
   }
   function getWeekdays(locale2, weekStartsOn, ISOWeek) {
     var start = ISOWeek ? startOfISOWeek(/* @__PURE__ */ new Date()) : startOfWeek(/* @__PURE__ */ new Date(), { locale: locale2, weekStartsOn });
@@ -45365,15 +45424,15 @@ ${message2 ?? ""}`);
   function WeekNumber(props) {
     var weekNumber = props.number, dates2 = props.dates;
     var _a = useDayPicker(), onWeekNumberClick = _a.onWeekNumberClick, styles2 = _a.styles, classNames = _a.classNames, locale2 = _a.locale, labelWeekNumber2 = _a.labels.labelWeekNumber, formatWeekNumber2 = _a.formatters.formatWeekNumber;
-    var content = formatWeekNumber2(Number(weekNumber), { locale: locale2 });
+    var content2 = formatWeekNumber2(Number(weekNumber), { locale: locale2 });
     if (!onWeekNumberClick) {
-      return jsxRuntime.jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children: content });
+      return jsxRuntime.jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children: content2 });
     }
     var label = labelWeekNumber2(Number(weekNumber), { locale: locale2 });
     var handleClick = function(e2) {
       onWeekNumberClick(weekNumber, dates2, e2);
     };
-    return jsxRuntime.jsx(Button$1, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content });
+    return jsxRuntime.jsx(Button$1, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content2 });
   }
   function Row(props) {
     var _a, _b;
@@ -46394,13 +46453,13 @@ ${message2 ?? ""}`);
       ] }) })
     ] });
   };
-  const TitleAndContent = ({ title, subtitle, content }) => {
+  const TitleAndContent = ({ title: title2, subtitle, content: content2 }) => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 w-full p-6 rounded-xl bg-gray-100 ", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold", children: title2 }),
         subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 mt-1", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 relative", children: content })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 relative", children: content2 })
     ] });
   };
   const EditAutomationPopup = ({
@@ -47362,15 +47421,15 @@ ${message2 ?? ""}`);
           style2.textContent = cssRules;
           pip.document.head.appendChild(style2);
         } catch (e2) {
-          const link = document.createElement("link");
+          const link2 = document.createElement("link");
           if (styleSheet.href == null) {
             return;
           }
-          link.rel = "stylesheet";
-          link.type = styleSheet.type;
-          link.media = styleSheet.media.toString();
-          link.href = styleSheet.href;
-          pip.document.head.appendChild(link);
+          link2.rel = "stylesheet";
+          link2.type = styleSheet.type;
+          link2.media = styleSheet.media.toString();
+          link2.href = styleSheet.href;
+          pip.document.head.appendChild(link2);
         }
       });
       delegateEvents(["focusin", "focusout", "pointermove", "keydown", "pointerdown", "pointerup", "click", "mousedown", "input"], pip.document);
@@ -48652,11 +48711,11 @@ ${message2 ?? ""}`);
   var TABBABLE_ELEMENT_SELECTOR = tabbableElements.join(
     ':not([hidden]):not([tabindex="-1"]),'
   );
-  function getAllTabbableIn(container, includeContainer) {
-    const elements = Array.from(container.querySelectorAll(FOCUSABLE_ELEMENT_SELECTOR));
+  function getAllTabbableIn(container2, includeContainer) {
+    const elements = Array.from(container2.querySelectorAll(FOCUSABLE_ELEMENT_SELECTOR));
     const tabbableElements2 = elements.filter(isTabbable);
-    if (includeContainer && isTabbable(container)) {
-      tabbableElements2.unshift(container);
+    if (includeContainer && isTabbable(container2)) {
+      tabbableElements2.unshift(container2);
     }
     tabbableElements2.forEach((element, i2) => {
       if (isFrame(element) && element.contentDocument) {
@@ -52448,12 +52507,12 @@ ${message2 ?? ""}`);
     });
     createEffect(() => {
       const positioner = positionerRef();
-      const content = mergedProps.contentRef?.();
-      if (!positioner || !content) {
+      const content2 = mergedProps.contentRef?.();
+      if (!positioner || !content2) {
         return;
       }
       queueMicrotask(() => {
-        positioner.style.zIndex = getComputedStyle(content).zIndex;
+        positioner.style.zIndex = getComputedStyle(content2).zIndex;
       });
     });
     const context = {
@@ -52519,9 +52578,9 @@ ${message2 ?? ""}`);
     };
     const onPointerDown = (e2) => {
       function handler() {
-        const container = ref();
+        const container2 = ref();
         const target = e2.target;
-        if (!container || !target || !isEventOutside(e2)) {
+        if (!container2 || !target || !isEventOutside(e2)) {
           return;
         }
         const handler2 = composeEventHandlers([
@@ -52553,9 +52612,9 @@ ${message2 ?? ""}`);
       }
     };
     const onFocusIn = (e2) => {
-      const container = ref();
+      const container2 = ref();
       const target = e2.target;
-      if (!container || !target || !isEventOutside(e2)) {
+      if (!container2 || !target || !isEventOutside(e2)) {
         return;
       }
       const handler = composeEventHandlers([
@@ -53268,11 +53327,11 @@ ${message2 ?? ""}`);
       return element;
     };
     const tabbables = () => {
-      const container = ref();
-      if (!container) {
+      const container2 = ref();
+      if (!container2) {
         return [];
       }
-      return getAllTabbableIn(container, true).filter((el) => !el.hasAttribute("data-focus-trap"));
+      return getAllTabbableIn(container2, true).filter((el) => !el.hasAttribute("data-focus-trap"));
     };
     const firstTabbable = () => {
       const items = tabbables();
@@ -53283,60 +53342,60 @@ ${message2 ?? ""}`);
       return items.length > 0 ? items[items.length - 1] : null;
     };
     const shouldPreventUnmountAutoFocus = () => {
-      const container = ref();
-      if (!container) {
+      const container2 = ref();
+      if (!container2) {
         return false;
       }
-      const activeElement = getActiveElement(container);
+      const activeElement = getActiveElement(container2);
       if (!activeElement) {
         return false;
       }
-      if (contains(container, activeElement)) {
+      if (contains(container2, activeElement)) {
         return false;
       }
       return isFocusable(activeElement);
     };
     createEffect(() => {
-      const container = ref();
-      if (!container) {
+      const container2 = ref();
+      if (!container2) {
         return;
       }
       focusScopeStack.add(focusScope);
-      const previouslyFocusedElement = getActiveElement(container);
-      const hasFocusedCandidate = contains(container, previouslyFocusedElement);
+      const previouslyFocusedElement = getActiveElement(container2);
+      const hasFocusedCandidate = contains(container2, previouslyFocusedElement);
       if (!hasFocusedCandidate) {
         const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT_EVENT, EVENT_OPTIONS);
-        container.addEventListener(AUTOFOCUS_ON_MOUNT_EVENT, onMountAutoFocus);
-        container.dispatchEvent(mountEvent);
+        container2.addEventListener(AUTOFOCUS_ON_MOUNT_EVENT, onMountAutoFocus);
+        container2.dispatchEvent(mountEvent);
         if (!mountEvent.defaultPrevented) {
           setTimeout(() => {
             focusWithoutScrolling(firstTabbable());
-            if (getActiveElement(container) === previouslyFocusedElement) {
-              focusWithoutScrolling(container);
+            if (getActiveElement(container2) === previouslyFocusedElement) {
+              focusWithoutScrolling(container2);
             }
           }, 0);
         }
       }
       onCleanup(() => {
-        container.removeEventListener(AUTOFOCUS_ON_MOUNT_EVENT, onMountAutoFocus);
+        container2.removeEventListener(AUTOFOCUS_ON_MOUNT_EVENT, onMountAutoFocus);
         setTimeout(() => {
           const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT_EVENT, EVENT_OPTIONS);
           if (shouldPreventUnmountAutoFocus()) {
             unmountEvent.preventDefault();
           }
-          container.addEventListener(AUTOFOCUS_ON_UNMOUNT_EVENT, onUnmountAutoFocus);
-          container.dispatchEvent(unmountEvent);
+          container2.addEventListener(AUTOFOCUS_ON_UNMOUNT_EVENT, onUnmountAutoFocus);
+          container2.dispatchEvent(unmountEvent);
           if (!unmountEvent.defaultPrevented) {
             focusWithoutScrolling(previouslyFocusedElement ?? ownerDocument().body);
           }
-          container.removeEventListener(AUTOFOCUS_ON_UNMOUNT_EVENT, onUnmountAutoFocus);
+          container2.removeEventListener(AUTOFOCUS_ON_UNMOUNT_EVENT, onUnmountAutoFocus);
           focusScopeStack.remove(focusScope);
         }, 0);
       });
     });
     createEffect(() => {
-      const container = ref();
-      if (!container || !access(props.trapFocus) || isPaused()) {
+      const container2 = ref();
+      if (!container2 || !access(props.trapFocus) || isPaused()) {
         return;
       }
       const onFocusIn = (event) => {
@@ -53344,7 +53403,7 @@ ${message2 ?? ""}`);
         if (target?.closest(`[${DATA_TOP_LAYER_ATTR}]`)) {
           return;
         }
-        if (contains(container, target)) {
+        if (contains(container2, target)) {
           lastFocusedElement = target;
         } else {
           focusWithoutScrolling(lastFocusedElement);
@@ -53352,11 +53411,11 @@ ${message2 ?? ""}`);
       };
       const onFocusOut = (event) => {
         const relatedTarget = event.relatedTarget;
-        const target = relatedTarget ?? getActiveElement(container);
+        const target = relatedTarget ?? getActiveElement(container2);
         if (target?.closest(`[${DATA_TOP_LAYER_ATTR}]`)) {
           return;
         }
-        if (!contains(container, target)) {
+        if (!contains(container2, target)) {
           focusWithoutScrolling(lastFocusedElement);
         }
       };
@@ -53368,14 +53427,14 @@ ${message2 ?? ""}`);
       });
     });
     createEffect(() => {
-      const container = ref();
-      if (!container || !access(props.trapFocus) || isPaused()) {
+      const container2 = ref();
+      if (!container2 || !access(props.trapFocus) || isPaused()) {
         return;
       }
       const startSentinel = createSentinel();
-      container.insertAdjacentElement("afterbegin", startSentinel);
+      container2.insertAdjacentElement("afterbegin", startSentinel);
       const endSentinel = createSentinel();
-      container.insertAdjacentElement("beforeend", endSentinel);
+      container2.insertAdjacentElement("beforeend", endSentinel);
       function onFocus(event) {
         const first = firstTabbable();
         const last = lastTabbable();
@@ -53391,15 +53450,15 @@ ${message2 ?? ""}`);
         for (const mutation of mutations) {
           if (mutation.previousSibling === endSentinel) {
             endSentinel.remove();
-            container.insertAdjacentElement("beforeend", endSentinel);
+            container2.insertAdjacentElement("beforeend", endSentinel);
           }
           if (mutation.nextSibling === startSentinel) {
             startSentinel.remove();
-            container.insertAdjacentElement("afterbegin", startSentinel);
+            container2.insertAdjacentElement("afterbegin", startSentinel);
           }
         }
       });
-      observer.observe(container, {
+      observer.observe(container2, {
         childList: true,
         subtree: false
       });
@@ -54621,9 +54680,9 @@ ${message2 ?? ""}`);
       disclosureState.toggle();
     };
     const _focusContent = () => {
-      const content = contentRef();
-      if (content) {
-        focusWithoutScrolling(content);
+      const content2 = contentRef();
+      if (content2) {
+        focusWithoutScrolling(content2);
         listState.selectionManager().setFocused(true);
         listState.selectionManager().setFocusedKey(void 0);
       }