@cerberus-design/react 0.16.0-next-d049636 → 0.17.0-next-e7f9956

package/build/legacy/components/Tag.cjs

@@ -24,36 +24,59 @@ __export(Tag_exports, {
   Tag: () => Tag
 });
 module.exports = __toCommonJS(Tag_exports);
+var import_factory2 = require("@ark-ui/react/factory");
+var import_css2 = require("@cerberus/styled-system/css");
+var import_recipes2 = require("@cerberus/styled-system/recipes");
 
-// src/components/Show.tsx
+// 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/Show.tsx
+var import_react2 = require("react");
 function Show(props) {
   const { when, children, fallback } = props;
-  const condition = (0, import_react.useMemo)(() => when ?? false, [when]);
-  return (0, import_react.useMemo)(() => {
+  const condition = (0, import_react2.useMemo)(() => when ?? false, [when]);
+  return (0, import_react2.useMemo)(() => {
     if (condition) return children;
     return fallback ?? null;
   }, [condition, children, fallback]);
 }
 
-// src/components/Tag.tsx
+// src/components/IconButton.tsx
+var import_factory = require("@ark-ui/react/factory");
 var import_css = require("@cerberus/styled-system/css");
 var import_recipes = require("@cerberus/styled-system/recipes");
-
-// src/context/cerberus.tsx
-var import_react2 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CerberusContext = (0, import_react2.createContext)(null);
-function useCerberusContext() {
-  const context = (0, import_react2.useContext)(CerberusContext);
-  if (!context) {
-    throw new Error("useCerberus must be used within a CerberusProvider");
-  }
-  return context;
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function IconButton(props) {
+  const { ariaLabel, palette, usage, size, ...nativeProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_factory.ark.button,
+    {
+      ...nativeProps,
+      "aria-label": ariaLabel ?? "Icon Button",
+      className: (0, import_css.cx)(
+        nativeProps.className,
+        (0, import_recipes.iconButton)({
+          palette,
+          usage,
+          size
+        })
+      )
+    }
+  );
 }
 
 // src/components/Tag.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Tag(props) {
   const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props;
   const palette = (props == null ? void 0 : props.palette) ?? "page";
@@ -62,13 +85,13 @@ function Tag(props) {
   const closableStyles = isClosable ? closableCss : "";
   const { icons } = useCerberusContext();
   const { close: Close } = icons;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "span",
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_factory2.ark.span,
     {
       ...nativeProps,
-      className: (0, import_css.cx)(
+      className: (0, import_css2.cx)(
         nativeProps.className,
-        (0, import_recipes.tag)({
+        (0, import_recipes2.tag)({
           gradient,
           palette,
           shape,
@@ -78,24 +101,22 @@ function Tag(props) {
       ),
       children: [
         props.children,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: isClosable, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "button",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Show, { when: isClosable, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          IconButton,
           {
-            "aria-label": "Close",
-            className: (0, import_recipes.iconButton)({
-              palette: "action",
-              usage: "filled",
-              size: "sm"
-            }),
+            ariaLabel: "Close",
             onClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Close, {})
+            palette: "action",
+            usage: "filled",
+            size: "sm",
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Close, {})
           }
         ) })
       ]
     }
   );
 }
-var closableCss = (0, import_css.css)({
+var closableCss = (0, import_css2.css)({
   bgColor: "action.bg.active",
   color: "action.text.initial",
   paddingInlineEnd: "0"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Tag.tsx","../../../src/components/Show.tsx","../../../src/context/cerberus.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  HTMLAttributes,\n  MouseEventHandler,\n  PropsWithChildren,\n} from 'react'\nimport { Show } from './Show'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport {\n  iconButton,\n  tag,\n  type TagVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\n\n/**\n * This module contains the tag component.\n * @module\n */\n\nexport type StaticTagProps = HTMLAttributes<HTMLSpanElement> &\n  TagVariantProps & {\n    /**\n     * The action to be performed when the tag is clicked. Not available when\n     * the palette or gradient props are provided.\n     */\n    onClick?: never\n  }\n\nexport type ClickableTagProps = HTMLAttributes<HTMLSpanElement> & {\n  /**\n   * The gradient to apply to the tag. Not available when the onClick prop is\n   * provided.\n   */\n  gradient?: never\n  /**\n   * The palette to use for the tag. Not available when the onClick prop is\n   * provided.\n   */\n  palette?: never\n  /**\n   * The action to be performed when the tag is clicked.\n   */\n  onClick: MouseEventHandler<HTMLSpanElement>\n  /**\n   * The shape of the tag. Not available when the onClick prop is provided.\n   * @type 'pill' | 'rounded'\n   * @default 'pill'\n   */\n  shape?: never\n  /**\n   * The usage of the tag. Not available when the onClick prop is provided.\n   * @type 'filled' | 'outlined'\n   * @default 'filled'\n   */\n  usage?: never\n}\n\nexport type TagProps = StaticTagProps | ClickableTagProps\n\n/**\n * The Tag component is used to display a meta descriptions.\n * @see https://cerberus.digitalu.design/react/tag\n * @example\n * ```tsx\n * <Tag>Tag</Tag>\n * ```\n */\nexport function Tag(props: PropsWithChildren<TagProps>): JSX.Element {\n  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props\n  const palette = props?.palette ?? 'page'\n  const isClosable = Boolean(onClick)\n  const shape = isClosable ? 'pill' : initShape\n  const closableStyles = isClosable ? closableCss : ''\n  const { icons } = useCerberusContext()\n  const { close: Close } = icons\n\n  return (\n    <span\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        tag({\n          gradient,\n          palette,\n          shape,\n          usage,\n        }),\n        closableStyles,\n      )}\n    >\n      {props.children}\n\n      <Show when={isClosable}>\n        <button\n          aria-label=\"Close\"\n          className={iconButton({\n            palette: 'action',\n            usage: 'filled',\n            size: 'sm',\n          })}\n          onClick={onClick}\n        >\n          <Close />\n        </button>\n      </Show>\n    </span>\n  )\n}\n\nconst closableCss = css({\n  bgColor: 'action.bg.active',\n  color: 'action.text.initial',\n  paddingInlineEnd: '0',\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","'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;;;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;;;AD9BA,iBAAwB;AACxB,qBAIO;;;AEXP,IAAAA,gBAAkE;AAyB9D;AAfJ,IAAM,sBAAkB,6BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,0BAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;AFoCI,IAAAC,sBAAA;AAVG,SAAS,IAAI,OAAiD;AACnE,QAAM,EAAE,OAAO,WAAW,UAAU,SAAS,OAAO,GAAG,YAAY,IAAI;AACvE,QAAM,WAAU,+BAAO,YAAW;AAClC,QAAM,aAAa,QAAQ,OAAO;AAClC,QAAM,QAAQ,aAAa,SAAS;AACpC,QAAM,iBAAiB,aAAa,cAAc;AAClD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,MAAM,IAAI;AAEzB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,oBAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MAEC;AAAA,cAAM;AAAA,QAEP,6CAAC,QAAK,MAAM,YACV;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,eAAW,2BAAW;AAAA,cACpB,SAAS;AAAA,cACT,OAAO;AAAA,cACP,MAAM;AAAA,YACR,CAAC;AAAA,YACD;AAAA,YAEA,uDAAC,SAAM;AAAA;AAAA,QACT,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,kBAAc,gBAAI;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,kBAAkB;AACpB,CAAC;","names":["import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/Tag.tsx","../../../src/context/cerberus.tsx","../../../src/components/Show.tsx","../../../src/components/IconButton.tsx"],"sourcesContent":["'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport type { MouseEventHandler, PropsWithChildren } from 'react'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { tag, type TagVariantProps } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\nimport { Show } from './Show'\nimport { IconButton } from './IconButton'\n\n/**\n * This module contains the tag component.\n * @module\n */\n\nexport type StaticTagProps = HTMLArkProps<'span'> &\n  TagVariantProps & {\n    /**\n     * The action to be performed when the tag is clicked. Not available when\n     * the palette or gradient props are provided.\n     */\n    onClick?: never\n  }\n\nexport type ClickableTagProps = HTMLArkProps<'span'> & {\n  /**\n   * The gradient to apply to the tag. Not available when the onClick prop is\n   * provided.\n   */\n  gradient?: never\n  /**\n   * The palette to use for the tag. Not available when the onClick prop is\n   * provided.\n   */\n  palette?: never\n  /**\n   * The action to be performed when the tag is clicked.\n   */\n  onClick: MouseEventHandler<HTMLSpanElement>\n  /**\n   * The shape of the tag. Not available when the onClick prop is provided.\n   * @type 'pill' | 'rounded'\n   * @default 'pill'\n   */\n  shape?: never\n  /**\n   * The usage of the tag. Not available when the onClick prop is provided.\n   * @type 'filled' | 'outlined'\n   * @default 'filled'\n   */\n  usage?: never\n}\n\nexport type TagProps = StaticTagProps | ClickableTagProps\n\n/**\n * The Tag component is used to display a meta descriptions.\n * @see https://cerberus.digitalu.design/react/tag\n * @example\n * ```tsx\n * <Tag>Tag</Tag>\n * ```\n */\nexport function Tag(props: PropsWithChildren<TagProps>) {\n  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props\n  const palette = props?.palette ?? 'page'\n  const isClosable = Boolean(onClick)\n  const shape = isClosable ? 'pill' : initShape\n  const closableStyles = isClosable ? closableCss : ''\n  const { icons } = useCerberusContext()\n  const { close: Close } = icons\n\n  return (\n    <ark.span\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        tag({\n          gradient,\n          palette,\n          shape,\n          usage,\n        }),\n        closableStyles,\n      )}\n    >\n      {props.children}\n\n      <Show when={isClosable}>\n        <IconButton\n          ariaLabel=\"Close\"\n          onClick={onClick}\n          palette=\"action\"\n          usage=\"filled\"\n          size=\"sm\"\n        >\n          <Close />\n        </IconButton>\n      </Show>\n    </ark.span>\n  )\n}\n\nconst closableCss = css({\n  bgColor: 'action.bg.active',\n  color: 'action.text.initial',\n  paddingInlineEnd: '0',\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","'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 { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  iconButton,\n  type IconButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps extends HTMLArkProps<'button'> {\n  /**\n   * The aria-label attribute for the icon button.\n   */\n  ariaLabel: string\n}\nexport type IconButtonProps = IconButtonRawProps & IconButtonVariantProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @see https://cerberus.digitalu.design/react/icon-button\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <ark.button\n      {...nativeProps}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAAA,kBAAuC;AAEvC,IAAAC,cAAwB;AACxB,IAAAC,kBAA0C;;;ACH1C,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;;;ACzCA,IAAAC,gBAAgE;AA4BzD,SAAS,KAAK,OAAgD;AACnE,QAAM,EAAE,MAAM,UAAU,SAAS,IAAI;AACrC,QAAM,gBAAY,uBAAQ,MAAM,QAAQ,OAAO,CAAC,IAAI,CAAC;AAErD,aAAO,uBAAQ,MAAM;AACnB,QAAI,UAAW,QAAO;AACtB,WAAO,YAAY;AAAA,EACrB,GAAG,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;;;ACtCA,qBAAuC;AACvC,iBAAmB;AACnB,qBAGO;AAsBH,IAAAC,sBAAA;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,aAAa;AAAA,MACzB,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,2BAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;;;AHiCI,IAAAC,sBAAA;AAVG,SAAS,IAAI,OAAoC;AACtD,QAAM,EAAE,OAAO,WAAW,UAAU,SAAS,OAAO,GAAG,YAAY,IAAI;AACvE,QAAM,WAAU,+BAAO,YAAW;AAClC,QAAM,aAAa,QAAQ,OAAO;AAClC,QAAM,QAAQ,aAAa,SAAS;AACpC,QAAM,iBAAiB,aAAa,cAAc;AAClD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,MAAM,IAAI;AAEzB,SACE;AAAA,IAAC,oBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,qBAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MAEC;AAAA,cAAM;AAAA,QAEP,6CAAC,QAAK,MAAM,YACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YAEL,uDAAC,SAAM;AAAA;AAAA,QACT,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,kBAAc,iBAAI;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,kBAAkB;AACpB,CAAC;","names":["import_factory","import_css","import_recipes","import_react","import_jsx_runtime","import_jsx_runtime"]}

package/build/legacy/components/Tag.d.cts

@@ -0,0 +1,4 @@
+export { Tag_alias_1 as Tag } from '../_tsup-dts-rollup.cjs';
+export { StaticTagProps_alias_1 as StaticTagProps } from '../_tsup-dts-rollup.cjs';
+export { ClickableTagProps_alias_1 as ClickableTagProps } from '../_tsup-dts-rollup.cjs';
+export { TagProps_alias_1 as TagProps } from '../_tsup-dts-rollup.cjs';

package/build/legacy/components/Text.d.cts

@@ -0,0 +1,4 @@
+export { Text_alias_1 as Text } from '../_tsup-dts-rollup.cjs';
+export { Headings_alias_1 as Headings } from '../_tsup-dts-rollup.cjs';
+export { TextElements_alias_1 as TextElements } from '../_tsup-dts-rollup.cjs';
+export { TextProps_alias_1 as TextProps } from '../_tsup-dts-rollup.cjs';

package/build/legacy/components/Tooltip.d.cts

@@ -0,0 +1,2 @@
+export { Tooltip_alias_1 as Tooltip } from '../_tsup-dts-rollup.cjs';
+export { TooltipProps_alias_1 as TooltipProps } from '../_tsup-dts-rollup.cjs';

package/build/legacy/components/accordion/index.d.cts

@@ -0,0 +1,9 @@
+export { AccordionParts_alias_1 as AccordionParts } from '../../_tsup-dts-rollup.cjs';
+export { AccordionRoot_alias_1 as AccordionRoot } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItem_alias_1 as AccordionItem } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemTrigger_alias_1 as AccordionItemTrigger } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemIndicator_alias_1 as AccordionItemIndicator } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemContent_alias_1 as AccordionItemContent } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemGroup_alias_1 as AccordionItemGroup } from '../../_tsup-dts-rollup.cjs';
+export { Accordion_alias_1 as Accordion } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemGroupProps_alias_1 as AccordionItemGroupProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/accordion/item-group.d.cts

@@ -0,0 +1,3 @@
+export { AccordionItemGroup_alias_2 as AccordionItemGroup } from '../../_tsup-dts-rollup.cjs';
+export { Accordion_alias_2 as Accordion } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemGroupProps_alias_2 as AccordionItemGroupProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/accordion/item-indicator.d.cts

@@ -0,0 +1 @@
+export { AccordionChevronItemIndicator } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/accordion/parts.d.cts

@@ -0,0 +1 @@
+export { AccordionParts_alias_2 as AccordionParts } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/accordion/primitives.d.cts

@@ -0,0 +1,5 @@
+export { AccordionRoot_alias_2 as AccordionRoot } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItem_alias_2 as AccordionItem } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemTrigger_alias_2 as AccordionItemTrigger } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemIndicator_alias_2 as AccordionItemIndicator } from '../../_tsup-dts-rollup.cjs';
+export { AccordionItemContent_alias_2 as AccordionItemContent } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/admonition/admonition.cjs

@@ -113,6 +113,9 @@ function Show(props) {
   }, [condition, children, fallback]);
 }
 
+// src/components/admonition/match-avatar.tsx
+var import_react3 = require("react");
+
 // src/context/cerberus.tsx
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -125,101 +128,67 @@ function useCerberusContext() {
   return context;
 }
 
-// src/components/Avatar.tsx
-var import_css2 = require("@cerberus/styled-system/css");
-var import_patterns = require("@cerberus/styled-system/patterns");
+// src/components/avatar/primitives.tsx
+var import_avatar = require("@ark-ui/react/avatar");
 var import_recipes2 = require("@cerberus/styled-system/recipes");
+var import_css2 = require("@cerberus/styled-system/css");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-function Avatar(props) {
-  const {
-    ariaLabel,
-    as,
-    gradient,
-    size,
-    src,
-    width,
-    height,
-    icon,
-    ...nativeProps
-  } = props;
-  const { icons } = useCerberusContext();
-  const { avatar: AvatarIcon } = icons;
-  const initials = (ariaLabel || "").split(" ").map((word) => word[0]).join("").slice(0, 2);
+function AvatarRoot(props) {
+  const { gradient, shape, size, ...rootProps } = props;
+  const styles = (0, import_recipes2.avatar)({ gradient, shape, size });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "div",
+    import_avatar.Avatar.Root,
     {
-      ...nativeProps,
-      className: (0, import_css2.cx)(
-        nativeProps.className,
-        (0, import_recipes2.avatar)({ gradient, size }),
-        (0, import_patterns.circle)()
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        Show,
-        {
-          when: Boolean(src) || Boolean(as),
-          fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            Show,
-            {
-              when: Boolean(initials),
-              fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                Show,
-                {
-                  when: Boolean(icon),
-                  fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                    AvatarIcon,
-                    {
-                      size: iconSizeMap[size]
-                    }
-                  ),
-                  children: icon
-                }
-              ),
-              children: initials
-            }
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            Show,
-            {
-              when: Boolean(as),
-              fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                "img",
-                {
-                  alt: props.ariaLabel,
-                  className: (0, import_css2.css)({
-                    h: "full",
-                    objectFit: "cover",
-                    w: "full"
-                  }),
-                  decoding: "async",
-                  loading: "lazy",
-                  src,
-                  height,
-                  width
-                }
-              ),
-              children: as
-            }
-          )
-        }
-      )
+      ...rootProps,
+      className: (0, import_css2.cx)(styles.root, rootProps.className)
     }
   );
 }
-var iconSizeMap = {
-  xs: 16,
-  sm: 16,
-  md: 20,
-  lg: 34,
-  xl: 32,
-  "2xl": 32,
-  "3xl": 32,
-  "4xl": 32
+function AvatarImage(props) {
+  const styles = (0, import_recipes2.avatar)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_avatar.Avatar.Image, { ...props, className: (0, import_css2.cx)(styles.image, props.className) });
+}
+function AvatarFallback(props) {
+  const styles = (0, import_recipes2.avatar)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_avatar.Avatar.Fallback,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.fallback, props.className)
+    }
+  );
+}
+
+// src/components/avatar/parts.ts
+var AvatarParts = {
+  Root: AvatarRoot,
+  Image: AvatarImage,
+  Fallback: AvatarFallback
 };
 
-// src/components/admonition/match-avatar.tsx
-var import_react3 = require("react");
+// src/components/avatar/avatar.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function Avatar2(props) {
+  const [imgProps, { fallback, children }, rootProps] = splitProps(
+    props,
+    ["alt", "src"],
+    ["fallback", "children"]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AvatarParts.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    Show,
+    {
+      when: Boolean(children),
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AvatarParts.Fallback, { children: fallback }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AvatarParts.Image, { ...imgProps })
+      ] }),
+      children
+    }
+  ) });
+}
+
+// src/components/admonition/match-avatar.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function MatchAvatar(props) {
   const { palette = "page" } = props;
   const { icons } = useCerberusContext();
@@ -230,80 +199,35 @@ function MatchAvatar(props) {
     dangerNotification: DangerIcon
   } = icons;
   const elRef = (0, import_react3.useRef)({
-    page: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      Avatar,
-      {
-        gradient: "charon-light",
-        ariaLabel: "",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InfoIcon, {}),
-        size: "sm",
-        src: ""
-      }
-    ),
-    info: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      Avatar,
-      {
-        gradient: "amphiaraus-dark",
-        ariaLabel: "",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InfoIcon, {}),
-        size: "sm",
-        src: ""
-      }
-    ),
-    success: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      Avatar,
-      {
-        gradient: "thanatos-dark",
-        ariaLabel: "",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SuccessIcon, {}),
-        size: "sm",
-        src: ""
-      }
-    ),
-    warning: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      Avatar,
-      {
-        gradient: "asphodel-light",
-        ariaLabel: "",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WarningIcon, {}),
-        size: "sm",
-        src: ""
-      }
-    ),
-    danger: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      Avatar,
-      {
-        gradient: "hades-light",
-        ariaLabel: "",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DangerIcon, {}),
-        size: "sm",
-        src: ""
-      }
-    )
+    page: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar2, { gradient: "charon-light", fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoIcon, {}), size: "sm" }),
+    info: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar2, { gradient: "amphiaraus-dark", fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoIcon, {}), size: "sm" }),
+    success: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar2, { gradient: "thanatos-dark", fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SuccessIcon, {}), size: "sm" }),
+    warning: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar2, { gradient: "asphodel-light", fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WarningIcon, {}), size: "sm" }),
+    danger: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar2, { gradient: "hades-light", fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DangerIcon, {}), size: "sm" })
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: elRef.current[palette] });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: elRef.current[palette] });
 }
 
 // src/components/admonition/admonition.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function Admonition(props) {
   const [elProps, styleProps, rootProps] = splitProps(
     props,
     ["heading", "icon", "children"],
     ["palette", "usage"]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(AdmonitionParts.Root, { ...styleProps, ...rootProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(AdmonitionParts.Root, { ...styleProps, ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Show,
       {
         when: Boolean(elProps.icon),
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MatchAvatar, { palette: styleProps.palette }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AdmonitionParts.Indicator, { children: elProps.icon })
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MatchAvatar, { palette: styleProps.palette }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdmonitionParts.Indicator, { children: elProps.icon })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(AdmonitionParts.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Show, { when: Boolean(elProps.heading), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AdmonitionParts.Heading, { children: elProps.heading }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AdmonitionParts.Description, { children: elProps.children })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(AdmonitionParts.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Show, { when: Boolean(elProps.heading), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdmonitionParts.Heading, { children: elProps.heading }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdmonitionParts.Description, { children: elProps.children })
     ] })
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/admonition/admonition.tsx","../../../../src/utils/index.ts","../../../../src/components/admonition/primitives.tsx","../../../../src/components/admonition/parts.ts","../../../../src/components/Show.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/Avatar.tsx","../../../../src/components/admonition/match-avatar.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { AdmonitionVariantProps } from '@cerberus/styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { AdmonitionParts } from './parts'\nimport { Show } from '../Show'\nimport { MatchAvatar } from './match-avatar'\n\n/**\n * This module provides an abstraction for the Admonition component.\n * @module 'admonition/admonition'\n */\n\nexport interface AdmonitionProps\n  extends AdmonitionVariantProps,\n    HTMLArkProps<'aside'> {\n  /**\n   * The heading title for the Admonition.\n   */\n  heading?: string\n  /**\n   * One off replacement for the icon.\n   */\n  icon?: ReactNode\n}\n\n/**\n * The Admonition component is an abstraction of the primitives which\n * displays a Admonition with a label.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)\n *\n * @remarks\n *\n * For a customizable Admonition, use the `AdmonitionParts` object to access the\n * individual primitives of the Admonition component.\n */\nexport function Admonition(props: AdmonitionProps) {\n  const [elProps, styleProps, rootProps] = splitProps(\n    props,\n    ['heading', 'icon', 'children'],\n    ['palette', 'usage'],\n  )\n\n  return (\n    <AdmonitionParts.Root {...styleProps} {...rootProps}>\n      <Show\n        when={Boolean(elProps.icon)}\n        fallback={<MatchAvatar palette={styleProps.palette} />}\n      >\n        <AdmonitionParts.Indicator>{elProps.icon}</AdmonitionParts.Indicator>\n      </Show>\n\n      <AdmonitionParts.Content>\n        <Show when={Boolean(elProps.heading)}>\n          <AdmonitionParts.Heading>{elProps.heading}</AdmonitionParts.Heading>\n        </Show>\n\n        <AdmonitionParts.Description>\n          {elProps.children}\n        </AdmonitionParts.Description>\n      </AdmonitionParts.Content>\n    </AdmonitionParts.Root>\n  )\n}\n","/**\n * This module contains utility functions that are used across your app.\n * @module Utils\n */\n\n/**\n * Formats the count of notifications to be displayed in the notification badge.\n * @param count - The number of notifications.\n * @returns The formatted count of notifications.\n * @example\n * ```tsx\n * const count = formatNotifyCount(100)\n * console.log(count) // '99+'\n * ```\n */\nexport function formatNotifyCount(count: number): string {\n  if (count > 99) return '99+'\n  return count.toString()\n}\n\n/**\n * Splits the properties of an object into multiple groups based on lists of keys.\n * @param props - The object to split.\n * @param keyGroups - The lists of keys to include in each group.\n * @returns An array of objects: each containing the properties specified in the corresponding key group, and the last object containing the remaining keys.\n */\nexport function splitProps<T extends object>(\n  props: T,\n  ...keyGroups: (keyof T)[][]\n): { [K in keyof T]?: T[K] }[] {\n  const result = keyGroups.map(() => ({}) as { [K in keyof T]?: T[K] })\n  const rest = {} as { [K in keyof T]?: T[K] }\n\n  for (const key in props) {\n    let assigned = false\n    for (let i = 0; i < keyGroups.length; i++) {\n      if (keyGroups[i].includes(key as keyof T)) {\n        result[i][key as keyof T] = props[key]\n        assigned = true\n        break\n      }\n    }\n    if (!assigned) {\n      rest[key as keyof T] = props[key]\n    }\n  }\n\n  return [...result, rest]\n}\n\nexport * from './localStorage'\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  admonition,\n  type AdmonitionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Admonition components.\n * @module 'admonition/primitives'\n */\n\n/**\n * The `AdmonitionRoot` component is the container for the Admonition.\n */\nexport function AdmonitionRoot(\n  props: HTMLArkProps<'aside'> & AdmonitionVariantProps,\n) {\n  const { palette, usage, ...nativeProps } = props\n  const styles = admonition({ palette, usage })\n  return (\n    <ark.aside\n      {...nativeProps}\n      className={cx(styles.root, nativeProps.className)}\n      data-scope=\"admonition\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The `AdmonitionIndicator` component is the indicator for the Admonition.\n */\nexport function AdmonitionIndicator(props: HTMLArkProps<'span'>) {\n  return <ark.span {...props} data-scope=\"admonition\" data-part=\"indicator\" />\n}\n\n/**\n * The `AdmonitionContent` component is the content for the Admonition.\n */\nexport function AdmonitionContent(props: HTMLArkProps<'div'>) {\n  return <ark.div {...props} data-scope=\"admonition\" data-part=\"content\" />\n}\n\n/**\n * The `AdmonitionHeading` component is the heading title for the Admonition.\n */\nexport function AdmonitionHeading(props: HTMLArkProps<'p'>) {\n  const styles = admonition()\n  return (\n    <ark.p\n      {...props}\n      className={cx(styles.heading, props.className)}\n      data-scope=\"admonition\"\n      data-part=\"heading\"\n    />\n  )\n}\n\n/**\n * The `AdmonitionDescription` component is the description for the Admonition.\n */\nexport function AdmonitionDescription(props: HTMLArkProps<'p'>) {\n  const styles = admonition()\n  return (\n    <ark.p\n      {...props}\n      className={cx(styles.description, props.className)}\n      data-scope=\"admonition\"\n      data-part=\"description\"\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  AdmonitionContent,\n  AdmonitionDescription,\n  AdmonitionHeading,\n  AdmonitionIndicator,\n  AdmonitionRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Admonition component.\n * @module 'admonition/parts'\n */\n\ninterface AdmonitionPartsValue {\n  /**\n   * The context provider of the Admonition.\n   */\n  Root: ElementType\n  /**\n   * The indicator of the Admonition.\n   */\n  Indicator: ElementType\n  /**\n   * The content of the Admonition.\n   */\n  Content: ElementType\n  /**\n   * The heading of the Admonition.\n   */\n  Heading: ElementType\n  /**\n   * The description of the Admonition.\n   */\n  Description: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AdmonitionParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AdmonitionParts: AdmonitionPartsValue = {\n  Root: AdmonitionRoot,\n  Indicator: AdmonitionIndicator,\n  Content: AdmonitionContent,\n  Heading: AdmonitionHeading,\n  Description: AdmonitionDescription,\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","'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","'use client'\n\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { circle } from '@cerberus/styled-system/patterns'\nimport {\n  avatar,\n  type AvatarVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { HtmlHTMLAttributes, ReactNode } from 'react'\nimport { Show } from './Show'\nimport { useCerberusContext } from '../context/cerberus'\n\n/**\n * This module contains the Avatar component.\n * @module\n */\n\nexport type SharedAvatarProps = {\n  /**\n   * An optional icon to show when no src or ariaLabel is provided.\n   */\n  icon?: ReactNode\n  /**\n   * The size of the avatar.\n   */\n  width?: number\n  /**\n   * The size of the avatar.\n   */\n  height?: number\n}\nexport type AvatarImageProps = HtmlHTMLAttributes<HTMLImageElement> &\n  SharedAvatarProps & {\n    /**\n     * The aria-label for the avatar needed for accessibility.\n     */\n    ariaLabel: string\n    /**\n     * An optional element to replace the image. Recommended for Next.js Image component.\n     */\n    as?: never\n    /**\n     * The source of the image.\n     */\n    src: string\n  }\nexport type AvatarAsProps = SharedAvatarProps & {\n  /**\n   * An optional element to replace the image. Recommended for Next.js Image component.\n   */\n  as: ReactNode\n  /**\n   * The aria-label for the avatar needed for accessibility.\n   */\n  ariaLabel?: never\n  /**\n   * The source of the image.\n   */\n  src?: never\n}\n\nexport type AvatarProps = (HtmlHTMLAttributes<HTMLDivElement> &\n  AvatarVariantProps) &\n  (AvatarImageProps | AvatarAsProps)\n\n/**\n * The Avatar component is used to represent a user or entity. It will show an image if src provided, otherwise it will show the ariaLabel of the ariaLabel. If the ariaLabel is empty, it will show a `defineIcons().avatar` icon.\n * @see https://cerberus.digitalu.design/react/avatar\n * @example\n * ```tsx\n * <Avatar\n *   ariaLabel=\"Protector Cerberus\"\n *   src=\"https://cerberus.digitalu.design/logo.svg\"\n * />\n * ```\n */\nexport function Avatar(props: AvatarProps) {\n  const {\n    ariaLabel,\n    as,\n    gradient,\n    size,\n    src,\n    width,\n    height,\n    icon,\n    ...nativeProps\n  } = props\n  const { icons } = useCerberusContext()\n  const { avatar: AvatarIcon } = icons\n  const initials = (ariaLabel || '')\n    .split(' ')\n    .map((word) => word[0])\n    .join('')\n    .slice(0, 2)\n\n  return (\n    <div\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        avatar({ gradient, size }),\n        circle(),\n      )}\n    >\n      <Show\n        when={Boolean(src) || Boolean(as)}\n        fallback={\n          <Show\n            when={Boolean(initials)}\n            fallback={\n              <Show\n                when={Boolean(icon)}\n                fallback={\n                  <AvatarIcon\n                    size={iconSizeMap[size as keyof typeof iconSizeMap]}\n                  />\n                }\n              >\n                {icon}\n              </Show>\n            }\n          >\n            {initials}\n          </Show>\n        }\n      >\n        <Show\n          when={Boolean(as)}\n          fallback={\n            <img\n              alt={props.ariaLabel}\n              className={css({\n                h: 'full',\n                objectFit: 'cover',\n                w: 'full',\n              })}\n              decoding=\"async\"\n              loading=\"lazy\"\n              src={src}\n              height={height}\n              width={width}\n            />\n          }\n        >\n          {as}\n        </Show>\n      </Show>\n    </div>\n  )\n}\n\nconst iconSizeMap = {\n  xs: 16,\n  sm: 16,\n  md: 20,\n  lg: 34,\n  xl: 32,\n  '2xl': 32,\n  '3xl': 32,\n  '4xl': 32,\n}\n","'use client'\n\nimport type { AdmonitionVariantProps } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Avatar } from '../Avatar'\nimport { useRef, type ReactNode } from 'react'\n\n/**\n * This module provides a component for creating the admonition indicator.\n * @module 'admonition/match-avatar'\n */\n\ninterface AvatarRefProps {\n  page: ReactNode\n  info: ReactNode\n  success: ReactNode\n  warning: ReactNode\n  danger: ReactNode\n}\n\ntype MatchAvatarProps = AdmonitionVariantProps\n\nexport function MatchAvatar(props: MatchAvatarProps) {\n  const { palette = 'page' } = props\n\n  const { icons } = useCerberusContext()\n  const {\n    infoNotification: InfoIcon,\n    successNotification: SuccessIcon,\n    warningNotification: WarningIcon,\n    dangerNotification: DangerIcon,\n  } = icons\n\n  // cache the el since the result is static and the component is client side\n  const elRef = useRef<AvatarRefProps>({\n    page: (\n      <Avatar\n        gradient=\"charon-light\"\n        ariaLabel=\"\"\n        icon={<InfoIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n    info: (\n      <Avatar\n        gradient=\"amphiaraus-dark\"\n        ariaLabel=\"\"\n        icon={<InfoIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n    success: (\n      <Avatar\n        gradient=\"thanatos-dark\"\n        ariaLabel=\"\"\n        icon={<SuccessIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n    warning: (\n      <Avatar\n        gradient=\"asphodel-light\"\n        ariaLabel=\"\"\n        icon={<WarningIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n    danger: (\n      <Avatar\n        gradient=\"hades-light\"\n        ariaLabel=\"\"\n        icon={<DangerIcon />}\n        size=\"sm\"\n        src=\"\"\n      />\n    ),\n  })\n\n  return <>{elRef.current[palette]}</>\n}\n"],"mappings":"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","names":["import_react","import_jsx_runtime","import_css","import_recipes","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../../../../src/components/admonition/admonition.tsx","../../../../src/utils/index.ts","../../../../src/components/admonition/primitives.tsx","../../../../src/components/admonition/parts.ts","../../../../src/components/Show.tsx","../../../../src/components/admonition/match-avatar.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/avatar/primitives.tsx","../../../../src/components/avatar/parts.ts","../../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { AdmonitionVariantProps } from '@cerberus/styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { AdmonitionParts } from './parts'\nimport { Show } from '../Show'\nimport { MatchAvatar } from './match-avatar'\n\n/**\n * This module provides an abstraction for the Admonition component.\n * @module 'admonition/admonition'\n */\n\nexport interface AdmonitionProps\n  extends AdmonitionVariantProps,\n    HTMLArkProps<'aside'> {\n  /**\n   * The heading title for the Admonition.\n   */\n  heading?: string\n  /**\n   * One off replacement for the icon.\n   */\n  icon?: ReactNode\n}\n\n/**\n * The Admonition component is an abstraction of the primitives which\n * displays a Admonition with a label.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)\n *\n * @remarks\n *\n * For a customizable Admonition, use the `AdmonitionParts` object to access the\n * individual primitives of the Admonition component.\n */\nexport function Admonition(props: AdmonitionProps) {\n  const [elProps, styleProps, rootProps] = splitProps(\n    props,\n    ['heading', 'icon', 'children'],\n    ['palette', 'usage'],\n  )\n\n  return (\n    <AdmonitionParts.Root {...styleProps} {...rootProps}>\n      <Show\n        when={Boolean(elProps.icon)}\n        fallback={<MatchAvatar palette={styleProps.palette} />}\n      >\n        <AdmonitionParts.Indicator>{elProps.icon}</AdmonitionParts.Indicator>\n      </Show>\n\n      <AdmonitionParts.Content>\n        <Show when={Boolean(elProps.heading)}>\n          <AdmonitionParts.Heading>{elProps.heading}</AdmonitionParts.Heading>\n        </Show>\n\n        <AdmonitionParts.Description>\n          {elProps.children}\n        </AdmonitionParts.Description>\n      </AdmonitionParts.Content>\n    </AdmonitionParts.Root>\n  )\n}\n","/**\n * This module contains utility functions that are used across your app.\n * @module Utils\n */\n\n/**\n * Formats the count of notifications to be displayed in the notification badge.\n * @param count - The number of notifications.\n * @returns The formatted count of notifications.\n * @example\n * ```tsx\n * const count = formatNotifyCount(100)\n * console.log(count) // '99+'\n * ```\n */\nexport function formatNotifyCount(count: number): string {\n  if (count > 99) return '99+'\n  return count.toString()\n}\n\n/**\n * Splits the properties of an object into multiple groups based on lists of keys.\n * @param props - The object to split.\n * @param keyGroups - The lists of keys to include in each group.\n * @returns An array of objects: each containing the properties specified in the corresponding key group, and the last object containing the remaining keys.\n */\nexport function splitProps<T extends object>(\n  props: T,\n  ...keyGroups: (keyof T)[][]\n): { [K in keyof T]?: T[K] }[] {\n  const result = keyGroups.map(() => ({}) as { [K in keyof T]?: T[K] })\n  const rest = {} as { [K in keyof T]?: T[K] }\n\n  for (const key in props) {\n    let assigned = false\n    for (let i = 0; i < keyGroups.length; i++) {\n      if (keyGroups[i].includes(key as keyof T)) {\n        result[i][key as keyof T] = props[key]\n        assigned = true\n        break\n      }\n    }\n    if (!assigned) {\n      rest[key as keyof T] = props[key]\n    }\n  }\n\n  return [...result, rest]\n}\n\nexport * from './localStorage'\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  admonition,\n  type AdmonitionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Admonition components.\n * @module 'admonition/primitives'\n */\n\n/**\n * The `AdmonitionRoot` component is the container for the Admonition.\n */\nexport function AdmonitionRoot(\n  props: HTMLArkProps<'aside'> & AdmonitionVariantProps,\n) {\n  const { palette, usage, ...nativeProps } = props\n  const styles = admonition({ palette, usage })\n  return (\n    <ark.aside\n      {...nativeProps}\n      className={cx(styles.root, nativeProps.className)}\n      data-scope=\"admonition\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The `AdmonitionIndicator` component is the indicator for the Admonition.\n */\nexport function AdmonitionIndicator(props: HTMLArkProps<'span'>) {\n  return <ark.span {...props} data-scope=\"admonition\" data-part=\"indicator\" />\n}\n\n/**\n * The `AdmonitionContent` component is the content for the Admonition.\n */\nexport function AdmonitionContent(props: HTMLArkProps<'div'>) {\n  return <ark.div {...props} data-scope=\"admonition\" data-part=\"content\" />\n}\n\n/**\n * The `AdmonitionHeading` component is the heading title for the Admonition.\n */\nexport function AdmonitionHeading(props: HTMLArkProps<'p'>) {\n  const styles = admonition()\n  return (\n    <ark.p\n      {...props}\n      className={cx(styles.heading, props.className)}\n      data-scope=\"admonition\"\n      data-part=\"heading\"\n    />\n  )\n}\n\n/**\n * The `AdmonitionDescription` component is the description for the Admonition.\n */\nexport function AdmonitionDescription(props: HTMLArkProps<'p'>) {\n  const styles = admonition()\n  return (\n    <ark.p\n      {...props}\n      className={cx(styles.description, props.className)}\n      data-scope=\"admonition\"\n      data-part=\"description\"\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  AdmonitionContent,\n  AdmonitionDescription,\n  AdmonitionHeading,\n  AdmonitionIndicator,\n  AdmonitionRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Admonition component.\n * @module 'admonition/parts'\n */\n\ninterface AdmonitionPartsValue {\n  /**\n   * The context provider of the Admonition.\n   */\n  Root: ElementType\n  /**\n   * The indicator of the Admonition.\n   */\n  Indicator: ElementType\n  /**\n   * The content of the Admonition.\n   */\n  Content: ElementType\n  /**\n   * The heading of the Admonition.\n   */\n  Heading: ElementType\n  /**\n   * The description of the Admonition.\n   */\n  Description: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AdmonitionParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AdmonitionParts: AdmonitionPartsValue = {\n  Root: AdmonitionRoot,\n  Indicator: AdmonitionIndicator,\n  Content: AdmonitionContent,\n  Heading: AdmonitionHeading,\n  Description: AdmonitionDescription,\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","'use client'\n\nimport type { AdmonitionVariantProps } from '@cerberus/styled-system/recipes'\nimport { useRef, type ReactNode } from 'react'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Avatar } from '../avatar/avatar'\n\n/**\n * This module provides a component for creating the admonition indicator.\n * @module 'admonition/match-avatar'\n */\n\ninterface AvatarRefProps {\n  page: ReactNode\n  info: ReactNode\n  success: ReactNode\n  warning: ReactNode\n  danger: ReactNode\n}\n\ntype MatchAvatarProps = AdmonitionVariantProps\n\nexport function MatchAvatar(props: MatchAvatarProps) {\n  const { palette = 'page' } = props\n\n  const { icons } = useCerberusContext()\n  const {\n    infoNotification: InfoIcon,\n    successNotification: SuccessIcon,\n    warningNotification: WarningIcon,\n    dangerNotification: DangerIcon,\n  } = icons\n\n  // cache the el since the result is static and the component is client side\n  const elRef = useRef<AvatarRefProps>({\n    page: <Avatar gradient=\"charon-light\" fallback={<InfoIcon />} size=\"sm\" />,\n    info: (\n      <Avatar gradient=\"amphiaraus-dark\" fallback={<InfoIcon />} size=\"sm\" />\n    ),\n    success: (\n      <Avatar gradient=\"thanatos-dark\" fallback={<SuccessIcon />} size=\"sm\" />\n    ),\n    warning: (\n      <Avatar gradient=\"asphodel-light\" fallback={<WarningIcon />} size=\"sm\" />\n    ),\n    danger: (\n      <Avatar gradient=\"hades-light\" fallback={<DangerIcon />} size=\"sm\" />\n    ),\n  })\n\n  return <>{elRef.current[palette]}</>\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","import {\n  Avatar,\n  type AvatarFallbackProps,\n  type AvatarImageProps,\n  type AvatarRootProps,\n} from '@ark-ui/react/avatar'\nimport {\n  avatar,\n  type AvatarVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\n\n/**\n * This module provides the primitive components for the Avatar component.\n * @module 'avatar/primitives'\n */\n\n/**\n * The root component of the Avatar.\n */\nexport function AvatarRoot(props: AvatarRootProps & AvatarVariantProps) {\n  const { gradient, shape, size, ...rootProps } = props\n  const styles = avatar({ gradient, shape, size })\n  return (\n    <Avatar.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The image component of the Avatar.\n */\nexport function AvatarImage(props: AvatarImageProps) {\n  const styles = avatar()\n  return (\n    <Avatar.Image {...props} className={cx(styles.image, props.className)} />\n  )\n}\n\n/**\n * The fallback component of the Avatar.\n */\nexport function AvatarFallback(props: AvatarFallbackProps) {\n  const styles = avatar()\n  return (\n    <Avatar.Fallback\n      {...props}\n      className={cx(styles.fallback, props.className)}\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport { AvatarFallback, AvatarImage, AvatarRoot } from './primitives'\n\n/**\n * This module contains the parts of the Avatar component.\n * @module 'avatar/parts'\n */\n\ninterface AvatarPartsValue {\n  /**\n   * The context provider of the Avatar.\n   */\n  Root: ElementType\n  /**\n   * The image of the Avatar.\n   */\n  Image: ElementType\n  /**\n   * The fallback content to display when the image fails to load.\n   */\n  Fallback: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AvatarParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AvatarParts: AvatarPartsValue = {\n  Root: AvatarRoot,\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n}\n","import type { AvatarRootProps } from '@ark-ui/react/avatar'\nimport type { AvatarVariantProps } from '@cerberus/styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils'\nimport { Show } from '../Show'\nimport { AvatarParts } from './parts'\n\n/**\n * This module provides an abstraction of the Avatar primitives.\n * @module 'avatar'\n */\n\nexport interface AvatarWithoutImage\n  extends AvatarRootProps,\n    AvatarVariantProps {\n  alt?: never\n  src?: never\n  fallback?: ReactNode\n}\n\nexport interface AvatarWithImage extends AvatarRootProps, AvatarVariantProps {\n  alt: string\n  src: string\n  fallback?: ReactNode\n}\n\n/**\n * Avatar component is an abstraction of the primitives that displays a\n * avatar or it's fallback when the image fails to load.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/avatar/overview)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/avatar#api-reference)\n */\nexport function Avatar(props: AvatarWithoutImage | AvatarWithImage) {\n  const [imgProps, { fallback, children }, rootProps] = splitProps(\n    props,\n    ['alt', 'src'],\n    ['fallback', 'children'],\n  )\n\n  return (\n    <AvatarParts.Root {...rootProps}>\n      <Show\n        when={Boolean(children)}\n        fallback={\n          <>\n            <AvatarParts.Fallback>{fallback}</AvatarParts.Fallback>\n            <AvatarParts.Image {...imgProps} />\n          </>\n        }\n      >\n        {children}\n      </Show>\n    </AvatarParts.Root>\n  )\n}\n"],"mappings":"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","names":["import_react","import_react","import_jsx_runtime","import_recipes","import_css","import_jsx_runtime","import_jsx_runtime","Avatar","import_jsx_runtime","Avatar","import_jsx_runtime"]}

package/build/legacy/components/admonition/admonition.d.cts

@@ -0,0 +1,2 @@
+export { Admonition_alias_1 as Admonition } from '../../_tsup-dts-rollup.cjs';
+export { AdmonitionProps_alias_1 as AdmonitionProps } from '../../_tsup-dts-rollup.cjs';