@cerberus-design/react 0.18.4 → 0.19.1

package/build/modern/chunk-RMSM3XPV.js

@@ -1,218 +0,0 @@
-import {
-  Dialog
-} from "./chunk-BMDNCJUB.js";
-import {
-  DialogDescription,
-  DialogHeading,
-  DialogProvider
-} from "./chunk-LUGOJGMO.js";
-import {
-  Button
-} from "./chunk-GB7W3YNU.js";
-import {
-  Text
-} from "./chunk-ZPHPCKAG.js";
-import {
-  FieldLabel,
-  FieldRoot,
-  Input
-} from "./chunk-OK3VJFQL.js";
-import {
-  Avatar
-} from "./chunk-CF4TCMJI.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/context/prompt-modal.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { DialogCloseTrigger } from "@ark-ui/react/dialog";
-import { HStack, VStack } from "styled-system/jsx";
-import { css } from "styled-system/css";
-import { hstack } from "styled-system/patterns";
-import { jsx, jsxs } from "react/jsx-runtime";
-var PromptModalContext = createContext(null);
-function PromptModal(props) {
-  const resolveRef = useRef(null);
-  const [open, setOpen] = useState(false);
-  const [content, setContent] = useState(null);
-  const [inputValue, setInputValue] = useState("");
-  const { icons } = useCerberusContext();
-  const { promptModal: PromptIcon } = icons;
-  const isValid = useMemo(
-    () => inputValue === content?.key,
-    [inputValue, content]
-  );
-  const palette = useMemo(
-    () => content?.kind === "destructive" ? "danger" : "action",
-    [content]
-  );
-  const handleChange = useCallback(
-    (e) => {
-      setInputValue(e.currentTarget.value);
-    },
-    [content]
-  );
-  const handleChoice = useCallback(
-    (e) => {
-      const target = e.currentTarget;
-      if (target.value === "true") {
-        resolveRef.current?.(inputValue);
-      }
-      setOpen(false);
-    },
-    [inputValue, setOpen]
-  );
-  const handleShow = useCallback(
-    (options) => {
-      return new Promise((resolve) => {
-        setContent({ ...options, kind: options.kind || "non-destructive" });
-        setOpen(true);
-        resolveRef.current = resolve;
-      });
-    },
-    [setOpen]
-  );
-  const value = useMemo(
-    () => ({
-      show: handleShow
-    }),
-    [handleShow]
-  );
-  return /* @__PURE__ */ jsxs(PromptModalContext.Provider, { value, children: [
-    props.children,
-    /* @__PURE__ */ jsx(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        size: "sm",
-        style: {
-          "--dialog-content-min-h": "auto"
-        },
-        children: /* @__PURE__ */ jsxs(
-          VStack,
-          {
-            alignItems: "flex-start",
-            h: "full",
-            justify: "space-between",
-            w: "full",
-            children: [
-              /* @__PURE__ */ jsx(
-                HStack,
-                {
-                  alignSelf: "center",
-                  justify: "center",
-                  paddingBlockEnd: "md",
-                  w: "full",
-                  children: /* @__PURE__ */ jsx(
-                    Show,
-                    {
-                      when: palette === "danger",
-                      fallback: /* @__PURE__ */ jsx(
-                        Avatar,
-                        {
-                          gradient: "charon-light",
-                          fallback: /* @__PURE__ */ jsx(PromptIcon, { size: 24 })
-                        }
-                      ),
-                      children: /* @__PURE__ */ jsx(
-                        Avatar,
-                        {
-                          gradient: "hades-dark",
-                          fallback: /* @__PURE__ */ jsx(PromptIcon, { size: 24 })
-                        }
-                      )
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(DialogHeading, { children: content?.heading }),
-              /* @__PURE__ */ jsx(DialogDescription, { children: content?.description }),
-              /* @__PURE__ */ jsx(
-                VStack,
-                {
-                  alignItems: "flex-start",
-                  marginBlockStart: "md",
-                  marginBlockEnd: "lg",
-                  w: "full",
-                  children: /* @__PURE__ */ jsxs(FieldRoot, { invalid: !isValid, children: [
-                    /* @__PURE__ */ jsxs(
-                      FieldLabel,
-                      {
-                        className: hstack({
-                          gap: "xs",
-                          justify: "flex-start",
-                          marginBlockEnd: "xs",
-                          textStyle: "label-md",
-                          w: "initial"
-                        }),
-                        children: [
-                          "Type",
-                          /* @__PURE__ */ jsx(Text, { as: "strong", textTransform: "uppercase", children: content?.key }),
-                          "to confirm"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Input, { name: "confirm", onChange: handleChange, type: "text" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsxs(HStack, { gap: "md", justify: "stretch", w: "full", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    autoFocus: true,
-                    className: css({
-                      w: "1/2"
-                    }),
-                    disabled: !isValid,
-                    name: "confirm",
-                    onClick: handleChoice,
-                    palette,
-                    value: "true",
-                    children: content?.actionText
-                  }
-                ),
-                /* @__PURE__ */ jsx(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    className: css({
-                      w: "1/2"
-                    }),
-                    name: "cancel",
-                    onClick: handleChoice,
-                    usage: "outlined",
-                    value: "false",
-                    children: content?.cancelText
-                  }
-                ) })
-              ] })
-            ]
-          }
-        )
-      }
-    ) })
-  ] });
-}
-function usePromptModal() {
-  const context = useContext(PromptModalContext);
-  if (context === null) {
-    throw new Error("usePromptModal must be used within a PromptModal Provider");
-  }
-  return context;
-}
-
-export {
-  PromptModal,
-  usePromptModal
-};
-//# sourceMappingURL=chunk-RMSM3XPV.js.map

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

@@ -1 +0,0 @@
-{"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/dialog'\nimport { HStack, VStack } from 'styled-system/jsx'\nimport { css } from 'styled-system/css'\nimport { hstack } from '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/avatar'\nimport { Text } from '../components/Text'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../components/dialog'\nimport { useCerberusContext } from './cerberus'\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\n          size=\"sm\"\n          style={{\n            '--dialog-content-min-h': 'auto',\n          }}\n        >\n          <VStack\n            alignItems=\"flex-start\"\n            h=\"full\"\n            justify=\"space-between\"\n            w=\"full\"\n          >\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                    gradient=\"charon-light\"\n                    fallback={<PromptIcon size={24} />}\n                  />\n                }\n              >\n                <Avatar\n                  gradient=\"hades-dark\"\n                  fallback={<PromptIcon size={24} />}\n                />\n              </Show>\n            </HStack>\n\n            <DialogHeading>{content?.heading}</DialogHeading>\n            <DialogDescription>{content?.description}</DialogDescription>\n\n            <VStack\n              alignItems=\"flex-start\"\n              marginBlockStart=\"md\"\n              marginBlockEnd=\"lg\"\n              w=\"full\"\n            >\n              <FieldRoot invalid={!isValid}>\n                <FieldLabel\n                  className={hstack({\n                    gap: 'xs',\n                    justify: 'flex-start',\n                    marginBlockEnd: 'xs',\n                    textStyle: 'label-md',\n                    w: 'initial',\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/chunk-RP6DNLP3.js

@@ -1,17 +0,0 @@
-// src/components/toggle/primitives.tsx
-import {
-  Toggle
-} from "@ark-ui/react/toggle";
-import { jsx } from "react/jsx-runtime";
-function ToggleRoot(props) {
-  return /* @__PURE__ */ jsx(Toggle.Root, { ...props });
-}
-function ToggleIndicator(props) {
-  return /* @__PURE__ */ jsx(Toggle.Indicator, { ...props });
-}
-
-export {
-  ToggleRoot,
-  ToggleIndicator
-};
-//# sourceMappingURL=chunk-RP6DNLP3.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/toggle/primitives.tsx"],"sourcesContent":["import {\n  Toggle,\n  type ToggleIndicatorProps,\n  type ToggleRootProps,\n} from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport function ToggleRoot(props: ToggleRootProps) {\n  return <Toggle.Root {...props} />\n}\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport function ToggleIndicator(props: ToggleIndicatorProps) {\n  return <Toggle.Indicator {...props} />\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAGK;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,oBAAC,OAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAMO,SAAS,gBAAgB,OAA6B;AAC3D,SAAO,oBAAC,OAAO,WAAP,EAAkB,GAAG,OAAO;AACtC;","names":[]}

package/build/modern/chunk-RTLS6K4E.js

@@ -1,40 +0,0 @@
-import {
-  HelperText
-} from "./chunk-2U2JYN3D.js";
-import {
-  FieldErrorText,
-  FieldHelperText,
-  FieldLabel,
-  FieldRoot
-} from "./chunk-OK3VJFQL.js";
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/field/field.tsx
-import { HStack } from "styled-system/jsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Field(props) {
-  const [statusProps, fieldProps, rootProps] = splitProps(
-    props,
-    ["disabled", "required", "readOnly", "invalid"],
-    ["label", "helperText", "secondaryHelperText", "errorText", "children"]
-  );
-  return /* @__PURE__ */ jsxs(FieldRoot, { ...statusProps, ...rootProps, children: [
-    /* @__PURE__ */ jsx(Show, { when: fieldProps.label, children: /* @__PURE__ */ jsx(FieldLabel, { children: fieldProps.label }) }),
-    fieldProps.children,
-    /* @__PURE__ */ jsxs(HStack, { justifyContent: "space-between", w: "full", children: [
-      /* @__PURE__ */ jsx(HelperText, { invalid: statusProps.invalid, children: fieldProps.helperText }),
-      /* @__PURE__ */ jsx(FieldErrorText, { children: fieldProps.errorText }),
-      /* @__PURE__ */ jsx(Show, { when: fieldProps.secondaryHelperText, children: /* @__PURE__ */ jsx(FieldHelperText, { children: fieldProps.secondaryHelperText }) })
-    ] })
-  ] });
-}
-
-export {
-  Field
-};
-//# sourceMappingURL=chunk-RTLS6K4E.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/field/field.tsx"],"sourcesContent":["import { type FieldRootProps } from '@ark-ui/react/field'\nimport { splitProps } from '../../utils/index'\nimport {\n  FieldErrorText,\n  FieldHelperText,\n  FieldLabel,\n  FieldRoot,\n} from './primitives'\nimport { HStack } from 'styled-system/jsx'\nimport { Show } from '../Show'\nimport { HelperText } from './helper-text'\n\nexport interface FieldProps extends FieldRootProps {\n  /**\n   * The label of the field.\n   */\n  label?: string\n  /**\n   * The helper text of the field.\n   */\n  helperText?: string\n  /**\n   * A helper text positioned at the end of the field. Good for Textarea fields.\n   */\n  secondaryHelperText?: string\n  /**\n   * The error text of the field. Shown when the field is invalid.\n   */\n  errorText?: string\n}\n\n/**\n * The Field component is the context provider for all FieldParts and displays\n * the label, helperText, and ErrorText.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <Field\n *  ids={{\n *   control: 'firstName',\n *  }}\n *  label=\"Label\"\n *  helperText=\"This is what people will see on your profile.\"\n *  errorText=\"A first name is required to create an account.\"\n *  required\n * >\n *   <Input name=\"firstName\" type=\"text\" />\n * </Field>\n * ```\n */\nexport function Field(props: FieldProps) {\n  const [statusProps, fieldProps, rootProps] = splitProps(\n    props,\n    ['disabled', 'required', 'readOnly', 'invalid'],\n    ['label', 'helperText', 'secondaryHelperText', 'errorText', 'children'],\n  )\n\n  return (\n    <FieldRoot {...statusProps} {...rootProps}>\n      <Show when={fieldProps.label}>\n        <FieldLabel>{fieldProps.label}</FieldLabel>\n      </Show>\n\n      {fieldProps.children}\n\n      <HStack justifyContent=\"space-between\" w=\"full\">\n        <HelperText invalid={statusProps.invalid}>\n          {fieldProps.helperText}\n        </HelperText>\n\n        <FieldErrorText>{fieldProps.errorText}</FieldErrorText>\n\n        <Show when={fieldProps.secondaryHelperText}>\n          <FieldHelperText>{fieldProps.secondaryHelperText}</FieldHelperText>\n        </Show>\n      </HStack>\n    </FieldRoot>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAQA,SAAS,cAAc;AAoDf,cAKF,YALE;AAVD,SAAS,MAAM,OAAmB;AACvC,QAAM,CAAC,aAAa,YAAY,SAAS,IAAI;AAAA,IAC3C;AAAA,IACA,CAAC,YAAY,YAAY,YAAY,SAAS;AAAA,IAC9C,CAAC,SAAS,cAAc,uBAAuB,aAAa,UAAU;AAAA,EACxE;AAEA,SACE,qBAAC,aAAW,GAAG,aAAc,GAAG,WAC9B;AAAA,wBAAC,QAAK,MAAM,WAAW,OACrB,8BAAC,cAAY,qBAAW,OAAM,GAChC;AAAA,IAEC,WAAW;AAAA,IAEZ,qBAAC,UAAO,gBAAe,iBAAgB,GAAE,QACvC;AAAA,0BAAC,cAAW,SAAS,YAAY,SAC9B,qBAAW,YACd;AAAA,MAEA,oBAAC,kBAAgB,qBAAW,WAAU;AAAA,MAEtC,oBAAC,QAAK,MAAM,WAAW,qBACrB,8BAAC,mBAAiB,qBAAW,qBAAoB,GACnD;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-RW3YEBDW.js

@@ -1,184 +0,0 @@
-// src/components/date-picker/primitives.tsx
-import {
-  DatePicker
-} from "@ark-ui/react/date-picker";
-import { cx } from "styled-system/css";
-import { datePicker } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function DatePickerLabel(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Label,
-    {
-      ...props,
-      className: cx(styles.label, props.className)
-    }
-  );
-}
-function DatePickerControl(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Control,
-    {
-      ...props,
-      className: cx(styles.control, props.className)
-    }
-  );
-}
-function DatePickerInputEl(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Input,
-    {
-      ...props,
-      className: cx(styles.input, props.className)
-    }
-  );
-}
-function DatePickerTrigger(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Trigger,
-    {
-      ...props,
-      className: cx(styles.trigger, props.className)
-    }
-  );
-}
-function DatePickerContent(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Content,
-    {
-      ...props,
-      className: cx(styles.content, props.className)
-    }
-  );
-}
-function DatePickerViewControl(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Control,
-    {
-      ...props,
-      className: cx(styles.viewControl, props.className)
-    }
-  );
-}
-function DatePickerRangeText(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.RangeText,
-    {
-      ...props,
-      className: cx(styles.rangeText, props.className)
-    }
-  );
-}
-function DatePickerTable(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Table,
-    {
-      ...props,
-      className: cx(styles.table, props.className)
-    }
-  );
-}
-function DatePickerTableHeader(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.TableHeader,
-    {
-      ...props,
-      className: cx(styles.tableHeader, props.className)
-    }
-  );
-}
-function DatePickerTableCell(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.TableCell,
-    {
-      ...props,
-      className: cx(styles.tableCell, props.className)
-    }
-  );
-}
-function DatePickerTableCellTrigger(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.TableCellTrigger,
-    {
-      ...props,
-      className: cx(styles.tableCellTrigger, props.className)
-    }
-  );
-}
-function DatePickerRoot(props) {
-  return /* @__PURE__ */ jsx(DatePicker.Root, { ...props });
-}
-function DatePickerClearTrigger(props) {
-  return /* @__PURE__ */ jsx(DatePicker.ClearTrigger, { ...props });
-}
-function DatePickerPositioner(props) {
-  return /* @__PURE__ */ jsx(DatePicker.Positioner, { ...props });
-}
-function DatePickerYearSelect(props) {
-  return /* @__PURE__ */ jsx(DatePicker.YearSelect, { ...props });
-}
-function DatePickerMonthSelect(props) {
-  return /* @__PURE__ */ jsx(DatePicker.MonthSelect, { ...props });
-}
-function DatePickerView(props) {
-  return /* @__PURE__ */ jsx(DatePicker.View, { ...props });
-}
-function DatePickerContext(props) {
-  return /* @__PURE__ */ jsx(DatePicker.Context, { ...props });
-}
-function DatePickerPrevTrigger(props) {
-  return /* @__PURE__ */ jsx(DatePicker.PrevTrigger, { ...props });
-}
-function DatePickerNextTrigger(props) {
-  return /* @__PURE__ */ jsx(DatePicker.NextTrigger, { ...props });
-}
-function DatePickerViewTrigger(props) {
-  return /* @__PURE__ */ jsx(DatePicker.ViewTrigger, { ...props });
-}
-function DatePickerTableHead(props) {
-  return /* @__PURE__ */ jsx(DatePicker.TableHead, { ...props });
-}
-function DatePickerTableRow(props) {
-  return /* @__PURE__ */ jsx(DatePicker.TableRow, { ...props });
-}
-function DatePickerTableBody(props) {
-  return /* @__PURE__ */ jsx(DatePicker.TableBody, { ...props });
-}
-
-export {
-  DatePickerLabel,
-  DatePickerControl,
-  DatePickerInputEl,
-  DatePickerTrigger,
-  DatePickerContent,
-  DatePickerViewControl,
-  DatePickerRangeText,
-  DatePickerTable,
-  DatePickerTableHeader,
-  DatePickerTableCell,
-  DatePickerTableCellTrigger,
-  DatePickerRoot,
-  DatePickerClearTrigger,
-  DatePickerPositioner,
-  DatePickerYearSelect,
-  DatePickerMonthSelect,
-  DatePickerView,
-  DatePickerContext,
-  DatePickerPrevTrigger,
-  DatePickerNextTrigger,
-  DatePickerViewTrigger,
-  DatePickerTableHead,
-  DatePickerTableRow,
-  DatePickerTableBody
-};
-//# sourceMappingURL=chunk-RW3YEBDW.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/date-picker/primitives.tsx"],"sourcesContent":["import {\n  DatePicker,\n  type DatePickerContentProps,\n  type DatePickerContextProps,\n  type DatePickerControlProps,\n  type DatePickerInputProps,\n  type DatePickerLabelProps,\n  type DatePickerMonthSelectProps,\n  type DatePickerNextTriggerProps,\n  type DatePickerPositionerProps,\n  type DatePickerPrevTriggerProps,\n  type DatePickerRangeTextProps,\n  type DatePickerRootProps,\n  type DatePickerTableBodyProps,\n  type DatePickerTableCellProps,\n  type DatePickerTableCellTriggerProps,\n  type DatePickerTableHeaderProps,\n  type DatePickerTableHeadProps,\n  type DatePickerTableProps,\n  type DatePickerTableRowProps,\n  type DatePickerTriggerProps,\n  type DatePickerViewControlProps,\n  type DatePickerViewProps,\n  type DatePickerViewTriggerProps,\n  type DatePickerYearSelectProps,\n} from '@ark-ui/react/date-picker'\nimport { cx } from 'styled-system/css'\nimport { datePicker } from 'styled-system/recipes'\n\n/**\n * This module contains the DatePicker primitives.\n * @module 'date-picker/primitives'\n */\n\n/**\n * The label component for the DatePicker.\n */\nexport function DatePickerLabel(props: DatePickerLabelProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control component for the DatePicker which wraps the input and the\n * triggers to open the DatePicker and clear the value.\n */\nexport function DatePickerControl(props: DatePickerControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input component for the DatePicker.\n */\nexport function DatePickerInputEl(props: DatePickerInputProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Input\n      {...props}\n      className={cx(styles.input, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger component that opens the DatePicker.\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The content component for the DatePicker.\n */\nexport function DatePickerContent(props: DatePickerContentProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Content\n      {...props}\n      className={cx(styles.content, props.className)}\n    />\n  )\n}\n\n/**\n * The view control component for the DatePicker which wraps the triggers to\n * switch between calendar views.\n */\nexport function DatePickerViewControl(props: DatePickerViewControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.viewControl, props.className)}\n    />\n  )\n}\n\n/**\n * The range text component for the DatePicker.\n */\nexport function DatePickerRangeText(props: DatePickerRangeTextProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.RangeText\n      {...props}\n      className={cx(styles.rangeText, props.className)}\n    />\n  )\n}\n\n/**\n * The table component for the DatePicker.\n */\nexport function DatePickerTable(props: DatePickerTableProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Table\n      {...props}\n      className={cx(styles.table, props.className)}\n    />\n  )\n}\n\n/**\n * The header component for the DatePicker table.\n */\nexport function DatePickerTableHeader(props: DatePickerTableHeaderProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableHeader\n      {...props}\n      className={cx(styles.tableHeader, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell component for the DatePicker.\n */\nexport function DatePickerTableCell(props: DatePickerTableCellProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCell\n      {...props}\n      className={cx(styles.tableCell, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell trigger component for the DatePicker.\n */\nexport function DatePickerTableCellTrigger(\n  props: DatePickerTableCellTriggerProps,\n) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCellTrigger\n      {...props}\n      className={cx(styles.tableCellTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The root component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport function DatePickerRoot(props: DatePickerRootProps) {\n  return <DatePicker.Root {...props} />\n}\n\n/**\n * The label component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport function DatePickerClearTrigger(props: DatePickerTriggerProps) {\n  return <DatePicker.ClearTrigger {...props} />\n}\n\n/**\n * The control component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerPositioner(props: DatePickerPositionerProps) {\n  return <DatePicker.Positioner {...props} />\n}\n\n/**\n * The year select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerYearSelect(props: DatePickerYearSelectProps) {\n  return <DatePicker.YearSelect {...props} />\n}\n\n/**\n * The month select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerMonthSelect(props: DatePickerMonthSelectProps) {\n  return <DatePicker.MonthSelect {...props} />\n}\n\n/**\n * The day view component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerView(props: DatePickerViewProps) {\n  return <DatePicker.View {...props} />\n}\n\n/**\n * The day context component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerContext(props: DatePickerContextProps) {\n  return <DatePicker.Context {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerPrevTrigger(props: DatePickerPrevTriggerProps) {\n  return <DatePicker.PrevTrigger {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerNextTrigger(props: DatePickerNextTriggerProps) {\n  return <DatePicker.NextTrigger {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerViewTrigger(props: DatePickerViewTriggerProps) {\n  return <DatePicker.ViewTrigger {...props} />\n}\n\n/**\n * The table head component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableHead(props: DatePickerTableHeadProps) {\n  return <DatePicker.TableHead {...props} />\n}\n/**\n * The table row component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableRow(props: DatePickerTableRowProps) {\n  return <DatePicker.TableRow {...props} />\n}\n/**\n * The table body component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableBody(props: DatePickerTableBodyProps) {\n  return <DatePicker.TableBody {...props} />\n}\n"],"mappings":"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","names":[]}

package/build/modern/chunk-RYRB5GPN.js

@@ -1,18 +0,0 @@
-import {
-  DatePickerParts
-} from "./chunk-J76SGDYP.js";
-import {
-  Portal
-} from "./chunk-53YVHIGJ.js";
-
-// src/components/date-picker/content.tsx
-import { jsx } from "react/jsx-runtime";
-function DatePickerContent(props) {
-  const { withModal, ...contentProps } = props;
-  return /* @__PURE__ */ jsx(Portal, { disabled: withModal ?? false, children: /* @__PURE__ */ jsx(DatePickerParts.Positioner, { children: /* @__PURE__ */ jsx(DatePickerParts.Content, { ...contentProps }) }) });
-}
-
-export {
-  DatePickerContent
-};
-//# sourceMappingURL=chunk-RYRB5GPN.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/date-picker/content.tsx"],"sourcesContent":["import type { DatePickerContentProps } from '@ark-ui/react/date-picker'\nimport { Portal } from '../Portal'\nimport { DatePickerParts } from './parts'\n\n/**\n * This private module contains an abstraction of the DatePickerContent\n * primitive.\n * @module 'date-picker/content'\n */\n\n/**\n * An abstraction of the DatePicker content that wraps the DatePickerParts\n * primitives.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerContent(\n  props: DatePickerContentProps & {\n    withModal?: boolean\n  },\n) {\n  const { withModal, ...contentProps } = props\n  return (\n    <Portal disabled={withModal ?? false}>\n      <DatePickerParts.Positioner>\n        <DatePickerParts.Content {...contentProps} />\n      </DatePickerParts.Positioner>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;;AAwBQ;AATD,SAAS,kBACd,OAGA;AACA,QAAM,EAAE,WAAW,GAAG,aAAa,IAAI;AACvC,SACE,oBAAC,UAAO,UAAU,aAAa,OAC7B,8BAAC,gBAAgB,YAAhB,EACC,8BAAC,gBAAgB,SAAhB,EAAyB,GAAG,cAAc,GAC7C,GACF;AAEJ;","names":[]}

package/build/modern/chunk-SHBKM6EW.js

@@ -1,126 +0,0 @@
-import {
-  CTAModalContext
-} from "./chunk-4LSTU6WU.js";
-import {
-  TriggerItem
-} from "./chunk-QD3WAARV.js";
-import {
-  DialogCloseIconTrigger
-} from "./chunk-D7PY357P.js";
-import {
-  Dialog
-} from "./chunk-BMDNCJUB.js";
-import {
-  DialogDescription,
-  DialogHeading,
-  DialogProvider
-} from "./chunk-LUGOJGMO.js";
-import {
-  Avatar
-} from "./chunk-CF4TCMJI.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  For
-} from "./chunk-I5RGBB57.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/cta-dialog/provider.tsx
-import {
-  useCallback,
-  useContext,
-  useMemo,
-  useState
-} from "react";
-import { HStack, VStack } from "styled-system/jsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CTAModal(props) {
-  const [open, setOpen] = useState(false);
-  const [content, setContent] = useState(null);
-  const confirmIcon = content?.icon;
-  const { icons } = useCerberusContext();
-  const { confirmModal: FallbackIcon } = icons;
-  const handleShow = useCallback(
-    (options) => {
-      setContent({ ...options });
-      setOpen(true);
-    },
-    [setOpen]
-  );
-  const handleActionClick = useCallback(
-    (event) => {
-      const index = Number(event.currentTarget.getAttribute("data-index"));
-      const contentActions = content?.actions;
-      const action = contentActions._actions[index];
-      action?.handleClick?.(event);
-      setOpen(false);
-    },
-    [content, setOpen]
-  );
-  const value = useMemo(
-    () => ({
-      show: handleShow
-    }),
-    [handleShow]
-  );
-  return /* @__PURE__ */ jsxs(CTAModalContext.Provider, { value, children: [
-    props.children,
-    /* @__PURE__ */ jsx(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ jsxs(
-      Dialog,
-      {
-        size: "sm",
-        style: {
-          "--dialog-content-min-h": "auto"
-        },
-        children: [
-          /* @__PURE__ */ jsx(DialogCloseIconTrigger, {}),
-          /* @__PURE__ */ jsxs(VStack, { gap: "xl", w: "full", children: [
-            /* @__PURE__ */ jsx(VStack, { alignItems: "flex-start", gap: "md", w: "full", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", w: "full", children: [
-              /* @__PURE__ */ jsx(
-                Avatar,
-                {
-                  gradient: "charon-light",
-                  fallback: /* @__PURE__ */ jsx(
-                    Show,
-                    {
-                      when: confirmIcon,
-                      fallback: /* @__PURE__ */ jsx(FallbackIcon, { size: 24 }),
-                      children: confirmIcon
-                    }
-                  )
-                }
-              ),
-              /* @__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,
-              {
-                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 })
-              },
-              index
-            ) }) })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}
-function useCTAModal() {
-  const context = useContext(CTAModalContext);
-  if (context === null) {
-    throw new Error("useCTAModal must be used within a CTAModal Provider");
-  }
-  return context;
-}
-
-export {
-  CTAModal,
-  useCTAModal
-};
-//# sourceMappingURL=chunk-SHBKM6EW.js.map