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

package/build/legacy/components/Accordion.client.cjs

@@ -1,64 +0,0 @@
-"use strict";
-"use client";
-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.client.tsx
-var Accordion_client_exports = {};
-__export(Accordion_client_exports, {
-  AccordionItemIndicator: () => AccordionItemIndicator
-});
-module.exports = __toCommonJS(Accordion_client_exports);
-var import_react2 = require("@ark-ui/react");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
-
-// src/context/cerberus.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CerberusContext = (0, import_react.createContext)(null);
-function useCerberusContext() {
-  const context = (0, import_react.useContext)(CerberusContext);
-  if (!context) {
-    throw new Error("useCerberus must be used within a CerberusProvider");
-  }
-  return context;
-}
-
-// src/components/Accordion.client.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function AccordionItemIndicator(props) {
-  const { size, ...indicatorProps } = props;
-  const styles = (0, import_recipes.accordion)({ size });
-  const iconSize = size === "sm" ? 16 : "24";
-  const { icons } = useCerberusContext();
-  const ChevronDown = icons.accordionIndicator;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react2.Accordion.ItemIndicator,
-    {
-      ...indicatorProps,
-      className: (0, import_css.cx)(indicatorProps.className, styles.itemIndicator),
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDown, { size: iconSize })
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AccordionItemIndicator
-});
-//# sourceMappingURL=Accordion.client.cjs.map

package/build/legacy/components/Accordion.client.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Accordion.client.tsx","../../../src/context/cerberus.tsx"],"sourcesContent":["'use client'\n\nimport { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\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  const { icons } = useCerberusContext()\n  const ChevronDown = icons.accordionIndicator\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","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAAA,gBAA0C;AAC1C,iBAAmB;AACnB,qBAGO;;;ACLP,mBAAkE;AAyB9D;AAfJ,IAAM,sBAAkB,4BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,yBAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;ADDM,IAAAC,sBAAA;AAZC,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AACtC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,cAAc,MAAM;AAE1B,SACE;AAAA,IAAC,cAAAC,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,uDAAC,eAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;","names":["import_react","import_jsx_runtime","ArkAccordion"]}

package/build/legacy/components/AccordionItemGroup.cjs

@@ -1,142 +0,0 @@
-"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_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 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_css3 = require("@cerberus/styled-system/css");
-
-// src/components/Accordion.client.tsx
-var import_react4 = require("@ark-ui/react");
-var import_css2 = require("@cerberus/styled-system/css");
-var import_recipes2 = require("@cerberus/styled-system/recipes");
-
-// src/context/cerberus.tsx
-var import_react3 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var CerberusContext = (0, import_react3.createContext)(null);
-function useCerberusContext() {
-  const context = (0, import_react3.useContext)(CerberusContext);
-  if (!context) {
-    throw new Error("useCerberus must be used within a CerberusProvider");
-  }
-  return context;
-}
-
-// src/components/Accordion.client.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function AccordionItemIndicator(props) {
-  const { size, ...indicatorProps } = props;
-  const styles = (0, import_recipes2.accordion)({ size });
-  const iconSize = size === "sm" ? 16 : "24";
-  const { icons } = useCerberusContext();
-  const ChevronDown = icons.accordionIndicator;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react4.Accordion.ItemIndicator,
-    {
-      ...indicatorProps,
-      className: (0, import_css2.cx)(indicatorProps.className, styles.itemIndicator),
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronDown, { size: iconSize })
-    }
-  );
-}
-
-// src/components/AccordionItemGroup.tsx
-var import_jsx_runtime4 = 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_runtime4.jsxs)(AccordionItem, { ...itemProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AccordionItemTrigger, { className: (0, import_css3.css)(triggerStyles), size, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccordionItemIndicator, { size }) }),
-      heading,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccordionItemIndicator, { size }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/AccordionItemGroup.tsx","../../../src/components/Show.tsx","../../../src/components/Accordion.tsx","../../../src/components/Accordion.client.tsx","../../../src/context/cerberus.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  AccordionItemTrigger,\n} from './Accordion'\nimport { css } from '@cerberus/styled-system/css'\nimport { AccordionItemIndicator } from './Accordion.client'\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 { 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 [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\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 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","'use client'\n\nimport { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\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  const { icons } = useCerberusContext()\n  const ChevronDown = icons.accordionIndicator\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","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n"],"mappings":"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","names":["import_react","ArkAccordion","import_css","import_react","import_css","import_recipes","import_react","import_jsx_runtime","import_jsx_runtime","ArkAccordion","import_jsx_runtime"]}

package/build/modern/chunk-AZRFYQO7.js

@@ -1,60 +0,0 @@
-// src/components/Accordion.tsx
-import { Accordion as ArkAccordion } from "@ark-ui/react";
-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 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,
-  AccordionItemContent
-};
-//# sourceMappingURL=chunk-AZRFYQO7.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\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 [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\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 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,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAqBH;AALG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AAEjC,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,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/chunk-WN7TJX6J.js

@@ -1,41 +0,0 @@
-import {
-  AccordionItemIndicator
-} from "./chunk-XZGXRRSQ.js";
-import {
-  AccordionItem,
-  AccordionItemContent,
-  AccordionItemTrigger
-} from "./chunk-AZRFYQO7.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-WN7TJX6J.js.map

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

@@ -1 +0,0 @@
-{"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  AccordionItemTrigger,\n} from './Accordion'\nimport { css } from '@cerberus/styled-system/css'\nimport { AccordionItemIndicator } from './Accordion.client'\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":";;;;;;;;;;;;;AASA,SAAS,WAAW;AAsDd,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-XZGXRRSQ.js

@@ -1,31 +0,0 @@
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-
-// src/components/Accordion.client.tsx
-import { Accordion as ArkAccordion } from "@ark-ui/react";
-import { cx } from "@cerberus/styled-system/css";
-import {
-  accordion
-} from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function AccordionItemIndicator(props) {
-  const { size, ...indicatorProps } = props;
-  const styles = accordion({ size });
-  const iconSize = size === "sm" ? 16 : "24";
-  const { icons } = useCerberusContext();
-  const ChevronDown = icons.accordionIndicator;
-  return /* @__PURE__ */ jsx(
-    ArkAccordion.ItemIndicator,
-    {
-      ...indicatorProps,
-      className: cx(indicatorProps.className, styles.itemIndicator),
-      children: /* @__PURE__ */ jsx(ChevronDown, { size: iconSize })
-    }
-  );
-}
-
-export {
-  AccordionItemIndicator
-};
-//# sourceMappingURL=chunk-XZGXRRSQ.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Accordion.client.tsx"],"sourcesContent":["'use client'\n\nimport { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\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  const { icons } = useCerberusContext()\n  const ChevronDown = icons.accordionIndicator\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"],"mappings":";;;;;AAEA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAmCD;AAZC,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AACtC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,cAAc,MAAM;AAE1B,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;","names":[]}

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

@@ -1,9 +0,0 @@
-"use client";
-import {
-  AccordionItemIndicator
-} from "../chunk-XZGXRRSQ.js";
-import "../chunk-GITT5645.js";
-export {
-  AccordionItemIndicator
-};
-//# sourceMappingURL=Accordion.client.js.map

package/build/modern/components/Accordion.js

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

package/build/modern/components/AccordionItemGroup.js

@@ -1,11 +0,0 @@
-import {
-  AccordionItemGroup
-} from "../chunk-WN7TJX6J.js";
-import "../chunk-XZGXRRSQ.js";
-import "../chunk-AZRFYQO7.js";
-import "../chunk-GITT5645.js";
-import "../chunk-BUVVRQLZ.js";
-export {
-  AccordionItemGroup
-};
-//# sourceMappingURL=AccordionItemGroup.js.map

package/src/components/Accordion.client.tsx

@@ -1,46 +0,0 @@
-'use client'
-
-import { Accordion as ArkAccordion } from '@ark-ui/react'
-import { cx } from '@cerberus/styled-system/css'
-import {
-  accordion,
-  type AccordionVariantProps,
-} from '@cerberus/styled-system/recipes'
-import { useCerberusContext } from '../context/cerberus'
-
-export type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &
-  AccordionVariantProps
-
-/**
- * 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>
- * ```
- * */
-export function AccordionItemIndicator(props: AccordionItemIndicatorProps) {
-  const { size, ...indicatorProps } = props
-  const styles = accordion({ size })
-  const iconSize = size === 'sm' ? 16 : '24'
-  const { icons } = useCerberusContext()
-  const ChevronDown = icons.accordionIndicator
-
-  return (
-    <ArkAccordion.ItemIndicator
-      {...indicatorProps}
-      className={cx(indicatorProps.className, styles.itemIndicator)}
-    >
-      <ChevronDown size={iconSize} />
-    </ArkAccordion.ItemIndicator>
-  )
-}

package/src/components/Accordion.tsx

@@ -1,125 +0,0 @@
-import { Accordion as ArkAccordion } from '@ark-ui/react'
-import { cx } from '@cerberus/styled-system/css'
-import {
-  accordion,
-  type AccordionVariantProps,
-} from '@cerberus/styled-system/recipes'
-
-export type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps
-
-/**
- * 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>
- * ```
- */
-export function Accordion(props: AccordionProps) {
-  const { size, className, ...rootProps } = props
-  const styles = accordion({ size })
-
-  return (
-    <ArkAccordion.Root
-      collapsible
-      className={cx(className, styles.root)}
-      {...rootProps}
-    />
-  )
-}
-
-type AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps
-
-/**
- * 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>
- * ```
- */
-export function AccordionItem(props: AccordionItemProps) {
-  const { size, ...itemProps } = props
-  const styles = accordion({ size })
-  return (
-    <ArkAccordion.Item
-      {...itemProps}
-      className={cx(itemProps.className, styles.item)}
-    />
-  )
-}
-
-export type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &
-  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>
- * ```
- */
-export function AccordionItemTrigger(props: AccordionItemTriggerProps) {
-  const { size, ...triggerProps } = props
-  const styles = accordion({ size })
-  return (
-    <ArkAccordion.ItemTrigger
-      {...triggerProps}
-      className={cx(triggerProps.className, styles.itemTrigger)}
-    />
-  )
-}
-
-export type AccordionItemContentProps = ArkAccordion.ItemContentProps &
-  AccordionVariantProps
-
-/**
- * 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>
- * ```
- * */
-export function AccordionItemContent(props: AccordionItemContentProps) {
-  const { size, ...contentProps } = props
-  const styles = accordion({ size })
-  return (
-    <ArkAccordion.ItemContent
-      {...contentProps}
-      className={cx(contentProps.className, styles.itemContent)}
-    />
-  )
-}