@embedreach/components 0.1.33 → 0.1.35

package/dist/chunks/index.js

@@ -12409,7 +12409,7 @@ function createCollection(name) {
     createCollectionScope2
   ];
 }
-var NODES$2 = [
+var NODES$3 = [
   "a",
   "button",
   "div",
@@ -12427,7 +12427,7 @@ var NODES$2 = [
   "svg",
   "ul"
 ];
-var Primitive$2 = NODES$2.reduce((primitive, node) => {
+var Primitive$3 = NODES$3.reduce((primitive, node) => {
   const Node2 = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot$3 : node;
@@ -12549,7 +12549,7 @@ var DismissableLayer$3 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$3, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -12582,7 +12582,7 @@ var DismissableLayerBranch$3 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$3.displayName = BRANCH_NAME$3;
 function usePointerDownOutside$3(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -12672,7 +12672,7 @@ var Portal$6 = React.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  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) {
@@ -12837,11 +12837,11 @@ function useUncontrolledState({
   }, [value, prevValueRef, handleChange]);
   return uncontrolledState;
 }
-var NAME$3 = "VisuallyHidden";
-var VisuallyHidden = React.forwardRef(
+var NAME$4 = "VisuallyHidden";
+var VisuallyHidden$1 = React.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive$2.span,
+      Primitive$3.span,
       {
         ...props,
         ref: forwardedRef,
@@ -12863,8 +12863,8 @@ var VisuallyHidden = React.forwardRef(
     );
   }
 );
-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("Toast");
 var [createToastContext, createToastScope] = createContextScope("Toast", [createCollectionScope$3]);
@@ -13039,7 +13039,7 @@ var ToastViewport$1 = React.forwardRef(
               }
             }
           ),
-          /* @__PURE__ */ jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(Primitive$2.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
+          /* @__PURE__ */ jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(Primitive$3.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
           hasToasts && /* @__PURE__ */ jsx(
             FocusProxy,
             {
@@ -13064,7 +13064,7 @@ var FocusProxy = React.forwardRef(
     const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props;
     const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast);
     return /* @__PURE__ */ jsx(
-      VisuallyHidden,
+      VisuallyHidden$1,
       {
         "aria-hidden": true,
         tabIndex: 0,
@@ -13231,7 +13231,7 @@ var ToastImpl = React.forwardRef(
               context.isFocusedToastEscapeKeyDownRef.current = false;
             }),
             children: /* @__PURE__ */ jsx(
-              Primitive$2.li,
+              Primitive$3.li,
               {
                 role: "status",
                 "aria-live": "off",
@@ -13330,7 +13330,7 @@ var ToastAnnounce = (props) => {
     const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
     return () => window.clearTimeout(timer);
   }, []);
-  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment, { children: [
+  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden$1, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment, { children: [
     context.label,
     " ",
     children2
@@ -13340,7 +13340,7 @@ var TITLE_NAME$1 = "ToastTitle";
 var ToastTitle$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...titleProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { ...titleProps, ref: forwardedRef });
   }
 );
 ToastTitle$1.displayName = TITLE_NAME$1;
@@ -13348,7 +13348,7 @@ var DESCRIPTION_NAME$1 = "ToastDescription";
 var ToastDescription$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...descriptionProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { ...descriptionProps, ref: forwardedRef });
   }
 );
 ToastDescription$1.displayName = DESCRIPTION_NAME$1;
@@ -13372,7 +13372,7 @@ var ToastClose$1 = React.forwardRef(
     const { __scopeToast, ...closeProps } = props;
     const interactiveContext = useToastInteractiveContext(CLOSE_NAME$2, __scopeToast);
     return /* @__PURE__ */ jsx(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         ...closeProps,
@@ -13386,7 +13386,7 @@ ToastClose$1.displayName = CLOSE_NAME$2;
 var ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
   const { __scopeToast, altText, ...announceExcludeProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive$2.div,
+    Primitive$3.div,
     {
       "data-radix-toast-announce-exclude": "",
       "data-radix-toast-announce-alt": altText || void 0,
@@ -24259,7 +24259,7 @@ const buttonVariants = cva([styles$6.base], {
   }
 });
 const Button$1 = React.forwardRef(
-  ({ className: className2, variant, size: size2, asChild = false, ...props }, ref) => {
+  ({ className: className2, variant, size: size2 = "default", asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot$2 : "button";
     return /* @__PURE__ */ jsx(
       Comp,
@@ -26861,7 +26861,7 @@ function getElementRef$1(element) {
   }
   return element.props.ref || element.ref;
 }
-var NODES$1 = [
+var NODES$2 = [
   "a",
   "button",
   "div",
@@ -26879,7 +26879,7 @@ var NODES$1 = [
   "svg",
   "ul"
 ];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
+var Primitive$2 = NODES$2.reduce((primitive, node) => {
   const Node2 = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot$1 : node;
@@ -26982,7 +26982,7 @@ var DismissableLayer$2 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$2, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$1.div,
+      Primitive$2.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -27015,7 +27015,7 @@ var DismissableLayerBranch$2 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$1.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$2.displayName = BRANCH_NAME$2;
 function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -27212,7 +27212,7 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
 function focusFirst$3(candidates, { select = false } = {}) {
@@ -27300,7 +27300,7 @@ var Portal$5 = React.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal$5.displayName = PORTAL_NAME$6;
 var count = 0;
@@ -28145,7 +28145,7 @@ var DialogTrigger = React.forwardRef(
     const context = useDialogContext(TRIGGER_NAME$5, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive$2.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -28188,7 +28188,7 @@ var DialogOverlayImpl = React.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ jsx(ReactRemoveScroll$1, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
-        Primitive$1.div,
+        Primitive$2.div,
         {
           "data-state": getState$1(context.open),
           ...overlayProps,
@@ -28326,7 +28326,7 @@ var DialogTitle$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$1.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle$1.displayName = TITLE_NAME;
@@ -28335,7 +28335,7 @@ var DialogDescription$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$1.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME;
@@ -28345,7 +28345,7 @@ var DialogClose = React.forwardRef(
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
     return /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive$2.button,
       {
         type: "button",
         ...closeProps,
@@ -28400,6 +28400,63 @@ var Content$2 = DialogContent$1;
 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.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__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node2.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node2 };
+}, {});
+var NAME$3 = "VisuallyHidden";
+var VisuallyHidden = React.forwardRef(
+  (props, forwardedRef) => {
+    return /* @__PURE__ */ 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(inputs));
 }
@@ -28471,6 +28528,8 @@ const DialogDescription = React.forwardRef(({ className: className2, ...props },
   }
 ));
 DialogDescription.displayName = Description.displayName;
+const DialogVisuallyHidden = React.forwardRef(({ className: className2, children: children2, ...props }, ref) => /* @__PURE__ */ 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";
@@ -28559,7 +28618,7 @@ var DismissableLayer$1 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$1, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -28592,7 +28651,7 @@ var DismissableLayerBranch$1 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$1.displayName = BRANCH_NAME$1;
 function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -30514,7 +30573,7 @@ var NAME$2 = "Arrow";
 var Arrow$1 = React.forwardRef((props, forwardedRef) => {
   const { children: children2, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive$2.svg,
+    Primitive$3.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -30581,7 +30640,7 @@ var PopperAnchor = React.forwardRef(
     React.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$2.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -30708,7 +30767,7 @@ var PopperContent = React.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive$2.div,
+              Primitive$3.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -30984,7 +31043,7 @@ var TooltipTrigger$1 = React.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -35799,7 +35858,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$2(candidates, { select = false } = {}) {
@@ -35945,7 +36004,7 @@ var PopoverTrigger$1 = React.forwardRef(
     const popperScope = usePopperScope$2(__scopePopover);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -36130,7 +36189,7 @@ var PopoverClose = React.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         ...closeProps,
@@ -36766,7 +36825,7 @@ var SelectTrigger$1 = React.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         role: "combobox",
@@ -36825,7 +36884,7 @@ var SelectValue$1 = React.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive$2.span,
+      Primitive$3.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -36840,7 +36899,7 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children: children2, ...iconProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
+    return /* @__PURE__ */ jsx(Primitive$3.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
@@ -37248,7 +37307,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive$2.div,
+            Primitive$3.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -37322,7 +37381,7 @@ var SelectViewport = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(Collection$2.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -37377,7 +37436,7 @@ var SelectGroup = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId$1();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$2.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$3.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME$3;
@@ -37386,7 +37445,7 @@ var SelectLabel$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME$2, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive$2.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME$2;
@@ -37442,7 +37501,7 @@ var SelectItem$1 = React.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive$2.div,
+              Primitive$3.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -37519,7 +37578,7 @@ var SelectItemText = React.forwardRef(
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive$2.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsx(Primitive$3.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -37530,7 +37589,7 @@ var SelectItemIndicator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME$1, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$2.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$3.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
@@ -37620,7 +37679,7 @@ var SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsx(
-    Primitive$2.div,
+    Primitive$3.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -37647,7 +37706,7 @@ var SEPARATOR_NAME$2 = "SelectSeparator";
 var SelectSeparator$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME$2;
@@ -37685,7 +37744,7 @@ var BubbleSelect = React.forwardRef(
         select.dispatchEvent(event);
       }
     }, [prevValue, value]);
-    return /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+    return /* @__PURE__ */ jsx(VisuallyHidden$1, { asChild: true, children: /* @__PURE__ */ jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
   }
 );
 BubbleSelect.displayName = "BubbleSelect";
@@ -38401,7 +38460,7 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
@@ -38465,7 +38524,7 @@ var RovingFocusGroupItem = React.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.span,
+          Primitive$3.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -38572,7 +38631,7 @@ var Tabs$1 = React.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.div,
+          Primitive$3.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -38600,7 +38659,7 @@ var TabsList$1 = React.forwardRef(
         dir: context.dir,
         loop,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.div,
+          Primitive$3.div,
           {
             role: "tablist",
             "aria-orientation": context.orientation,
@@ -38630,7 +38689,7 @@ var TabsTrigger$1 = React.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.button,
+          Primitive$3.button,
           {
             type: "button",
             role: "tab",
@@ -38679,7 +38738,7 @@ var TabsContent$1 = React.forwardRef(
       return () => cancelAnimationFrame(rAF);
     }, []);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         "data-state": isSelected ? "active" : "inactive",
         "data-orientation": context.orientation,
@@ -39205,8 +39264,7 @@ const AutomationContent = ({ automationId, iconDefinitions }) => {
       }
     ) }),
     /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-800 mb-2", children: "Automation Content Missing" }),
-    /* @__PURE__ */ jsx("p", { className: "text-gray-500 max-w-md", children: "Complete your automation setup to preview the content here. We'll guide you through each step." }),
-    /* @__PURE__ */ jsx("button", { className: "mt-6 px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 ease-in-out", children: "Set Up Automation" })
+    /* @__PURE__ */ jsx("p", { className: "text-gray-500 max-w-md", children: "Complete your automation setup to preview the content here. We'll guide you through each step. Start by clicking Actions in the top right, and then click Edit!" })
   ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(
       PreviewPanel,
@@ -39370,7 +39428,7 @@ var DismissableLayer = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -39403,7 +39461,7 @@ var DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -39808,7 +39866,7 @@ var GROUP_NAME$1 = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$1;
@@ -39816,7 +39874,7 @@ var LABEL_NAME$1 = "MenuLabel";
 var MenuLabel = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$1;
@@ -39892,7 +39950,7 @@ var MenuItemImpl = React.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive$2.div,
+          Primitive$3.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -40000,7 +40058,7 @@ var MenuItemIndicator = React.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.span,
+          Primitive$3.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -40017,7 +40075,7 @@ var MenuSeparator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -40303,7 +40361,7 @@ var DropdownMenuTrigger$1 = React.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         id: context.triggerId,
@@ -40779,7 +40837,7 @@ var ChannelAccountTypeEnum = /* @__PURE__ */ ((ChannelAccountTypeEnum2) => {
 var NAME = "Label";
 var Label$1 = React.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
-    Primitive$2.label,
+    Primitive$3.label,
     {
       ...props,
       ref: forwardedRef,
@@ -47000,6 +47058,9 @@ const ViewAutomationModal = ({ inRouter = false, ...props }) => {
   }
   return /* @__PURE__ */ jsx(MemoryRouter, { children: /* @__PURE__ */ jsx(ViewAutomationModalContent, { ...props }) });
 };
+Object.values(
+  /* @__PURE__ */ Object.assign({})
+);
 export {
   $TRACK as $,
   getQueryStatusColorByLabel as A,

package/dist/index.umd.js

@@ -12426,7 +12426,7 @@
       createCollectionScope2
     ];
   }
-  var NODES$2 = [
+  var NODES$3 = [
     "a",
     "button",
     "div",
@@ -12444,7 +12444,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 +12566,7 @@
         return () => document.removeEventListener(CONTEXT_UPDATE$3, handleUpdate);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           ...layerProps,
           ref: composedRefs,
@@ -12599,7 +12599,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 +12689,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 +12854,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 +12880,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 +13056,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 +13081,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 +13248,7 @@
                 context.isFocusedToastEscapeKeyDownRef.current = false;
               }),
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                Primitive$2.li,
+                Primitive$3.li,
                 {
                   role: "status",
                   "aria-live": "off",
@@ -13347,7 +13347,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 +13357,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 +13365,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 +13389,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 +13403,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,
@@ -24276,7 +24276,7 @@
     }
   });
   const Button$2 = React__namespace.forwardRef(
-    ({ className: className2, variant, size: size3, asChild = false, ...props }, ref) => {
+    ({ className: className2, variant, size: size3 = "default", asChild = false, ...props }, ref) => {
       const Comp = asChild ? Slot$2 : "button";
       return /* @__PURE__ */ jsxRuntime.jsx(
         Comp,
@@ -26878,7 +26878,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 +26896,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 +26999,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 +27032,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 +27229,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 +27317,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 +28162,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 +28205,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 +28343,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 +28352,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 +28362,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 +28417,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 +28545,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 +28635,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 +28668,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 +30590,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 +30657,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 +30784,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 +31060,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,
@@ -35816,7 +35875,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 +36021,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 +36206,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 +36842,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 +36901,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 +36916,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 +37324,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 +37398,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 +37453,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 +37462,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 +37518,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 +37595,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 +37606,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 +37696,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 +37723,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 +37761,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";
@@ -38418,7 +38477,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 +38541,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 +38648,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 +38676,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 +38706,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 +38755,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,
@@ -39222,8 +39281,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-800 mb-2", children: "Automation Content Missing" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500 max-w-md", children: "Complete your automation setup to preview the content here. We'll guide you through each step." }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "mt-6 px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 ease-in-out", children: "Set Up Automation" })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500 max-w-md", children: "Complete your automation setup to preview the content here. We'll guide you through each step. Start by clicking Actions in the top right, and then click Edit!" })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         PreviewPanel,
@@ -39387,7 +39445,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 +39478,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 +39883,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 +39891,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 +39967,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 +40075,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 +40092,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 +40378,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,
@@ -40796,7 +40854,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,
@@ -47017,6 +47075,9 @@ ${message2 ?? ""}`);
     }
     return /* @__PURE__ */ jsxRuntime.jsx(MemoryRouter, { children: /* @__PURE__ */ jsxRuntime.jsx(ViewAutomationModalContent, { ...props }) });
   };
+  Object.values(
+    /* @__PURE__ */ Object.assign({})
+  );
   var isNonNullable = (i2) => i2 != null;
   var filterNonNullable = (arr) => arr.filter(isNonNullable);
   function chain(callbacks) {

package/dist/styles.css

@@ -7603,7 +7603,9 @@ body {
 }
 .\[\&_tr\]\:border-t tr {
   border-top-width: 1px;
-} .reach-styles-module__base___RP4iu {
+} 
+
+.reach-styles-module__base___RP4iu {
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedreach/components",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "private": false,
   "type": "module",
   "main": "./dist/index.umd.js",