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

package/build/modern/_tsup-dts-rollup.d.ts

@@ -103,7 +103,6 @@ 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';
@@ -120,7 +119,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 type { MouseEventHandler } from 'react';
+import { MouseEventHandler } from 'react';
 import { MouseSensor } from '@dnd-kit/core';
 import { MouseSensorOptions } from '@dnd-kit/core';
 import { NotificationVariantProps } from '@cerberus/styled-system/recipes';
@@ -951,14 +950,6 @@ 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 }
@@ -976,28 +967,6 @@ 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
@@ -1030,35 +999,19 @@ export { CTAButtonAction as CTAButtonAction_alias_2 }
  * }, [cta])
  * ```
  */
-declare function CTAModal(props: PropsWithChildren<object>): JSX_2.Element;
+declare function CTAModal(props: PropsWithChildren<CTAModalProviderProps>): 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 }
 
-export declare const CTAModalContext: Context<CTAModalValue | null>;
+declare type CTAModalProviderProps = PropsWithChildren<unknown>;
+export { CTAModalProviderProps }
+export { CTAModalProviderProps as CTAModalProviderProps_alias_1 }
 
-export declare interface CTAModalValue {
+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 }
@@ -2272,7 +2225,7 @@ export { FileUploaderProps as FileUploaderProps_alias_1 }
  * </For>
  * ```
  */
-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;
+declare function For<T extends string | number | Record<string, unknown> | object | undefined>(props: ForProps<T>): ReactNode;
 export { For }
 export { For as For_alias_1 }
 
@@ -2321,19 +2274,19 @@ declare function formatNotifyCount(count: number): string;
 export { formatNotifyCount }
 export { formatNotifyCount as formatNotifyCount_alias_1 }
 
-declare interface ForProps<T extends readonly unknown[], U extends JSX_3.Element> {
+declare interface ForProps<T> {
     /**
-     * The array to iterate over.
+     * The array to iterate over
      */
-    each: T | undefined | null | false;
+    each: T[];
     /**
-     * The fallback to render when the array is empty.
+     * The fallback content to render when the array is empty
      */
-    fallback?: JSX_3.Element;
+    fallback?: ReactNode;
     /**
-     * The children to render for each item in the array.
+     * The render function to render each item in the array
      */
-    children: (item: T[number], index: number) => U;
+    children: (item: Exclude<T, undefined>, index: number) => ReactNode;
 }
 export { ForProps }
 export { ForProps as ForProps_alias_1 }
@@ -3873,10 +3826,10 @@ export { ShowConfirmModalOptions }
 export { ShowConfirmModalOptions as ShowConfirmModalOptions_alias_1 }
 
 /**
- * This module provides the context for the cta modal.
+ * This module provides a context and hook for the cta modal.
  * @module
  */
-export declare interface ShowCTAModalOptions {
+declare interface ShowCTAModalOptions {
     /**
      * The heading of the cta modal.
      */
@@ -3890,10 +3843,15 @@ export declare interface ShowCTAModalOptions {
      */
     icon?: ReactNode;
     /**
-     * The actions for the cta modal. Requires 2 actions.
+     * The actions for the cta modal. Max of 2 actions.
      */
-    actions: CTAModalActionReturn;
+    actions: {
+        text: string;
+        onClick: MouseEventHandler<HTMLButtonElement>;
+    }[];
 }
+export { ShowCTAModalOptions }
+export { ShowCTAModalOptions as ShowCTAModalOptions_alias_1 }
 
 /**
  * This module provides a context and hook for the prompt modal.
@@ -4631,20 +4589,6 @@ 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 }
@@ -4680,7 +4624,6 @@ 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/modern/{chunk-O542MPR7.js → chunk-CMYD5KWA.js}

@@ -1,6 +1,3 @@
-import {
-  Text
-} from "./chunk-RU5LOXWI.js";
 import {
   Dialog,
   DialogDescription,
@@ -10,6 +7,9 @@ import {
 import {
   Avatar
 } from "./chunk-SXLPDPOZ.js";
+import {
+  Text
+} from "./chunk-RU5LOXWI.js";
 import {
   FieldLabel,
   FieldRoot,
@@ -209,4 +209,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-O542MPR7.js.map
+//# sourceMappingURL=chunk-CMYD5KWA.js.map

package/build/modern/{chunk-Z4342DRO.js → chunk-FMRWRVUS.js}

@@ -7,6 +7,9 @@ import {
 import {
   NotificationHeading
 } from "./chunk-SLHYBPJ5.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
 import {
   addNotification,
   clearNotificationState,
@@ -14,9 +17,6 @@ import {
   removeNotification,
   updateNotificationState
 } from "./chunk-V3M3ZOQI.js";
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
 import {
   Button
 } from "./chunk-6KZVE4HC.js";
@@ -177,4 +177,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-Z4342DRO.js.map
+//# sourceMappingURL=chunk-FMRWRVUS.js.map

package/build/modern/chunk-IIH363FO.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/for.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface ForProps<T> {\n  /**\n   * The array to iterate over\n   */\n  each: T[]\n  /**\n   * The fallback content to render when the array is empty\n   */\n  fallback?: ReactNode\n  /**\n   * The render function to render each item in the array\n   */\n  children: (item: Exclude<T, undefined>, index: number) => ReactNode\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<\n  T extends string | number | Record<string, unknown> | object | undefined,\n>(props: ForProps<T>) {\n  const mappableChildren = props.children as unknown as (\n    item: T,\n    index: number,\n  ) => ReactNode\n\n  if (props.each?.length === 0) {\n    return props.fallback || null\n  }\n\n  return props.each?.map(mappableChildren) as ReactNode\n}\n"],"mappings":";AA6BO,SAAS,IAEd,OAAoB;AACpB,QAAM,mBAAmB,MAAM;AAK/B,MAAI,MAAM,MAAM,WAAW,GAAG;AAC5B,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,SAAO,MAAM,MAAM,IAAI,gBAAgB;AACzC;","names":[]}

package/build/modern/{chunk-6ICNCCPD.js → chunk-P3SF56LT.js}

@@ -1,9 +1,9 @@
-import {
-  SelectParts
-} from "./chunk-XTNGF4D6.js";
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
+import {
+  SelectParts
+} from "./chunk-XTNGF4D6.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -44,4 +44,4 @@ export {
   Select,
   Option
 };
-//# sourceMappingURL=chunk-6ICNCCPD.js.map
+//# sourceMappingURL=chunk-P3SF56LT.js.map

package/build/modern/{chunk-QEM3M4N3.js → chunk-ZDANBCM3.js}

@@ -1,12 +1,3 @@
-import {
-  CTAModalContext
-} from "./chunk-4LSTU6WU.js";
-import {
-  TriggerItem
-} from "./chunk-MVO2GNUA.js";
-import {
-  For
-} from "./chunk-DXOKSZVQ.js";
 import {
   DialogCloseIconTrigger
 } from "./chunk-6BN3XKQF.js";
@@ -22,19 +13,26 @@ import {
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Button
+} from "./chunk-6KZVE4HC.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
 
-// src/components/cta-dialog/provider.tsx
+// src/context/cta-modal.tsx
 import {
+  createContext,
   useCallback,
   useContext,
   useMemo,
   useState
 } from "react";
-import { HStack, VStack } from "@cerberus/styled-system/jsx";
+import { HStack } from "@cerberus/styled-system/jsx";
+import { css } from "@cerberus/styled-system/css";
+import { VStack } from "@cerberus/styled-system/jsx";
 import { jsx, jsxs } from "react/jsx-runtime";
+var CTAModalContext = createContext(null);
 function CTAModal(props) {
   const [open, setOpen] = useState(false);
   const [content, setContent] = useState(null);
@@ -43,6 +41,12 @@ function CTAModal(props) {
   const { confirmModal: FallbackIcon } = icons;
   const handleShow = useCallback(
     (options) => {
+      const maxActions = 2;
+      if (options.actions.length > maxActions) {
+        throw new Error(
+          `CTA Modal only supports a maximum of ${maxActions} actions.`
+        );
+      }
       setContent({ ...options });
       setOpen(true);
     },
@@ -50,10 +54,10 @@ function CTAModal(props) {
   );
   const handleActionClick = useCallback(
     (event) => {
-      const index = Number(event.currentTarget.getAttribute("data-index"));
-      const contentActions = content?.actions;
-      const action = contentActions._actions[index];
-      action?.handleClick?.(event);
+      const index = event.currentTarget.getAttribute("data-index");
+      const action = content?.actions[Number(index)];
+      const { onClick } = action || {};
+      onClick?.(event);
       setOpen(false);
     },
     [content, setOpen]
@@ -89,15 +93,20 @@ function CTAModal(props) {
           /* @__PURE__ */ jsx(DialogHeading, { children: content?.heading }),
           /* @__PURE__ */ jsx(DialogDescription, { children: content?.description })
         ] }) }),
-        /* @__PURE__ */ jsx(HStack, { gap: "md", w: "full", children: /* @__PURE__ */ jsx(For, { each: content?.actions._actions, children: (action, index) => /* @__PURE__ */ jsx(
-          Show,
+        /* @__PURE__ */ jsx(HStack, { gap: "md", w: "full", children: /* @__PURE__ */ jsx(Show, { when: Boolean(content?.actions?.length), children: content?.actions?.map((action, index) => /* @__PURE__ */ jsx(
+          Button,
           {
-            when: content?.actions?.type === "btnAction",
-            fallback: /* @__PURE__ */ jsx(TriggerItem, { asChild: true, children: action }),
-            children: /* @__PURE__ */ jsx(TriggerItem, { "data-index": index, onClick: handleActionClick, children: action?.text })
+            "data-index": index,
+            className: css({
+              w: "1/2"
+            }),
+            onClick: handleActionClick,
+            shape: "rounded",
+            usage: "outlined",
+            children: action.text
           },
           index
-        ) }) })
+        )) }) })
       ] })
     ] }) })
   ] });
@@ -114,4 +123,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-QEM3M4N3.js.map
+//# sourceMappingURL=chunk-ZDANBCM3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/cta-modal.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type MouseEvent,\n  type MouseEventHandler,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport { Button } from '../components/button/button'\nimport { Show } from '../components/Show'\nimport { Avatar } from '../components/Avatar'\nimport { useCerberusContext } from './cerberus'\nimport { HStack } from '@cerberus/styled-system/jsx'\nimport { css } from '@cerberus/styled-system/css'\nimport { VStack } from '@cerberus/styled-system/jsx'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../components/Dialog'\nimport { DialogCloseIconTrigger } from '../components/Dialog.client'\n\n/**\n * This module provides a context and hook 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. Max of 2 actions.\n   */\n  actions: {\n    text: string\n    onClick: MouseEventHandler<HTMLButtonElement>\n  }[]\n}\n\nexport interface CTAModalValue {\n  show: (options: ShowCTAModalOptions) => void\n}\n\nconst CTAModalContext = createContext<CTAModalValue | null>(null)\n\nexport type CTAModalProviderProps = PropsWithChildren<unknown>\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<CTAModalProviderProps>) {\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      const maxActions = 2\n      if (options.actions.length > maxActions) {\n        throw new Error(\n          `CTA Modal only supports a maximum of ${maxActions} actions.`,\n        )\n      }\n      setContent({ ...options })\n      setOpen(true)\n    },\n    [setOpen],\n  )\n\n  const handleActionClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      const index = event.currentTarget.getAttribute('data-index')\n      const action = content?.actions[Number(index)]\n      const { onClick } = action || {}\n      onClick?.(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              <Show when={Boolean(content?.actions?.length)}>\n                {content?.actions?.map((action, index) => (\n                  <Button\n                    data-index={index}\n                    className={css({\n                      w: '1/2',\n                    })}\n                    key={index}\n                    onClick={handleActionClick}\n                    shape=\"rounded\"\n                    usage=\"outlined\"\n                  >\n                    {action.text}\n                  </Button>\n                ))}\n              </Show>\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,EACA;AAAA,OAKK;AAKP,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,cAAc;AA0Hb,cAII,YAJJ;AAlFV,IAAM,kBAAkB,cAAoC,IAAI;AAoCzD,SAAS,SAAS,OAAiD;AACxE,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,YAAM,aAAa;AACnB,UAAI,QAAQ,QAAQ,SAAS,YAAY;AACvC,cAAM,IAAI;AAAA,UACR,wCAAwC,UAAU;AAAA,QACpD;AAAA,MACF;AACA,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,MAAM,cAAc,aAAa,YAAY;AAC3D,YAAM,SAAS,SAAS,QAAQ,OAAO,KAAK,CAAC;AAC7C,YAAM,EAAE,QAAQ,IAAI,UAAU,CAAC;AAC/B,gBAAU,KAAK;AACf,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,QAAK,MAAM,QAAQ,SAAS,SAAS,MAAM,GACzC,mBAAS,SAAS,IAAI,CAAC,QAAQ,UAC9B;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,WAAW,IAAI;AAAA,cACb,GAAG;AAAA,YACL,CAAC;AAAA,YAED,SAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAM;AAAA,YAEL,iBAAO;AAAA;AAAA,UALH;AAAA,QAMP,CACD,GACH,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/for.js

@@ -1,6 +1,6 @@
 import {
   For
-} from "../chunk-DXOKSZVQ.js";
+} from "../chunk-IIH363FO.js";
 export {
   For
 };

package/build/modern/components/select/index.js

@@ -6,7 +6,8 @@ import {
 import {
   Option,
   Select
-} from "../../chunk-6ICNCCPD.js";
+} from "../../chunk-P3SF56LT.js";
+import "../../chunk-IQJDVFPP.js";
 import {
   SelectParts
 } from "../../chunk-XTNGF4D6.js";
@@ -28,7 +29,6 @@ import {
   SelectValueText,
   createSelectCollection
 } from "../../chunk-QCBLRACK.js";
-import "../../chunk-IQJDVFPP.js";
 import "../../chunk-GITT5645.js";
 import "../../chunk-BUVVRQLZ.js";
 export {

package/build/modern/components/select/select.js

@@ -2,10 +2,10 @@
 import {
   Option,
   Select
-} from "../../chunk-6ICNCCPD.js";
+} from "../../chunk-P3SF56LT.js";
+import "../../chunk-IQJDVFPP.js";
 import "../../chunk-XTNGF4D6.js";
 import "../../chunk-QCBLRACK.js";
-import "../../chunk-IQJDVFPP.js";
 import "../../chunk-GITT5645.js";
 import "../../chunk-BUVVRQLZ.js";
 export {

package/build/modern/context/cta-modal.js

@@ -0,0 +1,19 @@
+"use client";
+import {
+  CTAModal,
+  useCTAModal
+} from "../chunk-ZDANBCM3.js";
+import "../chunk-6BN3XKQF.js";
+import "../chunk-TFL56AYR.js";
+import "../chunk-APD6IX5R.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=cta-modal.js.map

package/build/modern/context/notification-center.js

@@ -2,12 +2,12 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-Z4342DRO.js";
+} from "../chunk-FMRWRVUS.js";
 import "../chunk-RDRD6ACD.js";
 import "../chunk-UXY3KCC3.js";
 import "../chunk-SLHYBPJ5.js";
-import "../chunk-V3M3ZOQI.js";
 import "../chunk-IQJDVFPP.js";
+import "../chunk-V3M3ZOQI.js";
 import "../chunk-GITT5645.js";
 import "../chunk-6KZVE4HC.js";
 import "../chunk-7SYJFI5E.js";

package/build/modern/context/prompt-modal.js

@@ -2,11 +2,11 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-O542MPR7.js";
-import "../chunk-RU5LOXWI.js";
+} from "../chunk-CMYD5KWA.js";
 import "../chunk-TFL56AYR.js";
 import "../chunk-SXLPDPOZ.js";
 import "../chunk-IQJDVFPP.js";
+import "../chunk-RU5LOXWI.js";
 import "../chunk-TYPULJMJ.js";
 import "../chunk-FBS7AX76.js";
 import "../chunk-6I2FW4WI.js";