@cerberus-design/react 0.16.0-next-4f6c716 → 0.16.0-next-270c731

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -103,6 +103,7 @@ import { HtmlHTMLAttributes } from 'react';
 import { IconButtonVariantProps } from '@cerberus/styled-system/recipes';
 import { InputHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import type { JSX as JSX_3 } from 'react';
 import { KeyboardCode } from '@dnd-kit/core';
 import { KeyboardCodes } from '@dnd-kit/core';
 import { KeyboardCoordinateGetter } from '@dnd-kit/core';
@@ -119,7 +120,7 @@ import { Menu as Menu_2 } from '@ark-ui/react';
 import { Modifier } from '@dnd-kit/core';
 import { Modifiers } from '@dnd-kit/core';
 import { MouseEvent as MouseEvent_2 } from 'react';
-import { MouseEventHandler } from 'react';
+import type { MouseEventHandler } from 'react';
 import { MouseSensor } from '@dnd-kit/core';
 import { MouseSensorOptions } from '@dnd-kit/core';
 import { NotificationVariantProps } from '@cerberus/styled-system/recipes';
@@ -950,6 +951,14 @@ declare interface ConfirmModalValue {
 export { ConfirmModalValue }
 export { ConfirmModalValue as ConfirmModalValue_alias_1 }
 
+/**
+ * Creates the action data to pass to the cta modal `show` method.
+ */
+declare function createCTAModalActions(providedActions: CTAModalAction): CTAModalActionReturn;
+export { createCTAModalActions }
+export { createCTAModalActions as createCTAModalActions_alias_1 }
+export { createCTAModalActions as createCTAModalActions_alias_2 }
+
 declare function createNavTriggerProps(values: NavTriggerAriaValues): NavTriggerAriaReturn;
 export { createNavTriggerProps }
 export { createNavTriggerProps as createNavTriggerProps_alias_1 }
@@ -967,6 +976,28 @@ export { createSelectCollection }
 export { createSelectCollection as createSelectCollection_alias_1 }
 export { createSelectCollection as createSelectCollection_alias_2 }
 
+/**
+ * This module provide utility functions for the cta modal.
+ * @module 'react/cta-modal/utils'
+ */
+declare type CTAButtonAction = {
+    /**
+     * The text of the button.
+     */
+    text: string;
+    /**
+     * The onClick handler for the button.
+     */
+    handleClick: MouseEventHandler<HTMLButtonElement>;
+};
+export { CTAButtonAction }
+export { CTAButtonAction as CTAButtonAction_alias_1 }
+export { CTAButtonAction as CTAButtonAction_alias_2 }
+
+/**
+ * This module provides the provider and hook for the cta modal.
+ * @module 'react/cta-modal/provider'
+ */
 /**
  * Provides a CTA modal to the app.
  * @see https://cerberus.digitalu.design/react/cta-modal
@@ -999,19 +1030,35 @@ export { createSelectCollection as createSelectCollection_alias_2 }
  * }, [cta])
  * ```
  */
-declare function CTAModal(props: PropsWithChildren<CTAModalProviderProps>): JSX_2.Element;
+declare function CTAModal(props: PropsWithChildren<object>): JSX_2.Element;
 export { CTAModal }
 export { CTAModal as CTAModal_alias_1 }
+export { CTAModal as CTAModal_alias_2 }
+
+declare type CTAModalAction = (CTAButtonAction | ReactNode)[];
+export { CTAModalAction }
+export { CTAModalAction as CTAModalAction_alias_1 }
+export { CTAModalAction as CTAModalAction_alias_2 }
+
+declare interface CTAModalActionReturn {
+    /**
+     * The type of the action content.
+     */
+    type: 'reactNode' | 'btnAction';
+    /**
+     * The actions for the cta modal. Max of 2 actions.
+     */
+    _actions: CTAModalAction;
+}
+export { CTAModalActionReturn }
+export { CTAModalActionReturn as CTAModalActionReturn_alias_1 }
+export { CTAModalActionReturn as CTAModalActionReturn_alias_2 }
 
-declare type CTAModalProviderProps = PropsWithChildren<unknown>;
-export { CTAModalProviderProps }
-export { CTAModalProviderProps as CTAModalProviderProps_alias_1 }
+export declare const CTAModalContext: Context<CTAModalValue | null>;
 
-declare interface CTAModalValue {
+export declare interface CTAModalValue {
     show: (options: ShowCTAModalOptions) => void;
 }
-export { CTAModalValue }
-export { CTAModalValue as CTAModalValue_alias_1 }
 
 declare type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K;
 export { CustomThemes }
@@ -2225,7 +2272,7 @@ export { FileUploaderProps as FileUploaderProps_alias_1 }
  * </For>
  * ```
  */
-declare function For<T extends string | number | Record<string, unknown> | object | undefined>(props: ForProps<T>): ReactNode;
+declare function For<T extends readonly unknown[], U extends JSX_3.Element>(props: ForProps<T, U>): string | number | boolean | JSX_3.Element | Iterable<ReactNode> | null | undefined;
 export { For }
 export { For as For_alias_1 }
 
@@ -2274,19 +2321,19 @@ declare function formatNotifyCount(count: number): string;
 export { formatNotifyCount }
 export { formatNotifyCount as formatNotifyCount_alias_1 }
 
-declare interface ForProps<T> {
+declare interface ForProps<T extends readonly unknown[], U extends JSX_3.Element> {
     /**
-     * The array to iterate over
+     * The array to iterate over.
      */
-    each: T[];
+    each: T | undefined | null | false;
     /**
-     * The fallback content to render when the array is empty
+     * The fallback to render when the array is empty.
      */
-    fallback?: ReactNode;
+    fallback?: JSX_3.Element;
     /**
-     * The render function to render each item in the array
+     * The children to render for each item in the array.
      */
-    children: (item: Exclude<T, undefined>, index: number) => ReactNode;
+    children: (item: T[number], index: number) => U;
 }
 export { ForProps }
 export { ForProps as ForProps_alias_1 }
@@ -3826,10 +3873,10 @@ export { ShowConfirmModalOptions }
 export { ShowConfirmModalOptions as ShowConfirmModalOptions_alias_1 }
 
 /**
- * This module provides a context and hook for the cta modal.
+ * This module provides the context for the cta modal.
  * @module
  */
-declare interface ShowCTAModalOptions {
+export declare interface ShowCTAModalOptions {
     /**
      * The heading of the cta modal.
      */
@@ -3843,15 +3890,10 @@ declare interface ShowCTAModalOptions {
      */
     icon?: ReactNode;
     /**
-     * The actions for the cta modal. Max of 2 actions.
+     * The actions for the cta modal. Requires 2 actions.
      */
-    actions: {
-        text: string;
-        onClick: MouseEventHandler<HTMLButtonElement>;
-    }[];
+    actions: CTAModalActionReturn;
 }
-export { ShowCTAModalOptions }
-export { ShowCTAModalOptions as ShowCTAModalOptions_alias_1 }
 
 /**
  * This module provides a context and hook for the prompt modal.
@@ -4589,6 +4631,20 @@ export { trapFocus as trapFocus_alias_1 }
 
 export { TraversalOrder }
 
+/**
+ * Trigger item for the cta modal which renders content based on the actions.
+ * type.
+ */
+export declare function TriggerItem(props: TriggerItemProps): JSX_2.Element;
+
+/**
+ * This module provides the trigger item for the cta modal.
+ * @module 'react/cta-modal/trigger-item'
+ */
+export declare interface TriggerItemProps extends ButtonProps {
+    asChild?: boolean;
+}
+
 declare type TrProps = TableHTMLAttributes<HTMLTableRowElement>;
 export { TrProps }
 export { TrProps as TrProps_alias_1 }
@@ -4624,6 +4680,7 @@ export { useConfirmModal as useConfirmModal_alias_1 }
 declare function useCTAModal(): CTAModalValue;
 export { useCTAModal }
 export { useCTAModal as useCTAModal_alias_1 }
+export { useCTAModal as useCTAModal_alias_2 }
 
 /**
  * @deprecated use the DatePicker family instead

package/build/legacy/components/cta-dialog/context.cjs

@@ -0,0 +1,33 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/cta-dialog/context.tsx
+var context_exports = {};
+__export(context_exports, {
+  CTAModalContext: () => CTAModalContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = require("react");
+var CTAModalContext = (0, import_react.createContext)(null);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CTAModalContext
+});
+//# sourceMappingURL=context.cjs.map

package/build/legacy/components/cta-dialog/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/cta-dialog/context.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, type ReactNode } from 'react'\nimport type { CTAModalActionReturn } from './utils'\n\n/**\n * This module provides the context for the cta modal.\n * @module\n */\n\nexport interface ShowCTAModalOptions {\n  /**\n   * The heading of the cta modal.\n   */\n  heading: string\n  /**\n   * The description of the cta modal.\n   */\n  description?: string\n  /**\n   * The icon used for the modal Avatar.\n   */\n  icon?: ReactNode\n  /**\n   * The actions for the cta modal. Requires 2 actions.\n   */\n  actions: CTAModalActionReturn\n}\n\nexport interface CTAModalValue {\n  show: (options: ShowCTAModalOptions) => void\n}\n\nexport const CTAModalContext = createContext<CTAModalValue | null>(null)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA8C;AA+BvC,IAAM,sBAAkB,4BAAoC,IAAI;","names":[]}

package/build/legacy/components/cta-dialog/index.cjs

@@ -0,0 +1,433 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/cta-dialog/index.ts
+var cta_dialog_exports = {};
+__export(cta_dialog_exports, {
+  CTAModal: () => CTAModal,
+  createCTAModalActions: () => createCTAModalActions,
+  useCTAModal: () => useCTAModal
+});
+module.exports = __toCommonJS(cta_dialog_exports);
+
+// src/components/cta-dialog/provider.tsx
+var import_react8 = require("react");
+var import_jsx2 = require("@cerberus/styled-system/jsx");
+
+// src/context/cerberus.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CerberusContext = (0, import_react.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
+// src/components/Show.tsx
+var import_react2 = require("react");
+function Show(props) {
+  const { when, children, fallback } = props;
+  const condition = (0, import_react2.useMemo)(() => when ?? false, [when]);
+  return (0, import_react2.useMemo)(() => {
+    if (condition) return children;
+    return fallback ?? null;
+  }, [condition, children, fallback]);
+}
+
+// src/components/for.tsx
+function For(props) {
+  var _a;
+  if (!props.each || !props.each.length) {
+    return props.fallback || null;
+  }
+  return (_a = props.each) == null ? void 0 : _a.map(props.children);
+}
+
+// src/components/Avatar.tsx
+var import_css = require("@cerberus/styled-system/css");
+var import_patterns = require("@cerberus/styled-system/patterns");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Avatar(props) {
+  const {
+    ariaLabel,
+    as,
+    gradient,
+    size,
+    src,
+    width,
+    height,
+    icon,
+    ...nativeProps
+  } = props;
+  const { icons } = useCerberusContext();
+  const { avatar: AvatarIcon } = icons;
+  const initials = (ariaLabel || "").split(" ").map((word) => word[0]).join("").slice(0, 2);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      ...nativeProps,
+      className: (0, import_css.cx)(
+        nativeProps.className,
+        (0, import_recipes.avatar)({ gradient, size }),
+        (0, import_patterns.circle)()
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        Show,
+        {
+          when: Boolean(src) || Boolean(as),
+          fallback: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            Show,
+            {
+              when: Boolean(initials),
+              fallback: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                Show,
+                {
+                  when: Boolean(icon),
+                  fallback: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    AvatarIcon,
+                    {
+                      size: iconSizeMap[size]
+                    }
+                  ),
+                  children: icon
+                }
+              ),
+              children: initials
+            }
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            Show,
+            {
+              when: Boolean(as),
+              fallback: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "img",
+                {
+                  alt: props.ariaLabel,
+                  className: (0, import_css.css)({
+                    h: "full",
+                    objectFit: "cover",
+                    w: "full"
+                  }),
+                  decoding: "async",
+                  loading: "lazy",
+                  src,
+                  height,
+                  width
+                }
+              ),
+              children: as
+            }
+          )
+        }
+      )
+    }
+  );
+}
+var iconSizeMap = {
+  xs: 16,
+  sm: 16,
+  md: 20,
+  lg: 34,
+  xl: 32,
+  "2xl": 32,
+  "3xl": 32,
+  "4xl": 32
+};
+
+// src/components/Dialog.tsx
+var import_react4 = require("@ark-ui/react");
+var import_recipes2 = require("@cerberus/styled-system/recipes");
+
+// src/components/Portal.tsx
+var import_react3 = require("@ark-ui/react");
+var Portal = import_react3.Portal;
+
+// src/components/Dialog.tsx
+var import_css2 = require("@cerberus/styled-system/css");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function DialogProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Dialog.Root, { ...props });
+}
+function Dialog(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes2.dialog)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogBackdrop, { className: styles.backdrop }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogPositioner, { className: styles.positioner, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogContent, { className: styles.content, ...contentProps }) })
+  ] });
+}
+function DialogHeading(props) {
+  const styles = (0, import_recipes2.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Dialog.Title, { ...props, className: (0, import_css2.cx)(props.className, styles.title) });
+}
+function DialogDescription(props) {
+  const styles = (0, import_recipes2.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react4.Dialog.Description,
+    {
+      ...props,
+      className: (0, import_css2.cx)(props.className, styles.description)
+    }
+  );
+}
+var DialogTrigger = import_react4.Dialog.Trigger;
+var DialogCloseTrigger = import_react4.Dialog.CloseTrigger;
+var DialogBackdrop = import_react4.Dialog.Backdrop;
+var DialogPositioner = import_react4.Dialog.Positioner;
+var DialogContent = import_react4.Dialog.Content;
+
+// src/components/Dialog.client.tsx
+var import_react5 = require("@ark-ui/react");
+var import_recipes4 = require("@cerberus/styled-system/recipes");
+var import_css4 = require("@cerberus/styled-system/css");
+
+// src/components/IconButton.tsx
+var import_css3 = require("@cerberus/styled-system/css");
+var import_recipes3 = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function IconButton(props) {
+  const { ariaLabel, palette, usage, size, ...nativeProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "button",
+    {
+      ...nativeProps,
+      "aria-label": ariaLabel ?? "Icon Button",
+      className: (0, import_css3.cx)(
+        nativeProps.className,
+        (0, import_recipes3.iconButton)({
+          palette,
+          usage,
+          size
+        })
+      )
+    }
+  );
+}
+
+// src/components/Dialog.client.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function DialogCloseIconTrigger(props) {
+  const { icons } = useCerberusContext();
+  const { close: CloseIcon } = icons;
+  const styles = (0, import_recipes4.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react5.Dialog.CloseTrigger,
+    {
+      ...props,
+      className: (0, import_css4.cx)(props.className, styles.closeTrigger),
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        IconButton,
+        {
+          ariaLabel: "Close dialog",
+          palette: "action",
+          size: "lg",
+          usage: "ghost",
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CloseIcon, {})
+        }
+      )
+    }
+  );
+}
+
+// src/components/cta-dialog/context.tsx
+var import_react6 = require("react");
+var CTAModalContext = (0, import_react6.createContext)(null);
+
+// src/components/cta-dialog/trigger-item.tsx
+var import_css6 = require("@cerberus/styled-system/css");
+
+// src/components/button/button.tsx
+var import_react7 = require("react");
+var import_css5 = require("@cerberus/styled-system/css");
+var import_recipes5 = require("@cerberus/styled-system/recipes");
+var import_jsx = require("@cerberus/styled-system/jsx");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ButtonContext = (0, import_react7.createContext)({
+  pending: false
+});
+function Button(props) {
+  const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
+  const value = (0, import_react7.useMemo)(() => ({ pending }), [pending]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ButtonContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "button",
+    {
+      ...nativeProps,
+      disabled: pending || nativeProps.disabled,
+      className: (0, import_css5.cx)(
+        nativeProps.className,
+        (0, import_recipes5.button)({
+          palette,
+          usage,
+          shape,
+          size
+        })
+      )
+    }
+  ) });
+}
+
+// src/components/cta-dialog/trigger-item.tsx
+var import_factory = require("@ark-ui/react/factory");
+var import_recipes6 = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function TriggerItem(props) {
+  const { asChild, children, ...buttonProps } = props;
+  if (asChild) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_factory.ark.div,
+      {
+        className: (0, import_css6.cx)(
+          (0, import_recipes6.button)({
+            shape: "rounded",
+            usage: "ghost"
+          }),
+          (0, import_css6.css)({
+            w: "1/2"
+          })
+        ),
+        asChild: true,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Button,
+    {
+      ...buttonProps,
+      className: (0, import_css6.css)({
+        w: "1/2"
+      }),
+      shape: "rounded",
+      usage: "outlined",
+      children
+    }
+  );
+}
+
+// src/components/cta-dialog/provider.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function CTAModal(props) {
+  const [open, setOpen] = (0, import_react8.useState)(false);
+  const [content, setContent] = (0, import_react8.useState)(null);
+  const confirmIcon = content == null ? void 0 : content.icon;
+  const { icons } = useCerberusContext();
+  const { confirmModal: FallbackIcon } = icons;
+  const handleShow = (0, import_react8.useCallback)(
+    (options) => {
+      setContent({ ...options });
+      setOpen(true);
+    },
+    [setOpen]
+  );
+  const handleActionClick = (0, import_react8.useCallback)(
+    (event) => {
+      var _a;
+      const index = Number(event.currentTarget.getAttribute("data-index"));
+      const contentActions = content == null ? void 0 : content.actions;
+      const action = contentActions._actions[index];
+      (_a = action == null ? void 0 : action.handleClick) == null ? void 0 : _a.call(action, event);
+      setOpen(false);
+    },
+    [content, setOpen]
+  );
+  const value = (0, import_react8.useMemo)(
+    () => ({
+      show: handleShow
+    }),
+    [handleShow]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CTAModalContext.Provider, { value, children: [
+    props.children,
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Dialog, { size: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogCloseIconTrigger, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx2.VStack, { gap: "xl", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx2.VStack, { gap: "lg", w: "full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            Avatar,
+            {
+              ariaLabel: "",
+              gradient: "charon-light",
+              icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                Show,
+                {
+                  when: Boolean(confirmIcon),
+                  fallback: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FallbackIcon, { size: 24 }),
+                  children: confirmIcon
+                }
+              ),
+              src: ""
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.HStack, { gap: "md", w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(For, { each: content == null ? void 0 : content.actions._actions, children: (action, index) => {
+          var _a;
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            Show,
+            {
+              when: ((_a = content == null ? void 0 : content.actions) == null ? void 0 : _a.type) === "btnAction",
+              fallback: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TriggerItem, { asChild: true, children: action }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TriggerItem, { "data-index": index, onClick: handleActionClick, children: action == null ? void 0 : action.text })
+            },
+            index
+          );
+        } }) })
+      ] })
+    ] }) })
+  ] });
+}
+function useCTAModal() {
+  const context = (0, import_react8.useContext)(CTAModalContext);
+  if (context === null) {
+    throw new Error("useCTAModal must be used within a CTAModal Provider");
+  }
+  return context;
+}
+
+// src/components/cta-dialog/utils.ts
+function createCTAModalActions(providedActions) {
+  if (providedActions.length !== 2) {
+    throw new Error("CTAModal must include 2 actions");
+  }
+  if (providedActions.every(
+    (action) => action == null ? void 0 : action.handleClick
+  )) {
+    return {
+      type: "btnAction",
+      _actions: providedActions
+    };
+  }
+  return {
+    type: "reactNode",
+    _actions: providedActions
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CTAModal,
+  createCTAModalActions,
+  useCTAModal
+});
+//# sourceMappingURL=index.cjs.map