@embedreach/components 0.1.33 → 0.1.34

package/dist/index.umd.js

@@ -20,6 +20,234 @@
   }
   const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
   const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
+  const base$5 = "reach-styles-module__base___1f29D";
+  const destructive$3 = "reach-styles-module__destructive___I1tif";
+  const title$1 = "reach-styles-module__title___gL-0t";
+  const description$1 = "reach-styles-module__description___TBeKF";
+  const styles_module$4 = {
+    base: base$5,
+    "default": "reach-styles-module__default___sG8Jl",
+    destructive: destructive$3,
+    title: title$1,
+    description: description$1
+  };
+  const __vite_glob_0_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    base: base$5,
+    default: styles_module$4,
+    description: description$1,
+    destructive: destructive$3,
+    title: title$1
+  }, Symbol.toStringTag, { value: "Module" }));
+  const base$4 = "reach-styles-module__base___eJmcH";
+  const secondary$3 = "reach-styles-module__secondary___H-ae8";
+  const destructive$2 = "reach-styles-module__destructive___JsRNh";
+  const outline$2 = "reach-styles-module__outline___9FFlV";
+  const google = "reach-styles-module__google___7eHwU";
+  const dark = "reach-styles-module__dark___gu5hq";
+  const date$2 = "reach-styles-module__date___gU3Tt";
+  const sizeDefault$3 = "reach-styles-module__size-default___bnA-o";
+  const sizeSm$3 = "reach-styles-module__size-sm___-y5xc";
+  const iconOnly = "reach-styles-module__icon-only___ae2yu";
+  const iconOnlySm = "reach-styles-module__icon-only-sm___j9kLM";
+  const container = "reach-styles-module__container___5PrOx";
+  const styles$6 = {
+    base: base$4,
+    "default": "reach-styles-module__default___8NuEB",
+    secondary: secondary$3,
+    destructive: destructive$2,
+    outline: outline$2,
+    google,
+    dark,
+    date: date$2,
+    sizeDefault: sizeDefault$3,
+    sizeSm: sizeSm$3,
+    iconOnly,
+    iconOnlySm,
+    container
+  };
+  const __vite_glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    base: base$4,
+    container,
+    dark,
+    date: date$2,
+    default: styles$6,
+    destructive: destructive$2,
+    google,
+    iconOnly,
+    iconOnlySm,
+    outline: outline$2,
+    secondary: secondary$3,
+    sizeDefault: sizeDefault$3,
+    sizeSm: sizeSm$3
+  }, Symbol.toStringTag, { value: "Module" }));
+  const base$3 = "reach-styles-module__base___jV5oA";
+  const primary = "reach-styles-module__primary___WEdH4";
+  const success = "reach-styles-module__success___-eJqU";
+  const warning$2 = "reach-styles-module__warning___KP0RW";
+  const error$2 = "reach-styles-module__error___klJoJ";
+  const sizeDefault$2 = "reach-styles-module__size-default___hgiNI";
+  const sizeSm$2 = "reach-styles-module__size-sm___tiHOk";
+  const sizeLg$2 = "reach-styles-module__size-lg___iGf5z";
+  const positionDefault = "reach-styles-module__position-default___FzGg5";
+  const positionTop = "reach-styles-module__position-top___NpFYx";
+  const positionBottom = "reach-styles-module__position-bottom___-DbqR";
+  const positionInline = "reach-styles-module__position-inline___I-BaY";
+  const styles_module$3 = {
+    base: base$3,
+    "default": "reach-styles-module__default___eFUo9",
+    primary,
+    success,
+    warning: warning$2,
+    error: error$2,
+    sizeDefault: sizeDefault$2,
+    sizeSm: sizeSm$2,
+    sizeLg: sizeLg$2,
+    positionDefault,
+    positionTop,
+    positionBottom,
+    positionInline
+  };
+  const __vite_glob_0_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    base: base$3,
+    default: styles_module$3,
+    error: error$2,
+    positionBottom,
+    positionDefault,
+    positionInline,
+    positionTop,
+    primary,
+    sizeDefault: sizeDefault$2,
+    sizeLg: sizeLg$2,
+    sizeSm: sizeSm$2,
+    success,
+    warning: warning$2
+  }, Symbol.toStringTag, { value: "Module" }));
+  const base$2 = "reach-styles-module__base___RP4iu";
+  const destructive$1 = "reach-styles-module__destructive___BZSYi";
+  const outline$1 = "reach-styles-module__outline___bNcaI";
+  const secondary$2 = "reach-styles-module__secondary___osvqQ";
+  const ghost = "reach-styles-module__ghost___uU77B";
+  const link = "reach-styles-module__link___nSLOW";
+  const sizeDefault$1 = "reach-styles-module__size-default___kIvbz";
+  const sizeSm$1 = "reach-styles-module__size-sm___45mpF";
+  const sizeLg$1 = "reach-styles-module__size-lg___49p4A";
+  const sizeIcon = "reach-styles-module__size-icon___-6vvi";
+  const styles$5 = {
+    base: base$2,
+    "default": "reach-styles-module__default___pajjj",
+    destructive: destructive$1,
+    outline: outline$1,
+    secondary: secondary$2,
+    ghost,
+    link,
+    sizeDefault: sizeDefault$1,
+    sizeSm: sizeSm$1,
+    sizeLg: sizeLg$1,
+    sizeIcon
+  };
+  const __vite_glob_0_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    base: base$2,
+    default: styles$5,
+    destructive: destructive$1,
+    ghost,
+    link,
+    outline: outline$1,
+    secondary: secondary$2,
+    sizeDefault: sizeDefault$1,
+    sizeIcon,
+    sizeLg: sizeLg$1,
+    sizeSm: sizeSm$1
+  }, Symbol.toStringTag, { value: "Module" }));
+  const base$1 = "reach-styles-module__base___ANlIr";
+  const destructive = "reach-styles-module__destructive___a6Swz";
+  const outline = "reach-styles-module__outline___INmdX";
+  const secondary$1 = "reach-styles-module__secondary___Ym15V";
+  const header = "reach-styles-module__header___CzneX";
+  const title = "reach-styles-module__title___8ostO";
+  const description = "reach-styles-module__description___xR5d4";
+  const content = "reach-styles-module__content___XXeK2";
+  const footer = "reach-styles-module__footer___35Xil";
+  const styles$4 = {
+    base: base$1,
+    "default": "reach-styles-module__default___S2tp4",
+    destructive,
+    outline,
+    secondary: secondary$1,
+    header,
+    title,
+    description,
+    content,
+    footer
+  };
+  const __vite_glob_0_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    base: base$1,
+    content,
+    default: styles$4,
+    description,
+    destructive,
+    footer,
+    header,
+    outline,
+    secondary: secondary$1,
+    title
+  }, Symbol.toStringTag, { value: "Module" }));
+  const base = "reach-styles-module__base___ihq8K";
+  const secondary = "reach-styles-module__secondary___-4DAF";
+  const sizeDefault = "reach-styles-module__size-default___GR-0s";
+  const sizeSm = "reach-styles-module__size-sm___di6Rw";
+  const sizeLg = "reach-styles-module__size-lg___KGbCW";
+  const styles_module$2 = {
+    base,
+    "default": "reach-styles-module__default___xYprf",
+    secondary,
+    sizeDefault,
+    sizeSm,
+    sizeLg
+  };
+  const __vite_glob_0_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    base,
+    default: styles_module$2,
+    secondary,
+    sizeDefault,
+    sizeLg,
+    sizeSm
+  }, Symbol.toStringTag, { value: "Module" }));
+  const skeleton = "reach-styles-module__skeleton___G4xtU";
+  const pulse = "reach-styles-module__pulse___6mIhJ";
+  const styles_module$1 = {
+    skeleton,
+    pulse
+  };
+  const __vite_glob_0_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    default: styles_module$1,
+    pulse,
+    skeleton
+  }, Symbol.toStringTag, { value: "Module" }));
+  const root$1 = "reach-styles-module__root___eifex";
+  const track = "reach-styles-module__track___NJnT0";
+  const range = "reach-styles-module__range___mw-ny";
+  const thumb = "reach-styles-module__thumb___hzq0o";
+  const styles_module = {
+    root: root$1,
+    track,
+    range,
+    thumb
+  };
+  const __vite_glob_0_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    default: styles_module,
+    range,
+    root: root$1,
+    thumb,
+    track
+  }, Symbol.toStringTag, { value: "Module" }));
   var Subscribable = class {
     constructor() {
       this.listeners = /* @__PURE__ */ new Set();
@@ -2628,7 +2856,7 @@
       options2 = {};
     }
     let pr = null, initP = NO_INIT, id2 = null, scheduled = false, resolved = "initialValue" in options2, dynamic = typeof source === "function" && createMemo(source);
-    const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options2.storage || createSignal)(options2.initialValue), [error2, setError2] = createSignal(void 0), [track, trigger] = createSignal(void 0, {
+    const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options2.storage || createSignal)(options2.initialValue), [error2, setError2] = createSignal(void 0), [track2, trigger] = createSignal(void 0, {
       equals: false
     }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
     if (sharedConfig.context) {
@@ -11153,7 +11381,7 @@
   }
   Browser.type = "languageDetector";
   const ad_spend$1 = "Ad Spend";
-  const date$2 = "Date";
+  const date$1 = "Date";
   const close$1 = "Close";
   const connected$1 = "Connected";
   const connecting$1 = "Connecting...";
@@ -11540,7 +11768,7 @@
   };
   const enCommon = {
     ad_spend: ad_spend$1,
-    date: date$2,
+    date: date$1,
     close: close$1,
     "continue": "Continue",
     connected: connected$1,
@@ -11579,7 +11807,7 @@
     empty_state: empty_state$1
   };
   const ad_spend = "Gasto en anuncios";
-  const date$1 = "Fecha";
+  const date = "Fecha";
   const close = "Cerrar";
   const connected = "Conectado";
   const connecting = "Conectando...";
@@ -11966,7 +12194,7 @@
   };
   const esCommon = {
     ad_spend,
-    date: date$1,
+    date,
     close,
     "continue": "Continuar",
     connected,
@@ -12426,7 +12654,7 @@
       createCollectionScope2
     ];
   }
-  var NODES$2 = [
+  var NODES$3 = [
     "a",
     "button",
     "div",
@@ -12444,7 +12672,7 @@
     "svg",
     "ul"
   ];
-  var Primitive$2 = NODES$2.reduce((primitive, node) => {
+  var Primitive$3 = NODES$3.reduce((primitive, node) => {
     const Node2 = React__namespace.forwardRef((props, forwardedRef) => {
       const { asChild, ...primitiveProps } = props;
       const Comp = asChild ? Slot$3 : node;
@@ -12566,7 +12794,7 @@
         return () => document.removeEventListener(CONTEXT_UPDATE$3, handleUpdate);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           ...layerProps,
           ref: composedRefs,
@@ -12599,7 +12827,7 @@
         };
       }
     }, [context.branches]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
   });
   DismissableLayerBranch$3.displayName = BRANCH_NAME$3;
   function usePointerDownOutside$3(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -12689,7 +12917,7 @@
     const [mounted, setMounted] = React__namespace.useState(false);
     useLayoutEffect2(() => setMounted(true), []);
     const container2 = containerProp || mounted && globalThis?.document?.body;
-    return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+    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) {
@@ -12854,11 +13082,11 @@
     }, [value, prevValueRef, handleChange]);
     return uncontrolledState;
   }
-  var NAME$3 = "VisuallyHidden";
-  var VisuallyHidden = React__namespace.forwardRef(
+  var NAME$4 = "VisuallyHidden";
+  var VisuallyHidden$1 = React__namespace.forwardRef(
     (props, forwardedRef) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.span,
+        Primitive$3.span,
         {
           ...props,
           ref: forwardedRef,
@@ -12880,8 +13108,8 @@
       );
     }
   );
-  VisuallyHidden.displayName = NAME$3;
-  var Root$6 = VisuallyHidden;
+  VisuallyHidden$1.displayName = NAME$4;
+  var Root$6 = VisuallyHidden$1;
   var PROVIDER_NAME$1 = "ToastProvider";
   var [Collection$3, useCollection$3, createCollectionScope$3] = createCollection$1("Toast");
   var [createToastContext, createToastScope] = createContextScope("Toast", [createCollectionScope$3]);
@@ -13056,7 +13284,7 @@
                 }
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
             hasToasts && /* @__PURE__ */ jsxRuntime.jsx(
               FocusProxy,
               {
@@ -13081,7 +13309,7 @@
       const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props;
       const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        VisuallyHidden,
+        VisuallyHidden$1,
         {
           "aria-hidden": true,
           tabIndex: 0,
@@ -13248,7 +13476,7 @@
                 context.isFocusedToastEscapeKeyDownRef.current = false;
               }),
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                Primitive$2.li,
+                Primitive$3.li,
                 {
                   role: "status",
                   "aria-live": "off",
@@ -13347,7 +13575,7 @@
       const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
       return () => window.clearTimeout(timer);
     }, []);
-    return isAnnounced ? null : /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    return isAnnounced ? null : /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden$1, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       context.label,
       " ",
       children2
@@ -13357,7 +13585,7 @@
   var ToastTitle$1 = React__namespace.forwardRef(
     (props, forwardedRef) => {
       const { __scopeToast, ...titleProps } = props;
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...titleProps, ref: forwardedRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...titleProps, ref: forwardedRef });
     }
   );
   ToastTitle$1.displayName = TITLE_NAME$1;
@@ -13365,7 +13593,7 @@
   var ToastDescription$1 = React__namespace.forwardRef(
     (props, forwardedRef) => {
       const { __scopeToast, ...descriptionProps } = props;
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...descriptionProps, ref: forwardedRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...descriptionProps, ref: forwardedRef });
     }
   );
   ToastDescription$1.displayName = DESCRIPTION_NAME$1;
@@ -13389,7 +13617,7 @@
       const { __scopeToast, ...closeProps } = props;
       const interactiveContext = useToastInteractiveContext(CLOSE_NAME$2, __scopeToast);
       return /* @__PURE__ */ jsxRuntime.jsx(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.button,
+        Primitive$3.button,
         {
           type: "button",
           ...closeProps,
@@ -13403,7 +13631,7 @@
   var ToastAnnounceExclude = React__namespace.forwardRef((props, forwardedRef) => {
     const { __scopeToast, altText, ...announceExcludeProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         "data-radix-toast-announce-exclude": "",
         "data-radix-toast-announce-alt": altText || void 0,
@@ -18268,7 +18496,7 @@
         return;
       isPressing.add(element);
       const onPressEnd = onPressStart(element, startEvent);
-      const onPointerEnd = (endEvent, success) => {
+      const onPointerEnd = (endEvent, success2) => {
         window.removeEventListener("pointerup", onPointerUp);
         window.removeEventListener("pointercancel", onPointerCancel);
         if (!isValidPressEvent(endEvent) || !isPressing.has(element)) {
@@ -18276,7 +18504,7 @@
         }
         isPressing.delete(element);
         if (typeof onPressEnd === "function") {
-          onPressEnd(endEvent, { success });
+          onPressEnd(endEvent, { success: success2 });
         }
       };
       const onPointerUp = (upEvent) => {
@@ -23338,7 +23566,7 @@
         return;
       this.unmount = press(current, (_element, startEvent) => {
         handlePressEvent(this.node, startEvent, "Start");
-        return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? "End" : "Cancel");
+        return (endEvent, { success: success2 }) => handlePressEvent(this.node, endEvent, success2 ? "End" : "Cancel");
       }, { useGlobalTarget: this.node.props.globalTapTarget });
     }
     unmount() {
@@ -24238,36 +24466,21 @@
     }
     return element.props.ref || element.ref;
   }
-  const base$2 = "reach-styles-module__base___RP4iu";
-  const destructive$2 = "reach-styles-module__destructive___BZSYi";
-  const outline$2 = "reach-styles-module__outline___bNcaI";
-  const secondary$2 = "reach-styles-module__secondary___osvqQ";
-  const ghost = "reach-styles-module__ghost___uU77B";
-  const link = "reach-styles-module__link___nSLOW";
-  const styles$6 = {
-    base: base$2,
-    "default": "reach-styles-module__default___pajjj",
-    destructive: destructive$2,
-    outline: outline$2,
-    secondary: secondary$2,
-    ghost,
-    link
-  };
-  const buttonVariants = cva([styles$6.base], {
+  const buttonVariants = cva([styles$5.base], {
     variants: {
       variant: {
-        default: styles$6.default,
-        destructive: styles$6.destructive,
-        outline: styles$6.outline,
-        secondary: styles$6.secondary,
-        ghost: styles$6.ghost,
-        link: styles$6.link
+        default: styles$5.default,
+        destructive: styles$5.destructive,
+        outline: styles$5.outline,
+        secondary: styles$5.secondary,
+        ghost: styles$5.ghost,
+        link: styles$5.link
       },
       size: {
-        default: styles$6["size-default"],
-        sm: styles$6["size-sm"],
-        lg: styles$6["size-lg"],
-        icon: styles$6["size-icon"]
+        default: styles$5["size-default"],
+        sm: styles$5["size-sm"],
+        lg: styles$5["size-lg"],
+        icon: styles$5["size-icon"]
       }
     },
     defaultVariants: {
@@ -24349,7 +24562,7 @@
       }
     );
   };
-  const styles$5 = {
+  const styles$3 = {
     title: "text-3xl mb-8",
     grid: "grid grid-cols-2 gap-6",
     container: "relative p-6  rounded-lg"
@@ -24358,9 +24571,9 @@
     const onClick = (type) => {
       onNext(type);
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.container, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: styles$5.title, children: "Choose Your Automation Type" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.grid, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.container, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: styles$3.title, children: "Choose Your Automation Type" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.grid, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           BigSelector,
           {
@@ -24415,16 +24628,16 @@
       `Unreachable case statement: ${JSON.stringify(x2)}. Valid values are: ${Object.values(enumObj).join(", ")}`
     );
   }
-  const styles$4 = {
+  const styles$2 = {
     iconWrapper: "mb-4 flex items-center justify-center",
     cardTitle: "text-lg font-medium mb-2",
     cardDescription: "text-sm text-gray-600"
   };
   const OneTimeBroadcast = ({ iconDefinitions }) => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(iconDefinitions.OneTimeBroadcast, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$4.cardTitle, children: "One-Time Broadcast" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$4.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$2.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(iconDefinitions.OneTimeBroadcast, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$2.cardTitle, children: "One-Time Broadcast" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$2.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
     ] });
   };
   const SetAutomationName = ({ selectedType, setAutomationName, automationName, iconDefinitions }) => {
@@ -24532,7 +24745,7 @@
       });
     };
     if (isCreating || startedCreating) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(AnimatePresence, { mode: "wait", children: [
@@ -26878,7 +27091,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     }
     return element.props.ref || element.ref;
   }
-  var NODES$1 = [
+  var NODES$2 = [
     "a",
     "button",
     "div",
@@ -26896,7 +27109,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     "svg",
     "ul"
   ];
-  var Primitive$1 = NODES$1.reduce((primitive, node) => {
+  var Primitive$2 = NODES$2.reduce((primitive, node) => {
     const Node2 = React__namespace.forwardRef((props, forwardedRef) => {
       const { asChild, ...primitiveProps } = props;
       const Comp = asChild ? Slot$1 : node;
@@ -26999,7 +27212,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
         return () => document.removeEventListener(CONTEXT_UPDATE$2, handleUpdate);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$1.div,
+        Primitive$2.div,
         {
           ...layerProps,
           ref: composedRefs,
@@ -27032,7 +27245,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
         };
       }
     }, [context.branches]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...props, ref: composedRefs });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
   });
   DismissableLayerBranch$2.displayName = BRANCH_NAME$2;
   function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -27229,7 +27442,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       },
       [loop, trapped, focusScope.paused]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
   });
   FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
   function focusFirst$3(candidates, { select = false } = {}) {
@@ -27317,7 +27530,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     const [mounted, setMounted] = React__namespace.useState(false);
     useLayoutEffect2(() => setMounted(true), []);
     const container2 = containerProp || mounted && globalThis?.document?.body;
-    return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+    return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
   });
   Portal$5.displayName = PORTAL_NAME$6;
   var count = 0;
@@ -28162,7 +28375,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       const context = useDialogContext(TRIGGER_NAME$5, __scopeDialog);
       const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$1.button,
+        Primitive$2.button,
         {
           type: "button",
           "aria-haspopup": "dialog",
@@ -28205,7 +28418,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
         // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
         // ie. when `Overlay` and `Content` are siblings
         /* @__PURE__ */ jsxRuntime.jsx(ReactRemoveScroll$1, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$1.div,
+          Primitive$2.div,
           {
             "data-state": getState$1(context.open),
             ...overlayProps,
@@ -28343,7 +28556,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     (props, forwardedRef) => {
       const { __scopeDialog, ...titleProps } = props;
       const context = useDialogContext(TITLE_NAME, __scopeDialog);
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
     }
   );
   DialogTitle$1.displayName = TITLE_NAME;
@@ -28352,7 +28565,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     (props, forwardedRef) => {
       const { __scopeDialog, ...descriptionProps } = props;
       const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
     }
   );
   DialogDescription$1.displayName = DESCRIPTION_NAME;
@@ -28362,7 +28575,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       const { __scopeDialog, ...closeProps } = props;
       const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$1.button,
+        Primitive$2.button,
         {
           type: "button",
           ...closeProps,
@@ -28417,6 +28630,63 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var Title = DialogTitle$1;
   var Description = DialogDescription$1;
   var Close = DialogClose;
+  var NODES$1 = [
+    "a",
+    "button",
+    "div",
+    "form",
+    "h2",
+    "h3",
+    "img",
+    "input",
+    "label",
+    "li",
+    "nav",
+    "ol",
+    "p",
+    "span",
+    "svg",
+    "ul"
+  ];
+  var Primitive$1 = NODES$1.reduce((primitive, node) => {
+    const Node2 = React__namespace.forwardRef((props, forwardedRef) => {
+      const { asChild, ...primitiveProps } = props;
+      const Comp = asChild ? Slot$2 : node;
+      if (typeof window !== "undefined") {
+        window[Symbol.for("radix-ui")] = true;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+    });
+    Node2.displayName = `Primitive.${node}`;
+    return { ...primitive, [node]: Node2 };
+  }, {});
+  var NAME$3 = "VisuallyHidden";
+  var VisuallyHidden = React__namespace.forwardRef(
+    (props, forwardedRef) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Primitive$1.span,
+        {
+          ...props,
+          ref: forwardedRef,
+          style: {
+            // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+            position: "absolute",
+            border: 0,
+            width: 1,
+            height: 1,
+            padding: 0,
+            margin: -1,
+            overflow: "hidden",
+            clip: "rect(0, 0, 0, 0)",
+            whiteSpace: "nowrap",
+            wordWrap: "normal",
+            ...props.style
+          }
+        }
+      );
+    }
+  );
+  VisuallyHidden.displayName = NAME$3;
   function cn(...inputs) {
     return twMerge(clsx$1(inputs));
   }
@@ -28488,6 +28758,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
   ));
   DialogDescription.displayName = Description.displayName;
+  const DialogVisuallyHidden = React__namespace.forwardRef(({ className: className2, children: children2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { ref, className: cn(className2), ...props, children: children2 }));
+  DialogVisuallyHidden.displayName = "DialogVisuallyHidden";
   var DISMISSABLE_LAYER_NAME$1 = "DismissableLayer";
   var CONTEXT_UPDATE$1 = "dismissableLayer.update";
   var POINTER_DOWN_OUTSIDE$1 = "dismissableLayer.pointerDownOutside";
@@ -28576,7 +28848,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         return () => document.removeEventListener(CONTEXT_UPDATE$1, handleUpdate);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           ...layerProps,
           ref: composedRefs,
@@ -28609,7 +28881,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         };
       }
     }, [context.branches]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
   });
   DismissableLayerBranch$1.displayName = BRANCH_NAME$1;
   function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -30531,7 +30803,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
     const { children: children2, width = 10, height = 5, ...arrowProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$2.svg,
+      Primitive$3.svg,
       {
         ...arrowProps,
         ref: forwardedRef,
@@ -30598,7 +30870,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       React__namespace.useEffect(() => {
         context.onAnchorChange(virtualRef?.current || ref.current);
       });
-      return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...anchorProps, ref: composedRefs });
+      return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
     }
   );
   PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -30725,7 +30997,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               arrowY,
               shouldHideArrow: cannotCenterArrow,
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                Primitive$2.div,
+                Primitive$3.div,
                 {
                   "data-side": placedSide,
                   "data-align": placedAlign,
@@ -31001,7 +31273,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         return () => document.removeEventListener("pointerup", handlePointerUp);
       }, [handlePointerUp]);
       return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.button,
+        Primitive$3.button,
         {
           "aria-describedby": context.open ? context.contentId : void 0,
           "data-state": context.stateAttribute,
@@ -31360,14 +31632,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       ] }) })
     ] }) });
   };
-  const styles$3 = {
+  const styles$1 = {
     container: "flex flex-col items-center justify-center h-full"
   };
   const AutomationStatistics = ({ automationId, iconDefinitions }) => {
     const [activeTab, setActiveTab] = React.useState("email");
     const { statistics, isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
     if (isStatisticsLoading || !statistics) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
     }
     const StatsGrid = () => {
       const statGridMainDiv = "flex items-center bg-white rounded-lg p-4 shadow-sm border border-gray-200 transform transition-all duration-300 hover:shadow-md";
@@ -33069,39 +33341,22 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function formatDistanceToNow(date2, options2) {
     return formatDistance$1(date2, constructNow(date2), options2);
   }
-  const base$1 = "reach-styles-module__base___eJmcH";
-  const secondary$1 = "reach-styles-module__secondary___H-ae8";
-  const destructive$1 = "reach-styles-module__destructive___JsRNh";
-  const outline$1 = "reach-styles-module__outline___9FFlV";
-  const google = "reach-styles-module__google___7eHwU";
-  const date = "reach-styles-module__date___gU3Tt";
-  const container = "reach-styles-module__container___5PrOx";
-  const styles$2 = {
-    base: base$1,
-    "default": "reach-styles-module__default___8NuEB",
-    secondary: secondary$1,
-    destructive: destructive$1,
-    outline: outline$1,
-    google,
-    date,
-    container
-  };
-  const badgeVariants = cva([styles$2.base], {
+  const badgeVariants = cva([styles$6.base], {
     variants: {
       variant: {
-        default: styles$2.default,
-        secondary: styles$2.secondary,
-        destructive: styles$2.destructive,
-        outline: styles$2.outline,
-        google: styles$2.google,
-        date: styles$2.date
+        default: styles$6.default,
+        secondary: styles$6.secondary,
+        destructive: styles$6.destructive,
+        outline: styles$6.outline,
+        google: styles$6.google,
+        date: styles$6.date
       },
       size: {
-        default: styles$2["size-default"],
-        sm: styles$2["size-sm"]
+        default: styles$6["size-default"],
+        sm: styles$6["size-sm"]
       },
       iconOnly: {
-        true: styles$2["icon-only"],
+        true: styles$6["icon-only"],
         false: ""
       }
     },
@@ -33109,7 +33364,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$6["icon-only-sm"]
       }
     ],
     defaultVariants: {
@@ -33119,13 +33374,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
           ),
@@ -33136,7 +33391,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   );
   Badge.displayName = "Badge";
   const BadgeContainer = React__namespace.forwardRef(({ className: className2, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$2.container, className2), ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$6.container, className2), ...props });
   });
   BadgeContainer.displayName = "BadgeContainer";
   const Input = React__namespace.forwardRef(
@@ -35816,7 +36071,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       },
       [loop, trapped, focusScope.paused]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
   });
   FocusScope.displayName = FOCUS_SCOPE_NAME;
   function focusFirst$2(candidates, { select = false } = {}) {
@@ -35962,7 +36217,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const popperScope = usePopperScope$2(__scopePopover);
       const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
       const trigger = /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.button,
+        Primitive$3.button,
         {
           type: "button",
           "aria-haspopup": "dialog",
@@ -36147,7 +36402,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const { __scopePopover, ...closeProps } = props;
       const context = usePopoverContext(CLOSE_NAME, __scopePopover);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.button,
+        Primitive$3.button,
         {
           type: "button",
           ...closeProps,
@@ -36783,7 +37038,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
       };
       return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.button,
+        Primitive$3.button,
         {
           type: "button",
           role: "combobox",
@@ -36842,7 +37097,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         onValueNodeHasChildrenChange(hasChildren);
       }, [onValueNodeHasChildrenChange, hasChildren]);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.span,
+        Primitive$3.span,
         {
           ...valueProps,
           ref: composedRefs,
@@ -36857,7 +37112,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var SelectIcon = React__namespace.forwardRef(
     (props, forwardedRef) => {
       const { __scopeSelect, children: children2, ...iconProps } = props;
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
     }
   );
   SelectIcon.displayName = ICON_NAME;
@@ -37265,7 +37520,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               zIndex: contentZIndex
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive$2.div,
+              Primitive$3.div,
               {
                 ...popperProps,
                 ref: composedRefs,
@@ -37339,7 +37594,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$2.div,
+          Primitive$3.div,
           {
             "data-radix-select-viewport": "",
             role: "presentation",
@@ -37394,7 +37649,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     (props, forwardedRef) => {
       const { __scopeSelect, ...groupProps } = props;
       const groupId = useId$1();
-      return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
     }
   );
   SelectGroup.displayName = GROUP_NAME$3;
@@ -37403,7 +37658,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     (props, forwardedRef) => {
       const { __scopeSelect, ...labelProps } = props;
       const groupContext = useSelectGroupContext(LABEL_NAME$2, __scopeSelect);
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
     }
   );
   SelectLabel$1.displayName = LABEL_NAME$2;
@@ -37459,7 +37714,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               disabled,
               textValue,
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                Primitive$2.div,
+                Primitive$3.div,
                 {
                   role: "option",
                   "aria-labelledby": textId,
@@ -37536,7 +37791,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         return () => onNativeOptionRemove(nativeOption);
       }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+        /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
         itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM__namespace.createPortal(itemTextProps.children, context.valueNode) : null
       ] });
     }
@@ -37547,7 +37802,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     (props, forwardedRef) => {
       const { __scopeSelect, ...itemIndicatorProps } = props;
       const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME$1, __scopeSelect);
-      return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+      return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
     }
   );
   SelectItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
@@ -37637,7 +37892,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
     }, [getItems]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         "aria-hidden": true,
         ...scrollIndicatorProps,
@@ -37664,7 +37919,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var SelectSeparator$1 = React__namespace.forwardRef(
     (props, forwardedRef) => {
       const { __scopeSelect, ...separatorProps } = props;
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
     }
   );
   SelectSeparator$1.displayName = SEPARATOR_NAME$2;
@@ -37702,7 +37957,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           select.dispatchEvent(event);
         }
       }, [prevValue, value]);
-      return /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden$1, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
     }
   );
   BubbleSelect.displayName = "BubbleSelect";
@@ -38144,7 +38399,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       ] })
     ] }) });
   };
-  const styles$1 = {
+  const styles = {
     container: "relative rounded-lg"
   };
   const SegmentBuilder = ({
@@ -38298,17 +38553,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       }
     };
     if (isLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
     }
     if (isCreating || startedCreating) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxRuntime.jsx(
         SpinLoader,
         {
           text: SEGMENT_ID && existingSegment ? ["Updating Segment", "Finishing up"] : ["Creating Segment", "Finishing up"]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.container, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.container, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full flex justify-end mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
         Button$2,
         {
@@ -38418,7 +38673,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           []
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$2.div,
+          Primitive$3.div,
           {
             tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
             "data-orientation": orientation,
@@ -38482,7 +38737,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           focusable,
           active,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            Primitive$2.span,
+            Primitive$3.span,
             {
               tabIndex: isCurrentTabStop ? 0 : -1,
               "data-orientation": context.orientation,
@@ -38589,7 +38844,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           dir: direction,
           activationMode,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            Primitive$2.div,
+            Primitive$3.div,
             {
               dir: direction,
               "data-orientation": orientation,
@@ -38617,7 +38872,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           dir: context.dir,
           loop,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            Primitive$2.div,
+            Primitive$3.div,
             {
               role: "tablist",
               "aria-orientation": context.orientation,
@@ -38647,7 +38902,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           focusable: !disabled,
           active: isSelected,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            Primitive$2.button,
+            Primitive$3.button,
             {
               type: "button",
               role: "tab",
@@ -38696,7 +38951,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         return () => cancelAnimationFrame(rAF);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           "data-state": isSelected ? "active" : "inactive",
           "data-orientation": context.orientation,
@@ -39249,7 +39504,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const { recipients, isLoading, fetchError } = useGetBusinessAutomationRecipients(automationId);
     const { isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
     if (isLoading || isStatisticsLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
     }
     if (fetchError) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -39387,7 +39642,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           ...layerProps,
           ref: composedRefs,
@@ -39420,7 +39675,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         };
       }
     }, [context.branches]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
   });
   DismissableLayerBranch.displayName = BRANCH_NAME;
   function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -39825,7 +40080,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var MenuGroup$1 = React__namespace.forwardRef(
     (props, forwardedRef) => {
       const { __scopeMenu, ...groupProps } = props;
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { role: "group", ...groupProps, ref: forwardedRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
     }
   );
   MenuGroup$1.displayName = GROUP_NAME$1;
@@ -39833,7 +40088,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var MenuLabel = React__namespace.forwardRef(
     (props, forwardedRef) => {
       const { __scopeMenu, ...labelProps } = props;
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...labelProps, ref: forwardedRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
     }
   );
   MenuLabel.displayName = LABEL_NAME$1;
@@ -39909,7 +40164,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           disabled,
           textValue: textValue ?? textContent,
           children: /* @__PURE__ */ jsxRuntime.jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
-            Primitive$2.div,
+            Primitive$3.div,
             {
               role: "menuitem",
               "data-highlighted": isFocused ? "" : void 0,
@@ -40017,7 +40272,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         {
           present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            Primitive$2.span,
+            Primitive$3.span,
             {
               ...itemIndicatorProps,
               ref: forwardedRef,
@@ -40034,7 +40289,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     (props, forwardedRef) => {
       const { __scopeMenu, ...separatorProps } = props;
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           role: "separator",
           "aria-orientation": "horizontal",
@@ -40320,7 +40575,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
       const menuScope = useMenuScope(__scopeDropdownMenu);
       return /* @__PURE__ */ jsxRuntime.jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.button,
+        Primitive$3.button,
         {
           type: "button",
           id: context.triggerId,
@@ -40708,34 +40963,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       )
     ] });
   };
-  const base = "reach-styles-module__base___ANlIr";
-  const destructive = "reach-styles-module__destructive___a6Swz";
-  const outline = "reach-styles-module__outline___INmdX";
-  const secondary = "reach-styles-module__secondary___Ym15V";
-  const header = "reach-styles-module__header___CzneX";
-  const title = "reach-styles-module__title___8ostO";
-  const description = "reach-styles-module__description___xR5d4";
-  const content = "reach-styles-module__content___XXeK2";
-  const footer = "reach-styles-module__footer___35Xil";
-  const styles = {
-    base,
-    "default": "reach-styles-module__default___S2tp4",
-    destructive,
-    outline,
-    secondary,
-    header,
-    title,
-    description,
-    content,
-    footer
-  };
-  const cardVariants = cva(styles.base, {
+  const cardVariants = cva(styles$4.base, {
     variants: {
       variant: {
-        default: styles.default,
-        destructive: styles.destructive,
-        outline: styles.outline,
-        secondary: styles.secondary
+        default: styles$4.default,
+        destructive: styles$4.destructive,
+        outline: styles$4.outline,
+        secondary: styles$4.secondary
       }
     },
     defaultVariants: {
@@ -40755,15 +40989,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
   );
   Card.displayName = "Card";
-  const CardHeader = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.header, className2), ...props }));
+  const CardHeader = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.header, className2), ...props }));
   CardHeader.displayName = "CardHeader";
-  const CardTitle = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.title, className2), ...props }));
+  const CardTitle = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.title, className2), ...props }));
   CardTitle.displayName = "CardTitle";
-  const CardDescription = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.description, className2), ...props }));
+  const CardDescription = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.description, className2), ...props }));
   CardDescription.displayName = "CardDescription";
-  const CardContent = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.content, className2), ...props }));
+  const CardContent = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.content, className2), ...props }));
   CardContent.displayName = "CardContent";
-  const CardFooter = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.footer, className2), ...props }));
+  const CardFooter = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.footer, className2), ...props }));
   CardFooter.displayName = "CardFooter";
   const getChannelAccounts = async () => {
     const response = await baseRequest(
@@ -40796,7 +41030,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var NAME = "Label";
   var Label$1 = React__namespace.forwardRef((props, forwardedRef) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$2.label,
+      Primitive$3.label,
       {
         ...props,
         ref: forwardedRef,
@@ -44634,8 +44868,8 @@ ${message2 ?? ""}`);
     }
     return context;
   }
-  function addToRange(day, range) {
-    var _a = range || {}, from = _a.from, to = _a.to;
+  function addToRange(day, range2) {
+    var _a = range2 || {}, from = _a.from, to = _a.to;
     if (from && to) {
       if (isSameDay(to, day) && isSameDay(from, day)) {
         return void 0;
@@ -44855,9 +45089,9 @@ ${message2 ?? ""}`);
   function isDayOfWeekType(value) {
     return Boolean(value && typeof value === "object" && "dayOfWeek" in value);
   }
-  function isDateInRange(date2, range) {
+  function isDateInRange(date2, range2) {
     var _a;
-    var from = range.from, to = range.to;
+    var from = range2.from, to = range2.to;
     if (from && to) {
       var isRangeInverted = differenceInCalendarDays(to, from) < 0;
       if (isRangeInverted) {
@@ -45128,7 +45362,7 @@ ${message2 ?? ""}`);
     var dayPicker = useDayPicker();
     var single = useSelectSingle();
     var multiple = useSelectMultiple();
-    var range = useSelectRange();
+    var range2 = useSelectRange();
     var _a = useFocusContext(), focusDayAfter = _a.focusDayAfter, focusDayBefore = _a.focusDayBefore, focusWeekAfter = _a.focusWeekAfter, focusWeekBefore = _a.focusWeekBefore, blur = _a.blur, focus2 = _a.focus, focusMonthBefore = _a.focusMonthBefore, focusMonthAfter = _a.focusMonthAfter, focusYearBefore = _a.focusYearBefore, focusYearAfter = _a.focusYearAfter, focusStartOfWeek = _a.focusStartOfWeek, focusEndOfWeek = _a.focusEndOfWeek;
     var onClick = function(e2) {
       var _a2, _b, _c, _d;
@@ -45137,7 +45371,7 @@ ${message2 ?? ""}`);
       } else if (isDayPickerMultiple(dayPicker)) {
         (_b = multiple.onDayClick) === null || _b === void 0 ? void 0 : _b.call(multiple, date2, activeModifiers, e2);
       } else if (isDayPickerRange(dayPicker)) {
-        (_c = range.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range, date2, activeModifiers, e2);
+        (_c = range2.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range2, date2, activeModifiers, e2);
       } else {
         (_d = dayPicker.onDayClick) === null || _d === void 0 ? void 0 : _d.call(dayPicker, date2, activeModifiers, e2);
       }
@@ -45255,8 +45489,8 @@ ${message2 ?? ""}`);
     var dayPicker = useDayPicker();
     var single = useSelectSingle();
     var multiple = useSelectMultiple();
-    var range = useSelectRange();
-    var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range.selected : void 0;
+    var range2 = useSelectRange();
+    var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range2.selected : void 0;
     return selectedDays;
   }
   function isInternalModifier(modifier) {
@@ -46967,7 +47201,7 @@ ${message2 ?? ""}`);
       return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Invalid automation ID" });
     }
     if (!automation && (isFetching || isLoading)) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
     }
     if (fetchError) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -46978,7 +47212,7 @@ ${message2 ?? ""}`);
     if (!automation) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "No automation found" });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.container, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.container, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ViewAutomationHeader,
         {
@@ -47017,6 +47251,9 @@ ${message2 ?? ""}`);
     }
     return /* @__PURE__ */ jsxRuntime.jsx(MemoryRouter, { children: /* @__PURE__ */ jsxRuntime.jsx(ViewAutomationModalContent, { ...props }) });
   };
+  Object.values(
+    /* @__PURE__ */ Object.assign({ "../common/components/ui/alert/styles.module.css": __vite_glob_0_0, "../common/components/ui/badge/styles.module.css": __vite_glob_0_1, "../common/components/ui/banner/styles.module.css": __vite_glob_0_2, "../common/components/ui/button/styles.module.css": __vite_glob_0_3, "../common/components/ui/card/styles.module.css": __vite_glob_0_4, "../common/components/ui/interactive-button/styles.module.css": __vite_glob_0_5, "../common/components/ui/skeleton/styles.module.css": __vite_glob_0_6, "../common/components/ui/slider/styles.module.css": __vite_glob_0_7 })
+  );
   var isNonNullable = (i2) => i2 != null;
   var filterNonNullable = (arr) => arr.filter(isNonNullable);
   function chain(callbacks) {
@@ -56104,7 +56341,7 @@ ${message2 ?? ""}`);
       size: size3,
       border
     } = tokens;
-    const t2 = (light, dark) => theme2 === "light" ? light : dark;
+    const t2 = (light, dark2) => theme2 === "light" ? light : dark2;
     return {
       entry: css`
       & * {
@@ -56415,7 +56652,7 @@ ${message2 ?? ""}`);
       const {
         colors
       } = tokens;
-      const t2 = (light, dark) => theme2() === "dark" ? dark : light;
+      const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
       if (panelWidth() < secondBreakpoint) {
         return css`
         flex-direction: column;
@@ -56481,7 +56718,7 @@ ${message2 ?? ""}`);
       const {
         colors
       } = tokens;
-      const t2 = (light, dark) => theme2() === "dark" ? dark : light;
+      const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
       if (panelWidth() < secondBreakpoint) {
         return css`
         flex-direction: column;
@@ -56605,7 +56842,7 @@ ${message2 ?? ""}`);
       const {
         colors
       } = tokens;
-      const t2 = (light, dark) => theme2() === "dark" ? dark : light;
+      const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
       if (panelWidth() < secondBreakpoint) {
         return css`
         flex-direction: column;
@@ -57179,7 +57416,7 @@ ${message2 ?? ""}`);
       colors,
       alpha: alpha2
     } = tokens;
-    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
+    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
     const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
       queryKey: props.query.queryKey
     })?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
@@ -57253,7 +57490,7 @@ ${message2 ?? ""}`);
       colors,
       alpha: alpha2
     } = tokens;
-    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
+    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
     const mutationState = createSubscribeToMutationCacheBatcher((mutationCache) => {
       const mutations = mutationCache().getAll();
       const mutation = mutations.find((m2) => m2.mutationId === props.mutation.mutationId);
@@ -57409,7 +57646,7 @@ ${message2 ?? ""}`);
     })();
   };
   var MutationStatusCount = () => {
-    const success = createSubscribeToMutationCacheBatcher((mutationCache) => mutationCache().getAll().filter((m2) => getMutationStatusColor({
+    const success2 = createSubscribeToMutationCacheBatcher((mutationCache) => mutationCache().getAll().filter((m2) => getMutationStatusColor({
       isPaused: m2.state.isPaused,
       status: m2.state.status
     }) === "green").length);
@@ -57452,7 +57689,7 @@ ${message2 ?? ""}`);
         label: "Success",
         color: "green",
         get count() {
-          return success();
+          return success2();
         }
       }), null);
       insert(_el$57, createComponent(QueryStatus, {
@@ -57478,7 +57715,7 @@ ${message2 ?? ""}`);
       colors,
       alpha: alpha2
     } = tokens;
-    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
+    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
     let tagRef;
     const [mouseOver, setMouseOver] = createSignal(false);
     const [focused, setFocused] = createSignal(false);
@@ -57573,7 +57810,7 @@ ${message2 ?? ""}`);
     const {
       colors
     } = tokens;
-    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
+    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
     const queryClient = useQueryDevtoolsContext().client;
     const [restoringLoading, setRestoringLoading] = createSignal(false);
     const [dataMode, setDataMode] = createSignal("view");
@@ -57944,7 +58181,7 @@ ${message2 ?? ""}`);
     const {
       colors
     } = tokens;
-    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
+    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
     const isPaused = createSubscribeToMutationCacheBatcher((mutationCache) => {
       const mutations = mutationCache().getAll();
       const mutation = mutations.find((m2) => m2.mutationId === selectedMutationId());
@@ -58155,7 +58392,7 @@ ${message2 ?? ""}`);
       shadow,
       border
     } = tokens;
-    const t2 = (light, dark) => theme2 === "light" ? light : dark;
+    const t2 = (light, dark2) => theme2 === "light" ? light : dark2;
     return {
       devtoolsBtn: css`
       z-index: 100000;