@embedreach/components 0.1.41 → 0.1.43

package/dist/chunks/index.js

@@ -4302,33 +4302,33 @@ function createElement(tagName, isSVG = false) {
 }
 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,
@@ -11136,7 +11136,7 @@ class Browser {
 }
 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...";
@@ -11523,7 +11523,7 @@ const empty_state$1 = {
 };
 const enCommon = {
   ad_spend: ad_spend$1,
-  date: date$1,
+  date: date$2,
   close: close$1,
   "continue": "Continue",
   connected: connected$1,
@@ -11562,7 +11562,7 @@ const enCommon = {
   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...";
@@ -11949,7 +11949,7 @@ const empty_state = {
 };
 const esCommon = {
   ad_spend,
-  date,
+  date: date$1,
   close,
   "continue": "Continuar",
   connected,
@@ -12671,8 +12671,8 @@ var Portal$6 = React.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
-  const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  const container2 = containerProp || mounted && globalThis?.document?.body;
+  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal$6.displayName = PORTAL_NAME$7;
 function useStateMachine(initialState, machine) {
@@ -13395,9 +13395,9 @@ var ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
     }
   );
 });
-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$1(node)) {
@@ -13451,9 +13451,9 @@ function useNextFrame(callback = () => {
 function isHTMLElement$1(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;
@@ -13493,9 +13493,9 @@ function clsx() {
 }
 const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
-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];
@@ -13529,7 +13529,7 @@ const cva = (base, config) => (props) => {
       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
@@ -16542,11 +16542,11 @@ ToastDescription.displayName = Description$1.displayName;
 function Toaster() {
   const { toasts } = useToast();
   return /* @__PURE__ */ 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__ */ jsxs(Toast, { ...props, children: [
         /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ jsx(ToastDescription, { children: description })
+          title2 && /* @__PURE__ */ jsx(ToastTitle, { children: title2 }),
+          description2 && /* @__PURE__ */ jsx(ToastDescription, { children: description2 })
         ] }),
         action,
         /* @__PURE__ */ jsx(ToastClose, {})
@@ -24221,7 +24221,29 @@ function getElementRef$2(element) {
   }
   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: {
@@ -24233,10 +24255,10 @@ const buttonVariants = cva([styles$6.base], {
       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: {
@@ -24247,13 +24269,6 @@ const buttonVariants = cva([styles$6.base], {
 const Button$1 = React.forwardRef(
   ({ className: className2, variant, size: size2, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot$2 : "button";
-    console.log(
-      `BUTTON VARIANTS`,
-      size2,
-      variant,
-      className2,
-      buttonVariants({ variant, size: size2, className: className2 })
-    );
     return /* @__PURE__ */ jsx(
       Comp,
       {
@@ -24309,16 +24324,16 @@ const ActionButtons$1 = ({
     )
   ] }) });
 };
-const BigSelector = ({ onClick, title, subtitle, icon, selected, disabled = false }) => {
+const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disabled = false }) => {
   return /* @__PURE__ */ 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__ */ jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children: title }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children: title2 }),
           /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: subtitle })
         ] })
       ]
@@ -25987,8 +26002,8 @@ async function getKeyedPrefetchLinks(matches, manifest, routeModules) {
     })
   );
   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" }
     )
   );
 }
@@ -26287,10 +26302,10 @@ function PrefetchPageLinksImpl({
     [newMatchesForAssets, manifest]
   );
   let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React.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.createElement("link", { key, ...link })
+    /* @__PURE__ */ React.createElement("link", { key, ...link2 })
   )));
 }
 function mergeRefs(...refs) {
@@ -26370,7 +26385,7 @@ var Link = React.forwardRef(
         internalOnClick(event);
       }
     }
-    let link = (
+    let link2 = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
       /* @__PURE__ */ React.createElement(
         "a",
@@ -26385,7 +26400,7 @@ var Link = React.forwardRef(
         }
       )
     );
-    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null, link, /* @__PURE__ */ React.createElement(PrefetchPageLinks, { page: href })) : link;
+    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null, link2, /* @__PURE__ */ React.createElement(PrefetchPageLinks, { page: href })) : link2;
   }
 );
 Link.displayName = "Link";
@@ -27100,7 +27115,7 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React.useState(null);
+  const [container2, setContainer] = React.useState(null);
   const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
   const lastFocusedElementRef = React.useRef(null);
@@ -27117,69 +27132,69 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
   React.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.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$2);
-        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$2);
-          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.useCallback(
     (event) => {
       if (!loop && !trapped) return;
@@ -27187,11 +27202,11 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
       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();
@@ -27215,15 +27230,15 @@ function focusFirst$3(candidates, { select = false } = {}) {
     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;
@@ -27233,9 +27248,9 @@ function getTabbableCandidates$1(container) {
   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 }) {
@@ -27292,8 +27307,8 @@ var Portal$5 = React.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
-  const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  const container2 = containerProp || mounted && globalThis?.document?.body;
+  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal$5.displayName = PORTAL_NAME$6;
 var count = 0;
@@ -28158,9 +28173,9 @@ var [PortalProvider$3, usePortalContext$3] = createDialogContext(PORTAL_NAME$5,
   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__ */ jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React.Children.map(children2, (child) => /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$5, { asChild: true, container, children: child }) })) });
+  return /* @__PURE__ */ jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React.Children.map(children2, (child) => /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$5, { asChild: true, container: container2, children: child }) })) });
 };
 DialogPortal$1.displayName = PORTAL_NAME$5;
 var OVERLAY_NAME = "DialogOverlay";
@@ -28208,8 +28223,8 @@ var DialogContentModal = React.forwardRef(
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs(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__ */ jsx(
       DialogContentImpl,
@@ -30658,7 +30673,7 @@ var PopperContent = React.forwardRef(
       ...contentProps
     } = props;
     const context = usePopperContext(CONTENT_NAME$6, __scopePopper);
-    const [content, setContent] = React.useState(null);
+    const [content2, setContent] = React.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
     const [arrow$12, setArrow] = React.useState(null);
     const arrowSize = useSize(arrow$12);
@@ -30724,8 +30739,8 @@ var PopperContent = React.forwardRef(
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = React.useState();
     useLayoutEffect2(() => {
-      if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
-    }, [content]);
+      if (content2) setContentZIndex(window.getComputedStyle(content2).zIndex);
+    }, [content2]);
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -31072,9 +31087,9 @@ var [PortalProvider$2, usePortalContext$2] = createTooltipContext(PORTAL_NAME$4,
   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__ */ jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
+  return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container: container2, children: children2 }) }) });
 };
 TooltipPortal.displayName = PORTAL_NAME$4;
 var CONTENT_NAME$5 = "TooltipContent";
@@ -31093,7 +31108,7 @@ var TooltipContentHoverable = React.forwardRef((props, forwardedRef) => {
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const [pointerGraceArea, setPointerGraceArea] = React.useState(null);
   const { trigger, onClose } = context;
-  const content = ref.current;
+  const content2 = ref.current;
   const { onPointerInTransitChange } = providerContext;
   const handleRemoveGraceArea = React.useCallback(() => {
     setPointerGraceArea(null);
@@ -31116,23 +31131,23 @@ var TooltipContentHoverable = React.forwardRef((props, forwardedRef) => {
     return () => handleRemoveGraceArea();
   }, [handleRemoveGraceArea]);
   React.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.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$1(pointerPosition, pointerGraceArea);
         if (hasEnteredTarget) {
           handleRemoveGraceArea();
@@ -31144,7 +31159,7 @@ var TooltipContentHoverable = React.forwardRef((props, forwardedRef) => {
       document.addEventListener("pointermove", handleTrackPointerGrace);
       return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
     }
-  }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
+  }, [trigger, content2, pointerGraceArea, onClose, handleRemoveGraceArea]);
   return /* @__PURE__ */ jsx(TooltipContentImpl, { ...props, ref: composedRefs });
 });
 var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
@@ -31360,7 +31375,7 @@ const TooltipContent = React.forwardRef(({ className: className2, sideOffset = 4
   }
 ) }));
 TooltipContent.displayName = Content2$4.displayName;
-const InfoTooltip = ({ title, alertText, Icon: Icon2 = Info, onClick }) => {
+const InfoTooltip = ({ title: title2, alertText, Icon: Icon2 = Info, onClick }) => {
   return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       Icon2,
@@ -31391,7 +31406,7 @@ const InfoTooltip = ({ title, alertText, Icon: Icon2 = Info, onClick }) => {
         ) }),
         /* @__PURE__ */ jsx("p", { className: "font-semibold text-amber-500", children: alertText })
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-[13px] leading-relaxed text-primary-foreground/90", children: title })
+      /* @__PURE__ */ jsx("p", { className: "text-[13px] leading-relaxed text-primary-foreground/90", children: title2 })
     ] }) })
   ] }) });
 };
@@ -33104,7 +33119,31 @@ function formatDistance$1(date2, baseDate, options) {
 function formatDistanceToNow(date2, options) {
   return formatDistance$1(date2, constructNow(date2), options);
 }
-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: {
@@ -33116,11 +33155,11 @@ const badgeVariants = cva([styles$2.base], {
       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: ""
     }
   },
@@ -33128,7 +33167,7 @@ const badgeVariants = cva([styles$2.base], {
     {
       iconOnly: true,
       size: "sm",
-      class: styles$2["icon-only-sm"]
+      class: styles$2.iconOnlySm
     }
   ],
   defaultVariants: {
@@ -33138,13 +33177,13 @@ const badgeVariants = cva([styles$2.base], {
   }
 });
 const Badge = React.forwardRef(
-  ({ className: className2, variant, size: size2, iconOnly, truncate, ...props }, ref) => {
+  ({ className: className2, variant, size: size2, iconOnly: iconOnly2, truncate, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
         className: cn$1(
-          badgeVariants({ variant, size: size2, iconOnly }),
+          badgeVariants({ variant, size: size2, iconOnly: iconOnly2 }),
           truncate && "max-w-[90px]",
           className2
         ),
@@ -34551,11 +34590,11 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /* @__PURE__ */ forwardRef((pr
     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();
@@ -34591,18 +34630,18 @@ function $d3863c46a17e8a28$var$focusFirst(candidates, { select = false } = {}) {
     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;
@@ -34612,10 +34651,10 @@ function $d3863c46a17e8a28$var$getTabbableCandidates(container) {
   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;
   }
 }
@@ -34672,10 +34711,10 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
 }
 const $f1701beae083dbae$export$602eac185826482c = /* @__PURE__ */ 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__default.createPortal(/* @__PURE__ */ createElement$1($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__default.createPortal(/* @__PURE__ */ createElement$1($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) ? useLayoutEffect : () => {
 };
@@ -35142,7 +35181,7 @@ const [$5d3850c4d0b4e6c7$var$PortalProvider, $5d3850c4d0b4e6c7$var$usePortalCont
   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__ */ createElement$1($5d3850c4d0b4e6c7$var$PortalProvider, {
     scope: __scopeDialog,
@@ -35153,7 +35192,7 @@ const $5d3850c4d0b4e6c7$export$dad7c95542bacce0 = (props) => {
       present: forceMount || context.open
     }, /* @__PURE__ */ createElement$1($f1701beae083dbae$export$602eac185826482c, {
       asChild: true,
-      container
+      container: container2
     }, child))
   ));
 };
@@ -35212,8 +35251,8 @@ const $5d3850c4d0b4e6c7$var$DialogContentModal = /* @__PURE__ */ forwardRef((pro
   const contentRef = useRef(null);
   const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.contentRef, contentRef);
   useEffect(() => {
-    const content = contentRef.current;
-    if (content) return hideOthers(content);
+    const content2 = contentRef.current;
+    if (content2) return hideOthers(content2);
   }, []);
   return /* @__PURE__ */ createElement$1($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
     ref: composedRefs,
@@ -35730,7 +35769,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React.useState(null);
+  const [container2, setContainer] = React.useState(null);
   const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
   const lastFocusedElementRef = React.useRef(null);
@@ -35747,69 +35786,69 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
   React.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.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$1);
-        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$1);
-          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.useCallback(
     (event) => {
       if (!loop && !trapped) return;
@@ -35817,11 +35856,11 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
       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();
@@ -35845,15 +35884,15 @@ function focusFirst$2(candidates, { select = false } = {}) {
     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;
@@ -35863,9 +35902,9 @@ function getTabbableCandidates(container) {
   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 }) {
@@ -36002,9 +36041,9 @@ var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$3,
   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__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
+  return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container: container2, children: children2 }) }) });
 };
 PopoverPortal.displayName = PORTAL_NAME$3;
 var CONTENT_NAME$4 = "PopoverContent";
@@ -36024,8 +36063,8 @@ var PopoverContentModal = React.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     const isRightClickOutsideRef = React.useRef(false);
     React.useEffect(() => {
-      const content = contentRef.current;
-      if (content) return hideOthers(content);
+      const content2 = contentRef.current;
+      if (content2) return hideOthers(content2);
     }, []);
     return /* @__PURE__ */ jsx(ReactRemoveScroll$1, { as: Slot$3, allowPinchZoom: true, children: /* @__PURE__ */ jsx(
       PopoverContentImpl,
@@ -36931,7 +36970,7 @@ var SelectContentImpl = React.forwardRef(
       ...contentProps
     } = props;
     const context = useSelectContext(CONTENT_NAME$3, __scopeSelect);
-    const [content, setContent] = React.useState(null);
+    const [content2, setContent] = React.useState(null);
     const [viewport, setViewport] = React.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
     const [selectedItem, setSelectedItem] = React.useState(null);
@@ -36942,8 +36981,8 @@ var SelectContentImpl = React.forwardRef(
     const [isPositioned, setIsPositioned] = React.useState(false);
     const firstValidItemFoundRef = React.useRef(false);
     React.useEffect(() => {
-      if (content) return hideOthers(content);
-    }, [content]);
+      if (content2) return hideOthers(content2);
+    }, [content2]);
     useFocusGuards();
     const focusFirst2 = React.useCallback(
       (candidates) => {
@@ -36962,8 +37001,8 @@ var SelectContentImpl = React.forwardRef(
       [getItems, viewport]
     );
     const focusSelectedItem = React.useCallback(
-      () => focusFirst2([selectedItem, content]),
-      [focusFirst2, selectedItem, content]
+      () => focusFirst2([selectedItem, content2]),
+      [focusFirst2, selectedItem, content2]
     );
     React.useEffect(() => {
       if (isPositioned) {
@@ -36972,7 +37011,7 @@ var SelectContentImpl = React.forwardRef(
     }, [isPositioned, focusSelectedItem]);
     const { onOpenChange, triggerPointerDownPosRef } = context;
     React.useEffect(() => {
-      if (content) {
+      if (content2) {
         let pointerMoveDelta = { x: 0, y: 0 };
         const handlePointerMove = (event) => {
           pointerMoveDelta = {
@@ -36984,7 +37023,7 @@ var SelectContentImpl = React.forwardRef(
           if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) {
             event.preventDefault();
           } else {
-            if (!content.contains(event.target)) {
+            if (!content2.contains(event.target)) {
               onOpenChange(false);
             }
           }
@@ -37000,7 +37039,7 @@ var SelectContentImpl = React.forwardRef(
           document.removeEventListener("pointerup", handlePointerUp, { capture: true });
         };
       }
-    }, [content, onOpenChange, triggerPointerDownPosRef]);
+    }, [content2, onOpenChange, triggerPointerDownPosRef]);
     React.useEffect(() => {
       const close2 = () => onOpenChange(false);
       window.addEventListener("blur", close2);
@@ -37029,7 +37068,7 @@ var SelectContentImpl = React.forwardRef(
       },
       [context.value]
     );
-    const handleItemLeave = React.useCallback(() => content?.focus(), [content]);
+    const handleItemLeave = React.useCallback(() => content2?.focus(), [content2]);
     const itemTextRefCallback = React.useCallback(
       (node, value, disabled) => {
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
@@ -37057,7 +37096,7 @@ var SelectContentImpl = React.forwardRef(
       SelectContentProvider,
       {
         scope: __scopeSelect,
-        content,
+        content: content2,
         viewport,
         onViewportChange: setViewport,
         itemRefCallback,
@@ -37146,16 +37185,16 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
   const context = useSelectContext(CONTENT_NAME$3, __scopeSelect);
   const contentContext = useSelectContentContext(CONTENT_NAME$3, __scopeSelect);
   const [contentWrapper, setContentWrapper] = React.useState(null);
-  const [content, setContent] = React.useState(null);
+  const [content2, setContent] = React.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
   const getItems = useCollection$2(__scopeSelect);
   const shouldExpandOnScrollRef = React.useRef(false);
   const shouldRepositionRef = React.useRef(true);
   const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
   const position = React.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") {
@@ -37193,7 +37232,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
       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);
@@ -37213,7 +37252,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
       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
@@ -37244,7 +37283,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
     context.trigger,
     context.valueNode,
     contentWrapper,
-    content,
+    content2,
     viewport,
     selectedItem,
     selectedItemText,
@@ -37254,8 +37293,8 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
   useLayoutEffect2(() => position(), [position]);
   const [contentZIndex, setContentZIndex] = React.useState();
   useLayoutEffect2(() => {
-    if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
-  }, [content]);
+    if (content2) setContentZIndex(window.getComputedStyle(content2).zIndex);
+  }, [content2]);
   const handleScrollButtonChange = React.useCallback(
     (node) => {
       if (node && shouldRepositionRef.current === true) {
@@ -39544,7 +39583,7 @@ var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var Menu = (props) => {
   const { __scopeMenu, open = false, children: children2, dir, onOpenChange, modal = true } = props;
   const popperScope = usePopperScope(__scopeMenu);
-  const [content, setContent] = React.useState(null);
+  const [content2, setContent] = React.useState(null);
   const isUsingKeyboardRef = React.useRef(false);
   const handleOpenChange = useCallbackRef$1(onOpenChange);
   const direction = useDirection(dir);
@@ -39568,7 +39607,7 @@ var Menu = (props) => {
       scope: __scopeMenu,
       open,
       onOpenChange: handleOpenChange,
-      content,
+      content: content2,
       onContentChange: setContent,
       children: /* @__PURE__ */ jsx(
         MenuRootProvider,
@@ -39599,9 +39638,9 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME$1, {
   forceMount: void 0
 });
 var MenuPortal = (props) => {
-  const { __scopeMenu, forceMount, children: children2, container } = props;
+  const { __scopeMenu, forceMount, children: children2, container: container2 } = props;
   const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
-  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
+  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container: container2, children: children2 }) }) });
 };
 MenuPortal.displayName = PORTAL_NAME$1;
 var CONTENT_NAME$1 = "MenuContent";
@@ -39621,8 +39660,8 @@ var MenuRootContentModal = React.forwardRef(
     const ref = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     React.useEffect(() => {
-      const content = ref.current;
-      if (content) return hideOthers(content);
+      const content2 = ref.current;
+      if (content2) return hideOthers(content2);
     }, []);
     return /* @__PURE__ */ jsx(
       MenuContentImpl,
@@ -39799,8 +39838,8 @@ var MenuContentImpl = React.forwardRef(
                             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);
@@ -40726,7 +40765,27 @@ const BackNextButtonGroup = ({
     )
   ] });
 };
-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: {
@@ -41892,8 +41951,8 @@ const SelectEmailOrSMS = ({
       /* @__PURE__ */ jsxs(
         Button$1,
         {
-          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__ */ jsx("span", { children: /* @__PURE__ */ jsx(iconDefinitions.EmailIcon, { size: 15 }) }),
@@ -41904,8 +41963,8 @@ const SelectEmailOrSMS = ({
       /* @__PURE__ */ jsxs(
         Button$1,
         {
-          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__ */ jsx("span", { children: /* @__PURE__ */ jsx(iconDefinitions.SmsIcon, { size: 15 }) }),
@@ -42070,7 +42129,7 @@ const EstimatedMatchesView = ({
   iconDefinitions,
   includeSegments,
   excludeSegments,
-  title = "Estimated Matches",
+  title: title2 = "Estimated Matches",
   subtitle
 }) => {
   const {
@@ -42096,7 +42155,7 @@ const EstimatedMatchesView = ({
   }, [data?.recipients]);
   return /* @__PURE__ */ jsxs("div", { className: "w-full p-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-4 md:mb-6", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-900", children: title }),
+      /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-900", children: title2 }),
       subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500", children: subtitle })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "@container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @[30rem]:grid-cols-3 gap-2 md:gap-3 mb-4 md:mb-6", children: [
@@ -44537,10 +44596,10 @@ function Caption(props) {
   return 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 jsx(Fragment, {});
-  return jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsx("tr", { children: jsx("td", { colSpan: 8, children: footer }) }) });
+  return jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsx("tr", { children: 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 });
@@ -45348,15 +45407,15 @@ function Day(props) {
 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 jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children: content });
+    return jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children: content2 });
   }
   var label = labelWeekNumber2(Number(weekNumber), { locale: locale2 });
   var handleClick = function(e4) {
     onWeekNumberClick(weekNumber, dates2, e4);
   };
-  return jsx(Button, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content });
+  return jsx(Button, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content2 });
 }
 function Row(props) {
   var _a, _b;
@@ -46377,13 +46436,13 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
     ] }) })
   ] });
 };
-const TitleAndContent = ({ title, subtitle, content }) => {
+const TitleAndContent = ({ title: title2, subtitle, content: content2 }) => {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 w-full p-6 rounded-xl bg-gray-100 ", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold", children: title }),
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold", children: title2 }),
       subtitle && /* @__PURE__ */ jsx("p", { className: "text-gray-600 mt-1", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 relative", children: content })
+    /* @__PURE__ */ jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 relative", children: content2 })
   ] });
 };
 const EditAutomationPopup = ({