@cerberus-design/react 0.16.0-next-22894bb → 0.16.0-next-1e5283a

package/build/modern/{chunk-6BN3XKQF.js → chunk-NZKE7C53.js}

@@ -1,26 +1,26 @@
 import {
   IconButton
 } from "./chunk-APD6IX5R.js";
+import {
+  DialogCloseTrigger
+} from "./chunk-D7UIWAFO.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
 
-// src/components/Dialog.client.tsx
-import {
-  Dialog as ArkDialog
-} from "@ark-ui/react";
+// src/components/dialog/close-icon-trigger.tsx
 import { dialog } from "@cerberus/styled-system/recipes";
 import { cx } from "@cerberus/styled-system/css";
 import { jsx } from "react/jsx-runtime";
 function DialogCloseIconTrigger(props) {
+  const styles = dialog();
   const { icons } = useCerberusContext();
   const { close: CloseIcon } = icons;
-  const styles = dialog();
   return /* @__PURE__ */ jsx(
-    ArkDialog.CloseTrigger,
+    DialogCloseTrigger,
     {
       ...props,
-      className: cx(props.className, styles.closeTrigger),
+      className: cx(styles.closeTrigger, props.className),
       asChild: true,
       children: /* @__PURE__ */ jsx(
         IconButton,
@@ -39,4 +39,4 @@ function DialogCloseIconTrigger(props) {
 export {
   DialogCloseIconTrigger
 };
-//# sourceMappingURL=chunk-6BN3XKQF.js.map
+//# sourceMappingURL=chunk-NZKE7C53.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dialog/close-icon-trigger.tsx"],"sourcesContent":["'use client'\n\nimport { type DialogCloseTriggerProps } from '@ark-ui/react/dialog'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DialogCloseTrigger } from './primitives'\nimport { dialog } from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\n\n/**\n * This module contains the close trigger for the dialog.\n * @module react/dialog\n */\n\nexport function DialogCloseIconTrigger(props: DialogCloseTriggerProps) {\n  const styles = dialog()\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <DialogCloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n      asChild\n    >\n      <IconButton\n        ariaLabel=\"Close dialog\"\n        palette=\"action\"\n        size=\"lg\"\n        usage=\"ghost\"\n      >\n        <CloseIcon />\n      </IconButton>\n    </DialogCloseTrigger>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAMA,SAAS,cAAc;AACvB,SAAS,UAAU;AAyBX;AAlBD,SAAS,uBAAuB,OAAgC;AACrE,QAAM,SAAS,OAAO;AAEtB,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA,MAClD,SAAO;AAAA,MAEP;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,8BAAC,aAAU;AAAA;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-O542MPR7.js → chunk-OOUNB643.js}

@@ -2,14 +2,16 @@ import {
   Text
 } from "./chunk-RU5LOXWI.js";
 import {
-  Dialog,
+  Avatar
+} from "./chunk-SXLPDPOZ.js";
+import {
+  Dialog
+} from "./chunk-C45HS2C4.js";
+import {
   DialogDescription,
   DialogHeading,
   DialogProvider
-} from "./chunk-TFL56AYR.js";
-import {
-  Avatar
-} from "./chunk-SXLPDPOZ.js";
+} from "./chunk-D7UIWAFO.js";
 import {
   FieldLabel,
   FieldRoot,
@@ -209,4 +211,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-O542MPR7.js.map
+//# sourceMappingURL=chunk-OOUNB643.js.map

package/build/modern/{chunk-O542MPR7.js.map → chunk-OOUNB643.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/prompt-modal.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type MouseEvent,\n  type PropsWithChildren,\n} from 'react'\nimport { DialogCloseTrigger } from '@ark-ui/react'\nimport { HStack, VStack } from '@cerberus/styled-system/jsx'\nimport { css } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { FieldLabel, FieldRoot, Input } from '../components/field/index'\nimport { Button } from '../components/button/button'\nimport { Show } from '../components/Show'\nimport { Avatar } from '../components/Avatar'\nimport { Text } from '../components/Text'\nimport { useCerberusContext } from './cerberus'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../components/Dialog'\n\n/**\n * This module provides a context and hook for the prompt modal.\n * @module PromptModal\n */\n\nexport interface ShowPromptModalOptions {\n  /**\n   * The kind of prompt modal to show.\n   * @default 'non-destructive'\n   */\n  kind?: 'destructive' | 'non-destructive'\n  /**\n   * The heading of the prompt modal.\n   */\n  heading: string\n  /**\n   * The description of the prompt modal.\n   */\n  description?: string\n  /**\n   * The key to confirm the action.\n   */\n  key: string\n  /**\n   * The text for the action button.\n   */\n  actionText: string\n  /**\n   * The text for the cancel button.\n   */\n  cancelText: string\n}\nexport type PromptShowResult =\n  | ((value: string | PromiseLike<string>) => void)\n  | null\n\nexport interface PromptModalValue {\n  /**\n   * The method to trigger the prompt modal.\n   * @returns the value of the key if the action is confirmed.\n   * @example\n   * ```tsx\n   * const accepted = await prompt.show({\n   *  kind: 'destructive',\n   *  heading: 'Delete channel?',\n   *  description:\n   *   'This will permanently delete a channel on your account. There is no going back.',\n   *  key: CHANNEL_NAME,\n   *  actionText: 'Yes, delete channel',\n   *  cancelText: 'No, cancel',\n   * })\n   */\n  show: (options: ShowPromptModalOptions) => Promise<string>\n}\n\nconst PromptModalContext = createContext<PromptModalValue | null>(null)\n\nexport type PromptModalProviderProps = PropsWithChildren<unknown>\n\n/**\n * Provides a prompt modal to the app.\n * @see https://cerberus.digitalu.design/react/prompt-modal\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <PromptModal>\n *   <SomeFeatureSection />\n * </PromptModal>\n *\n * // Use the hook to show the prompt modal.\n * const prompt = usePromptModal()\n *\n * const handleClick = useCallback(async () => {\n *  const accepted = await prompt.show({\n *   kind: 'destructive',\n *   heading: 'Delete channel?',\n *  description:\n *   'This will permanently delete a channel on your account. There is no going back.',\n * key: CHANNEL_NAME,\n * actionText: 'Yes, delete channel',\n * cancelText: 'No, cancel',\n * })\n * // do something with accepted\n * }, [prompt])\n * ```\n */\nexport function PromptModal(\n  props: PropsWithChildren<PromptModalProviderProps>,\n) {\n  const resolveRef = useRef<PromptShowResult>(null)\n  const [open, setOpen] = useState<boolean>(false)\n  const [content, setContent] = useState<ShowPromptModalOptions | null>(null)\n  const [inputValue, setInputValue] = useState<string>('')\n\n  const { icons } = useCerberusContext()\n  const { promptModal: PromptIcon } = icons\n\n  const isValid = useMemo(\n    () => inputValue === content?.key,\n    [inputValue, content],\n  )\n\n  const palette = useMemo(\n    () => (content?.kind === 'destructive' ? 'danger' : 'action'),\n    [content],\n  )\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setInputValue(e.currentTarget.value)\n    },\n    [content],\n  )\n\n  const handleChoice = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const target = e.currentTarget as HTMLButtonElement\n      if (target.value === 'true') {\n        resolveRef.current?.(inputValue)\n      }\n      setOpen(false)\n    },\n    [inputValue, setOpen],\n  )\n\n  const handleShow = useCallback(\n    (options: ShowPromptModalOptions) => {\n      return new Promise<string>((resolve) => {\n        setContent({ ...options, kind: options.kind || 'non-destructive' })\n        setOpen(true)\n        resolveRef.current = resolve\n      })\n    },\n    [setOpen],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <PromptModalContext.Provider value={value}>\n      {props.children}\n\n      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>\n        <Dialog size=\"sm\">\n          <VStack gap=\"xl\" w=\"full\">\n            <VStack alignItems=\"flex-start\" gap=\"md\" w=\"full\">\n              <HStack\n                alignSelf=\"center\"\n                justify=\"center\"\n                paddingBlockEnd=\"md\"\n                w=\"full\"\n              >\n                <Show\n                  when={palette === 'danger'}\n                  fallback={\n                    <Avatar\n                      ariaLabel=\"\"\n                      gradient=\"charon-light\"\n                      icon={<PromptIcon size={24} />}\n                      src=\"\"\n                    />\n                  }\n                >\n                  <Avatar\n                    ariaLabel=\"\"\n                    gradient=\"hades-dark\"\n                    icon={<PromptIcon size={24} />}\n                    src=\"\"\n                  />\n                </Show>\n              </HStack>\n              <DialogHeading>{content?.heading}</DialogHeading>\n              <DialogDescription>{content?.description}</DialogDescription>\n            </VStack>\n\n            <VStack\n              alignItems=\"flex-start\"\n              marginBlockStart=\"md\"\n              marginBlockEnd=\"lg\"\n              w=\"full\"\n            >\n              <FieldRoot\n                ids={{\n                  control: 'confirm',\n                }}\n                invalid={!isValid}\n              >\n                <FieldLabel\n                  className={hstack({\n                    gap: 'xs',\n                    justify: 'flex-start !important',\n                    marginBlockEnd: 'xs',\n                    textStyle: 'label-md',\n                  })}\n                >\n                  Type\n                  <Text as=\"strong\" textTransform=\"uppercase\">\n                    {content?.key}\n                  </Text>\n                  to confirm\n                </FieldLabel>\n                <Input name=\"confirm\" onChange={handleChange} type=\"text\" />\n              </FieldRoot>\n            </VStack>\n\n            <HStack gap=\"md\" justify=\"stretch\" w=\"full\">\n              <Button\n                autoFocus\n                className={css({\n                  w: '1/2',\n                })}\n                disabled={!isValid}\n                name=\"confirm\"\n                onClick={handleChoice}\n                palette={palette}\n                value=\"true\"\n              >\n                {content?.actionText}\n              </Button>\n\n              <DialogCloseTrigger asChild>\n                <Button\n                  className={css({\n                    w: '1/2',\n                  })}\n                  name=\"cancel\"\n                  onClick={handleChoice}\n                  usage=\"outlined\"\n                  value=\"false\"\n                >\n                  {content?.cancelText}\n                </Button>\n              </DialogCloseTrigger>\n            </HStack>\n          </VStack>\n        </Dialog>\n      </DialogProvider>\n    </PromptModalContext.Provider>\n  )\n}\n\n/**\n * Used to retrieve the context of the PromptModal provider.\n */\nexport function usePromptModal(): PromptModalValue {\n  const context = useContext(PromptModalContext)\n  if (context === null) {\n    throw new Error('usePromptModal must be used within a PromptModal Provider')\n  }\n  return context\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/context/prompt-modal.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type MouseEvent,\n  type PropsWithChildren,\n} from 'react'\nimport { DialogCloseTrigger } from '@ark-ui/react'\nimport { HStack, VStack } from '@cerberus/styled-system/jsx'\nimport { css } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { FieldLabel, FieldRoot, Input } from '../components/field/index'\nimport { Button } from '../components/button/button'\nimport { Show } from '../components/Show'\nimport { Avatar } from '../components/Avatar'\nimport { Text } from '../components/Text'\nimport { useCerberusContext } from './cerberus'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../components/dialog'\n\n/**\n * This module provides a context and hook for the prompt modal.\n * @module PromptModal\n */\n\nexport interface ShowPromptModalOptions {\n  /**\n   * The kind of prompt modal to show.\n   * @default 'non-destructive'\n   */\n  kind?: 'destructive' | 'non-destructive'\n  /**\n   * The heading of the prompt modal.\n   */\n  heading: string\n  /**\n   * The description of the prompt modal.\n   */\n  description?: string\n  /**\n   * The key to confirm the action.\n   */\n  key: string\n  /**\n   * The text for the action button.\n   */\n  actionText: string\n  /**\n   * The text for the cancel button.\n   */\n  cancelText: string\n}\nexport type PromptShowResult =\n  | ((value: string | PromiseLike<string>) => void)\n  | null\n\nexport interface PromptModalValue {\n  /**\n   * The method to trigger the prompt modal.\n   * @returns the value of the key if the action is confirmed.\n   * @example\n   * ```tsx\n   * const accepted = await prompt.show({\n   *  kind: 'destructive',\n   *  heading: 'Delete channel?',\n   *  description:\n   *   'This will permanently delete a channel on your account. There is no going back.',\n   *  key: CHANNEL_NAME,\n   *  actionText: 'Yes, delete channel',\n   *  cancelText: 'No, cancel',\n   * })\n   */\n  show: (options: ShowPromptModalOptions) => Promise<string>\n}\n\nconst PromptModalContext = createContext<PromptModalValue | null>(null)\n\nexport type PromptModalProviderProps = PropsWithChildren<unknown>\n\n/**\n * Provides a prompt modal to the app.\n * @see https://cerberus.digitalu.design/react/prompt-modal\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <PromptModal>\n *   <SomeFeatureSection />\n * </PromptModal>\n *\n * // Use the hook to show the prompt modal.\n * const prompt = usePromptModal()\n *\n * const handleClick = useCallback(async () => {\n *  const accepted = await prompt.show({\n *   kind: 'destructive',\n *   heading: 'Delete channel?',\n *  description:\n *   'This will permanently delete a channel on your account. There is no going back.',\n * key: CHANNEL_NAME,\n * actionText: 'Yes, delete channel',\n * cancelText: 'No, cancel',\n * })\n * // do something with accepted\n * }, [prompt])\n * ```\n */\nexport function PromptModal(\n  props: PropsWithChildren<PromptModalProviderProps>,\n) {\n  const resolveRef = useRef<PromptShowResult>(null)\n  const [open, setOpen] = useState<boolean>(false)\n  const [content, setContent] = useState<ShowPromptModalOptions | null>(null)\n  const [inputValue, setInputValue] = useState<string>('')\n\n  const { icons } = useCerberusContext()\n  const { promptModal: PromptIcon } = icons\n\n  const isValid = useMemo(\n    () => inputValue === content?.key,\n    [inputValue, content],\n  )\n\n  const palette = useMemo(\n    () => (content?.kind === 'destructive' ? 'danger' : 'action'),\n    [content],\n  )\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setInputValue(e.currentTarget.value)\n    },\n    [content],\n  )\n\n  const handleChoice = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const target = e.currentTarget as HTMLButtonElement\n      if (target.value === 'true') {\n        resolveRef.current?.(inputValue)\n      }\n      setOpen(false)\n    },\n    [inputValue, setOpen],\n  )\n\n  const handleShow = useCallback(\n    (options: ShowPromptModalOptions) => {\n      return new Promise<string>((resolve) => {\n        setContent({ ...options, kind: options.kind || 'non-destructive' })\n        setOpen(true)\n        resolveRef.current = resolve\n      })\n    },\n    [setOpen],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <PromptModalContext.Provider value={value}>\n      {props.children}\n\n      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>\n        <Dialog size=\"sm\">\n          <VStack gap=\"xl\" w=\"full\">\n            <VStack alignItems=\"flex-start\" gap=\"md\" w=\"full\">\n              <HStack\n                alignSelf=\"center\"\n                justify=\"center\"\n                paddingBlockEnd=\"md\"\n                w=\"full\"\n              >\n                <Show\n                  when={palette === 'danger'}\n                  fallback={\n                    <Avatar\n                      ariaLabel=\"\"\n                      gradient=\"charon-light\"\n                      icon={<PromptIcon size={24} />}\n                      src=\"\"\n                    />\n                  }\n                >\n                  <Avatar\n                    ariaLabel=\"\"\n                    gradient=\"hades-dark\"\n                    icon={<PromptIcon size={24} />}\n                    src=\"\"\n                  />\n                </Show>\n              </HStack>\n              <DialogHeading>{content?.heading}</DialogHeading>\n              <DialogDescription>{content?.description}</DialogDescription>\n            </VStack>\n\n            <VStack\n              alignItems=\"flex-start\"\n              marginBlockStart=\"md\"\n              marginBlockEnd=\"lg\"\n              w=\"full\"\n            >\n              <FieldRoot\n                ids={{\n                  control: 'confirm',\n                }}\n                invalid={!isValid}\n              >\n                <FieldLabel\n                  className={hstack({\n                    gap: 'xs',\n                    justify: 'flex-start !important',\n                    marginBlockEnd: 'xs',\n                    textStyle: 'label-md',\n                  })}\n                >\n                  Type\n                  <Text as=\"strong\" textTransform=\"uppercase\">\n                    {content?.key}\n                  </Text>\n                  to confirm\n                </FieldLabel>\n                <Input name=\"confirm\" onChange={handleChange} type=\"text\" />\n              </FieldRoot>\n            </VStack>\n\n            <HStack gap=\"md\" justify=\"stretch\" w=\"full\">\n              <Button\n                autoFocus\n                className={css({\n                  w: '1/2',\n                })}\n                disabled={!isValid}\n                name=\"confirm\"\n                onClick={handleChoice}\n                palette={palette}\n                value=\"true\"\n              >\n                {content?.actionText}\n              </Button>\n\n              <DialogCloseTrigger asChild>\n                <Button\n                  className={css({\n                    w: '1/2',\n                  })}\n                  name=\"cancel\"\n                  onClick={handleChoice}\n                  usage=\"outlined\"\n                  value=\"false\"\n                >\n                  {content?.cancelText}\n                </Button>\n              </DialogCloseTrigger>\n            </HStack>\n          </VStack>\n        </Dialog>\n      </DialogProvider>\n    </PromptModalContext.Provider>\n  )\n}\n\n/**\n * Used to retrieve the context of the PromptModal provider.\n */\nexport function usePromptModal(): PromptModalValue {\n  const context = useContext(PromptModalContext)\n  if (context === null) {\n    throw new Error('usePromptModal must be used within a PromptModal Provider')\n  }\n  return context\n}\n"],"mappings":"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","names":[]}

package/build/modern/components/FileStatus.js

@@ -2,10 +2,10 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-ZFFW5ELD.js";
+} from "../chunk-CF3EHG42.js";
 import "../chunk-WZJ5UQNM.js";
-import "../chunk-APD6IX5R.js";
 import "../chunk-SXLPDPOZ.js";
+import "../chunk-APD6IX5R.js";
 import "../chunk-TYPULJMJ.js";
 import "../chunk-FBS7AX76.js";
 import "../chunk-6I2FW4WI.js";

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

@@ -2,18 +2,21 @@ import "../../chunk-IKDXADLX.js";
 import {
   CTAModal,
   useCTAModal
-} from "../../chunk-QEM3M4N3.js";
+} from "../../chunk-4WKM2MJC.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-DJOYRUNT.js";
+import "../../chunk-NZKE7C53.js";
+import "../../chunk-C45HS2C4.js";
+import "../../chunk-APD6IX5R.js";
+import "../../chunk-IQJDVFPP.js";
+import "../../chunk-FCSO6N2Y.js";
+import "../../chunk-D7UIWAFO.js";
 import "../../chunk-GITT5645.js";
 import "../../chunk-6KZVE4HC.js";
 import "../../chunk-7SYJFI5E.js";

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

@@ -2,15 +2,18 @@
 import {
   CTAModal,
   useCTAModal
-} from "../../chunk-QEM3M4N3.js";
+} from "../../chunk-4WKM2MJC.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-DJOYRUNT.js";
+import "../../chunk-NZKE7C53.js";
+import "../../chunk-C45HS2C4.js";
+import "../../chunk-APD6IX5R.js";
 import "../../chunk-IQJDVFPP.js";
+import "../../chunk-FCSO6N2Y.js";
+import "../../chunk-D7UIWAFO.js";
 import "../../chunk-GITT5645.js";
 import "../../chunk-6KZVE4HC.js";
 import "../../chunk-7SYJFI5E.js";

package/build/modern/components/dialog/close-icon-trigger.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  DialogCloseIconTrigger
+} from "../../chunk-NZKE7C53.js";
+import "../../chunk-APD6IX5R.js";
+import "../../chunk-D7UIWAFO.js";
+import "../../chunk-GITT5645.js";
+export {
+  DialogCloseIconTrigger
+};
+//# sourceMappingURL=close-icon-trigger.js.map

package/build/modern/components/dialog/dialog.js

@@ -0,0 +1,9 @@
+import {
+  Dialog
+} from "../../chunk-C45HS2C4.js";
+import "../../chunk-IQJDVFPP.js";
+import "../../chunk-D7UIWAFO.js";
+export {
+  Dialog
+};
+//# sourceMappingURL=dialog.js.map

package/build/modern/components/dialog/dialog.js.map

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

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

@@ -0,0 +1,39 @@
+import "../../chunk-DJOYRUNT.js";
+import {
+  DialogCloseIconTrigger
+} from "../../chunk-NZKE7C53.js";
+import {
+  Dialog
+} from "../../chunk-C45HS2C4.js";
+import "../../chunk-APD6IX5R.js";
+import "../../chunk-IQJDVFPP.js";
+import {
+  DialogParts
+} from "../../chunk-FCSO6N2Y.js";
+import {
+  DialogBackdrop,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogPositioner,
+  DialogProvider,
+  DialogRoot,
+  DialogTrigger
+} from "../../chunk-D7UIWAFO.js";
+import "../../chunk-GITT5645.js";
+export {
+  Dialog,
+  DialogBackdrop,
+  DialogCloseIconTrigger,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogParts,
+  DialogPositioner,
+  DialogProvider,
+  DialogRoot,
+  DialogTrigger
+};
+//# sourceMappingURL=index.js.map

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

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

package/build/modern/components/dialog/parts.js

@@ -0,0 +1,8 @@
+import {
+  DialogParts
+} from "../../chunk-FCSO6N2Y.js";
+import "../../chunk-D7UIWAFO.js";
+export {
+  DialogParts
+};
+//# sourceMappingURL=parts.js.map

package/build/modern/components/dialog/parts.js.map

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

package/build/modern/components/{Dialog.js → dialog/primitives.js}

@@ -1,5 +1,4 @@
 import {
-  Dialog,
   DialogBackdrop,
   DialogCloseTrigger,
   DialogContent,
@@ -7,11 +6,10 @@ import {
   DialogHeading,
   DialogPositioner,
   DialogProvider,
+  DialogRoot,
   DialogTrigger
-} from "../chunk-TFL56AYR.js";
-import "../chunk-IQJDVFPP.js";
+} from "../../chunk-D7UIWAFO.js";
 export {
-  Dialog,
   DialogBackdrop,
   DialogCloseTrigger,
   DialogContent,
@@ -19,6 +17,7 @@ export {
   DialogHeading,
   DialogPositioner,
   DialogProvider,
+  DialogRoot,
   DialogTrigger
 };
-//# sourceMappingURL=Dialog.js.map
+//# sourceMappingURL=primitives.js.map

package/build/modern/components/dialog/primitives.js.map

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

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

@@ -1,12 +1,12 @@
 import "../../chunk-2LF3HPNA.js";
-import {
-  OptionGroup,
-  OptionGroupLabel
-} from "../../chunk-IASVL7CW.js";
 import {
   Option,
   Select
 } from "../../chunk-6ICNCCPD.js";
+import {
+  OptionGroup,
+  OptionGroupLabel
+} from "../../chunk-IASVL7CW.js";
 import {
   SelectParts
 } from "../../chunk-XTNGF4D6.js";

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

@@ -2,10 +2,15 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-H54FR7IP.js";
-import "../chunk-TFL56AYR.js";
+} from "../chunk-MTZDZXZM.js";
 import "../chunk-SXLPDPOZ.js";
+import "../chunk-DJOYRUNT.js";
+import "../chunk-NZKE7C53.js";
+import "../chunk-C45HS2C4.js";
+import "../chunk-APD6IX5R.js";
 import "../chunk-IQJDVFPP.js";
+import "../chunk-FCSO6N2Y.js";
+import "../chunk-D7UIWAFO.js";
 import "../chunk-GITT5645.js";
 import "../chunk-6KZVE4HC.js";
 import "../chunk-7SYJFI5E.js";

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

@@ -2,7 +2,7 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-H5WNUPGH.js";
+} from "../chunk-6DAOKE6Z.js";
 import "../chunk-SLHYBPJ5.js";
 import "../chunk-RDRD6ACD.js";
 import "../chunk-UXY3KCC3.js";

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

@@ -2,11 +2,16 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-O542MPR7.js";
+} from "../chunk-OOUNB643.js";
 import "../chunk-RU5LOXWI.js";
-import "../chunk-TFL56AYR.js";
 import "../chunk-SXLPDPOZ.js";
+import "../chunk-DJOYRUNT.js";
+import "../chunk-NZKE7C53.js";
+import "../chunk-C45HS2C4.js";
+import "../chunk-APD6IX5R.js";
 import "../chunk-IQJDVFPP.js";
+import "../chunk-FCSO6N2Y.js";
+import "../chunk-D7UIWAFO.js";
 import "../chunk-TYPULJMJ.js";
 import "../chunk-FBS7AX76.js";
 import "../chunk-6I2FW4WI.js";

package/build/modern/index.js

@@ -32,7 +32,7 @@ import {
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-H54FR7IP.js";
+} from "./chunk-MTZDZXZM.js";
 import {
   NavMenu,
   useNavMenuContext
@@ -40,11 +40,11 @@ import {
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-H5WNUPGH.js";
+} from "./chunk-6DAOKE6Z.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-O542MPR7.js";
+} from "./chunk-OOUNB643.js";
 import {
   ThemeProvider,
   useThemeContext
@@ -96,7 +96,7 @@ import {
 import {
   FileStatus,
   processStatus
-} from "./chunk-ZFFW5ELD.js";
+} from "./chunk-CF3EHG42.js";
 import {
   ProgressBar
 } from "./chunk-WZJ5UQNM.js";
@@ -121,6 +121,12 @@ import {
 import {
   NotificationDescription
 } from "./chunk-UXY3KCC3.js";
+import {
+  Admonition,
+  AdmonitionDescription,
+  AdmonitionHeading
+} from "./chunk-DXBZ3HMY.js";
+import "./chunk-2HOUQ2DX.js";
 import {
   CircularProgress
 } from "./chunk-6QHOKCV3.js";
@@ -149,6 +155,14 @@ import {
 import {
   Droppable
 } from "./chunk-TKI2CKHH.js";
+import "./chunk-V4YYGGMH.js";
+import {
+  ToggleParts
+} from "./chunk-2CVGNLIM.js";
+import {
+  ToggleIndicator,
+  ToggleRoot
+} from "./chunk-CIMY2U22.js";
 import "./chunk-V3M3ZOQI.js";
 import {
   AccordionItemGroup
@@ -162,12 +176,19 @@ import {
   AccordionItemContent,
   AccordionItemTrigger
 } from "./chunk-AZRFYQO7.js";
+import "./chunk-IDTAB2UJ.js";
 import {
-  Admonition,
-  AdmonitionDescription,
-  AdmonitionHeading
-} from "./chunk-DXBZ3HMY.js";
-import "./chunk-2HOUQ2DX.js";
+  Fieldset
+} from "./chunk-AO3GB72J.js";
+import {
+  FieldsetParts
+} from "./chunk-7TQRTBUP.js";
+import {
+  FieldsetErrorText,
+  FieldsetHelperText,
+  FieldsetLegend,
+  FieldsetRoot
+} from "./chunk-Z3FDG263.js";
 import "./chunk-OGYMMATX.js";
 import {
   Radio
@@ -202,14 +223,14 @@ import {
   RatingRoot
 } from "./chunk-W47QEZD5.js";
 import "./chunk-2LF3HPNA.js";
-import {
-  OptionGroup,
-  OptionGroupLabel
-} from "./chunk-IASVL7CW.js";
 import {
   Option,
   Select
 } from "./chunk-6ICNCCPD.js";
+import {
+  OptionGroup,
+  OptionGroupLabel
+} from "./chunk-IASVL7CW.js";
 import {
   SelectParts
 } from "./chunk-XTNGF4D6.js";
@@ -246,14 +267,6 @@ import {
   SwitchRoot,
   SwitchThumb
 } from "./chunk-LZWNHXRP.js";
-import "./chunk-V4YYGGMH.js";
-import {
-  ToggleParts
-} from "./chunk-2CVGNLIM.js";
-import {
-  ToggleIndicator,
-  ToggleRoot
-} from "./chunk-CIMY2U22.js";
 import "./chunk-TIJAFPHQ.js";
 import {
   Checkbox
@@ -277,20 +290,35 @@ import "./chunk-IKDXADLX.js";
 import {
   CTAModal,
   useCTAModal
-} from "./chunk-QEM3M4N3.js";
+} from "./chunk-4WKM2MJC.js";
 import "./chunk-4LSTU6WU.js";
 import "./chunk-MVO2GNUA.js";
 import {
   For
 } from "./chunk-DXOKSZVQ.js";
+import {
+  Avatar
+} from "./chunk-SXLPDPOZ.js";
+import {
+  createCTAModalActions
+} from "./chunk-PLHYOCY3.js";
+import "./chunk-DJOYRUNT.js";
 import {
   DialogCloseIconTrigger
-} from "./chunk-6BN3XKQF.js";
+} from "./chunk-NZKE7C53.js";
+import {
+  Dialog
+} from "./chunk-C45HS2C4.js";
 import {
   IconButton
 } from "./chunk-APD6IX5R.js";
 import {
-  Dialog,
+  Portal
+} from "./chunk-IQJDVFPP.js";
+import {
+  DialogParts
+} from "./chunk-FCSO6N2Y.js";
+import {
   DialogBackdrop,
   DialogCloseTrigger,
   DialogContent,
@@ -298,17 +326,9 @@ import {
   DialogHeading,
   DialogPositioner,
   DialogProvider,
+  DialogRoot,
   DialogTrigger
-} from "./chunk-TFL56AYR.js";
-import {
-  Avatar
-} from "./chunk-SXLPDPOZ.js";
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
-import {
-  createCTAModalActions
-} from "./chunk-PLHYOCY3.js";
+} from "./chunk-D7UIWAFO.js";
 import "./chunk-TYPULJMJ.js";
 import {
   Field
@@ -337,19 +357,6 @@ import {
   CerberusProvider,
   useCerberusContext
 } from "./chunk-GITT5645.js";
-import "./chunk-IDTAB2UJ.js";
-import {
-  Fieldset
-} from "./chunk-AO3GB72J.js";
-import {
-  FieldsetParts
-} from "./chunk-7TQRTBUP.js";
-import {
-  FieldsetErrorText,
-  FieldsetHelperText,
-  FieldsetLegend,
-  FieldsetRoot
-} from "./chunk-Z3FDG263.js";
 import {
   useModal
 } from "./chunk-KGQG5JGW.js";
@@ -463,8 +470,10 @@ export {
   DialogContent,
   DialogDescription,
   DialogHeading,
+  DialogParts,
   DialogPositioner,
   DialogProvider,
+  DialogRoot,
   DialogTrigger,
   Droppable,
   FeatureFlag,

package/build/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// deprecated\n\nexport * from './components/deprecated/FieldMessage'\nexport * from './components/deprecated/FieldsetLabel'\nexport * from './components/deprecated/Label'\nexport * from './components/deprecated/Modal'\nexport * from './components/deprecated/ModalHeader'\nexport * from './components/deprecated/ModalHeading'\nexport * from './components/deprecated/ModalDescription'\nexport * from './components/deprecated/NavMenuTrigger'\nexport * from './components/deprecated/NavMenuList'\nexport * from './components/deprecated/NavMenuLink'\nexport * from './hooks/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useToggle'\n\n// components\n\nexport * from './components/Accordion'\nexport * from './components/Accordion.client'\nexport * from './components/AccordionItemGroup'\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/button/index'\nexport * from './components/checkbox/index'\nexport * from './components/CircularProgress'\nexport * from './components/cta-dialog/index'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/Dialog'\nexport * from './components/Dialog.client'\nexport * from './components/Droppable'\nexport * from './components/FeatureFlag'\nexport * from './components/field/index'\nexport * from './components/fieldset/index'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/for'\nexport * from './components/IconButton'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/radio/index'\nexport * from './components/rating/index'\nexport * from './components/select/index'\nexport * from './components/Show'\nexport * from './components/Spinner'\nexport * from './components/switch/index'\nexport * from './components/Tabs.client'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Text'\nexport * from './components/toggle/index'\nexport * from './components/Tooltip'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/feature-flags'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\nexport * from './hooks/useRootColors'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/index'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// deprecated\n\nexport * from './components/deprecated/FieldMessage'\nexport * from './components/deprecated/FieldsetLabel'\nexport * from './components/deprecated/Label'\nexport * from './components/deprecated/Modal'\nexport * from './components/deprecated/ModalHeader'\nexport * from './components/deprecated/ModalHeading'\nexport * from './components/deprecated/ModalDescription'\nexport * from './components/deprecated/NavMenuTrigger'\nexport * from './components/deprecated/NavMenuList'\nexport * from './components/deprecated/NavMenuLink'\nexport * from './hooks/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useToggle'\n\n// components\n\nexport * from './components/Accordion'\nexport * from './components/Accordion.client'\nexport * from './components/AccordionItemGroup'\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/button/index'\nexport * from './components/checkbox/index'\nexport * from './components/CircularProgress'\nexport * from './components/cta-dialog/index'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/dialog/index'\nexport * from './components/Droppable'\nexport * from './components/FeatureFlag'\nexport * from './components/field/index'\nexport * from './components/fieldset/index'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/for'\nexport * from './components/IconButton'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/radio/index'\nexport * from './components/rating/index'\nexport * from './components/select/index'\nexport * from './components/Show'\nexport * from './components/Spinner'\nexport * from './components/switch/index'\nexport * from './components/Tabs.client'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Text'\nexport * from './components/toggle/index'\nexport * from './components/Tooltip'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/feature-flags'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\nexport * from './hooks/useRootColors'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/index'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.16.0-next-22894bb",
+  "version": "0.16.0-next-1e5283a",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -26,7 +26,7 @@
     "react-dom": "^18",
     "tsup": "^8.1.0",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.16.0-next-22894bb"
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.16.0-next-1e5283a"
   },
   "publishConfig": {
     "access": "public"

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

@@ -19,8 +19,8 @@ import {
   DialogDescription,
   DialogHeading,
   DialogProvider,
-} from '../Dialog'
-import { DialogCloseIconTrigger } from '../Dialog.client'
+} from '../dialog'
+import { DialogCloseIconTrigger } from '../dialog/close-icon-trigger'
 import type { CTAButtonAction, CTAModalActionReturn } from './utils'
 import {
   CTAModalContext,