@cerberus-design/react 0.16.0-next-ba05f96 → 0.16.0-next-d049636

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

@@ -1,4 +1,8 @@
-import { Accordion as Accordion_2 } from '@ark-ui/react';
+import { AccordionItemContentProps } from '@ark-ui/react/accordion';
+import { AccordionItemIndicatorProps } from '@ark-ui/react/accordion';
+import { AccordionItemProps } from '@ark-ui/react/accordion';
+import { AccordionItemTriggerProps } from '@ark-ui/react/accordion';
+import { AccordionRootProps } from '@ark-ui/react/accordion';
 import { AccordionVariantProps } from '@cerberus/styled-system/recipes';
 import { Activator } from '@dnd-kit/core';
 import { Activators } from '@dnd-kit/core';
@@ -118,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';
@@ -238,89 +243,58 @@ import { useSensor } from '@dnd-kit/core';
 import { useSensors } from '@dnd-kit/core';
 
 /**
- * The context provider for the Accordion family.
- * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
- * @example
- * ```tsx
- * <Accordion>
- *  <AccordionItemGroup heading="Item 1 heading" value="one">
- *     This is the content
- *  </AccordionItemGroup>
- * </Accordion>
- * ```
+ * This module contains an abstraction of the AccordionItem components.
+ * @module
  */
-declare function Accordion(props: AccordionProps): JSX_2.Element;
+declare const Accordion: ElementType;
 export { Accordion }
 export { Accordion as Accordion_alias_1 }
+export { Accordion as Accordion_alias_2 }
 
 /**
- * The item for the Accordion component.
- * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
- * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
- * @example
- * ```tsx
- * <Accordion>
- *   <AccordionItem value="one">
- *     <AccordionTrigger>
- *        Accordion Item 1
- *     <AccordionIndicator />
- *     </AccordionTrigger>
- *     <AccordionContent>Accordion Item 1 content</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- * ```
+ * This module contains the internal AccordionItemIndicator component.
+ * @module 'accordion/item-indicator'
  */
-declare function AccordionItem(props: AccordionItemProps): JSX_2.Element;
+export declare function AccordionChevronItemIndicator(props: AccordionItemIndicatorProps & AccordionVariantProps): JSX_2.Element;
+
+/**
+ * The primitive item component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Item` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+declare function AccordionItem(props: AccordionItemProps & AccordionVariantProps): JSX_2.Element;
 export { AccordionItem }
 export { AccordionItem as AccordionItem_alias_1 }
+export { AccordionItem as AccordionItem_alias_2 }
 
 /**
- * The content for the Accordion component.
- * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
- * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
- * @example
- * ```tsx
- * <Accordion>
- *   <AccordionItem value="one">
- *     <AccordionTrigger>
- *        Accordion Item 1
- *     <AccordionIndicator />
- *     </AccordionTrigger>
- *     <AccordionContent>Accordion Item 1 content</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- * ```
- * */
+ * The primitive content component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Content` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
 declare function AccordionItemContent(props: AccordionItemContentProps): JSX_2.Element;
 export { AccordionItemContent }
 export { AccordionItemContent as AccordionItemContent_alias_1 }
-
-declare type AccordionItemContentProps = Accordion_2.ItemContentProps & AccordionVariantProps;
-export { AccordionItemContentProps }
-export { AccordionItemContentProps as AccordionItemContentProps_alias_1 }
+export { AccordionItemContent as AccordionItemContent_alias_2 }
 
 /**
- * A grouped item for the Accordion component.
- * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
- * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
- * @example
- * ```tsx
- * <Accordion>
- *   <AccordionItemGroup heading="Accordion Item 1" value="one">
- *     Accordion Item 1 content
- *   </AccordionItemGroup>
- * </Accordion>
- * ```
+ * The AccordionItemGroup component is an abstraction of the Accordion primitive
+ * components which renders an accordion item with a heading and an indicator.
+ *
+ * It is a wrapper around the `AccordionParts.Item`, `AccordionParts.
+ * ItemTrigger`, `AccordionParts.ItemIndicator`, and `AccordionParts.ItemContent` components.
+ *
+ * @description [Cerberus docs](https://cerberus.digitalu.design/react/accordion)
+ * @description [Ark docs](https://ark-ui.com/react/docs/components/accordion)
  */
-declare function AccordionItemGroup(props: PropsWithChildren<AccordionItemGroupProps>): JSX_2.Element;
+declare function AccordionItemGroup(props: AccordionItemGroupProps): JSX_2.Element;
 export { AccordionItemGroup }
 export { AccordionItemGroup as AccordionItemGroup_alias_1 }
+export { AccordionItemGroup as AccordionItemGroup_alias_2 }
 
-/**
- * This module contains an abstraction of the AccordionItem components.
- * @module
- */
-declare interface AccordionItemGroupBaseProps extends Accordion_2.ItemProps {
+declare interface AccordionItemGroupProps extends AccordionItemProps, AccordionVariantProps {
     /**
      * The heading of the accordion item to open and close the content.
      */
@@ -330,68 +304,87 @@ declare interface AccordionItemGroupBaseProps extends Accordion_2.ItemProps {
      */
     indicatorPosition?: 'start' | 'end';
 }
-export { AccordionItemGroupBaseProps }
-export { AccordionItemGroupBaseProps as AccordionItemGroupBaseProps_alias_1 }
-
-declare type AccordionItemGroupProps = AccordionItemGroupBaseProps & AccordionVariantProps;
 export { AccordionItemGroupProps }
 export { AccordionItemGroupProps as AccordionItemGroupProps_alias_1 }
+export { AccordionItemGroupProps as AccordionItemGroupProps_alias_2 }
 
 /**
- * The indicator for the Accordion component.
- * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
- * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
- * @example
- * ```tsx
- * <Accordion>
- *   <AccordionItem value="one">
- *     <AccordionTrigger>
- *        Accordion Item 1
- *     <AccordionIndicator />
- *     </AccordionTrigger>
- *     <AccordionContent>Accordion Item 1 content</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- * ```
- * */
+ * The primitive item indicator component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.ItemIndicator` component which has
+ * a base style using the Cerberus `accordion` recipe that can be overridden.
+ */
 declare function AccordionItemIndicator(props: AccordionItemIndicatorProps): JSX_2.Element;
 export { AccordionItemIndicator }
 export { AccordionItemIndicator as AccordionItemIndicator_alias_1 }
-
-declare type AccordionItemIndicatorProps = Accordion_2.ItemIndicatorProps & AccordionVariantProps;
-export { AccordionItemIndicatorProps }
-export { AccordionItemIndicatorProps as AccordionItemIndicatorProps_alias_1 }
-
-declare type AccordionItemProps = Accordion_2.ItemProps & AccordionVariantProps;
+export { AccordionItemIndicator as AccordionItemIndicator_alias_2 }
 
 /**
- * The trigger for the Accordion component.
- * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
- * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
- * @example
- * ```tsx
- * <Accordion>
- *   <AccordionItem value="one">
- *     <AccordionTrigger>
- *        Accordion Item 1
- *     <AccordionIndicator />
- *     </AccordionTrigger>
- *     <AccordionContent>Accordion Item 1 content</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- * ```
+ * The primitive trigger component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.ItemTrigger` component which has
+ * a base style using the Cerberus `accordion` recipe that can be overridden.
  */
 declare function AccordionItemTrigger(props: AccordionItemTriggerProps): JSX_2.Element;
 export { AccordionItemTrigger }
 export { AccordionItemTrigger as AccordionItemTrigger_alias_1 }
+export { AccordionItemTrigger as AccordionItemTrigger_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 AccordionParts object and
+ * the entire family of components vs. only what you use.
+ */
+declare const AccordionParts: AccordionPartsValue;
+export { AccordionParts }
+export { AccordionParts as AccordionParts_alias_1 }
+export { AccordionParts as AccordionParts_alias_2 }
 
-declare type AccordionItemTriggerProps = Accordion_2.ItemTriggerProps & AccordionVariantProps;
-export { AccordionItemTriggerProps }
-export { AccordionItemTriggerProps as AccordionItemTriggerProps_alias_1 }
+/**
+ * This module contains the parts of the Accordion component.
+ * @module 'accordion/parts'
+ */
+declare interface AccordionPartsValue {
+    /**
+     * The context provider of the accordion.
+     */
+    Root: ElementType;
+    /**
+     * The item of the accordion.
+     */
+    Item: ElementType;
+    /**
+     * The trigger of the accordion item.
+     */
+    ItemTrigger: ElementType;
+    /**
+     * The content of the accordion item.
+     */
+    ItemContent: ElementType;
+    /**
+     * The indicator of the accordion item.
+     */
+    ItemIndicator: ElementType;
+}
 
-declare type AccordionProps = Accordion_2.RootProps & AccordionVariantProps;
-export { AccordionProps }
-export { AccordionProps as AccordionProps_alias_1 }
+/**
+ * This module contains the primitives of the Accordion component.
+ * @module 'accordion/primitives'
+ */
+/**
+ * The primitive root component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Root` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+declare function AccordionRoot(props: AccordionRootProps & AccordionVariantProps): JSX_2.Element;
+export { AccordionRoot }
+export { AccordionRoot as AccordionRoot_alias_1 }
+export { AccordionRoot as AccordionRoot_alias_2 }
 
 export { Activator }
 
@@ -412,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 }
+
+/**
+ * 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 }
 
-declare type AdmonitionHeadingProps = HTMLAttributes<HTMLParagraphElement> & AdmonitionVariantProps;
-export { AdmonitionHeadingProps }
-export { AdmonitionHeadingProps as AdmonitionHeadingProps_alias_1 }
+/**
+ * This module contains the parts of the Admonition component.
+ * @module 'admonition/parts'
+ */
+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 a set of components for creating admonitions.
- * @module Admonition
+ * This module provides an abstraction for the Admonition component.
+ * @module 'admonition/admonition'
  */
-declare type AdmonitionProps = HTMLAttributes<HTMLDivElement> & AdmonitionVariantProps & {
+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-RHCTPSKT.js → chunk-2KPSUYFL.js}

@@ -10,15 +10,15 @@ import {
 import {
   IconButton
 } from "./chunk-APD6IX5R.js";
+import {
+  Button
+} from "./chunk-6KZVE4HC.js";
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
-import {
-  Button
-} from "./chunk-6KZVE4HC.js";
 
 // src/components/DatePicker.client.tsx
 import {
@@ -201,4 +201,4 @@ export {
   DatePickerYearView,
   DatePickerCalendar
 };
-//# sourceMappingURL=chunk-RHCTPSKT.js.map
+//# sourceMappingURL=chunk-2KPSUYFL.js.map

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-6OJ27QWV.js

@@ -0,0 +1,21 @@
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  AccordionParts
+} from "./chunk-XBDEIBW2.js";
+
+// src/components/accordion/item-indicator.tsx
+import { jsx } from "react/jsx-runtime";
+function AccordionChevronItemIndicator(props) {
+  const { size, ...indicatorProps } = props;
+  const iconSize = size === "sm" ? 16 : "24";
+  const { icons } = useCerberusContext();
+  const { accordionIndicator: ChevronDown } = icons;
+  return /* @__PURE__ */ jsx(AccordionParts.ItemIndicator, { ...indicatorProps, children: /* @__PURE__ */ jsx(ChevronDown, { size: iconSize }) });
+}
+
+export {
+  AccordionChevronItemIndicator
+};
+//# sourceMappingURL=chunk-6OJ27QWV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/item-indicator.tsx"],"sourcesContent":["'use client'\n\nimport { type AccordionItemIndicatorProps } from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { AccordionParts } from './parts'\n\n/**\n * This module contains the internal AccordionItemIndicator component.\n * @module 'accordion/item-indicator'\n */\n\nexport function AccordionChevronItemIndicator(\n  props: AccordionItemIndicatorProps & AccordionVariantProps,\n) {\n  const { size, ...indicatorProps } = props\n  const iconSize = size === 'sm' ? 16 : '24'\n\n  const { icons } = useCerberusContext()\n  const { accordionIndicator: ChevronDown } = icons\n\n  return (\n    <AccordionParts.ItemIndicator {...indicatorProps}>\n      <ChevronDown size={iconSize} />\n    </AccordionParts.ItemIndicator>\n  )\n}\n"],"mappings":";;;;;;;;AAuBM;AAXC,SAAS,8BACd,OACA;AACA,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,oBAAoB,YAAY,IAAI;AAE5C,SACE,oBAAC,eAAe,eAAf,EAA8B,GAAG,gBAChC,8BAAC,eAAY,MAAM,UAAU,GAC/B;AAEJ;","names":[]}

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-RKVY2HJ3.js → chunk-AAGQR6B4.js}

@@ -14,12 +14,12 @@ import {
   removeNotification,
   updateNotificationState
 } from "./chunk-V3M3ZOQI.js";
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
 import {
   Button
 } from "./chunk-6KZVE4HC.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
@@ -177,4 +177,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-RKVY2HJ3.js.map
+//# sourceMappingURL=chunk-AAGQR6B4.js.map

package/build/modern/chunk-CPNKDKC2.js

@@ -0,0 +1,64 @@
+// src/components/accordion/primitives.tsx
+import {
+  Accordion
+} from "@ark-ui/react/accordion";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  accordion
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function AccordionRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = accordion({ size });
+  return /* @__PURE__ */ jsx(
+    Accordion.Root,
+    {
+      ...props,
+      className: cx(styles.root, rootProps.className),
+      "data-size": size
+    }
+  );
+}
+function AccordionItem(props) {
+  const styles = accordion();
+  return /* @__PURE__ */ jsx(Accordion.Item, { ...props, className: cx(styles.item, props.className) });
+}
+function AccordionItemTrigger(props) {
+  const styles = accordion();
+  return /* @__PURE__ */ jsx(
+    Accordion.ItemTrigger,
+    {
+      ...props,
+      className: cx(styles.itemTrigger, props.className)
+    }
+  );
+}
+function AccordionItemIndicator(props) {
+  const styles = accordion();
+  return /* @__PURE__ */ jsx(
+    Accordion.ItemIndicator,
+    {
+      ...props,
+      className: cx(styles.itemIndicator, props.className)
+    }
+  );
+}
+function AccordionItemContent(props) {
+  const styles = accordion();
+  return /* @__PURE__ */ jsx(
+    Accordion.ItemContent,
+    {
+      ...props,
+      className: cx(styles.itemContent, props.className)
+    }
+  );
+}
+
+export {
+  AccordionRoot,
+  AccordionItem,
+  AccordionItemTrigger,
+  AccordionItemIndicator,
+  AccordionItemContent
+};
+//# sourceMappingURL=chunk-CPNKDKC2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/primitives.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemContentProps,\n  type AccordionItemIndicatorProps,\n  type AccordionItemProps,\n  type AccordionItemTriggerProps,\n  type AccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Accordion component.\n * @module 'accordion/primitives'\n */\n\n/**\n * The primitive root component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Root` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionRoot(\n  props: AccordionRootProps & AccordionVariantProps,\n) {\n  const { size, ...rootProps } = props\n  const styles = accordion({ size })\n  return (\n    <Accordion.Root\n      {...props}\n      className={cx(styles.root, rootProps.className)}\n      data-size={size}\n    />\n  )\n}\n\n/**\n * The primitive item component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Item` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionItem(\n  props: AccordionItemProps & AccordionVariantProps,\n) {\n  const styles = accordion()\n  return (\n    <Accordion.Item {...props} className={cx(styles.item, props.className)} />\n  )\n}\n\n/**\n * The primitive trigger component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemTrigger` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const styles = accordion()\n  return (\n    <Accordion.ItemTrigger\n      {...props}\n      className={cx(styles.itemTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The primitive item indicator component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemIndicator` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n  const styles = accordion()\n  return (\n    <Accordion.ItemIndicator\n      {...props}\n      className={cx(styles.itemIndicator, props.className)}\n    />\n  )\n}\n\n/**\n * The primitive content component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Content` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const styles = accordion()\n  return (\n    <Accordion.ItemContent\n      {...props}\n      className={cx(styles.itemContent, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAmBH;AANG,SAAS,cACd,OACA;AACA,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA,MAC9C,aAAW;AAAA;AAAA,EACb;AAEJ;AAQO,SAAS,cACd,OACA;AACA,QAAM,SAAS,UAAU;AACzB,SACE,oBAAC,UAAU,MAAV,EAAgB,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAE5E;AAQO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,SAAS,UAAU;AACzB,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAQO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,SAAS,UAAU;AACzB,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;AAQO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,SAAS,UAAU;AACzB,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;","names":[]}