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

package/build/legacy/components/cta-dialog/trigger-item.cjs

@@ -1,99 +0,0 @@
-"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/trigger-item.tsx
-var trigger_item_exports = {};
-__export(trigger_item_exports, {
-  TriggerItem: () => TriggerItem
-});
-module.exports = __toCommonJS(trigger_item_exports);
-var import_css2 = require("@cerberus/styled-system/css");
-
-// src/components/button/button.tsx
-var import_react = require("react");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
-var import_jsx = require("@cerberus/styled-system/jsx");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ButtonContext = (0, import_react.createContext)({
-  pending: false
-});
-function Button(props) {
-  const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
-  const value = (0, import_react.useMemo)(() => ({ pending }), [pending]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      ...nativeProps,
-      disabled: pending || nativeProps.disabled,
-      className: (0, import_css.cx)(
-        nativeProps.className,
-        (0, import_recipes.button)({
-          palette,
-          usage,
-          shape,
-          size
-        })
-      )
-    }
-  ) });
-}
-
-// src/components/cta-dialog/trigger-item.tsx
-var import_factory = require("@ark-ui/react/factory");
-var import_recipes2 = require("@cerberus/styled-system/recipes");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function TriggerItem(props) {
-  const { asChild, children, ...buttonProps } = props;
-  if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_factory.ark.div,
-      {
-        className: (0, import_css2.cx)(
-          (0, import_recipes2.button)({
-            shape: "rounded",
-            usage: "ghost"
-          }),
-          (0, import_css2.css)({
-            w: "1/2"
-          })
-        ),
-        asChild: true,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Button,
-    {
-      ...buttonProps,
-      className: (0, import_css2.css)({
-        w: "1/2"
-      }),
-      shape: "rounded",
-      usage: "outlined",
-      children
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TriggerItem
-});
-//# sourceMappingURL=trigger-item.cjs.map

package/build/legacy/components/cta-dialog/trigger-item.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/cta-dialog/trigger-item.tsx","../../../../src/components/button/button.tsx"],"sourcesContent":["import { css, cx } from '@cerberus/styled-system/css'\nimport { Button, type ButtonProps } from '../button/button'\nimport { ark } from '@ark-ui/react/factory'\nimport { button } from '@cerberus/styled-system/recipes'\n\n/**\n * This module provides the trigger item for the cta modal.\n * @module 'react/cta-modal/trigger-item'\n */\n\nexport interface TriggerItemProps extends ButtonProps {\n  asChild?: boolean\n}\n\n/**\n * Trigger item for the cta modal which renders content based on the actions.\n * type.\n */\nexport function TriggerItem(props: TriggerItemProps) {\n  const { asChild, children, ...buttonProps } = props\n\n  if (asChild) {\n    return (\n      <ark.div\n        className={cx(\n          button({\n            shape: 'rounded',\n            usage: 'ghost',\n          }),\n          css({\n            w: '1/2',\n          }),\n        )}\n        asChild\n      >\n        {children}\n      </ark.div>\n    )\n  }\n\n  return (\n    <Button\n      {...buttonProps}\n      className={css({\n        w: '1/2',\n      })}\n      shape=\"rounded\"\n      usage=\"outlined\"\n    >\n      {children}\n    </Button>\n  )\n}\n","'use client'\n\nimport {\n  type ButtonHTMLAttributes,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  button,\n  type ButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { Box } from '@cerberus/styled-system/jsx'\nimport { Show } from '../Show'\nimport { Spinner } from '../Spinner'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  ButtonVariantProps & {\n    pending?: boolean\n  }\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps): JSX.Element {\n  const { palette, usage, shape, size, pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n\n  return (\n    <ButtonContext.Provider value={value}>\n      <button\n        {...nativeProps}\n        disabled={pending || nativeProps.disabled}\n        className={cx(\n          nativeProps.className,\n          button({\n            palette,\n            usage,\n            shape,\n            size,\n          }),\n        )}\n      />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,cAAwB;;;ACExB,mBAMO;AACP,iBAAmB;AACnB,qBAGO;AACP,iBAAoB;AAgCd;AAnBN,IAAM,oBAAgB,4BAAkC;AAAA,EACtD,SAAS;AACX,CAAC;AAWM,SAAS,OAAO,OAAiC;AACtD,QAAM,EAAE,SAAS,OAAO,OAAO,MAAM,UAAU,OAAO,GAAG,YAAY,IAAI;AACzE,QAAM,YAAQ,sBAAQ,OAAO,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;AAEpD,SACE,4CAAC,cAAc,UAAd,EAAuB,OACtB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,WAAW,YAAY;AAAA,MACjC,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,uBAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;;;AD3DA,qBAAoB;AACpB,IAAAC,kBAAuB;AAoBjB,IAAAC,sBAAA;AALC,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,SAAS,UAAU,GAAG,YAAY,IAAI;AAE9C,MAAI,SAAS;AACX,WACE;AAAA,MAAC,mBAAI;AAAA,MAAJ;AAAA,QACC,eAAW;AAAA,cACT,wBAAO;AAAA,YACL,OAAO;AAAA,YACP,OAAO;AAAA,UACT,CAAC;AAAA,cACD,iBAAI;AAAA,YACF,GAAG;AAAA,UACL,CAAC;AAAA,QACH;AAAA,QACA,SAAO;AAAA,QAEN;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,iBAAI;AAAA,QACb,GAAG;AAAA,MACL,CAAC;AAAA,MACD,OAAM;AAAA,MACN,OAAM;AAAA,MAEL;AAAA;AAAA,EACH;AAEJ;","names":["import_css","import_recipes","import_jsx_runtime"]}

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

@@ -1,47 +0,0 @@
-"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/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  createCTAModalActions: () => createCTAModalActions
-});
-module.exports = __toCommonJS(utils_exports);
-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 = {
-  createCTAModalActions
-});
-//# sourceMappingURL=utils.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/cta-dialog/utils.ts"],"sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react'\n\n/**\n * This module provide utility functions for the cta modal.\n * @module 'react/cta-modal/utils'\n */\n\nexport type CTAButtonAction = {\n  /**\n   * The text of the button.\n   */\n  text: string\n  /**\n   * The onClick handler for the button.\n   */\n  handleClick: MouseEventHandler<HTMLButtonElement>\n}\n\nexport type CTAModalAction = (CTAButtonAction | ReactNode)[]\n\nexport interface CTAModalActionReturn {\n  /**\n   * The type of the action content.\n   */\n  type: 'reactNode' | 'btnAction'\n  /**\n   * The actions for the cta modal. Max of 2 actions.\n   */\n  _actions: CTAModalAction\n}\n\n/**\n * Creates the action data to pass to the cta modal `show` method.\n */\nexport function createCTAModalActions(\n  providedActions: CTAModalAction,\n): CTAModalActionReturn {\n  if (providedActions.length !== 2) {\n    throw new Error('CTAModal must include 2 actions')\n  }\n\n  if (\n    providedActions.every(\n      (action) => (action as unknown as CTAButtonAction)?.handleClick,\n    )\n  ) {\n    return {\n      type: 'btnAction',\n      _actions: providedActions as CTAButtonAction[],\n    }\n  }\n\n  return {\n    type: 'reactNode',\n    _actions: providedActions as ReactNode[],\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCO,SAAS,sBACd,iBACsB;AACtB,MAAI,gBAAgB,WAAW,GAAG;AAChC,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AAEA,MACE,gBAAgB;AAAA,IACd,CAAC,WAAY,iCAAuC;AAAA,EACtD,GACA;AACA,WAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;","names":[]}

package/build/modern/chunk-4LSTU6WU.js

@@ -1,8 +0,0 @@
-// src/components/cta-dialog/context.tsx
-import { createContext } from "react";
-var CTAModalContext = createContext(null);
-
-export {
-  CTAModalContext
-};
-//# sourceMappingURL=chunk-4LSTU6WU.js.map

package/build/modern/chunk-4LSTU6WU.js.map

@@ -1 +0,0 @@
-{"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":";AAEA,SAAS,qBAAqC;AA+BvC,IAAM,kBAAkB,cAAoC,IAAI;","names":[]}

package/build/modern/chunk-DXOKSZVQ.js

@@ -1,12 +0,0 @@
-// src/components/for.tsx
-function For(props) {
-  if (!props.each || !props.each.length) {
-    return props.fallback || null;
-  }
-  return props.each?.map(props.children);
-}
-
-export {
-  For
-};
-//# sourceMappingURL=chunk-DXOKSZVQ.js.map

package/build/modern/chunk-DXOKSZVQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/for.tsx"],"sourcesContent":["import type { ReactNode, JSX } from 'react'\n\nexport interface ForProps<T extends readonly unknown[], U extends JSX.Element> {\n  /**\n   * The array to iterate over.\n   */\n  each: T | undefined | null | false\n  /**\n   * The fallback to render when the array is empty.\n   */\n  fallback?: JSX.Element\n  /**\n   * The children to render for each item in the array.\n   */\n  children: (item: T[number], index: number) => U\n}\n\n/**\n * The For component is used to iterate over an array and render a list of\n * components or display a fallback when the array is empty.\n * Inspired by the `<For>` component from SolidJS.\n *\n * @example\n * ```tsx\n * <For each={['a', 'b', 'c']}>\n *   {(item, index) => <div key={index}>{item}</div>}\n * </For>\n * ```\n */\nexport function For<T extends readonly unknown[], U extends JSX.Element>(\n  props: ForProps<T, U>,\n) {\n  if (!props.each || !props.each.length) {\n    return props.fallback || null\n  }\n\n  return props.each?.map(props.children) as ReactNode\n}\n"],"mappings":";AA6BO,SAAS,IACd,OACA;AACA,MAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,KAAK,QAAQ;AACrC,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,SAAO,MAAM,MAAM,IAAI,MAAM,QAAQ;AACvC;","names":[]}

package/build/modern/chunk-IKDXADLX.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-IKDXADLX.js.map

package/build/modern/chunk-MVO2GNUA.js

@@ -1,47 +0,0 @@
-import {
-  Button
-} from "./chunk-6KZVE4HC.js";
-
-// src/components/cta-dialog/trigger-item.tsx
-import { css, cx } from "@cerberus/styled-system/css";
-import { ark } from "@ark-ui/react/factory";
-import { button } from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function TriggerItem(props) {
-  const { asChild, children, ...buttonProps } = props;
-  if (asChild) {
-    return /* @__PURE__ */ jsx(
-      ark.div,
-      {
-        className: cx(
-          button({
-            shape: "rounded",
-            usage: "ghost"
-          }),
-          css({
-            w: "1/2"
-          })
-        ),
-        asChild: true,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ...buttonProps,
-      className: css({
-        w: "1/2"
-      }),
-      shape: "rounded",
-      usage: "outlined",
-      children
-    }
-  );
-}
-
-export {
-  TriggerItem
-};
-//# sourceMappingURL=chunk-MVO2GNUA.js.map

package/build/modern/chunk-MVO2GNUA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/cta-dialog/trigger-item.tsx"],"sourcesContent":["import { css, cx } from '@cerberus/styled-system/css'\nimport { Button, type ButtonProps } from '../button/button'\nimport { ark } from '@ark-ui/react/factory'\nimport { button } from '@cerberus/styled-system/recipes'\n\n/**\n * This module provides the trigger item for the cta modal.\n * @module 'react/cta-modal/trigger-item'\n */\n\nexport interface TriggerItemProps extends ButtonProps {\n  asChild?: boolean\n}\n\n/**\n * Trigger item for the cta modal which renders content based on the actions.\n * type.\n */\nexport function TriggerItem(props: TriggerItemProps) {\n  const { asChild, children, ...buttonProps } = props\n\n  if (asChild) {\n    return (\n      <ark.div\n        className={cx(\n          button({\n            shape: 'rounded',\n            usage: 'ghost',\n          }),\n          css({\n            w: '1/2',\n          }),\n        )}\n        asChild\n      >\n        {children}\n      </ark.div>\n    )\n  }\n\n  return (\n    <Button\n      {...buttonProps}\n      className={css({\n        w: '1/2',\n      })}\n      shape=\"rounded\"\n      usage=\"outlined\"\n    >\n      {children}\n    </Button>\n  )\n}\n"],"mappings":";;;;;AAAA,SAAS,KAAK,UAAU;AAExB,SAAS,WAAW;AACpB,SAAS,cAAc;AAoBjB;AALC,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,SAAS,UAAU,GAAG,YAAY,IAAI;AAE9C,MAAI,SAAS;AACX,WACE;AAAA,MAAC,IAAI;AAAA,MAAJ;AAAA,QACC,WAAW;AAAA,UACT,OAAO;AAAA,YACL,OAAO;AAAA,YACP,OAAO;AAAA,UACT,CAAC;AAAA,UACD,IAAI;AAAA,YACF,GAAG;AAAA,UACL,CAAC;AAAA,QACH;AAAA,QACA,SAAO;AAAA,QAEN;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,IAAI;AAAA,QACb,GAAG;AAAA,MACL,CAAC;AAAA,MACD,OAAM;AAAA,MACN,OAAM;AAAA,MAEL;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/build/modern/chunk-PLHYOCY3.js

@@ -1,23 +0,0 @@
-// 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?.handleClick
-  )) {
-    return {
-      type: "btnAction",
-      _actions: providedActions
-    };
-  }
-  return {
-    type: "reactNode",
-    _actions: providedActions
-  };
-}
-
-export {
-  createCTAModalActions
-};
-//# sourceMappingURL=chunk-PLHYOCY3.js.map

package/build/modern/chunk-PLHYOCY3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/cta-dialog/utils.ts"],"sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react'\n\n/**\n * This module provide utility functions for the cta modal.\n * @module 'react/cta-modal/utils'\n */\n\nexport type CTAButtonAction = {\n  /**\n   * The text of the button.\n   */\n  text: string\n  /**\n   * The onClick handler for the button.\n   */\n  handleClick: MouseEventHandler<HTMLButtonElement>\n}\n\nexport type CTAModalAction = (CTAButtonAction | ReactNode)[]\n\nexport interface CTAModalActionReturn {\n  /**\n   * The type of the action content.\n   */\n  type: 'reactNode' | 'btnAction'\n  /**\n   * The actions for the cta modal. Max of 2 actions.\n   */\n  _actions: CTAModalAction\n}\n\n/**\n * Creates the action data to pass to the cta modal `show` method.\n */\nexport function createCTAModalActions(\n  providedActions: CTAModalAction,\n): CTAModalActionReturn {\n  if (providedActions.length !== 2) {\n    throw new Error('CTAModal must include 2 actions')\n  }\n\n  if (\n    providedActions.every(\n      (action) => (action as unknown as CTAButtonAction)?.handleClick,\n    )\n  ) {\n    return {\n      type: 'btnAction',\n      _actions: providedActions as CTAButtonAction[],\n    }\n  }\n\n  return {\n    type: 'reactNode',\n    _actions: providedActions as ReactNode[],\n  }\n}\n"],"mappings":";AAkCO,SAAS,sBACd,iBACsB;AACtB,MAAI,gBAAgB,WAAW,GAAG;AAChC,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AAEA,MACE,gBAAgB;AAAA,IACd,CAAC,WAAY,QAAuC;AAAA,EACtD,GACA;AACA,WAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;","names":[]}

package/build/modern/chunk-QEM3M4N3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/cta-dialog/provider.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport { HStack, VStack } from '@cerberus/styled-system/jsx'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Show } from '../Show'\nimport { For } from '../for'\nimport { Avatar } from '../Avatar'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../Dialog'\nimport { DialogCloseIconTrigger } from '../Dialog.client'\nimport type { CTAButtonAction, CTAModalActionReturn } from './utils'\nimport {\n  CTAModalContext,\n  type CTAModalValue,\n  type ShowCTAModalOptions,\n} from './context'\nimport { TriggerItem } from './trigger-item'\n\n/**\n * This module provides the provider and hook for the cta modal.\n * @module 'react/cta-modal/provider'\n */\n\n/**\n * Provides a CTA modal to the app.\n * @see https://cerberus.digitalu.design/react/cta-modal\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <CTAModal>\n *   <SomeFeatureSection />\n * </CTAModal>\n *\n * // Use the hook to show the cta modal.\n * const cta = useCTAModal()\n *\n * const handleClick = useCallback(async () => {\n *  const userConsent = await cta.show({\n *   heading: 'Create or copy a Cohort',\n *  description:\n *   'Create a new cohort or copy and existing one.',\n *  icon: <Copy size={24} />,\n *  actions: [\n *  {\n *   text: 'Create Cohort',\n *   onClick: () => {},\n *  {\n *   text: 'Copy Cohort',\n *   onClick: () => {}\n *  }\n * })\n * setConsent(userConsent)\n * }, [cta])\n * ```\n */\nexport function CTAModal(props: PropsWithChildren<object>) {\n  const [open, setOpen] = useState<boolean>(false)\n  const [content, setContent] = useState<ShowCTAModalOptions | null>(null)\n  const confirmIcon = content?.icon\n\n  const { icons } = useCerberusContext()\n  const { confirmModal: FallbackIcon } = icons\n\n  const handleShow = useCallback(\n    (options: ShowCTAModalOptions) => {\n      setContent({ ...options })\n      setOpen(true)\n    },\n    [setOpen],\n  )\n\n  const handleActionClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      const index = Number(event.currentTarget.getAttribute('data-index'))\n      const contentActions = content?.actions as CTAModalActionReturn\n      const action = contentActions._actions[index] as CTAButtonAction\n      action?.handleClick?.(event)\n      setOpen(false)\n    },\n    [content, setOpen],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <CTAModalContext.Provider value={value}>\n      {props.children}\n\n      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>\n        <Dialog size=\"sm\">\n          <DialogCloseIconTrigger />\n\n          <VStack gap=\"xl\" w=\"full\">\n            <VStack alignItems=\"flex-start\" gap=\"md\" w=\"full\">\n              <VStack gap=\"lg\" w=\"full\">\n                <Avatar\n                  ariaLabel=\"\"\n                  gradient=\"charon-light\"\n                  icon={\n                    <Show\n                      when={Boolean(confirmIcon)}\n                      fallback={<FallbackIcon size={24} />}\n                    >\n                      {confirmIcon}\n                    </Show>\n                  }\n                  src=\"\"\n                />\n                <DialogHeading>{content?.heading}</DialogHeading>\n                <DialogDescription>{content?.description}</DialogDescription>\n              </VStack>\n            </VStack>\n\n            <HStack gap=\"md\" w=\"full\">\n              <For each={content?.actions._actions}>\n                {(action, index) => (\n                  <Show\n                    key={index}\n                    when={content?.actions?.type === 'btnAction'}\n                    fallback={\n                      <TriggerItem asChild>{action as ReactNode}</TriggerItem>\n                    }\n                  >\n                    <TriggerItem data-index={index} onClick={handleActionClick}>\n                      {(action as CTAButtonAction)?.text}\n                    </TriggerItem>\n                  </Show>\n                )}\n              </For>\n            </HStack>\n          </VStack>\n        </Dialog>\n      </DialogProvider>\n    </CTAModalContext.Provider>\n  )\n}\n\nexport function useCTAModal(): CTAModalValue {\n  const context = useContext(CTAModalContext)\n  if (context === null) {\n    throw new Error('useCTAModal must be used within a CTAModal Provider')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,QAAQ,cAAc;AAiGrB,cAII,YAJJ;AAxCH,SAAS,SAAS,OAAkC;AACzD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,KAAK;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAqC,IAAI;AACvE,QAAM,cAAc,SAAS;AAE7B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,cAAc,aAAa,IAAI;AAEvC,QAAM,aAAa;AAAA,IACjB,CAAC,YAAiC;AAChC,iBAAW,EAAE,GAAG,QAAQ,CAAC;AACzB,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,UAAyC;AACxC,YAAM,QAAQ,OAAO,MAAM,cAAc,aAAa,YAAY,CAAC;AACnE,YAAM,iBAAiB,SAAS;AAChC,YAAM,SAAS,eAAe,SAAS,KAAK;AAC5C,cAAQ,cAAc,KAAK;AAC3B,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EACnB;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,SACE,qBAAC,gBAAgB,UAAhB,EAAyB,OACvB;AAAA,UAAM;AAAA,IAEP,oBAAC,kBAAe,MAAY,cAAc,CAAC,MAAM,QAAQ,EAAE,IAAI,GAC7D,+BAAC,UAAO,MAAK,MACX;AAAA,0BAAC,0BAAuB;AAAA,MAExB,qBAAC,UAAO,KAAI,MAAK,GAAE,QACjB;AAAA,4BAAC,UAAO,YAAW,cAAa,KAAI,MAAK,GAAE,QACzC,+BAAC,UAAO,KAAI,MAAK,GAAE,QACjB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,UAAS;AAAA,cACT,MACE;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,QAAQ,WAAW;AAAA,kBACzB,UAAU,oBAAC,gBAAa,MAAM,IAAI;AAAA,kBAEjC;AAAA;AAAA,cACH;AAAA,cAEF,KAAI;AAAA;AAAA,UACN;AAAA,UACA,oBAAC,iBAAe,mBAAS,SAAQ;AAAA,UACjC,oBAAC,qBAAmB,mBAAS,aAAY;AAAA,WAC3C,GACF;AAAA,QAEA,oBAAC,UAAO,KAAI,MAAK,GAAE,QACjB,8BAAC,OAAI,MAAM,SAAS,QAAQ,UACzB,WAAC,QAAQ,UACR;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,SAAS,SAAS,SAAS;AAAA,YACjC,UACE,oBAAC,eAAY,SAAO,MAAE,kBAAoB;AAAA,YAG5C,8BAAC,eAAY,cAAY,OAAO,SAAS,mBACrC,kBAA4B,MAChC;AAAA;AAAA,UARK;AAAA,QASP,GAEJ,GACF;AAAA,SACF;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,cAA6B;AAC3C,QAAM,UAAU,WAAW,eAAe;AAC1C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}

package/build/modern/components/cta-dialog/context.js

@@ -1,8 +0,0 @@
-"use client";
-import {
-  CTAModalContext
-} from "../../chunk-4LSTU6WU.js";
-export {
-  CTAModalContext
-};
-//# sourceMappingURL=context.js.map

package/build/modern/components/cta-dialog/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/cta-dialog/index.js

@@ -1,26 +0,0 @@
-import "../../chunk-IKDXADLX.js";
-import {
-  CTAModal,
-  useCTAModal
-} from "../../chunk-QEM3M4N3.js";
-import "../../chunk-4LSTU6WU.js";
-import "../../chunk-MVO2GNUA.js";
-import "../../chunk-DXOKSZVQ.js";
-import "../../chunk-6BN3XKQF.js";
-import "../../chunk-APD6IX5R.js";
-import "../../chunk-TFL56AYR.js";
-import "../../chunk-SXLPDPOZ.js";
-import "../../chunk-IQJDVFPP.js";
-import {
-  createCTAModalActions
-} from "../../chunk-PLHYOCY3.js";
-import "../../chunk-GITT5645.js";
-import "../../chunk-6KZVE4HC.js";
-import "../../chunk-7SYJFI5E.js";
-import "../../chunk-BUVVRQLZ.js";
-export {
-  CTAModal,
-  createCTAModalActions,
-  useCTAModal
-};
-//# sourceMappingURL=index.js.map

package/build/modern/components/cta-dialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/cta-dialog/provider.js

@@ -1,22 +0,0 @@
-"use client";
-import {
-  CTAModal,
-  useCTAModal
-} from "../../chunk-QEM3M4N3.js";
-import "../../chunk-4LSTU6WU.js";
-import "../../chunk-MVO2GNUA.js";
-import "../../chunk-DXOKSZVQ.js";
-import "../../chunk-6BN3XKQF.js";
-import "../../chunk-APD6IX5R.js";
-import "../../chunk-TFL56AYR.js";
-import "../../chunk-SXLPDPOZ.js";
-import "../../chunk-IQJDVFPP.js";
-import "../../chunk-GITT5645.js";
-import "../../chunk-6KZVE4HC.js";
-import "../../chunk-7SYJFI5E.js";
-import "../../chunk-BUVVRQLZ.js";
-export {
-  CTAModal,
-  useCTAModal
-};
-//# sourceMappingURL=provider.js.map

package/build/modern/components/cta-dialog/provider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/cta-dialog/trigger-item.js

@@ -1,10 +0,0 @@
-import {
-  TriggerItem
-} from "../../chunk-MVO2GNUA.js";
-import "../../chunk-6KZVE4HC.js";
-import "../../chunk-7SYJFI5E.js";
-import "../../chunk-BUVVRQLZ.js";
-export {
-  TriggerItem
-};
-//# sourceMappingURL=trigger-item.js.map

package/build/modern/components/cta-dialog/trigger-item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/cta-dialog/utils.js

@@ -1,7 +0,0 @@
-import {
-  createCTAModalActions
-} from "../../chunk-PLHYOCY3.js";
-export {
-  createCTAModalActions
-};
-//# sourceMappingURL=utils.js.map

package/build/modern/components/cta-dialog/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/src/components/cta-dialog/context.tsx

@@ -1,34 +0,0 @@
-'use client'
-
-import { createContext, type ReactNode } from 'react'
-import type { CTAModalActionReturn } from './utils'
-
-/**
- * This module provides the context for the cta modal.
- * @module
- */
-
-export interface ShowCTAModalOptions {
-  /**
-   * The heading of the cta modal.
-   */
-  heading: string
-  /**
-   * The description of the cta modal.
-   */
-  description?: string
-  /**
-   * The icon used for the modal Avatar.
-   */
-  icon?: ReactNode
-  /**
-   * The actions for the cta modal. Requires 2 actions.
-   */
-  actions: CTAModalActionReturn
-}
-
-export interface CTAModalValue {
-  show: (options: ShowCTAModalOptions) => void
-}
-
-export const CTAModalContext = createContext<CTAModalValue | null>(null)

package/src/components/cta-dialog/index.ts

@@ -1,2 +0,0 @@
-export * from './provider'
-export * from './utils'

package/src/components/cta-dialog/trigger-item.tsx

@@ -1,53 +0,0 @@
-import { css, cx } from '@cerberus/styled-system/css'
-import { Button, type ButtonProps } from '../button/button'
-import { ark } from '@ark-ui/react/factory'
-import { button } from '@cerberus/styled-system/recipes'
-
-/**
- * This module provides the trigger item for the cta modal.
- * @module 'react/cta-modal/trigger-item'
- */
-
-export interface TriggerItemProps extends ButtonProps {
-  asChild?: boolean
-}
-
-/**
- * Trigger item for the cta modal which renders content based on the actions.
- * type.
- */
-export function TriggerItem(props: TriggerItemProps) {
-  const { asChild, children, ...buttonProps } = props
-
-  if (asChild) {
-    return (
-      <ark.div
-        className={cx(
-          button({
-            shape: 'rounded',
-            usage: 'ghost',
-          }),
-          css({
-            w: '1/2',
-          }),
-        )}
-        asChild
-      >
-        {children}
-      </ark.div>
-    )
-  }
-
-  return (
-    <Button
-      {...buttonProps}
-      className={css({
-        w: '1/2',
-      })}
-      shape="rounded"
-      usage="outlined"
-    >
-      {children}
-    </Button>
-  )
-}

package/src/components/cta-dialog/utils.ts

@@ -1,57 +0,0 @@
-import type { MouseEventHandler, ReactNode } from 'react'
-
-/**
- * This module provide utility functions for the cta modal.
- * @module 'react/cta-modal/utils'
- */
-
-export type CTAButtonAction = {
-  /**
-   * The text of the button.
-   */
-  text: string
-  /**
-   * The onClick handler for the button.
-   */
-  handleClick: MouseEventHandler<HTMLButtonElement>
-}
-
-export type CTAModalAction = (CTAButtonAction | ReactNode)[]
-
-export interface CTAModalActionReturn {
-  /**
-   * The type of the action content.
-   */
-  type: 'reactNode' | 'btnAction'
-  /**
-   * The actions for the cta modal. Max of 2 actions.
-   */
-  _actions: CTAModalAction
-}
-
-/**
- * Creates the action data to pass to the cta modal `show` method.
- */
-export function createCTAModalActions(
-  providedActions: CTAModalAction,
-): CTAModalActionReturn {
-  if (providedActions.length !== 2) {
-    throw new Error('CTAModal must include 2 actions')
-  }
-
-  if (
-    providedActions.every(
-      (action) => (action as unknown as CTAButtonAction)?.handleClick,
-    )
-  ) {
-    return {
-      type: 'btnAction',
-      _actions: providedActions as CTAButtonAction[],
-    }
-  }
-
-  return {
-    type: 'reactNode',
-    _actions: providedActions as ReactNode[],
-  }
-}