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

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';
@@ -238,89 +242,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 +303,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 }
 
-declare type AccordionItemTriggerProps = Accordion_2.ItemTriggerProps & AccordionVariantProps;
-export { AccordionItemTriggerProps }
-export { AccordionItemTriggerProps as AccordionItemTriggerProps_alias_1 }
+/**
+ * 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 }
+
+/**
+ * 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 }
 

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-6I2FW4WI.js → chunk-32M5JS5F.js}

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

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

@@ -3,13 +3,13 @@ import {
   FieldHelperText,
   FieldLabel,
   FieldRoot
-} from "./chunk-VSTOSLFS.js";
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
+} from "./chunk-VNPLKMEM.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
 
 // src/components/field/field.tsx
 import { HStack } from "@cerberus/styled-system/jsx";
@@ -34,4 +34,4 @@ function Field(props) {
 export {
   Field
 };
-//# sourceMappingURL=chunk-FBS7AX76.js.map
+//# sourceMappingURL=chunk-3J5D3O6Z.js.map

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-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":[]}

package/build/modern/chunk-FWVFM7RK.js

@@ -0,0 +1,38 @@
+import {
+  AccordionChevronItemIndicator
+} from "./chunk-6OJ27QWV.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+import {
+  AccordionParts
+} from "./chunk-XBDEIBW2.js";
+
+// src/components/accordion/item-group.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Accordion = AccordionParts.Root;
+function AccordionItemGroup(props) {
+  const [groupProps, itemProps] = splitProps(props, [
+    "heading",
+    "children",
+    "indicatorPosition"
+  ]);
+  const indicatorPosition = groupProps.indicatorPosition ?? "end";
+  return /* @__PURE__ */ jsxs(AccordionParts.Item, { ...itemProps, children: [
+    /* @__PURE__ */ jsxs(AccordionParts.ItemTrigger, { "data-indicator-position": indicatorPosition, children: [
+      /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ jsx(AccordionChevronItemIndicator, {}) }),
+      groupProps.heading,
+      /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ jsx(AccordionChevronItemIndicator, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(AccordionParts.ItemContent, { children: groupProps.children })
+  ] });
+}
+
+export {
+  Accordion,
+  AccordionItemGroup
+};
+//# sourceMappingURL=chunk-FWVFM7RK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/item-group.tsx"],"sourcesContent":["import type { AccordionItemProps } from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from '@cerberus/styled-system/recipes'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../Show'\nimport { AccordionParts } from './parts'\nimport { AccordionChevronItemIndicator } from './item-indicator'\n\n/**\n * This module contains an abstraction of the AccordionItem components.\n * @module\n */\n\n// We are only exposing this to keep the API consistent\nexport const Accordion = AccordionParts.Root\n\nexport interface AccordionItemGroupProps\n  extends AccordionItemProps,\n    AccordionVariantProps {\n  /**\n   * The heading of the accordion item to open and close the content.\n   */\n  heading: string\n  /**\n   * The position of the arrow indicator.\n   */\n  indicatorPosition?: 'start' | 'end'\n}\n\n/**\n * The AccordionItemGroup component is an abstraction of the Accordion primitive\n * components which renders an accordion item with a heading and an indicator.\n *\n * It is a wrapper around the `AccordionParts.Item`, `AccordionParts.\n * ItemTrigger`, `AccordionParts.ItemIndicator`, and `AccordionParts.ItemContent` components.\n *\n * @description [Cerberus docs](https://cerberus.digitalu.design/react/accordion)\n * @description [Ark docs](https://ark-ui.com/react/docs/components/accordion)\n */\nexport function AccordionItemGroup(props: AccordionItemGroupProps) {\n  const [groupProps, itemProps] = splitProps(props, [\n    'heading',\n    'children',\n    'indicatorPosition',\n  ])\n  const indicatorPosition = groupProps.indicatorPosition ?? 'end'\n\n  return (\n    <AccordionParts.Item {...itemProps}>\n      <AccordionParts.ItemTrigger data-indicator-position={indicatorPosition}>\n        <Show when={indicatorPosition === 'start'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n\n        {groupProps.heading}\n\n        <Show when={indicatorPosition === 'end'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n      </AccordionParts.ItemTrigger>\n\n      <AccordionParts.ItemContent>\n        {groupProps.children}\n      </AccordionParts.ItemContent>\n    </AccordionParts.Item>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAgDM,SAEI,KAFJ;AAnCC,IAAM,YAAY,eAAe;AAyBjC,SAAS,mBAAmB,OAAgC;AACjE,QAAM,CAAC,YAAY,SAAS,IAAI,WAAW,OAAO;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,oBAAoB,WAAW,qBAAqB;AAE1D,SACE,qBAAC,eAAe,MAAf,EAAqB,GAAG,WACvB;AAAA,yBAAC,eAAe,aAAf,EAA2B,2BAAyB,mBACnD;AAAA,0BAAC,QAAK,MAAM,sBAAsB,SAChC,8BAAC,iCAA8B,GACjC;AAAA,MAEC,WAAW;AAAA,MAEZ,oBAAC,QAAK,MAAM,sBAAsB,OAChC,8BAAC,iCAA8B,GACjC;AAAA,OACF;AAAA,IAEA,oBAAC,eAAe,aAAf,EACE,qBAAW,UACd;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-R2V75WU6.js

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

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

@@ -2,7 +2,7 @@ import {
   FieldLabel,
   FieldRoot,
   Input
-} from "./chunk-VSTOSLFS.js";
+} from "./chunk-VNPLKMEM.js";
 import {
   Text
 } from "./chunk-RU5LOXWI.js";
@@ -17,12 +17,12 @@ import {
   DialogHeading,
   DialogProvider
 } from "./chunk-D7UIWAFO.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
 import {
   Button
 } from "./chunk-6KZVE4HC.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
@@ -211,4 +211,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-R7MPDSXX.js.map
+//# sourceMappingURL=chunk-R662TP4N.js.map

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

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

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

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

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

@@ -10,12 +10,12 @@ import {
   DialogHeading,
   DialogProvider
 } from "./chunk-D7UIWAFO.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
 import {
   Button
 } from "./chunk-6KZVE4HC.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
@@ -157,4 +157,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-U5XRQ2JZ.js.map
+//# sourceMappingURL=chunk-WA3QADO4.js.map

package/build/modern/chunk-XBDEIBW2.js

@@ -0,0 +1,21 @@
+import {
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemIndicator,
+  AccordionItemTrigger,
+  AccordionRoot
+} from "./chunk-CPNKDKC2.js";
+
+// src/components/accordion/parts.ts
+var AccordionParts = {
+  Root: AccordionRoot,
+  Item: AccordionItem,
+  ItemTrigger: AccordionItemTrigger,
+  ItemContent: AccordionItemContent,
+  ItemIndicator: AccordionItemIndicator
+};
+
+export {
+  AccordionParts
+};
+//# sourceMappingURL=chunk-XBDEIBW2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  AccordionItem,\n  AccordionItemContent,\n  AccordionItemIndicator,\n  AccordionItemTrigger,\n  AccordionRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Accordion component.\n * @module 'accordion/parts'\n */\n\ninterface AccordionPartsValue {\n  /**\n   * The context provider of the accordion.\n   */\n  Root: ElementType\n  /**\n   * The item of the accordion.\n   */\n  Item: ElementType\n  /**\n   * The trigger of the accordion item.\n   */\n  ItemTrigger: ElementType\n  /**\n   * The content of the accordion item.\n   */\n  ItemContent: ElementType\n  /**\n   * The indicator of the accordion item.\n   */\n  ItemIndicator: 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 AccordionParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AccordionParts: AccordionPartsValue = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  ItemTrigger: AccordionItemTrigger,\n  ItemContent: AccordionItemContent,\n  ItemIndicator: AccordionItemIndicator,\n}\n"],"mappings":";;;;;;;;;AA8CO,IAAM,iBAAsC;AAAA,EACjD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AACjB;","names":[]}

package/build/modern/{chunk-QQCB6JXW.js → chunk-XTIIAYPU.js}

@@ -1,12 +1,12 @@
 import {
   RatingParts
 } from "./chunk-OS73F4SR.js";
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
 
 // src/components/rating/rating.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -33,4 +33,4 @@ function Rating(props) {
 export {
   Rating
 };
-//# sourceMappingURL=chunk-QQCB6JXW.js.map
+//# sourceMappingURL=chunk-XTIIAYPU.js.map