@cerberus-design/react 0.16.0-next-7f1fa64 → 0.16.0-next-d049636

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

@@ -122,6 +122,7 @@ import { ForwardRefExoticComponent } from 'react';
 import { getClientRect } from '@dnd-kit/core';
 import { getFirstCollision } from '@dnd-kit/core';
 import { getScrollableAncestors } from '@dnd-kit/core';
+import { HTMLArkProps } from '@ark-ui/react/factory';
 import { HTMLAttributes } from 'react';
 import { HtmlHTMLAttributes } from 'react';
 import { IconButtonVariantProps } from '@cerberus/styled-system/recipes';
@@ -404,78 +405,123 @@ export declare type AddNotifyAction = {
 };
 
 /**
- * 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
+ * The Admonition component is an abstraction of the primitives which
+ * displays a Admonition with a label.
+ *
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)
+ *
+ * @remarks
+ *
+ * For a customizable Admonition, use the `AdmonitionParts` object to access the
+ * individual primitives of the Admonition component.
  */
 declare function Admonition(props: AdmonitionProps): JSX_2.Element;
 export { Admonition }
 export { Admonition as Admonition_alias_1 }
+export { Admonition as Admonition_alias_2 }
 
 /**
- * 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
+ * The `AdmonitionContent` component is the content for the Admonition.
  */
-declare function AdmonitionDescription(props: AdmonitionDescriptionProps): JSX_2.Element;
+declare function AdmonitionContent(props: HTMLArkProps<'div'>): JSX_2.Element;
+export { AdmonitionContent }
+export { AdmonitionContent as AdmonitionContent_alias_1 }
+export { AdmonitionContent as AdmonitionContent_alias_2 }
+
+/**
+ * The `AdmonitionDescription` component is the description for the Admonition.
+ */
+declare function AdmonitionDescription(props: HTMLArkProps<'p'>): 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 }
+export { AdmonitionDescription as AdmonitionDescription_alias_2 }
 
 /**
- * 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
+ * The `AdmonitionHeading` component is the heading title for the Admonition.
  */
-declare function AdmonitionHeading(props: AdmonitionHeadingProps): JSX_2.Element;
+declare function AdmonitionHeading(props: HTMLArkProps<'p'>): JSX_2.Element;
 export { AdmonitionHeading }
 export { AdmonitionHeading as AdmonitionHeading_alias_1 }
+export { AdmonitionHeading as AdmonitionHeading_alias_2 }
 
-declare type AdmonitionHeadingProps = HTMLAttributes<HTMLParagraphElement> & AdmonitionVariantProps;
-export { AdmonitionHeadingProps }
-export { AdmonitionHeadingProps as AdmonitionHeadingProps_alias_1 }
+/**
+ * The `AdmonitionIndicator` component is the indicator for the Admonition.
+ */
+declare function AdmonitionIndicator(props: HTMLArkProps<'span'>): JSX_2.Element;
+export { AdmonitionIndicator }
+export { AdmonitionIndicator as AdmonitionIndicator_alias_1 }
+export { AdmonitionIndicator as AdmonitionIndicator_alias_2 }
+
+/**
+ * An Object containing the parts of the Accordion component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the AdmonitionParts object and
+ * the entire family of components vs. only what you use.
+ */
+declare const AdmonitionParts: AdmonitionPartsValue;
+export { AdmonitionParts }
+export { AdmonitionParts as AdmonitionParts_alias_1 }
+export { AdmonitionParts as AdmonitionParts_alias_2 }
 
 /**
- * This module provides a set of components for creating admonitions.
- * @module Admonition
+ * This module contains the parts of the Admonition component.
+ * @module 'admonition/parts'
  */
-declare type AdmonitionProps = HTMLAttributes<HTMLDivElement> & AdmonitionVariantProps & {
+declare interface AdmonitionPartsValue {
+    /**
+     * The context provider of the Admonition.
+     */
+    Root: ElementType;
+    /**
+     * The indicator of the Admonition.
+     */
+    Indicator: ElementType;
+    /**
+     * The content of the Admonition.
+     */
+    Content: ElementType;
+    /**
+     * The heading of the Admonition.
+     */
+    Heading: ElementType;
+    /**
+     * The description of the Admonition.
+     */
+    Description: ElementType;
+}
+
+/**
+ * This module provides an abstraction for the Admonition component.
+ * @module 'admonition/admonition'
+ */
+declare interface AdmonitionProps extends AdmonitionVariantProps, HTMLArkProps<'aside'> {
+    /**
+     * The heading title for the Admonition.
+     */
+    heading?: string;
     /**
      * One off replacement for the icon.
      */
     icon?: ReactNode;
-};
+}
 export { AdmonitionProps }
 export { AdmonitionProps as AdmonitionProps_alias_1 }
+export { AdmonitionProps as AdmonitionProps_alias_2 }
+
+/**
+ * This module contains the primitives of the Admonition components.
+ * @module 'admonition/primitives'
+ */
+/**
+ * The `AdmonitionRoot` component is the container for the Admonition.
+ */
+declare function AdmonitionRoot(props: HTMLArkProps<'aside'> & AdmonitionVariantProps): JSX_2.Element;
+export { AdmonitionRoot }
+export { AdmonitionRoot as AdmonitionRoot_alias_1 }
+export { AdmonitionRoot as AdmonitionRoot_alias_2 }
 
 export declare function AnimatingUploadIcon(props: AnimatingUploadIconProps): JSX_2.Element;
 

package/build/modern/chunk-572S5CLA.js

@@ -0,0 +1,41 @@
+import {
+  MatchAvatar
+} from "./chunk-TM6TVO2D.js";
+import {
+  AdmonitionParts
+} from "./chunk-RQCJKDXU.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+
+// src/components/admonition/admonition.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Admonition(props) {
+  const [elProps, styleProps, rootProps] = splitProps(
+    props,
+    ["heading", "icon", "children"],
+    ["palette", "usage"]
+  );
+  return /* @__PURE__ */ jsxs(AdmonitionParts.Root, { ...styleProps, ...rootProps, children: [
+    /* @__PURE__ */ jsx(
+      Show,
+      {
+        when: Boolean(elProps.icon),
+        fallback: /* @__PURE__ */ jsx(MatchAvatar, { palette: styleProps.palette }),
+        children: /* @__PURE__ */ jsx(AdmonitionParts.Indicator, { children: elProps.icon })
+      }
+    ),
+    /* @__PURE__ */ jsxs(AdmonitionParts.Content, { children: [
+      /* @__PURE__ */ jsx(Show, { when: Boolean(elProps.heading), children: /* @__PURE__ */ jsx(AdmonitionParts.Heading, { children: elProps.heading }) }),
+      /* @__PURE__ */ jsx(AdmonitionParts.Description, { children: elProps.children })
+    ] })
+  ] });
+}
+
+export {
+  Admonition
+};
+//# sourceMappingURL=chunk-572S5CLA.js.map

package/build/modern/chunk-572S5CLA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/admonition.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { AdmonitionVariantProps } from '@cerberus/styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { AdmonitionParts } from './parts'\nimport { Show } from '../Show'\nimport { MatchAvatar } from './match-avatar'\n\n/**\n * This module provides an abstraction for the Admonition component.\n * @module 'admonition/admonition'\n */\n\nexport interface AdmonitionProps\n  extends AdmonitionVariantProps,\n    HTMLArkProps<'aside'> {\n  /**\n   * The heading title for the Admonition.\n   */\n  heading?: string\n  /**\n   * One off replacement for the icon.\n   */\n  icon?: ReactNode\n}\n\n/**\n * The Admonition component is an abstraction of the primitives which\n * displays a Admonition with a label.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)\n *\n * @remarks\n *\n * For a customizable Admonition, use the `AdmonitionParts` object to access the\n * individual primitives of the Admonition component.\n */\nexport function Admonition(props: AdmonitionProps) {\n  const [elProps, styleProps, rootProps] = splitProps(\n    props,\n    ['heading', 'icon', 'children'],\n    ['palette', 'usage'],\n  )\n\n  return (\n    <AdmonitionParts.Root {...styleProps} {...rootProps}>\n      <Show\n        when={Boolean(elProps.icon)}\n        fallback={<MatchAvatar palette={styleProps.palette} />}\n      >\n        <AdmonitionParts.Indicator>{elProps.icon}</AdmonitionParts.Indicator>\n      </Show>\n\n      <AdmonitionParts.Content>\n        <Show when={Boolean(elProps.heading)}>\n          <AdmonitionParts.Heading>{elProps.heading}</AdmonitionParts.Heading>\n        </Show>\n\n        <AdmonitionParts.Description>\n          {elProps.children}\n        </AdmonitionParts.Description>\n      </AdmonitionParts.Content>\n    </AdmonitionParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAgDkB,cAKZ,YALY;AAXX,SAAS,WAAW,OAAwB;AACjD,QAAM,CAAC,SAAS,YAAY,SAAS,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,WAAW,QAAQ,UAAU;AAAA,IAC9B,CAAC,WAAW,OAAO;AAAA,EACrB;AAEA,SACE,qBAAC,gBAAgB,MAAhB,EAAsB,GAAG,YAAa,GAAG,WACxC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ,QAAQ,IAAI;AAAA,QAC1B,UAAU,oBAAC,eAAY,SAAS,WAAW,SAAS;AAAA,QAEpD,8BAAC,gBAAgB,WAAhB,EAA2B,kBAAQ,MAAK;AAAA;AAAA,IAC3C;AAAA,IAEA,qBAAC,gBAAgB,SAAhB,EACC;AAAA,0BAAC,QAAK,MAAM,QAAQ,QAAQ,OAAO,GACjC,8BAAC,gBAAgB,SAAhB,EAAyB,kBAAQ,SAAQ,GAC5C;AAAA,MAEA,oBAAC,gBAAgB,aAAhB,EACE,kBAAQ,UACX;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/{chunk-32M5JS5F.js → chunk-6I2FW4WI.js}

@@ -6,13 +6,13 @@ import {
   FieldRequiredIndicator,
   FieldRoot,
   FieldTextarea
-} from "./chunk-VNPLKMEM.js";
-import {
-  FieldStatusIndicator
-} from "./chunk-CNA2VKAH.js";
+} from "./chunk-VSTOSLFS.js";
 import {
   FieldStartIndicator
 } from "./chunk-Z52R6ABJ.js";
+import {
+  FieldStatusIndicator
+} from "./chunk-CNA2VKAH.js";
 
 // src/components/field/parts.ts
 var FieldParts = {
@@ -30,4 +30,4 @@ var FieldParts = {
 export {
   FieldParts
 };
-//# sourceMappingURL=chunk-32M5JS5F.js.map
+//# sourceMappingURL=chunk-6I2FW4WI.js.map

package/build/modern/{chunk-3B4SFTQB.js → chunk-A45TFOGO.js}

@@ -7,9 +7,6 @@ import {
 import {
   For
 } from "./chunk-DXOKSZVQ.js";
-import {
-  Avatar
-} from "./chunk-SXLPDPOZ.js";
 import {
   DialogCloseIconTrigger
 } from "./chunk-NZKE7C53.js";
@@ -21,6 +18,9 @@ import {
   DialogHeading,
   DialogProvider
 } from "./chunk-D7UIWAFO.js";
+import {
+  Avatar
+} from "./chunk-SXLPDPOZ.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -116,4 +116,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-3B4SFTQB.js.map
+//# sourceMappingURL=chunk-A45TFOGO.js.map

package/build/modern/{chunk-J7SAFAW3.js → chunk-EKIAT7N7.js}

@@ -1,12 +1,12 @@
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
 import {
   ComboboxParts
 } from "./chunk-HIC7Z23X.js";
 import {
   ComboboxStartIcon
 } from "./chunk-NR5XDIJ7.js";
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -41,4 +41,4 @@ function Combobox(props) {
 export {
   Combobox
 };
-//# sourceMappingURL=chunk-J7SAFAW3.js.map
+//# sourceMappingURL=chunk-EKIAT7N7.js.map

package/build/modern/{chunk-Z6EXPMTS.js → chunk-EKZENP7X.js}

@@ -1,18 +1,18 @@
 import {
   ProgressBar
 } from "./chunk-WZJ5UQNM.js";
+import {
+  IconButton
+} from "./chunk-APD6IX5R.js";
 import {
   Field
-} from "./chunk-3J5D3O6Z.js";
+} from "./chunk-NTU5OYUF.js";
 import {
   FieldHelperText
-} from "./chunk-VNPLKMEM.js";
+} from "./chunk-VSTOSLFS.js";
 import {
   Avatar
 } from "./chunk-SXLPDPOZ.js";
-import {
-  IconButton
-} from "./chunk-APD6IX5R.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -227,4 +227,4 @@ export {
   processStatus,
   FileStatus
 };
-//# sourceMappingURL=chunk-Z6EXPMTS.js.map
+//# sourceMappingURL=chunk-EKZENP7X.js.map

package/build/modern/{chunk-WA3QADO4.js → chunk-EQPYRZ3X.js}

@@ -1,6 +1,3 @@
-import {
-  Avatar
-} from "./chunk-SXLPDPOZ.js";
 import {
   Dialog
 } from "./chunk-MH6CIBDU.js";
@@ -10,6 +7,9 @@ import {
   DialogHeading,
   DialogProvider
 } from "./chunk-D7UIWAFO.js";
+import {
+  Avatar
+} from "./chunk-SXLPDPOZ.js";
 import {
   Button
 } from "./chunk-6KZVE4HC.js";
@@ -157,4 +157,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-WA3QADO4.js.map
+//# sourceMappingURL=chunk-EQPYRZ3X.js.map

package/build/modern/{chunk-R7IDIIST.js → chunk-LT62577B.js}

@@ -1,6 +1,6 @@
 import {
   FieldLabel
-} from "./chunk-VNPLKMEM.js";
+} from "./chunk-VSTOSLFS.js";
 
 // src/components/deprecated/Label.tsx
 import { label } from "@cerberus/styled-system/recipes";
@@ -20,4 +20,4 @@ function Label(props) {
 export {
   Label
 };
-//# sourceMappingURL=chunk-R7IDIIST.js.map
+//# sourceMappingURL=chunk-LT62577B.js.map

package/build/modern/{chunk-3J5D3O6Z.js → chunk-NTU5OYUF.js}

@@ -3,7 +3,7 @@ import {
   FieldHelperText,
   FieldLabel,
   FieldRoot
-} from "./chunk-VNPLKMEM.js";
+} from "./chunk-VSTOSLFS.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
@@ -34,4 +34,4 @@ function Field(props) {
 export {
   Field
 };
-//# sourceMappingURL=chunk-3J5D3O6Z.js.map
+//# sourceMappingURL=chunk-NTU5OYUF.js.map

package/build/modern/chunk-RKGFPKKK.js

@@ -0,0 +1,59 @@
+// src/components/admonition/primitives.tsx
+import { ark } from "@ark-ui/react/factory";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  admonition
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function AdmonitionRoot(props) {
+  const { palette, usage, ...nativeProps } = props;
+  const styles = admonition({ palette, usage });
+  return /* @__PURE__ */ jsx(
+    ark.aside,
+    {
+      ...nativeProps,
+      className: cx(styles.root, nativeProps.className),
+      "data-scope": "admonition",
+      "data-part": "root"
+    }
+  );
+}
+function AdmonitionIndicator(props) {
+  return /* @__PURE__ */ jsx(ark.span, { ...props, "data-scope": "admonition", "data-part": "indicator" });
+}
+function AdmonitionContent(props) {
+  return /* @__PURE__ */ jsx(ark.div, { ...props, "data-scope": "admonition", "data-part": "content" });
+}
+function AdmonitionHeading(props) {
+  const styles = admonition();
+  return /* @__PURE__ */ jsx(
+    ark.p,
+    {
+      ...props,
+      className: cx(styles.heading, props.className),
+      "data-scope": "admonition",
+      "data-part": "heading"
+    }
+  );
+}
+function AdmonitionDescription(props) {
+  const styles = admonition();
+  return /* @__PURE__ */ jsx(
+    ark.p,
+    {
+      ...props,
+      className: cx(styles.description, props.className),
+      "data-scope": "admonition",
+      "data-part": "description"
+    }
+  );
+}
+
+export {
+  AdmonitionRoot,
+  AdmonitionIndicator,
+  AdmonitionContent,
+  AdmonitionHeading,
+  AdmonitionDescription
+};
+//# sourceMappingURL=chunk-RKGFPKKK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  admonition,\n  type AdmonitionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Admonition components.\n * @module 'admonition/primitives'\n */\n\n/**\n * The `AdmonitionRoot` component is the container for the Admonition.\n */\nexport function AdmonitionRoot(\n  props: HTMLArkProps<'aside'> & AdmonitionVariantProps,\n) {\n  const { palette, usage, ...nativeProps } = props\n  const styles = admonition({ palette, usage })\n  return (\n    <ark.aside\n      {...nativeProps}\n      className={cx(styles.root, nativeProps.className)}\n      data-scope=\"admonition\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The `AdmonitionIndicator` component is the indicator for the Admonition.\n */\nexport function AdmonitionIndicator(props: HTMLArkProps<'span'>) {\n  return <ark.span {...props} data-scope=\"admonition\" data-part=\"indicator\" />\n}\n\n/**\n * The `AdmonitionContent` component is the content for the Admonition.\n */\nexport function AdmonitionContent(props: HTMLArkProps<'div'>) {\n  return <ark.div {...props} data-scope=\"admonition\" data-part=\"content\" />\n}\n\n/**\n * The `AdmonitionHeading` component is the heading title for the Admonition.\n */\nexport function AdmonitionHeading(props: HTMLArkProps<'p'>) {\n  const styles = admonition()\n  return (\n    <ark.p\n      {...props}\n      className={cx(styles.heading, props.className)}\n      data-scope=\"admonition\"\n      data-part=\"heading\"\n    />\n  )\n}\n\n/**\n * The `AdmonitionDescription` component is the description for the Admonition.\n */\nexport function AdmonitionDescription(props: HTMLArkProps<'p'>) {\n  const styles = admonition()\n  return (\n    <ark.p\n      {...props}\n      className={cx(styles.description, props.className)}\n      data-scope=\"admonition\"\n      data-part=\"description\"\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,SAAS,OAAO,GAAG,YAAY,IAAI;AAC3C,QAAM,SAAS,WAAW,EAAE,SAAS,MAAM,CAAC;AAC5C,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,YAAY,SAAS;AAAA,MAChD,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,oBAAoB,OAA6B;AAC/D,SAAO,oBAAC,IAAI,MAAJ,EAAU,GAAG,OAAO,cAAW,cAAa,aAAU,aAAY;AAC5E;AAKO,SAAS,kBAAkB,OAA4B;AAC5D,SAAO,oBAAC,IAAI,KAAJ,EAAS,GAAG,OAAO,cAAW,cAAa,aAAU,WAAU;AACzE;AAKO,SAAS,kBAAkB,OAA0B;AAC1D,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,sBAAsB,OAA0B;AAC9D,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA,MACjD,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;","names":[]}

package/build/modern/chunk-RQCJKDXU.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  AdmonitionContent,\n  AdmonitionDescription,\n  AdmonitionHeading,\n  AdmonitionIndicator,\n  AdmonitionRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Admonition component.\n * @module 'admonition/parts'\n */\n\ninterface AdmonitionPartsValue {\n  /**\n   * The context provider of the Admonition.\n   */\n  Root: ElementType\n  /**\n   * The indicator of the Admonition.\n   */\n  Indicator: ElementType\n  /**\n   * The content of the Admonition.\n   */\n  Content: ElementType\n  /**\n   * The heading of the Admonition.\n   */\n  Heading: ElementType\n  /**\n   * The description of the Admonition.\n   */\n  Description: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AdmonitionParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AdmonitionParts: AdmonitionPartsValue = {\n  Root: AdmonitionRoot,\n  Indicator: AdmonitionIndicator,\n  Content: AdmonitionContent,\n  Heading: AdmonitionHeading,\n  Description: AdmonitionDescription,\n}\n"],"mappings":";;;;;;;;;AA8CO,IAAM,kBAAwC;AAAA,EACnD,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf;","names":[]}

package/build/modern/chunk-TM6TVO2D.js

@@ -0,0 +1,78 @@
+import {
+  Avatar
+} from "./chunk-SXLPDPOZ.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/admonition/match-avatar.tsx
+import { useRef } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+function MatchAvatar(props) {
+  const { palette = "page" } = props;
+  const { icons } = useCerberusContext();
+  const {
+    infoNotification: InfoIcon,
+    successNotification: SuccessIcon,
+    warningNotification: WarningIcon,
+    dangerNotification: DangerIcon
+  } = icons;
+  const elRef = useRef({
+    page: /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        gradient: "charon-light",
+        ariaLabel: "",
+        icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+        size: "sm",
+        src: ""
+      }
+    ),
+    info: /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        gradient: "amphiaraus-dark",
+        ariaLabel: "",
+        icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+        size: "sm",
+        src: ""
+      }
+    ),
+    success: /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        gradient: "thanatos-dark",
+        ariaLabel: "",
+        icon: /* @__PURE__ */ jsx(SuccessIcon, {}),
+        size: "sm",
+        src: ""
+      }
+    ),
+    warning: /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        gradient: "asphodel-light",
+        ariaLabel: "",
+        icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+        size: "sm",
+        src: ""
+      }
+    ),
+    danger: /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        gradient: "hades-light",
+        ariaLabel: "",
+        icon: /* @__PURE__ */ jsx(DangerIcon, {}),
+        size: "sm",
+        src: ""
+      }
+    )
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: elRef.current[palette] });
+}
+
+export {
+  MatchAvatar
+};
+//# sourceMappingURL=chunk-TM6TVO2D.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/match-avatar.tsx"],"sourcesContent":["'use client'\n\nimport type { AdmonitionVariantProps } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Avatar } from '../Avatar'\nimport { useRef, type ReactNode } from 'react'\n\n/**\n * This module provides a component for creating the admonition indicator.\n * @module 'admonition/match-avatar'\n */\n\ninterface AvatarRefProps {\n  page: ReactNode\n  info: ReactNode\n  success: ReactNode\n  warning: ReactNode\n  danger: ReactNode\n}\n\ntype MatchAvatarProps = AdmonitionVariantProps\n\nexport function MatchAvatar(props: MatchAvatarProps) {\n  const { palette = 'page' } = props\n\n  const { icons } = useCerberusContext()\n  const {\n    infoNotification: InfoIcon,\n    successNotification: SuccessIcon,\n    warningNotification: WarningIcon,\n    dangerNotification: DangerIcon,\n  } = icons\n\n  // cache the el since the result is static and the component is client side\n  const elRef = useRef<AvatarRefProps>({\n    page: (\n      <Avatar\n        gradient=\"charon-light\"\n        ariaLabel=\"\"\n        icon={<InfoIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n    info: (\n      <Avatar\n        gradient=\"amphiaraus-dark\"\n        ariaLabel=\"\"\n        icon={<InfoIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n    success: (\n      <Avatar\n        gradient=\"thanatos-dark\"\n        ariaLabel=\"\"\n        icon={<SuccessIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n    warning: (\n      <Avatar\n        gradient=\"asphodel-light\"\n        ariaLabel=\"\"\n        icon={<WarningIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n    danger: (\n      <Avatar\n        gradient=\"hades-light\"\n        ariaLabel=\"\"\n        icon={<DangerIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n  })\n\n  return <>{elRef.current[palette]}</>\n}\n"],"mappings":";;;;;;;;AAKA,SAAS,cAA8B;AAkCzB,SA2CL,UA3CK;AAjBP,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,UAAU,OAAO,IAAI;AAE7B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,EACtB,IAAI;AAGJ,QAAM,QAAQ,OAAuB;AAAA,IACnC,MACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,WAAU;AAAA,QACV,MAAM,oBAAC,YAAS;AAAA,QAChB,MAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN;AAAA,IAEF,MACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,WAAU;AAAA,QACV,MAAM,oBAAC,YAAS;AAAA,QAChB,MAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN;AAAA,IAEF,SACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,WAAU;AAAA,QACV,MAAM,oBAAC,eAAY;AAAA,QACnB,MAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN;AAAA,IAEF,SACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,WAAU;AAAA,QACV,MAAM,oBAAC,eAAY;AAAA,QACnB,MAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN;AAAA,IAEF,QACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,WAAU;AAAA,QACV,MAAM,oBAAC,cAAW;AAAA,QAClB,MAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN;AAAA,EAEJ,CAAC;AAED,SAAO,gCAAG,gBAAM,QAAQ,OAAO,GAAE;AACnC;","names":[]}

package/build/modern/chunk-UR2NYAQC.js

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

package/build/modern/{chunk-VNPLKMEM.js → chunk-VSTOSLFS.js}

@@ -1,9 +1,9 @@
-import {
-  FieldStatusIndicator
-} from "./chunk-CNA2VKAH.js";
 import {
   FieldStartIndicator
 } from "./chunk-Z52R6ABJ.js";
+import {
+  FieldStatusIndicator
+} from "./chunk-CNA2VKAH.js";
 
 // src/components/field/primitives.tsx
 import {
@@ -97,4 +97,4 @@ export {
   Input,
   Textarea
 };
-//# sourceMappingURL=chunk-VNPLKMEM.js.map
+//# sourceMappingURL=chunk-VSTOSLFS.js.map

package/build/modern/{chunk-R662TP4N.js → chunk-XYDJ5TRW.js}

@@ -1,14 +1,3 @@
-import {
-  FieldLabel,
-  FieldRoot,
-  Input
-} from "./chunk-VNPLKMEM.js";
-import {
-  Text
-} from "./chunk-RU5LOXWI.js";
-import {
-  Avatar
-} from "./chunk-SXLPDPOZ.js";
 import {
   Dialog
 } from "./chunk-MH6CIBDU.js";
@@ -17,9 +6,20 @@ import {
   DialogHeading,
   DialogProvider
 } from "./chunk-D7UIWAFO.js";
+import {
+  FieldLabel,
+  FieldRoot,
+  Input
+} from "./chunk-VSTOSLFS.js";
+import {
+  Avatar
+} from "./chunk-SXLPDPOZ.js";
 import {
   Button
 } from "./chunk-6KZVE4HC.js";
+import {
+  Text
+} from "./chunk-RU5LOXWI.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -211,4 +211,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-R662TP4N.js.map
+//# sourceMappingURL=chunk-XYDJ5TRW.js.map

package/build/modern/components/FileStatus.js

@@ -2,16 +2,16 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-Z6EXPMTS.js";
+} from "../chunk-EKZENP7X.js";
 import "../chunk-WZJ5UQNM.js";
+import "../chunk-APD6IX5R.js";
 import "../chunk-TYPULJMJ.js";
-import "../chunk-3J5D3O6Z.js";
-import "../chunk-32M5JS5F.js";
-import "../chunk-VNPLKMEM.js";
-import "../chunk-CNA2VKAH.js";
+import "../chunk-NTU5OYUF.js";
+import "../chunk-6I2FW4WI.js";
+import "../chunk-VSTOSLFS.js";
 import "../chunk-Z52R6ABJ.js";
+import "../chunk-CNA2VKAH.js";
 import "../chunk-SXLPDPOZ.js";
-import "../chunk-APD6IX5R.js";
 import "../chunk-GITT5645.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-BL7G3577.js";