@cerberus-design/react 0.10.4-next-271fee4 → 0.10.4-next-57d0ee2

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

@@ -1,6 +1,7 @@
 import { Activator } from '@dnd-kit/core';
 import { Activators } from '@dnd-kit/core';
 import { Active } from '@dnd-kit/core';
+import { AdmonitionVariantProps } from '@cerberus/styled-system/recipes';
 import type { AnchorHTMLAttributes } from 'react';
 import { Announcements } from '@dnd-kit/core';
 import { applyModifiers } from '@dnd-kit/core';
@@ -151,6 +152,80 @@ export { Activators }
 
 export { Active }
 
+/**
+ * The `Admonition` component is used to create an admonition.
+ * @example
+ * ```tsx
+ * <Admonition palette="page">
+ *  <AdmonitionHeading palette="page">Page</AdmonitionHeading>
+ *  <AdmonitionDescription palette="page">
+ *   This is a page admonition.
+ *  </AdmonitionDescription>
+ * </Admonition>
+ * ```
+ * @see https://cerberus.digitalu.design/react/admonition
+ */
+declare function Admonition(props: AdmonitionProps): JSX_2.Element;
+export { Admonition }
+export { Admonition as Admonition_alias_1 }
+
+/**
+ * The `AdmonitionDescription` component is used to create a description within
+ * an admonition.
+ * @example
+ * ```tsx
+ * <Admonition palette="page">
+ *  <AdmonitionHeading palette="page">Page</AdmonitionHeading>
+ *  <AdmonitionDescription palette="page">
+ *   This is a page admonition.
+ *  </AdmonitionDescription>
+ * </Admonition>
+ * ```
+ * @see https://cerberus.digitalu.design/react/admonition
+ */
+declare function AdmonitionDescription(props: AdmonitionDescriptionProps): JSX_2.Element;
+export { AdmonitionDescription }
+export { AdmonitionDescription as AdmonitionDescription_alias_1 }
+
+declare type AdmonitionDescriptionProps = HTMLAttributes<HTMLParagraphElement> & AdmonitionVariantProps;
+export { AdmonitionDescriptionProps }
+export { AdmonitionDescriptionProps as AdmonitionDescriptionProps_alias_1 }
+
+/**
+ * The `AdmonitionHeading` component is used to create a heading within an
+ * admonition.
+ * @example
+ * ```tsx
+ * <Admonition palette="page">
+ *  <AdmonitionHeading palette="page">Page</AdmonitionHeading>
+ *  <AdmonitionDescription palette="page">
+ *   This is a page admonition.
+ *  </AdmonitionDescription>
+ * </Admonition>
+ * ```
+ * @see https://cerberus.digitalu.design/react/admonition
+ */
+declare function AdmonitionHeading(props: AdmonitionHeadingProps): JSX_2.Element;
+export { AdmonitionHeading }
+export { AdmonitionHeading as AdmonitionHeading_alias_1 }
+
+declare type AdmonitionHeadingProps = HTMLAttributes<HTMLParagraphElement> & AdmonitionVariantProps;
+export { AdmonitionHeadingProps }
+export { AdmonitionHeadingProps as AdmonitionHeadingProps_alias_1 }
+
+/**
+ * This module provides a set of components for creating admonitions.
+ * @module Admonition
+ */
+declare type AdmonitionProps = HTMLAttributes<HTMLDivElement> & AdmonitionVariantProps & {
+    /**
+     * One off replacement for the icon.
+     */
+    icon?: ReactNode;
+};
+export { AdmonitionProps }
+export { AdmonitionProps as AdmonitionProps_alias_1 }
+
 export declare function AnimatingUploadIcon(props: AnimatingUploadIconProps): JSX_2.Element;
 
 /**

package/build/modern/{chunk-QHVJAPSD.js → chunk-243VUIA6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-BUVVRQLZ.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Tag.tsx
 import { css, cx } from "@cerberus/styled-system/css";
@@ -61,4 +61,4 @@ var closableCss = css({
 export {
   Tag
 };
-//# sourceMappingURL=chunk-QHVJAPSD.js.map
+//# sourceMappingURL=chunk-243VUIA6.js.map

package/build/modern/{chunk-BADJ7VVO.js → chunk-3NE6C66J.js}

@@ -1,6 +1,9 @@
 import {
   Portal
 } from "./chunk-GLY7GU5S.js";
+import {
+  Input
+} from "./chunk-UJKS4DDN.js";
 import {
   Label
 } from "./chunk-NMF2HYWO.js";
@@ -16,12 +19,9 @@ import {
 import {
   ModalHeading
 } from "./chunk-2UXE5PDG.js";
-import {
-  Input
-} from "./chunk-WSGQZZVU.js";
 import {
   Avatar
-} from "./chunk-XWQEINEL.js";
+} from "./chunk-ZX6DBC2Z.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
@@ -36,7 +36,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 import {
   useModal
 } from "./chunk-7T3JIGM7.js";
@@ -240,4 +240,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-BADJ7VVO.js.map
+//# sourceMappingURL=chunk-3NE6C66J.js.map

package/build/modern/{chunk-5NELG2TB.js → chunk-FT7DFRHQ.js}

@@ -1,6 +1,6 @@
 import {
   defaultIcons
-} from "./chunk-V7YG7JUJ.js";
+} from "./chunk-TMR7JGMP.js";
 
 // src/config/defineIcons.ts
 function _validateIconsProperties(icons) {
@@ -24,4 +24,4 @@ export {
   defineIcons,
   $cerberusIcons
 };
-//# sourceMappingURL=chunk-5NELG2TB.js.map
+//# sourceMappingURL=chunk-FT7DFRHQ.js.map

package/build/modern/{chunk-P3THICWW.js → chunk-HCB5NQ5J.js}

@@ -1,12 +1,12 @@
 import {
   Avatar
-} from "./chunk-XWQEINEL.js";
+} from "./chunk-ZX6DBC2Z.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/FileUploader.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -72,4 +72,4 @@ function FileUploader(props) {
 export {
   FileUploader
 };
-//# sourceMappingURL=chunk-P3THICWW.js.map
+//# sourceMappingURL=chunk-HCB5NQ5J.js.map

package/build/modern/{chunk-A42MQEHJ.js → chunk-KLUBAM4U.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Notification.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -72,4 +72,4 @@ function Notification(props) {
 export {
   Notification
 };
-//# sourceMappingURL=chunk-A42MQEHJ.js.map
+//# sourceMappingURL=chunk-KLUBAM4U.js.map

package/build/modern/{chunk-DH57GIIW.js → chunk-MDIUFBDX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-BUVVRQLZ.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Checkbox.tsx
 import {
@@ -53,4 +53,4 @@ function Checkbox(props) {
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-DH57GIIW.js.map
+//# sourceMappingURL=chunk-MDIUFBDX.js.map

package/build/modern/{chunk-3XZRRGFQ.js → chunk-PA5EB7EO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-BUVVRQLZ.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Select.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -65,4 +65,4 @@ export {
   Select,
   Option
 };
-//# sourceMappingURL=chunk-3XZRRGFQ.js.map
+//# sourceMappingURL=chunk-PA5EB7EO.js.map

package/build/modern/{chunk-ZUQ2MHMQ.js → chunk-RDQHHCFR.js}

@@ -1,6 +1,6 @@
 import {
   Notification
-} from "./chunk-A42MQEHJ.js";
+} from "./chunk-KLUBAM4U.js";
 import {
   NotificationDescription
 } from "./chunk-XEW6TJJ4.js";
@@ -159,4 +159,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-ZUQ2MHMQ.js.map
+//# sourceMappingURL=chunk-RDQHHCFR.js.map

package/build/modern/{chunk-V7YG7JUJ.js → chunk-TMR7JGMP.js}

@@ -9,17 +9,16 @@ import {
 // src/config/cerbIcons.ts
 import {
   Checkmark,
-  CheckmarkFilled,
+  CheckmarkOutline,
   ChevronDown,
   CloseFilled,
   CloudUpload,
-  ErrorFilled,
   Information,
-  InformationFilled,
   Restart,
   TrashCan,
   UserFilled,
   Warning,
+  WarningAlt,
   WarningFilled
 } from "@cerberus/icons";
 var defaultIcons = {
@@ -32,10 +31,10 @@ var defaultIcons = {
   waitingFileUploader: CloudUpload,
   fileUploader: AnimatingUploadIcon,
   indeterminate: IndeterminateIcon,
-  infoNotification: InformationFilled,
-  successNotification: CheckmarkFilled,
-  warningNotification: WarningFilled,
-  dangerNotification: ErrorFilled,
+  infoNotification: Information,
+  successNotification: CheckmarkOutline,
+  warningNotification: WarningAlt,
+  dangerNotification: WarningFilled,
   invalid: WarningFilled,
   invalidAlt: Warning,
   redo: Restart,
@@ -46,4 +45,4 @@ var defaultIcons = {
 export {
   defaultIcons
 };
-//# sourceMappingURL=chunk-V7YG7JUJ.js.map
+//# sourceMappingURL=chunk-TMR7JGMP.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/config/cerbIcons.ts"],"sourcesContent":["import {\n  Checkmark,\n  CheckmarkOutline,\n  ChevronDown,\n  CloseFilled,\n  CloudUpload,\n  Information,\n  Restart,\n  TrashCan,\n  UserFilled,\n  Warning,\n  WarningAlt,\n  WarningFilled,\n  type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\nimport { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\nimport { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'\n\nexport type IconType = CarbonIconType | ElementType\n\nexport interface DefinedIcons {\n  avatar?: IconType\n  checkbox?: IconType\n  close?: IconType\n  confirmModal?: IconType\n  delete?: IconType\n  promptModal?: IconType\n  waitingFileUploader?: IconType\n  fileUploader?: IconType\n  indeterminate?: IconType\n  infoNotification?: IconType\n  successNotification?: IconType\n  warningNotification?: IconType\n  dangerNotification?: IconType\n  invalid: IconType\n  invalidAlt?: IconType\n  redo?: IconType\n  selectArrow?: IconType\n  toggleChecked?: IconType\n}\n\nexport const defaultIcons: DefinedIcons = {\n  avatar: UserFilled,\n  checkbox: CheckmarkIcon,\n  close: CloseFilled,\n  confirmModal: Information,\n  delete: TrashCan,\n  promptModal: Information,\n  waitingFileUploader: CloudUpload,\n  fileUploader: AnimatingUploadIcon,\n  indeterminate: IndeterminateIcon,\n  infoNotification: Information,\n  successNotification: CheckmarkOutline,\n  warningNotification: WarningAlt,\n  dangerNotification: WarningFilled,\n  invalid: WarningFilled,\n  invalidAlt: Warning,\n  redo: Restart,\n  selectArrow: ChevronDown,\n  toggleChecked: Checkmark,\n}\n"],"mappings":";;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AA4BA,IAAM,eAA6B;AAAA,EACxC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,aAAa;AAAA,EACb,eAAe;AACjB;","names":[]}

package/build/modern/{chunk-WSGQZZVU.js → chunk-UJKS4DDN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-BUVVRQLZ.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Input.tsx
 import { input } from "@cerberus/styled-system/recipes";
@@ -39,4 +39,4 @@ function Input(props) {
 export {
   Input
 };
-//# sourceMappingURL=chunk-WSGQZZVU.js.map
+//# sourceMappingURL=chunk-UJKS4DDN.js.map

package/build/modern/{chunk-XFKPALXB.js → chunk-X4Y4WTRU.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-2UXE5PDG.js";
 import {
   Avatar
-} from "./chunk-XWQEINEL.js";
+} from "./chunk-ZX6DBC2Z.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 import {
   useModal
 } from "./chunk-7T3JIGM7.js";
@@ -176,4 +176,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-XFKPALXB.js.map
+//# sourceMappingURL=chunk-X4Y4WTRU.js.map

package/build/modern/{chunk-XREDYSAP.js → chunk-YMJMB6OP.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk-APD6IX5R.js";
 import {
   Avatar
-} from "./chunk-XWQEINEL.js";
+} from "./chunk-ZX6DBC2Z.js";
 import {
   Field
 } from "./chunk-UZDVOIW5.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/FileStatus.tsx
 import {
@@ -225,4 +225,4 @@ export {
   processStatus,
   FileStatus
 };
-//# sourceMappingURL=chunk-XREDYSAP.js.map
+//# sourceMappingURL=chunk-YMJMB6OP.js.map

package/build/modern/{chunk-SRGQQYBQ.js → chunk-YWCTMLLO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-UZDVOIW5.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Toggle.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -55,4 +55,4 @@ function Toggle(props) {
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-SRGQQYBQ.js.map
+//# sourceMappingURL=chunk-YWCTMLLO.js.map

package/build/modern/chunk-ZW3FFE37.js

@@ -0,0 +1,138 @@
+import {
+  Avatar
+} from "./chunk-ZX6DBC2Z.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+import {
+  $cerberusIcons
+} from "./chunk-FT7DFRHQ.js";
+
+// src/components/Admonition.tsx
+import {
+  admonition
+} from "@cerberus/styled-system/recipes";
+import { cx } from "@cerberus-design/styled-system/css";
+import { hstack } from "@cerberus/styled-system/patterns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Admonition(props) {
+  const { children, palette = "page", usage, icon, ...nativeProps } = props;
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        hstack({
+          gap: "md",
+          w: "full"
+        }),
+        admonition({ palette, usage }).root
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Show, { when: Boolean(icon), fallback: /* @__PURE__ */ jsx(MatchAvatar, { palette }), children: icon }),
+        /* @__PURE__ */ jsx("div", { children })
+      ]
+    }
+  );
+}
+function AdmonitionHeading(props) {
+  const { palette, usage, ...nativeProps } = props;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        admonition({ palette, usage }).heading
+      )
+    }
+  );
+}
+function AdmonitionDescription(props) {
+  const { palette, usage, ...nativeProps } = props;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        admonition({ palette, usage }).description
+      )
+    }
+  );
+}
+function MatchAvatar(props) {
+  const {
+    infoNotification: InfoIcon,
+    successNotification: SuccessIcon,
+    warningNotification: WarningIcon,
+    dangerNotification: DangerIcon
+  } = $cerberusIcons;
+  switch (props.palette) {
+    case "page":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "charon-light",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    case "info":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "amphiaraus-dark",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    case "success":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "thanatos-dark",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(SuccessIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    case "warning":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "asphodel-light",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    case "danger":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "hades-light",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(DangerIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    default:
+      throw new Error("Unsupported admonition palette");
+  }
+}
+
+export {
+  Admonition,
+  AdmonitionHeading,
+  AdmonitionDescription
+};
+//# sourceMappingURL=chunk-ZW3FFE37.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Admonition.tsx"],"sourcesContent":["import {\n  admonition,\n  type AdmonitionVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus-design/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { $cerberusIcons } from '../config/defineIcons'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport { Avatar } from './Avatar'\nimport { Show } from './Show'\n\n/**\n * This module provides a set of components for creating admonitions.\n * @module Admonition\n */\n\nexport type AdmonitionProps = HTMLAttributes<HTMLDivElement> &\n  AdmonitionVariantProps & {\n    /**\n     * One off replacement for the icon.\n     */\n    icon?: ReactNode\n  }\n\n/**\n * The `Admonition` component is used to create an admonition.\n * @example\n * ```tsx\n * <Admonition palette=\"page\">\n *  <AdmonitionHeading palette=\"page\">Page</AdmonitionHeading>\n *  <AdmonitionDescription palette=\"page\">\n *   This is a page admonition.\n *  </AdmonitionDescription>\n * </Admonition>\n * ```\n * @see https://cerberus.digitalu.design/react/admonition\n */\nexport function Admonition(props: AdmonitionProps) {\n  const { children, palette = 'page', usage, icon, ...nativeProps } = props\n  return (\n    <aside\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        hstack({\n          gap: 'md',\n          w: 'full',\n        }),\n        admonition({ palette, usage }).root,\n      )}\n    >\n      <Show when={Boolean(icon)} fallback={<MatchAvatar palette={palette} />}>\n        {icon}\n      </Show>\n      <div>{children}</div>\n    </aside>\n  )\n}\n\nexport type AdmonitionHeadingProps = HTMLAttributes<HTMLParagraphElement> &\n  AdmonitionVariantProps\n\n/**\n * The `AdmonitionHeading` component is used to create a heading within an\n * admonition.\n * @example\n * ```tsx\n * <Admonition palette=\"page\">\n *  <AdmonitionHeading palette=\"page\">Page</AdmonitionHeading>\n *  <AdmonitionDescription palette=\"page\">\n *   This is a page admonition.\n *  </AdmonitionDescription>\n * </Admonition>\n * ```\n * @see https://cerberus.digitalu.design/react/admonition\n */\nexport function AdmonitionHeading(props: AdmonitionHeadingProps) {\n  const { palette, usage, ...nativeProps } = props\n  return (\n    <p\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        admonition({ palette, usage }).heading,\n      )}\n    />\n  )\n}\n\nexport type AdmonitionDescriptionProps = HTMLAttributes<HTMLParagraphElement> &\n  AdmonitionVariantProps\n\n/**\n * The `AdmonitionDescription` component is used to create a description within\n * an admonition.\n * @example\n * ```tsx\n * <Admonition palette=\"page\">\n *  <AdmonitionHeading palette=\"page\">Page</AdmonitionHeading>\n *  <AdmonitionDescription palette=\"page\">\n *   This is a page admonition.\n *  </AdmonitionDescription>\n * </Admonition>\n * ```\n * @see https://cerberus.digitalu.design/react/admonition\n */\nexport function AdmonitionDescription(props: AdmonitionDescriptionProps) {\n  const { palette, usage, ...nativeProps } = props\n  return (\n    <p\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        admonition({ palette, usage }).description,\n      )}\n    />\n  )\n}\n\n// Private components\n\ntype MatchAvatarProps = AdmonitionVariantProps\n\nfunction MatchAvatar(props: MatchAvatarProps) {\n  const {\n    infoNotification: InfoIcon,\n    successNotification: SuccessIcon,\n    warningNotification: WarningIcon,\n    dangerNotification: DangerIcon,\n  } = $cerberusIcons\n  switch (props.palette) {\n    case 'page':\n      return (\n        <Avatar\n          gradient=\"charon-light\"\n          ariaLabel=\"\"\n          icon={<InfoIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n    case 'info':\n      return (\n        <Avatar\n          gradient=\"amphiaraus-dark\"\n          ariaLabel=\"\"\n          icon={<InfoIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n    case 'success':\n      return (\n        <Avatar\n          gradient=\"thanatos-dark\"\n          ariaLabel=\"\"\n          icon={<SuccessIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n    case 'warning':\n      return (\n        <Avatar\n          gradient=\"asphodel-light\"\n          ariaLabel=\"\"\n          icon={<WarningIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n    case 'danger':\n      return (\n        <Avatar\n          gradient=\"hades-light\"\n          ariaLabel=\"\"\n          icon={<DangerIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n\n    default:\n      throw new Error('Unsupported admonition palette')\n  }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAA,EACE;AAAA,OAEK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AAmCnB,SAWuC,KAXvC;AAHG,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,UAAU,UAAU,QAAQ,OAAO,MAAM,GAAG,YAAY,IAAI;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,KAAK;AAAA,UACL,GAAG;AAAA,QACL,CAAC;AAAA,QACD,WAAW,EAAE,SAAS,MAAM,CAAC,EAAE;AAAA,MACjC;AAAA,MAEA;AAAA,4BAAC,QAAK,MAAM,QAAQ,IAAI,GAAG,UAAU,oBAAC,eAAY,SAAkB,GACjE,gBACH;AAAA,QACA,oBAAC,SAAK,UAAS;AAAA;AAAA;AAAA,EACjB;AAEJ;AAmBO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,EAAE,SAAS,OAAO,GAAG,YAAY,IAAI;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW,EAAE,SAAS,MAAM,CAAC,EAAE;AAAA,MACjC;AAAA;AAAA,EACF;AAEJ;AAmBO,SAAS,sBAAsB,OAAmC;AACvE,QAAM,EAAE,SAAS,OAAO,GAAG,YAAY,IAAI;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW,EAAE,SAAS,MAAM,CAAC,EAAE;AAAA,MACjC;AAAA;AAAA,EACF;AAEJ;AAMA,SAAS,YAAY,OAAyB;AAC5C,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,EACtB,IAAI;AACJ,UAAQ,MAAM,SAAS;AAAA,IACrB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,YAAS;AAAA,UAChB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,YAAS;AAAA,UAChB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,eAAY;AAAA,UACnB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,eAAY;AAAA,UACnB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,cAAW;AAAA,UAClB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAGJ;AACE,YAAM,IAAI,MAAM,gCAAgC;AAAA,EACpD;AACF;","names":[]}

package/build/modern/{chunk-XWQEINEL.js → chunk-ZX6DBC2Z.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-BUVVRQLZ.js";
 import {
   $cerberusIcons
-} from "./chunk-5NELG2TB.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Avatar.tsx
 import { css, cx } from "@cerberus/styled-system/css";
@@ -101,4 +101,4 @@ var iconSizeMap = {
 export {
   Avatar
 };
-//# sourceMappingURL=chunk-XWQEINEL.js.map
+//# sourceMappingURL=chunk-ZX6DBC2Z.js.map

package/build/modern/components/Admonition.js

@@ -0,0 +1,17 @@
+import {
+  Admonition,
+  AdmonitionDescription,
+  AdmonitionHeading
+} from "../chunk-ZW3FFE37.js";
+import "../chunk-ZX6DBC2Z.js";
+import "../chunk-BUVVRQLZ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
+import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
+export {
+  Admonition,
+  AdmonitionDescription,
+  AdmonitionHeading
+};
+//# sourceMappingURL=Admonition.js.map

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

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

package/build/modern/components/Avatar.js

@@ -1,9 +1,9 @@
 import {
   Avatar
-} from "../chunk-XWQEINEL.js";
+} from "../chunk-ZX6DBC2Z.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Checkbox.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Checkbox
-} from "../chunk-DH57GIIW.js";
+} from "../chunk-MDIUFBDX.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/FileStatus.js

@@ -2,15 +2,15 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-XREDYSAP.js";
+} from "../chunk-YMJMB6OP.js";
 import "../chunk-KCANMM64.js";
 import "../chunk-JWIJHSI6.js";
 import "../chunk-APD6IX5R.js";
-import "../chunk-XWQEINEL.js";
+import "../chunk-ZX6DBC2Z.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/FileUploader.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-P3THICWW.js";
-import "../chunk-XWQEINEL.js";
+} from "../chunk-HCB5NQ5J.js";
+import "../chunk-ZX6DBC2Z.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Input.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Input
-} from "../chunk-WSGQZZVU.js";
+} from "../chunk-UJKS4DDN.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Notification.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Notification
-} from "../chunk-A42MQEHJ.js";
+} from "../chunk-KLUBAM4U.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {