@cerberus-design/react 0.18.4 → 0.19.1

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

@@ -0,0 +1,215 @@
+import {
+  Text
+} from "./chunk-VPD3PPBW.js";
+import {
+  Dialog
+} from "./chunk-YQNOAJM7.js";
+import {
+  DialogDescription,
+  DialogHeading,
+  DialogProvider
+} from "./chunk-HPWLIE64.js";
+import {
+  Button
+} from "./chunk-TF2DXEUF.js";
+import {
+  Avatar
+} from "./chunk-OMM4CPZU.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  FieldLabel,
+  FieldRoot,
+  Input
+} from "./chunk-JG5V3AK4.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.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);
+  }, []);
+  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-4DJ6KC4K.js.map

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

@@ -0,0 +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/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/index'\nimport { Avatar } from '../components/avatar/avatar'\nimport { Text } from '../components/text/index'\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((e: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.currentTarget.value)\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-4Q62OI72.js

@@ -0,0 +1,21 @@
+import {
+  AdmonitionContent,
+  AdmonitionDescription,
+  AdmonitionHeading,
+  AdmonitionIndicator,
+  AdmonitionRoot
+} from "./chunk-2OWVBM5W.js";
+
+// src/components/admonition/parts.ts
+var AdmonitionParts = {
+  Root: AdmonitionRoot,
+  Indicator: AdmonitionIndicator,
+  Content: AdmonitionContent,
+  Heading: AdmonitionHeading,
+  Description: AdmonitionDescription
+};
+
+export {
+  AdmonitionParts
+};
+//# sourceMappingURL=chunk-4Q62OI72.js.map

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

@@ -0,0 +1,40 @@
+import {
+  HelperText
+} from "./chunk-PQ5DEKSH.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  FieldErrorText,
+  FieldHelperText,
+  FieldLabel,
+  FieldRoot
+} from "./chunk-JG5V3AK4.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.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-4WSCG2CM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/field/field.tsx"],"sourcesContent":["import { type FieldRootProps } from '@ark-ui/react/field'\nimport { HStack } from 'styled-system/jsx'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../show/index'\nimport {\n  FieldErrorText,\n  FieldHelperText,\n  FieldLabel,\n  FieldRoot,\n} from './primitives'\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":";;;;;;;;;;;;;;;;;AACA,SAAS,cAAc;AA2Df,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-4XTYDXVV.js

@@ -0,0 +1,48 @@
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/deprecated/NavMenuLink.tsx
+import { css, cx } from "styled-system/css";
+import { jsx } from "react/jsx-runtime";
+function NavMenuLink(props) {
+  const { as, ...nativeProps } = props;
+  const hasAs = Boolean(as);
+  const AsSub = as;
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: css({
+        w: "full"
+      }),
+      children: /* @__PURE__ */ jsx(
+        Show,
+        {
+          when: hasAs,
+          fallback: /* @__PURE__ */ jsx(
+            "a",
+            {
+              ...nativeProps,
+              className: cx(
+                nativeProps.className,
+                css({
+                  color: "action.navigation.initial",
+                  textStyle: "link",
+                  _hover: {
+                    color: "action.navigation.hover"
+                  }
+                })
+              )
+            }
+          ),
+          children: hasAs && /* @__PURE__ */ jsx(AsSub, { ...nativeProps })
+        }
+      )
+    }
+  );
+}
+
+export {
+  NavMenuLink
+};
+//# sourceMappingURL=chunk-4XTYDXVV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NavMenuLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from 'react'\nimport { css, cx } from 'styled-system/css'\nimport { Show } from '../show/index'\n\n/**\n * This module contains the NavMenuLink component.\n * @module\n */\n\nexport interface NavMenuLinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The element type to render as. Recommended to use for Next apps with the\n   * `Link` component.\n   */\n  as?: ElementType\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\n */\nexport function NavMenuLink(props: NavMenuLinkProps) {\n  const { as, ...nativeProps } = props\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  return (\n    <li\n      className={css({\n        w: 'full',\n      })}\n    >\n      <Show\n        when={hasAs}\n        fallback={\n          <a\n            {...nativeProps}\n            className={cx(\n              nativeProps.className,\n              css({\n                color: 'action.navigation.initial',\n                textStyle: 'link',\n                _hover: {\n                  color: 'action.navigation.hover',\n                },\n              }),\n            )}\n          />\n        }\n      >\n        {hasAs && <AsSub {...nativeProps} />}\n      </Show>\n    </li>\n  )\n}\n"],"mappings":";;;;;AACA,SAAS,KAAK,UAAU;AAkCd;AAdH,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,IAAI,GAAG,YAAY,IAAI;AAC/B,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,IAAI;AAAA,QACb,GAAG;AAAA,MACL,CAAC;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,UACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,WAAW;AAAA,gBACT,YAAY;AAAA,gBACZ,IAAI;AAAA,kBACF,OAAO;AAAA,kBACP,WAAW;AAAA,kBACX,QAAQ;AAAA,oBACN,OAAO;AAAA,kBACT;AAAA,gBACF,CAAC;AAAA,cACH;AAAA;AAAA,UACF;AAAA,UAGD,mBAAS,oBAAC,SAAO,GAAG,aAAa;AAAA;AAAA,MACpC;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-5IMS6G4G.js

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

package/build/modern/chunk-5XU3LUPC.js

@@ -0,0 +1,18 @@
+import {
+  ComboboxParts
+} from "./chunk-MXW63O5N.js";
+
+// src/components/combobox/item-group.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ComboItemGroup(props) {
+  const { label, children, ...groupProps } = props;
+  return /* @__PURE__ */ jsxs(ComboboxParts.ItemGroup, { ...groupProps, children: [
+    /* @__PURE__ */ jsx(ComboboxParts.ItemGroupLabel, { children: label }),
+    children
+  ] });
+}
+
+export {
+  ComboItemGroup
+};
+//# sourceMappingURL=chunk-5XU3LUPC.js.map

package/build/modern/chunk-6BNGJMNL.js

@@ -0,0 +1,20 @@
+import {
+  DatePickerViewControlGroup
+} from "./chunk-A655GBYQ.js";
+import {
+  DatePickerParts
+} from "./chunk-BWZXR2WZ.js";
+
+// src/components/date-picker/year-view.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DatePickerYearView(props) {
+  return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "year", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
+    /* @__PURE__ */ jsx(DatePickerParts.Table, { children: /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePicker.getYearsGrid({ columns: 4 }).map((years, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: years.map((year, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: year.value, children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, { children: year.label }) }, id2)) }, id)) }) })
+  ] }) }) });
+}
+
+export {
+  DatePickerYearView
+};
+//# sourceMappingURL=chunk-6BNGJMNL.js.map

package/build/modern/chunk-6BNGJMNL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/year-view.tsx"],"sourcesContent":["'use client'\n\nimport type { UseDatePickerContext } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\nimport type { DatePickerViewProps } from './primitives'\n\n/**\n * This private module contains an abstraction of the DatePickerYearView\n * component.\n * @module 'date-picker/year-view'\n */\n\n/**\n * An abstraction of the DatePickerYearView that renders the year view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerYearView(props: DatePickerViewProps) {\n  return (\n    <DatePickerParts.View {...props} view=\"year\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker.getYearsGrid({ columns: 4 }).map((years, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {years.map((year, id) => (\n                      <DatePickerParts.TableCell key={id} value={year.value}>\n                        <DatePickerParts.TableCellTrigger>\n                          {year.label}\n                        </DatePickerParts.TableCellTrigger>\n                      </DatePickerParts.TableCell>\n                    ))}\n                  </DatePickerParts.TableRow>\n                ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":";;;;;;;;AAuBU,mBACE,KADF;AALH,SAAS,mBAAmB,OAA4B;AAC7D,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,QACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,eACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,oBAAC,gBAAgB,OAAhB,EACC,8BAAC,gBAAgB,WAAhB,EACE,qBAAW,aAAa,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,OACnD,oBAAC,gBAAgB,UAAhB,EACE,gBAAM,IAAI,CAAC,MAAMA,QAChB,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,KAAK,OAC9C,8BAAC,gBAAgB,kBAAhB,EACE,eAAK,OACR,KAH8BA,GAIhC,CACD,KAP4B,EAQ/B,CACD,GACH,GACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

package/build/modern/chunk-6TIG456O.js

@@ -0,0 +1,22 @@
+import {
+  DatePickerParts
+} from "./chunk-BWZXR2WZ.js";
+
+// src/components/date-picker/date-picker.tsx
+import { jsx } from "react/jsx-runtime";
+function DatePicker(props) {
+  return /* @__PURE__ */ jsx(
+    DatePickerParts.Root,
+    {
+      ...props,
+      positioning: {
+        placement: "bottom-start"
+      }
+    }
+  );
+}
+
+export {
+  DatePicker
+};
+//# sourceMappingURL=chunk-6TIG456O.js.map

package/build/modern/chunk-6TIG456O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import { DatePickerParts } from './parts'\nimport type { DatePickerRootProps } from './primitives'\n\n/**\n * This module contains an abstraction of the DatePicker.Root primitive.\n * @module 'date-picker/root'\n */\n\n/**\n * DatePicker component is an abstraction of the DatePickerRoot primitive which\n * is the context provider to the DatePicker.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/date-picker)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/date-picker)\n */\nexport function DatePicker(props: DatePickerRootProps) {\n  // const handleFormat = useCallback((date: DateValue) => {\n  //   const day = date.day.toString().padStart(2, '0')\n  //   const year = date.year.toString()\n  //   const formattedMonth = new DateFormatter('en-US', {\n  //     month: 'short',\n  //   }).format(date.toDate(getLocalTimeZone()))\n\n  //   // Format the date as \"DD MMM YYYY\"\n  //   return `${day} ${formattedMonth} ${year}`\n  // }, [])\n\n  return (\n    <DatePickerParts.Root\n      {...props}\n      positioning={{\n        placement: 'bottom-start',\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AA2BI;AAbG,SAAS,WAAW,OAA4B;AAYrD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-75VWN4C7.js

@@ -0,0 +1,81 @@
+import {
+  createNavTriggerProps
+} from "./chunk-C3FEINCR.js";
+import {
+  useNavMenuContext
+} from "./chunk-FXWN3SPS.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/deprecated/NavMenuTrigger.tsx
+import {
+  useCallback
+} from "react";
+import { cx } from "styled-system/css";
+import { button } from "styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function NavMenuTrigger(props) {
+  const {
+    as,
+    palette,
+    usage,
+    shape,
+    controls,
+    expanded: propsExpanded,
+    onClick,
+    ...nativeProps
+  } = props;
+  const { triggerRef, onToggle, expanded } = useNavMenuContext();
+  const ariaProps = createNavTriggerProps({
+    controls,
+    expanded: propsExpanded ?? expanded
+  });
+  const hasAs = Boolean(as);
+  const AsSub = as;
+  const handleClick = useCallback(
+    (e) => {
+      if (onClick) return onClick(e);
+      onToggle();
+    },
+    [onClick, onToggle]
+  );
+  return /* @__PURE__ */ jsx(
+    Show,
+    {
+      when: hasAs,
+      fallback: /* @__PURE__ */ jsx(
+        "button",
+        {
+          ...nativeProps,
+          ...ariaProps,
+          className: cx(
+            nativeProps.className,
+            button({
+              palette,
+              usage,
+              shape
+            })
+          ),
+          onClick: handleClick,
+          ref: triggerRef,
+          children: props.children
+        }
+      ),
+      children: hasAs && /* @__PURE__ */ jsx(
+        AsSub,
+        {
+          ...nativeProps,
+          ...ariaProps,
+          onClick: handleClick,
+          ref: triggerRef
+        }
+      )
+    }
+  );
+}
+
+export {
+  NavMenuTrigger
+};
+//# sourceMappingURL=chunk-75VWN4C7.js.map

package/build/modern/chunk-75VWN4C7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NavMenuTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  type ButtonHTMLAttributes,\n  type ElementType,\n  type MouseEvent,\n} from 'react'\nimport { cx } from 'styled-system/css'\nimport { button, type ButtonVariantProps } from 'styled-system/recipes'\nimport { useNavMenuContext } from '../../context/navMenu'\nimport { Show } from '../show/index'\nimport {\n  createNavTriggerProps,\n  type NavTriggerAriaValues,\n} from './aria-helpers/nav-menu.aria'\n\n/**\n * This module contains the NavMenuTrigger component.\n * @module\n */\n\nexport interface NavMenuTriggerProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonVariantProps,\n    NavTriggerAriaValues {\n  /**\n   * The element type to render as. Recommended to use for an IconButton trigger vs a standard Button.\n   * @default 'button'\n   * @example\n   * ```tsx\n   * <NavMenuTrigger as={IconButton} href=\"/home\" />\n   * ```\n   */\n  as?: ElementType\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\n */\nexport function NavMenuTrigger(props: NavMenuTriggerProps) {\n  const {\n    as,\n    palette,\n    usage,\n    shape,\n    controls,\n    expanded: propsExpanded,\n    onClick,\n    ...nativeProps\n  } = props\n  const { triggerRef, onToggle, expanded } = useNavMenuContext()\n  const ariaProps = createNavTriggerProps({\n    controls,\n    expanded: propsExpanded ?? expanded,\n  })\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      if (onClick) return onClick(e)\n      onToggle()\n    },\n    [onClick, onToggle],\n  )\n\n  return (\n    <Show\n      when={hasAs}\n      fallback={\n        <button\n          {...nativeProps}\n          {...ariaProps}\n          className={cx(\n            nativeProps.className,\n            button({\n              palette,\n              usage,\n              shape,\n            }),\n          )}\n          onClick={handleClick}\n          ref={triggerRef}\n        >\n          {props.children}\n        </button>\n      }\n    >\n      {hasAs && (\n        <AsSub\n          {...nativeProps}\n          {...ariaProps}\n          onClick={handleClick}\n          ref={triggerRef}\n        />\n      )}\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAEA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,UAAU;AACnB,SAAS,cAAuC;AA8DxC;AA/BD,SAAS,eAAe,OAA4B;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,YAAY,UAAU,SAAS,IAAI,kBAAkB;AAC7D,QAAM,YAAY,sBAAsB;AAAA,IACtC;AAAA,IACA,UAAU,iBAAiB;AAAA,EAC7B,CAAC;AACD,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,QAAM,cAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI,QAAS,QAAO,QAAQ,CAAC;AAC7B,eAAS;AAAA,IACX;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,WAAW;AAAA,YACT,YAAY;AAAA,YACZ,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UACA,SAAS;AAAA,UACT,KAAK;AAAA,UAEJ,gBAAM;AAAA;AAAA,MACT;AAAA,MAGD,mBACC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,KAAK;AAAA;AAAA,MACP;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/build/modern/chunk-7WX2RQT6.js

@@ -0,0 +1,31 @@
+import {
+  CheckboxIcon
+} from "./chunk-GIIPOOSM.js";
+import {
+  CheckboxParts
+} from "./chunk-J3XTP6VP.js";
+import {
+  Text
+} from "./chunk-VPD3PPBW.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/checkbox/checkbox.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Checkbox(props) {
+  const { size, children, ...rootProps } = props;
+  return /* @__PURE__ */ jsxs(CheckboxParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(CheckboxParts.Control, { size, children: /* @__PURE__ */ jsx(CheckboxIcon, { indeterminate: rootProps.checked === "indeterminate" }) }),
+    /* @__PURE__ */ jsxs(CheckboxParts.Label, { size, children: [
+      children,
+      /* @__PURE__ */ jsx(Show, { when: props.required, children: /* @__PURE__ */ jsx(Text, { as: "span", "data-part": "required-indicator", children: "(required)" }) })
+    ] }),
+    /* @__PURE__ */ jsx(CheckboxParts.HiddenInput, {})
+  ] });
+}
+
+export {
+  Checkbox
+};
+//# sourceMappingURL=chunk-7WX2RQT6.js.map

package/build/modern/chunk-7WX2RQT6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import type { CheckboxRootProps } from '@ark-ui/react'\nimport { type CheckboxVariantProps } from 'styled-system/recipes'\nimport { Show } from '../show/index'\nimport { Text } from '../text/index'\nimport { CheckboxParts } from './parts'\nimport { CheckboxIcon } from './checkbox-icon'\n\n/**\n * This module contains the Checkbox component.\n * @module\n */\n\nexport type CheckboxProps = CheckboxVariantProps & CheckboxRootProps\n\n/**\n * Checkbox component is an abstraction of the primitives that displays a\n * controlled checkbox with a label.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @description [Ark Docs](https://ark-ui.com/docs/components/checkbox)\n */\nexport function Checkbox(props: CheckboxProps) {\n  const { size, children, ...rootProps } = props\n\n  return (\n    <CheckboxParts.Root {...rootProps}>\n      <CheckboxParts.Control size={size}>\n        <CheckboxIcon indeterminate={rootProps.checked === 'indeterminate'} />\n      </CheckboxParts.Control>\n\n      <CheckboxParts.Label size={size}>\n        {children}\n        <Show when={props.required}>\n          <Text as=\"span\" data-part=\"required-indicator\">\n            (required)\n          </Text>\n        </Show>\n      </CheckboxParts.Label>\n\n      <CheckboxParts.HiddenInput />\n    </CheckboxParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA0BQ,cAGF,YAHE;AAND,SAAS,SAAS,OAAsB;AAC7C,QAAM,EAAE,MAAM,UAAU,GAAG,UAAU,IAAI;AAEzC,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,cAAc,SAAd,EAAsB,MACrB,8BAAC,gBAAa,eAAe,UAAU,YAAY,iBAAiB,GACtE;AAAA,IAEA,qBAAC,cAAc,OAAd,EAAoB,MAClB;AAAA;AAAA,MACD,oBAAC,QAAK,MAAM,MAAM,UAChB,8BAAC,QAAK,IAAG,QAAO,aAAU,sBAAqB,wBAE/C,GACF;AAAA,OACF;AAAA,IAEA,oBAAC,cAAc,aAAd,EAA0B;AAAA,KAC7B;AAEJ;","names":[]}

package/build/modern/chunk-A57LVJJF.js

@@ -0,0 +1,22 @@
+import {
+  SwitchParts
+} from "./chunk-RDFAC3XX.js";
+import {
+  SwitchIndicator
+} from "./chunk-CAZ3EICD.js";
+
+// src/components/switch/switch.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Switch(props) {
+  const { children, ...rootProps } = props;
+  return /* @__PURE__ */ jsxs(SwitchParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(SwitchParts.Control, { children: /* @__PURE__ */ jsx(SwitchParts.Thumb, { children: /* @__PURE__ */ jsx(SwitchIndicator, {}) }) }),
+    /* @__PURE__ */ jsx(SwitchParts.Label, { children }),
+    /* @__PURE__ */ jsx(SwitchParts.HiddenInput, {})
+  ] });
+}
+
+export {
+  Switch
+};
+//# sourceMappingURL=chunk-A57LVJJF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/switch/switch.tsx"],"sourcesContent":["import { SwitchParts } from './parts'\nimport { SwitchIndicator } from './switch-indicator'\nimport type { SwitchRootProps } from './primitives'\n\n/**\n * The Switch component is a and abstraction of the primitives that displays a\n * controlled Switch with a label.\n * @description [Cerberus Docs] https://cerberus.digitalu.design/react/switch\n * @description [Ark Docs] https://ark-ui.com/docs/components/switch\n */\nexport function Switch(props: SwitchRootProps) {\n  const { children, ...rootProps } = props\n\n  return (\n    <SwitchParts.Root {...rootProps}>\n      <SwitchParts.Control>\n        <SwitchParts.Thumb>\n          <SwitchIndicator />\n        </SwitchParts.Thumb>\n      </SwitchParts.Control>\n\n      <SwitchParts.Label>{children}</SwitchParts.Label>\n\n      <SwitchParts.HiddenInput />\n    </SwitchParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;AAcI,SAGM,KAHN;AAJG,SAAS,OAAO,OAAwB;AAC7C,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AAEnC,SACE,qBAAC,YAAY,MAAZ,EAAkB,GAAG,WACpB;AAAA,wBAAC,YAAY,SAAZ,EACC,8BAAC,YAAY,OAAZ,EACC,8BAAC,mBAAgB,GACnB,GACF;AAAA,IAEA,oBAAC,YAAY,OAAZ,EAAmB,UAAS;AAAA,IAE7B,oBAAC,YAAY,aAAZ,EAAwB;AAAA,KAC3B;AAEJ;","names":[]}

package/build/modern/chunk-A655GBYQ.js

@@ -0,0 +1,42 @@
+import {
+  DatePickerParts
+} from "./chunk-BWZXR2WZ.js";
+import {
+  IconButton
+} from "./chunk-YVYOOJ3X.js";
+import {
+  Button
+} from "./chunk-TF2DXEUF.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/date-picker/view-control-group.tsx
+import { css } from "styled-system/css";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePickerViewControlGroup(props) {
+  const { icons } = useCerberusContext();
+  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons;
+  return /* @__PURE__ */ jsxs(DatePickerParts.ViewControl, { ...props, children: [
+    /* @__PURE__ */ jsx(DatePickerParts.PrevTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Previous", size: "sm", children: /* @__PURE__ */ jsx(PrevIcon, {}) }) }),
+    /* @__PURE__ */ jsx(DatePickerParts.ViewTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: css({
+          h: "2rem",
+          paddingInline: "md"
+        }),
+        shape: "rounded",
+        size: "sm",
+        usage: "ghost",
+        children: /* @__PURE__ */ jsx(DatePickerParts.RangeText, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DatePickerParts.NextTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Next", size: "sm", children: /* @__PURE__ */ jsx(NextIcon, {}) }) })
+  ] });
+}
+
+export {
+  DatePickerViewControlGroup
+};
+//# sourceMappingURL=chunk-A655GBYQ.js.map