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

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -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/legacy/components/Accordion.cjs

@@ -0,0 +1,101 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Accordion.tsx
+var Accordion_exports = {};
+__export(Accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionItem: () => AccordionItem,
+  AccordionItemContent: () => AccordionItemContent,
+  AccordionItemIndicator: () => AccordionItemIndicator,
+  AccordionItemTrigger: () => AccordionItemTrigger
+});
+module.exports = __toCommonJS(Accordion_exports);
+var import_react = require("@ark-ui/react");
+var import_icons = require("@cerberus/icons");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Accordion(props) {
+  const { size, className, ...rootProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Accordion.Root,
+    {
+      collapsible: true,
+      className: (0, import_css.cx)(className, styles.root),
+      ...rootProps
+    }
+  );
+}
+function AccordionItem(props) {
+  const { size, ...itemProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Accordion.Item,
+    {
+      ...itemProps,
+      className: (0, import_css.cx)(itemProps.className, styles.item)
+    }
+  );
+}
+function AccordionItemTrigger(props) {
+  const { size, ...triggerProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Accordion.ItemTrigger,
+    {
+      ...triggerProps,
+      className: (0, import_css.cx)(triggerProps.className, styles.itemTrigger)
+    }
+  );
+}
+function AccordionItemIndicator(props) {
+  const { size, ...indicatorProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  const iconSize = size === "sm" ? 16 : "24";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Accordion.ItemIndicator,
+    {
+      ...indicatorProps,
+      className: (0, import_css.cx)(indicatorProps.className, styles.itemIndicator),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronDown, { size: iconSize })
+    }
+  );
+}
+function AccordionItemContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Accordion.ItemContent,
+    {
+      ...contentProps,
+      className: (0, import_css.cx)(contentProps.className, styles.itemContent)
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemIndicator,
+  AccordionItemTrigger
+});
+//# sourceMappingURL=Accordion.cjs.map

package/build/legacy/components/Accordion.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAC1C,mBAA4B;AAC5B,iBAAmB;AACnB,qBAGO;AAqBH;AAJG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACC,aAAW;AAAA,MACX,eAAW,eAAG,WAAW,OAAO,IAAI;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAqBO,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,sDAAC,4BAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;","names":["ArkAccordion"]}

package/build/legacy/components/AccordionItemGroup.cjs

@@ -0,0 +1,119 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/AccordionItemGroup.tsx
+var AccordionItemGroup_exports = {};
+__export(AccordionItemGroup_exports, {
+  AccordionItemGroup: () => AccordionItemGroup
+});
+module.exports = __toCommonJS(AccordionItemGroup_exports);
+
+// src/components/Show.tsx
+var import_react = require("react");
+function Show(props) {
+  const { when, children, fallback } = props;
+  const condition = (0, import_react.useMemo)(() => when ?? false, [when]);
+  return (0, import_react.useMemo)(() => {
+    if (condition) return children;
+    return fallback ?? null;
+  }, [condition, children, fallback]);
+}
+
+// src/components/Accordion.tsx
+var import_react2 = require("@ark-ui/react");
+var import_icons = require("@cerberus/icons");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function AccordionItem(props) {
+  const { size, ...itemProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react2.Accordion.Item,
+    {
+      ...itemProps,
+      className: (0, import_css.cx)(itemProps.className, styles.item)
+    }
+  );
+}
+function AccordionItemTrigger(props) {
+  const { size, ...triggerProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react2.Accordion.ItemTrigger,
+    {
+      ...triggerProps,
+      className: (0, import_css.cx)(triggerProps.className, styles.itemTrigger)
+    }
+  );
+}
+function AccordionItemIndicator(props) {
+  const { size, ...indicatorProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  const iconSize = size === "sm" ? 16 : "24";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react2.Accordion.ItemIndicator,
+    {
+      ...indicatorProps,
+      className: (0, import_css.cx)(indicatorProps.className, styles.itemIndicator),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronDown, { size: iconSize })
+    }
+  );
+}
+function AccordionItemContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react2.Accordion.ItemContent,
+    {
+      ...contentProps,
+      className: (0, import_css.cx)(contentProps.className, styles.itemContent)
+    }
+  );
+}
+
+// src/components/AccordionItemGroup.tsx
+var import_css2 = require("@cerberus/styled-system/css");
+var import_jsx_runtime2 = require("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__ */ (0, import_jsx_runtime2.jsxs)(AccordionItem, { ...itemProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AccordionItemTrigger, { className: (0, import_css2.css)(triggerStyles), size, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionItemIndicator, { size }) }),
+      heading,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionItemIndicator, { size }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionItemContent, { size, children })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccordionItemGroup
+});
+//# sourceMappingURL=AccordionItemGroup.cjs.map

package/build/legacy/components/AccordionItemGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/AccordionItemGroup.tsx","../../../src/components/Show.tsx","../../../src/components/Accordion.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","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n","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;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAAgE;AA4BzD,SAAS,KAAK,OAAgD;AACnE,QAAM,EAAE,MAAM,UAAU,SAAS,IAAI;AACrC,QAAM,gBAAY,sBAAQ,MAAM,QAAQ,OAAO,CAAC,IAAI,CAAC;AAErD,aAAO,sBAAQ,MAAM;AACnB,QAAI,UAAW,QAAO;AACtB,WAAO,YAAY;AAAA,EACrB,GAAG,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;;;ACtCA,IAAAA,gBAA0C;AAC1C,mBAA4B;AAC5B,iBAAmB;AACnB,qBAGO;AAqBH;AA2BG,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAC,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,sDAAC,4BAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;;;AFtJA,IAAAC,cAAoB;AAqDd,IAAAC,sBAAA;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,8CAAC,iBAAe,GAAG,WACjB;AAAA,kDAAC,wBAAqB,eAAW,iBAAI,aAAa,GAAG,MACnD;AAAA,mDAAC,QAAK,MAAM,sBAAsB,SAChC,uDAAC,0BAAuB,MAAY,GACtC;AAAA,MAEC;AAAA,MAED,6CAAC,QAAK,MAAM,sBAAsB,OAChC,uDAAC,0BAAuB,MAAY,GACtC;AAAA,OACF;AAAA,IAEA,6CAAC,wBAAqB,MAAa,UAAS;AAAA,KAC9C;AAEJ;","names":["import_react","ArkAccordion","import_css","import_jsx_runtime"]}

package/build/legacy/components/Tooltip.cjs

@@ -28,13 +28,13 @@ var import_css = require("@cerberus/styled-system/css");
 var import_recipes = require("@cerberus/styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Tooltip(props) {
-  const { content, children, ...nativeProps } = props;
+  const { content, children, asChild, ...nativeProps } = props;
   const styles = (0, import_recipes.tooltip)();
   const position = {
     placement: props.position || "top"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tooltip.Tooltip.Root, { openDelay: 400, positioning: position, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Trigger, { className: styles.trigger, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Trigger, { className: styles.trigger, asChild, children }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_tooltip.Tooltip.Content,
       {

package/build/legacy/components/Tooltip.cjs.map

@@ -1 +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, ...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}>\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;AAAA;AAAA;AAAA;AAAA,qBAGO;AACP,iBAAmB;AACnB,qBAAwB;AAqClB;AATC,SAAS,QAAQ,OAA2C;AACjE,QAAM,EAAE,SAAS,UAAU,GAAG,YAAY,IAAI;AAC9C,QAAM,aAAS,wBAAQ;AACvB,QAAM,WAAW;AAAA,IACf,WAAW,MAAM,YAAY;AAAA,EAC/B;AAEA,SACE,6CAAC,eAAAA,QAAW,MAAX,EAAgB,WAAW,KAAK,aAAa,UAC5C;AAAA,gDAAC,eAAAA,QAAW,SAAX,EAAmB,WAAW,OAAO,SACnC,UACH;AAAA,IAEA,4CAAC,eAAAA,QAAW,YAAX,EACC;AAAA,MAAC,eAAAA,QAAW;AAAA,MAAX;AAAA,QACE,GAAG;AAAA,QACJ,eAAW,eAAG,YAAY,WAAW,OAAO,OAAO;AAAA,QAEnD;AAAA,sDAAC,eAAAA,QAAW,OAAX,EAAiB,WAAW,OAAO,OAClC,sDAAC,eAAAA,QAAW,UAAX,EAAoB,WAAW,OAAO,UAAU,GACnD;AAAA,UAEC;AAAA;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":["ArkTooltip"]}
+{"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;AAAA;AAAA;AAAA;AAAA,qBAGO;AACP,iBAAmB;AACnB,qBAAwB;AAqClB;AATC,SAAS,QAAQ,OAA2C;AACjE,QAAM,EAAE,SAAS,UAAU,SAAS,GAAG,YAAY,IAAI;AACvD,QAAM,aAAS,wBAAQ;AACvB,QAAM,WAAW;AAAA,IACf,WAAW,MAAM,YAAY;AAAA,EAC/B;AAEA,SACE,6CAAC,eAAAA,QAAW,MAAX,EAAgB,WAAW,KAAK,aAAa,UAC5C;AAAA,gDAAC,eAAAA,QAAW,SAAX,EAAmB,WAAW,OAAO,SAAS,SAC5C,UACH;AAAA,IAEA,4CAAC,eAAAA,QAAW,YAAX,EACC;AAAA,MAAC,eAAAA,QAAW;AAAA,MAAX;AAAA,QACE,GAAG;AAAA,QACJ,eAAW,eAAG,YAAY,WAAW,OAAO,OAAO;AAAA,QAEnD;AAAA,sDAAC,eAAAA,QAAW,OAAX,EAAiB,WAAW,OAAO,OAClC,sDAAC,eAAAA,QAAW,UAAX,EAAoB,WAAW,OAAO,UAAU,GACnD;AAAA,UAEC;AAAA;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":["ArkTooltip"]}