@cerberus-design/react 0.13.2-next-d63dca1 → 0.13.2-next-4bdc7c3

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 
+import { Accordion as Accordion_2 } from '@ark-ui/react';
+import { AccordionVariantProps } from '@cerberus/styled-system/recipes';
 import { Activator } from '@dnd-kit/core';
 import { Activators } from '@dnd-kit/core';
 import { Active } from '@dnd-kit/core';
@@ -150,6 +152,163 @@ declare let $cerberusIcons: Required<DefinedIcons>;
 export { $cerberusIcons }
 export { $cerberusIcons as $cerberusIcons_alias_1 }
 
+/**
+ * The context provider for the Accordion family.
+ * @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="Item 1 heading" value="one">
+ *     This is the content
+ *  </AccordionItemGroup>
+ * </Accordion>
+ * ```
+ */
+declare function Accordion(props: AccordionProps): JSX_2.Element;
+export { Accordion }
+export { Accordion as Accordion_alias_1 }
+
+/**
+ * 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>
+ * ```
+ */
+declare function AccordionItem(props: AccordionItemProps): JSX_2.Element;
+export { AccordionItem }
+export { AccordionItem as AccordionItem_alias_1 }
+
+/**
+ * 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>
+ * ```
+ * */
+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 }
+
+/**
+ * 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>
+ * ```
+ */
+declare function AccordionItemGroup(props: PropsWithChildren<AccordionItemGroupProps>): JSX_2.Element;
+export { AccordionItemGroup }
+export { AccordionItemGroup as AccordionItemGroup_alias_1 }
+
+/**
+ * This module contains an abstraction of the AccordionItem components.
+ * @module
+ */
+declare interface AccordionItemGroupBaseProps extends Accordion_2.ItemProps {
+    /**
+     * The heading of the accordion item to open and close the content.
+     */
+    heading: string;
+    /**
+     * The position of the arrow indicator.
+     */
+    indicatorPosition?: 'start' | 'end';
+}
+export { AccordionItemGroupBaseProps }
+export { AccordionItemGroupBaseProps as AccordionItemGroupBaseProps_alias_1 }
+
+declare type AccordionItemGroupProps = AccordionItemGroupBaseProps & AccordionVariantProps;
+export { AccordionItemGroupProps }
+export { AccordionItemGroupProps as AccordionItemGroupProps_alias_1 }
+
+/**
+ * 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>
+ * ```
+ * */
+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;
+
+/**
+ * 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>
+ * ```
+ */
+declare function AccordionItemTrigger(props: AccordionItemTriggerProps): JSX_2.Element;
+export { AccordionItemTrigger }
+export { AccordionItemTrigger as AccordionItemTrigger_alias_1 }
+
+declare type AccordionItemTriggerProps = Accordion_2.ItemTriggerProps & AccordionVariantProps;
+export { AccordionItemTriggerProps }
+export { AccordionItemTriggerProps as AccordionItemTriggerProps_alias_1 }
+
+declare type AccordionProps = Accordion_2.RootProps & AccordionVariantProps;
+export { AccordionProps }
+export { AccordionProps as AccordionProps_alias_1 }
+
 export { Activator }
 
 export { Activators }

package/build/modern/{chunk-FBSESDWJ.js → chunk-4QBPJVEN.js}

@@ -1,6 +1,9 @@
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
+import {
+  Modal
+} from "./chunk-BE4EOU2P.js";
 import {
   ModalDescription
 } from "./chunk-Q7BRMIBR.js";
@@ -16,9 +19,6 @@ import {
 import {
   Label
 } from "./chunk-NMF2HYWO.js";
-import {
-  Modal
-} from "./chunk-BE4EOU2P.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
@@ -240,4 +240,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-FBSESDWJ.js.map
+//# sourceMappingURL=chunk-4QBPJVEN.js.map

package/build/modern/{chunk-WFJWCZ7E.js → chunk-622N7YRT.js}

@@ -1,6 +1,9 @@
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
+import {
+  Modal
+} from "./chunk-BE4EOU2P.js";
 import {
   ModalDescription
 } from "./chunk-Q7BRMIBR.js";
@@ -13,9 +16,6 @@ import {
 import {
   IconButton
 } from "./chunk-APD6IX5R.js";
-import {
-  Modal
-} from "./chunk-BE4EOU2P.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
@@ -152,4 +152,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-WFJWCZ7E.js.map
+//# sourceMappingURL=chunk-622N7YRT.js.map

package/build/modern/{chunk-3XGLNXJJ.js → chunk-C3CDRCHS.js}

@@ -1,15 +1,15 @@
-import {
-  NotificationHeading
-} from "./chunk-SXIXDXG3.js";
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
 import {
   Notification
 } from "./chunk-7SGPJM66.js";
 import {
   NotificationDescription
 } from "./chunk-XEW6TJJ4.js";
+import {
+  NotificationHeading
+} from "./chunk-SXIXDXG3.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
@@ -159,4 +159,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-3XGLNXJJ.js.map
+//# sourceMappingURL=chunk-C3CDRCHS.js.map

package/build/modern/chunk-CSMPRYNC.js

@@ -0,0 +1,39 @@
+import {
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemIndicator,
+  AccordionItemTrigger
+} from "./chunk-ZTYKIWYQ.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+
+// src/components/AccordionItemGroup.tsx
+import { css } from "@cerberus/styled-system/css";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AccordionItemGroup(props) {
+  const {
+    size,
+    heading,
+    children,
+    indicatorPosition = "end",
+    ...itemProps
+  } = props;
+  const triggerStyles = indicatorPosition === "start" ? {
+    gap: "md",
+    justifyContent: "flex-start"
+  } : void 0;
+  return /* @__PURE__ */ jsxs(AccordionItem, { ...itemProps, children: [
+    /* @__PURE__ */ jsxs(AccordionItemTrigger, { className: css(triggerStyles), size, children: [
+      /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ jsx(AccordionItemIndicator, { size }) }),
+      heading,
+      /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ jsx(AccordionItemIndicator, { size }) })
+    ] }),
+    /* @__PURE__ */ jsx(AccordionItemContent, { size, children })
+  ] });
+}
+
+export {
+  AccordionItemGroup
+};
+//# sourceMappingURL=chunk-CSMPRYNC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/AccordionItemGroup.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { type AccordionVariantProps } from '@cerberus/styled-system/recipes'\nimport type { PropsWithChildren } from 'react'\nimport { Show } from './Show'\nimport {\n  AccordionItem,\n  AccordionItemContent,\n  AccordionItemIndicator,\n  AccordionItemTrigger,\n} from './Accordion'\nimport { css } from '@cerberus/styled-system/css'\n\n/**\n * This module contains an abstraction of the AccordionItem components.\n * @module\n */\n\nexport interface AccordionItemGroupBaseProps extends ArkAccordion.ItemProps {\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}\nexport type AccordionItemGroupProps = AccordionItemGroupBaseProps &\n  AccordionVariantProps\n\n/**\n * A grouped item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItemGroup heading=\"Accordion Item 1\" value=\"one\">\n *     Accordion Item 1 content\n *   </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function AccordionItemGroup(\n  props: PropsWithChildren<AccordionItemGroupProps>,\n) {\n  const {\n    size,\n    heading,\n    children,\n    indicatorPosition = 'end',\n    ...itemProps\n  } = props\n  const triggerStyles =\n    indicatorPosition === 'start'\n      ? {\n          gap: 'md',\n          justifyContent: 'flex-start',\n        }\n      : undefined\n\n  return (\n    <AccordionItem {...itemProps}>\n      <AccordionItemTrigger className={css(triggerStyles)} size={size}>\n        <Show when={indicatorPosition === 'start'}>\n          <AccordionItemIndicator size={size} />\n        </Show>\n\n        {heading}\n\n        <Show when={indicatorPosition === 'end'}>\n          <AccordionItemIndicator size={size} />\n        </Show>\n      </AccordionItemTrigger>\n\n      <AccordionItemContent size={size}>{children}</AccordionItemContent>\n    </AccordionItem>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAS,WAAW;AAqDd,SAEI,KAFJ;AApBC,SAAS,mBACd,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,gBACJ,sBAAsB,UAClB;AAAA,IACE,KAAK;AAAA,IACL,gBAAgB;AAAA,EAClB,IACA;AAEN,SACE,qBAAC,iBAAe,GAAG,WACjB;AAAA,yBAAC,wBAAqB,WAAW,IAAI,aAAa,GAAG,MACnD;AAAA,0BAAC,QAAK,MAAM,sBAAsB,SAChC,8BAAC,0BAAuB,MAAY,GACtC;AAAA,MAEC;AAAA,MAED,oBAAC,QAAK,MAAM,sBAAsB,OAChC,8BAAC,0BAAuB,MAAY,GACtC;AAAA,OACF;AAAA,IAEA,oBAAC,wBAAqB,MAAa,UAAS;AAAA,KAC9C;AAEJ;","names":[]}

package/build/modern/{chunk-KML4CTMK.js → chunk-LPALHB6R.js}

@@ -6,13 +6,13 @@ import { cx } from "@cerberus/styled-system/css";
 import { tooltip } from "@cerberus/styled-system/recipes";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Tooltip(props) {
-  const { content, children, ...nativeProps } = props;
+  const { content, children, asChild, ...nativeProps } = props;
   const styles = tooltip();
   const position = {
     placement: props.position || "top"
   };
   return /* @__PURE__ */ jsxs(ArkTooltip.Root, { openDelay: 400, positioning: position, children: [
-    /* @__PURE__ */ jsx(ArkTooltip.Trigger, { className: styles.trigger, children }),
+    /* @__PURE__ */ jsx(ArkTooltip.Trigger, { className: styles.trigger, asChild, children }),
     /* @__PURE__ */ jsx(ArkTooltip.Positioner, { children: /* @__PURE__ */ jsxs(
       ArkTooltip.Content,
       {
@@ -30,4 +30,4 @@ function Tooltip(props) {
 export {
   Tooltip
 };
-//# sourceMappingURL=chunk-KML4CTMK.js.map
+//# sourceMappingURL=chunk-LPALHB6R.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import {\n  Tooltip as ArkTooltip,\n  type TooltipContentProps,\n} from '@ark-ui/react/tooltip'\nimport { cx } from '@cerberus/styled-system/css'\nimport { tooltip } from '@cerberus/styled-system/recipes'\nimport type { ReactNode } from 'react'\n\n/**\n * This module contains the Tooltip component.\n * @module Tooltip\n */\n\nexport interface TooltipProps {\n  /**\n   * The text content to display in the tooltip.\n   */\n  content: ReactNode\n  /**\n   * The position of the tooltip relative to the trigger element.\n   */\n  position?: 'top' | 'right' | 'bottom' | 'left'\n}\n\n/**\n * The Tooltip component is used to provide additional information about an element when it is hovered over.\n * @definition [Tooltip docs](https://cerberus.digitalu.design/react/tooltip)\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Information />\n * </Tooltip>\n */\nexport function Tooltip(props: TooltipProps & TooltipContentProps) {\n  const { content, children, asChild, ...nativeProps } = props\n  const styles = tooltip()\n  const position = {\n    placement: props.position || 'top',\n  }\n\n  return (\n    <ArkTooltip.Root openDelay={400} positioning={position}>\n      <ArkTooltip.Trigger className={styles.trigger} asChild={asChild}>\n        {children}\n      </ArkTooltip.Trigger>\n\n      <ArkTooltip.Positioner>\n        <ArkTooltip.Content\n          {...nativeProps}\n          className={cx(nativeProps.className, styles.content)}\n        >\n          <ArkTooltip.Arrow className={styles.arrow}>\n            <ArkTooltip.ArrowTip className={styles.arrowTip} />\n          </ArkTooltip.Arrow>\n\n          {content}\n        </ArkTooltip.Content>\n      </ArkTooltip.Positioner>\n    </ArkTooltip.Root>\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE,WAAW;AAAA,OAEN;AACP,SAAS,UAAU;AACnB,SAAS,eAAe;AAqClB,cAKE,YALF;AATC,SAAS,QAAQ,OAA2C;AACjE,QAAM,EAAE,SAAS,UAAU,SAAS,GAAG,YAAY,IAAI;AACvD,QAAM,SAAS,QAAQ;AACvB,QAAM,WAAW;AAAA,IACf,WAAW,MAAM,YAAY;AAAA,EAC/B;AAEA,SACE,qBAAC,WAAW,MAAX,EAAgB,WAAW,KAAK,aAAa,UAC5C;AAAA,wBAAC,WAAW,SAAX,EAAmB,WAAW,OAAO,SAAS,SAC5C,UACH;AAAA,IAEA,oBAAC,WAAW,YAAX,EACC;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,GAAG,YAAY,WAAW,OAAO,OAAO;AAAA,QAEnD;AAAA,8BAAC,WAAW,OAAX,EAAiB,WAAW,OAAO,OAClC,8BAAC,WAAW,UAAX,EAAoB,WAAW,OAAO,UAAU,GACnD;AAAA,UAEC;AAAA;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/{chunk-GRUXP3NG.js → chunk-TM5AS6M6.js}

@@ -1,6 +1,9 @@
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
+import {
+  Modal
+} from "./chunk-BE4EOU2P.js";
 import {
   ModalDescription
 } from "./chunk-Q7BRMIBR.js";
@@ -10,9 +13,6 @@ import {
 import {
   ModalHeading
 } from "./chunk-2UXE5PDG.js";
-import {
-  Modal
-} from "./chunk-BE4EOU2P.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
@@ -170,4 +170,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-GRUXP3NG.js.map
+//# sourceMappingURL=chunk-TM5AS6M6.js.map

package/build/modern/chunk-ZTYKIWYQ.js

@@ -0,0 +1,75 @@
+// src/components/Accordion.tsx
+import { Accordion as ArkAccordion } from "@ark-ui/react";
+import { ChevronDown } from "@cerberus/icons";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  accordion
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function Accordion(props) {
+  const { size, className, ...rootProps } = props;
+  const styles = accordion({ size });
+  return /* @__PURE__ */ jsx(
+    ArkAccordion.Root,
+    {
+      collapsible: true,
+      className: cx(className, styles.root),
+      ...rootProps
+    }
+  );
+}
+function AccordionItem(props) {
+  const { size, ...itemProps } = props;
+  const styles = accordion({ size });
+  return /* @__PURE__ */ jsx(
+    ArkAccordion.Item,
+    {
+      ...itemProps,
+      className: cx(itemProps.className, styles.item)
+    }
+  );
+}
+function AccordionItemTrigger(props) {
+  const { size, ...triggerProps } = props;
+  const styles = accordion({ size });
+  return /* @__PURE__ */ jsx(
+    ArkAccordion.ItemTrigger,
+    {
+      ...triggerProps,
+      className: cx(triggerProps.className, styles.itemTrigger)
+    }
+  );
+}
+function AccordionItemIndicator(props) {
+  const { size, ...indicatorProps } = props;
+  const styles = accordion({ size });
+  const iconSize = size === "sm" ? 16 : "24";
+  return /* @__PURE__ */ jsx(
+    ArkAccordion.ItemIndicator,
+    {
+      ...indicatorProps,
+      className: cx(indicatorProps.className, styles.itemIndicator),
+      children: /* @__PURE__ */ jsx(ChevronDown, { size: iconSize })
+    }
+  );
+}
+function AccordionItemContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = accordion({ size });
+  return /* @__PURE__ */ jsx(
+    ArkAccordion.ItemContent,
+    {
+      ...contentProps,
+      className: cx(contentProps.className, styles.itemContent)
+    }
+  );
+}
+
+export {
+  Accordion,
+  AccordionItem,
+  AccordionItemTrigger,
+  AccordionItemIndicator,
+  AccordionItemContent
+};
+//# sourceMappingURL=chunk-ZTYKIWYQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { ChevronDown } from '@cerberus/icons'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *  <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n *     This is the content\n *  </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n  const { size, className, ...rootProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Root\n      collapsible\n      className={cx(className, styles.root)}\n      {...rootProps}\n    />\n  )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n  const { size, ...itemProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Item\n      {...itemProps}\n      className={cx(itemProps.className, styles.item)}\n    />\n  )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n  AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const { size, ...triggerProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemTrigger\n      {...triggerProps}\n      className={cx(triggerProps.className, styles.itemTrigger)}\n    />\n  )\n}\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n  AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n  const { size, ...indicatorProps } = props\n  const styles = accordion({ size })\n  const iconSize = size === 'sm' ? 16 : '24'\n\n  return (\n    <ArkAccordion.ItemIndicator\n      {...indicatorProps}\n      className={cx(indicatorProps.className, styles.itemIndicator)}\n    >\n      <ChevronDown size={iconSize} />\n    </ArkAccordion.ItemIndicator>\n  )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n  AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const { size, ...contentProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemContent\n      {...contentProps}\n      className={cx(contentProps.className, styles.itemContent)}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAqBH;AAJG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,aAAW;AAAA,MACX,WAAW,GAAG,WAAW,OAAO,IAAI;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAqBO,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,8BAAC,eAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;","names":[]}

package/build/modern/components/Accordion.js

@@ -0,0 +1,15 @@
+import {
+  Accordion,
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemIndicator,
+  AccordionItemTrigger
+} from "../chunk-ZTYKIWYQ.js";
+export {
+  Accordion,
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemIndicator,
+  AccordionItemTrigger
+};
+//# sourceMappingURL=Accordion.js.map

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

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

package/build/modern/components/AccordionItemGroup.js

@@ -0,0 +1,9 @@
+import {
+  AccordionItemGroup
+} from "../chunk-CSMPRYNC.js";
+import "../chunk-ZTYKIWYQ.js";
+import "../chunk-BUVVRQLZ.js";
+export {
+  AccordionItemGroup
+};
+//# sourceMappingURL=AccordionItemGroup.js.map

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

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

package/build/modern/components/Tooltip.js

@@ -1,6 +1,6 @@
 import {
   Tooltip
-} from "../chunk-KML4CTMK.js";
+} from "../chunk-LPALHB6R.js";
 export {
   Tooltip
 };

package/build/modern/context/confirm-modal.js

@@ -2,12 +2,12 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-GRUXP3NG.js";
+} from "../chunk-TM5AS6M6.js";
 import "../chunk-IQJDVFPP.js";
+import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
 import "../chunk-XY6WL55R.js";
 import "../chunk-2UXE5PDG.js";
-import "../chunk-BE4EOU2P.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-KGQG5JGW.js";
 import "../chunk-SPZYPRZ6.js";

package/build/modern/context/cta-modal.js

@@ -2,13 +2,13 @@
 import {
   CTAModal,
   useCTAModal
-} from "../chunk-WFJWCZ7E.js";
+} from "../chunk-622N7YRT.js";
 import "../chunk-IQJDVFPP.js";
+import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
 import "../chunk-XY6WL55R.js";
 import "../chunk-2UXE5PDG.js";
 import "../chunk-APD6IX5R.js";
-import "../chunk-BE4EOU2P.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-KGQG5JGW.js";
 import "../chunk-SPZYPRZ6.js";

package/build/modern/context/notification-center.js

@@ -2,11 +2,11 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-3XGLNXJJ.js";
-import "../chunk-SXIXDXG3.js";
-import "../chunk-IQJDVFPP.js";
+} from "../chunk-C3CDRCHS.js";
 import "../chunk-7SGPJM66.js";
 import "../chunk-XEW6TJJ4.js";
+import "../chunk-SXIXDXG3.js";
+import "../chunk-IQJDVFPP.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";

package/build/modern/context/prompt-modal.js

@@ -2,14 +2,14 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-FBSESDWJ.js";
+} from "../chunk-4QBPJVEN.js";
 import "../chunk-IQJDVFPP.js";
+import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
 import "../chunk-XY6WL55R.js";
 import "../chunk-2UXE5PDG.js";
 import "../chunk-NKM6PISB.js";
 import "../chunk-NMF2HYWO.js";
-import "../chunk-BE4EOU2P.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-KGQG5JGW.js";