@chayns-ui/core 0.5.0 → 0.7.0

package/dist/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { useContext, useId, useState } from 'react';\n\nimport { AccordionDepthContext, AccordionGroupContext } from './AccordionContext.js';\nimport type { AccordionProps } from './Accordion.types.js';\n\nconst Accordion = ({\n  children,\n  className,\n  defaultOpen = false,\n  disabled = false,\n  id,\n  onOpenChange,\n  open,\n  ref,\n  title,\n  ...rootProps\n}: AccordionProps) => {\n  const depth = useContext(AccordionDepthContext);\n  const group = useContext(AccordionGroupContext);\n  const generatedId = useId();\n  const baseId = id ?? generatedId;\n  const headerId = `${baseId}-header`;\n  const panelId = `${baseId}-panel`;\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  const isGrouped = group !== null && depth === 0;\n\n  let isOpen: boolean;\n  if (isGrouped) {\n    isOpen = group.isOpen(baseId);\n  } else if (open !== undefined) {\n    isOpen = open;\n  } else {\n    isOpen = uncontrolledOpen;\n  }\n\n  const handleToggle = () => {\n    if (isGrouped) {\n      group.toggle(baseId);\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    if (open === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen);\n  };\n\n  const wrapped = depth > 0;\n  const variantClassName = isGrouped\n    ? 'chayns-accordion--grouped'\n    : wrapped\n      ? 'chayns-accordion--wrapped'\n      : 'chayns-accordion--standalone';\n\n  const rootClassName = [\n    'chayns-accordion',\n    variantClassName,\n    isOpen ? 'chayns-accordion--open' : null,\n    disabled ? 'chayns-accordion--disabled' : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rootProps} className={rootClassName} id={id} ref={ref}>\n      <button\n        aria-controls={panelId}\n        aria-expanded={isOpen}\n        className=\"chayns-accordion__header\"\n        disabled={disabled}\n        id={headerId}\n        onClick={handleToggle}\n        type=\"button\"\n      >\n        <i aria-hidden=\"true\" className=\"chayns-accordion__chevron far fa-chevron-right\" />\n        <span className=\"chayns-accordion__title\">{title}</span>\n      </button>\n      <div\n        aria-hidden={!isOpen}\n        aria-labelledby={headerId}\n        className=\"chayns-accordion__panel\"\n        id={panelId}\n        inert={!isOpen}\n        role=\"region\"\n        style={{ gridTemplateRows: isOpen ? '1fr' : '0fr' }}\n      >\n        <div className=\"chayns-accordion__inner\">\n          <div className=\"chayns-accordion__content\">\n            <AccordionDepthContext.Provider value={depth + 1}>\n              {children}\n            </AccordionDepthContext.Provider>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"mappings":";;;;AAKA,IAAM,aAAa,EACjB,UACA,WACA,cAAc,OACd,WAAW,OACX,IACA,cACA,MACA,KACA,OACA,GAAG,gBACiB;CACpB,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,cAAc,MAAM;CAC1B,MAAM,SAAS,MAAM;CACrB,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,UAAU,GAAG,OAAO;CAE1B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,WAAW;CAEpE,MAAM,YAAY,UAAU,QAAQ,UAAU;CAE9C,IAAI;CACJ,IAAI,WACF,SAAS,MAAM,OAAO,MAAM;MACvB,IAAI,SAAS,KAAA,GAClB,SAAS;MAET,SAAS;CAGX,MAAM,qBAAqB;EACzB,IAAI,WAAW;GACb,MAAM,OAAO,MAAM;GACnB;EACF;EAEA,MAAM,WAAW,CAAC;EAClB,IAAI,SAAS,KAAA,GAAW,oBAAoB,QAAQ;EACpD,eAAe,QAAQ;CACzB;CASA,MAAM,gBAAgB;EACpB;EAPuB,YACrB,8BAFY,QAAQ,IAIlB,8BACA;EAKJ,SAAS,2BAA2B;EACpC,WAAW,+BAA+B;EAC1C;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,OAAD;EAAK,GAAI;EAAW,WAAW;EAAmB;EAAS;EAA3D,UAAA,CACE,qBAAC,UAAD;GACE,iBAAe;GACf,iBAAe;GACf,WAAU;GACA;GACV,IAAI;GACJ,SAAS;GACT,MAAK;GAPP,UAAA,CASE,oBAAC,KAAD;IAAG,eAAY;IAAO,WAAU;GAAkD,CAAA,GAClF,oBAAC,QAAD;IAAM,WAAU;IAA2B,UAAA;GAAY,CAAA,CACjD;EACR,CAAA,GAAA,oBAAC,OAAD;GACE,eAAa,CAAC;GACd,mBAAiB;GACjB,WAAU;GACV,IAAI;GACJ,OAAO,CAAC;GACR,MAAK;GACL,OAAO,EAAE,kBAAkB,SAAS,QAAQ,MAAM;GAElD,UAAA,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,oBAAC,sBAAsB,UAAvB;MAAgC,OAAO,QAAQ;MAC5C;KAC6B,CAAA;IAC7B,CAAA;GACF,CAAA;EACF,CAAA,CACF;;AAET"}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import {\n  Children,\n  createElement,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useId,\n  useState,\n} from 'react';\nimport type { MouseEvent, ReactElement } from 'react';\n\nimport {\n  AccordionDepthContext,\n  AccordionGroupContext,\n  AccordionItemContext,\n  useAccordionItemContext,\n} from './AccordionContext.js';\nimport type {\n  AccordionContentProps,\n  AccordionHeadContentProps,\n  AccordionHeadProps,\n  AccordionPartProps,\n  AccordionProps,\n} from './Accordion.types.js';\n\nfunction Part({ children, className, name }: AccordionPartProps & { name: string }) {\n  useAccordionItemContext(name);\n  return (\n    <span\n      className={[`chayns-accordion__${name.toLowerCase()}`, className].filter(Boolean).join(' ')}\n    >\n      {children}\n    </span>\n  );\n}\n\nconst HeadLeading = (props: AccordionPartProps) => <Part {...props} name=\"leading\" />;\nconst HeadTrailing = (props: AccordionPartProps) => <Part {...props} name=\"trailing\" />;\n\nfunction HeadContent({ className, subtitle, title }: AccordionHeadContentProps) {\n  useAccordionItemContext('Head.Content');\n\n  return (\n    <span className={['chayns-accordion__head-content', className].filter(Boolean).join(' ')}>\n      <span className=\"chayns-accordion__title\">{title}</span>\n      {subtitle ? <span className=\"chayns-accordion__subtitle\">{subtitle}</span> : null}\n    </span>\n  );\n}\n\nconst AccordionHead = forwardRef<HTMLButtonElement, AccordionHeadProps>(function AccordionHead(\n  { children, className, onClick, ...buttonProps },\n  ref,\n) {\n  const { disabled, headerId, isOpen, onToggle, panelId } = useAccordionItemContext('Head');\n\n  function handleClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n    if (!event.defaultPrevented) onToggle();\n  }\n\n  return (\n    <button\n      {...buttonProps}\n      aria-controls={panelId}\n      aria-expanded={isOpen}\n      className={['chayns-accordion__header', className].filter(Boolean).join(' ')}\n      disabled={disabled}\n      id={headerId}\n      onClick={handleClick}\n      ref={ref}\n      type=\"button\"\n    >\n      <i aria-hidden=\"true\" className=\"chayns-accordion__chevron far fa-chevron-right\" />\n      {children}\n    </button>\n  );\n});\n\nconst AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n  function AccordionContent({ children, className, ...panelProps }, ref) {\n    const depth = useContext(AccordionDepthContext);\n    const { headerId, isOpen, panelId } = useAccordionItemContext('Content');\n\n    return (\n      <div\n        {...panelProps}\n        aria-hidden={!isOpen}\n        aria-labelledby={headerId}\n        className={['chayns-accordion__panel', className].filter(Boolean).join(' ')}\n        id={panelId}\n        inert={!isOpen}\n        ref={ref}\n        role=\"region\"\n        style={{ ...panelProps.style, gridTemplateRows: isOpen ? '1fr' : '0fr' }}\n      >\n        <div className=\"chayns-accordion__inner\">\n          <div className=\"chayns-accordion__content\">\n            <AccordionDepthContext.Provider value={depth + 1}>\n              {children}\n            </AccordionDepthContext.Provider>\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nconst AccordionRoot = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    appearance = 'default',\n    children,\n    className,\n    defaultOpen = false,\n    disabled = false,\n    id,\n    leading,\n    onOpenChange,\n    open,\n    subtitle,\n    title,\n    ...rootProps\n  },\n  ref,\n) {\n  const depth = useContext(AccordionDepthContext);\n  const group = useContext(AccordionGroupContext);\n  const generatedId = useId();\n  const baseId = id ?? generatedId;\n  const headerId = `${baseId}-header`;\n  const panelId = `${baseId}-panel`;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isGrouped = group !== null && depth === 0;\n  const isOpen = isGrouped ? group.isOpen(baseId) : (open ?? uncontrolledOpen);\n  const wrapped = depth > 0;\n  const isList = appearance === 'list';\n\n  function handleToggle() {\n    if (isGrouped) {\n      group.toggle(baseId);\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    if (open === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen);\n  }\n\n  const variantClassName = isGrouped\n    ? 'chayns-accordion--grouped'\n    : wrapped\n      ? 'chayns-accordion--wrapped'\n      : 'chayns-accordion--standalone';\n  const directChildren = Children.toArray(children);\n  const compoundHead = directChildren.find(\n    (child) => isValidElement(child) && child.type === AccordionHead,\n  );\n  const hasCompoundLeading =\n    isValidElement(compoundHead) &&\n    Children.toArray((compoundHead as ReactElement<AccordionHeadProps>).props.children).some(\n      (child) => isValidElement(child) && child.type === HeadLeading,\n    );\n  const rootClassName = [\n    'chayns-accordion',\n    variantClassName,\n    isOpen ? 'chayns-accordion--open' : null,\n    disabled ? 'chayns-accordion--disabled' : null,\n    leading || hasCompoundLeading ? 'chayns-accordion--has-leading' : null,\n    isList ? 'chayns-accordion--list' : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const hasCompoundHead = compoundHead !== undefined;\n  const compoundContent = directChildren.find(\n    (child) => isValidElement(child) && child.type === AccordionContent,\n  );\n  const hasCompoundContent = compoundContent !== undefined;\n  const panelChildren = children;\n\n  return (\n    <div {...rootProps} className={rootClassName} id={id} ref={ref}>\n      <AccordionItemContext.Provider\n        value={{ disabled, headerId, isOpen, onToggle: handleToggle, panelId }}\n      >\n        {hasCompoundHead ? (\n          compoundHead\n        ) : (\n          <AccordionHead>\n            {leading ? <HeadLeading>{leading}</HeadLeading> : null}\n            <HeadContent title={title} subtitle={subtitle} />\n          </AccordionHead>\n        )}\n        {hasCompoundContent ? (\n          createElement(AccordionContent, {\n            ...(compoundContent as ReactElement<AccordionContentProps>).props,\n          })\n        ) : (\n          <AccordionContent>{panelChildren}</AccordionContent>\n        )}\n      </AccordionItemContext.Provider>\n    </div>\n  );\n});\n\nconst Accordion = Object.assign(AccordionRoot, {\n  Content: AccordionContent,\n  Head: Object.assign(AccordionHead, {\n    Content: HeadContent,\n    Leading: HeadLeading,\n    Trailing: HeadTrailing,\n  }),\n});\n\nexport default Accordion;\n"],"mappings":"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"}

package/dist/components/accordion/Accordion.types.d.ts

@@ -1,4 +1,6 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
+export declare const ACCORDION_APPEARANCES: readonly ["default", "list"];
+export type AccordionAppearance = (typeof ACCORDION_APPEARANCES)[number];
 /**
  * @description Props for a single disclosure accordion: a header button that
  * expands and collapses an associated content region. Nesting an `Accordion`
@@ -11,7 +13,13 @@ export interface AccordionProps extends Omit<ComponentPropsWithRef<'div'>, 'chil
      * @description Visible, localized header label used as the accordion's
      * accessible name.
      */
-    title: ReactNode;
+    title?: ReactNode;
+    /** Optional second line used by the list presentation. */
+    subtitle?: ReactNode;
+    /** Optional leading image or icon used by list-style accordion rows. */
+    leading?: ReactNode;
+    /** Selects the compact two-line list presentation from Bodywork. */
+    appearance?: AccordionAppearance;
     /**
      * @description Panel content revealed when the accordion is open.
      */
@@ -79,4 +87,19 @@ export interface AccordionGroupProps extends Omit<ComponentPropsWithRef<'div'>,
      */
     className?: string;
 }
+export interface AccordionHeadProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    children?: ReactNode;
+}
+export interface AccordionHeadContentProps {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    className?: string;
+}
+export interface AccordionPartProps {
+    children?: ReactNode;
+    className?: string;
+}
+export interface AccordionContentProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+    children?: ReactNode;
+}
 //# sourceMappingURL=Accordion.types.d.ts.map

package/dist/components/accordion/Accordion.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D;;;;;;GAMG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,IAAI,GAAG,OAAO,CAC5B;IACC;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,qBAAqB,8BAA+B,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE;;;;;;GAMG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,IAAI,GAAG,OAAO,CAC5B;IACC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,oEAAoE;IACpE,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/accordion/Accordion.types.js

@@ -0,0 +1,6 @@
+//#region src/components/accordion/Accordion.types.ts
+var ACCORDION_APPEARANCES = ["default", "list"];
+//#endregion
+export { ACCORDION_APPEARANCES };
+
+//# sourceMappingURL=Accordion.types.js.map

package/dist/components/accordion/Accordion.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.types.js","names":[],"sources":["../../../src/components/accordion/Accordion.types.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport const ACCORDION_APPEARANCES = ['default', 'list'] as const;\nexport type AccordionAppearance = (typeof ACCORDION_APPEARANCES)[number];\n\n/**\n * @description Props for a single disclosure accordion: a header button that\n * expands and collapses an associated content region. Nesting an `Accordion`\n * inside another `Accordion`'s content is automatically detected via React\n * context and rendered as the \"Wrapped\" presentation — there is no separate\n * component or prop for that case.\n */\nexport interface AccordionProps extends Omit<\n  ComponentPropsWithRef<'div'>,\n  'children' | 'id' | 'title'\n> {\n  /**\n   * @description Visible, localized header label used as the accordion's\n   * accessible name.\n   */\n  title?: ReactNode;\n\n  /** Optional second line used by the list presentation. */\n  subtitle?: ReactNode;\n\n  /** Optional leading image or icon used by list-style accordion rows. */\n  leading?: ReactNode;\n\n  /** Selects the compact two-line list presentation from Bodywork. */\n  appearance?: AccordionAppearance;\n\n  /**\n   * @description Panel content revealed when the accordion is open.\n   */\n  children?: ReactNode;\n\n  /**\n   * @description Controlled open state. Ignored when the accordion is\n   * rendered inside an `AccordionGroup`, which owns exclusivity instead.\n   */\n  open?: boolean;\n\n  /**\n   * @description Uncontrolled initial open state. Ignored when inside an\n   * `AccordionGroup`.\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * @description Called with the next open state on user toggle, for both\n   * the controlled and uncontrolled usage.\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * @description Disables the header trigger, preventing toggling.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * @description Stable id used to wire the header and panel via ARIA and,\n   * inside an `AccordionGroup`, to identify this item. Falls back to a\n   * generated id when omitted.\n   */\n  id?: string;\n\n  /**\n   * @description Additional class names appended to the accordion root\n   * element.\n   */\n  className?: string;\n}\n\n/**\n * @description Props for a group of mutually exclusive accordions: at most\n * one child `Accordion` is open at a time, and the group renders its\n * children as one joined surface.\n */\nexport interface AccordionGroupProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  /**\n   * @description `Accordion` items belonging to the group.\n   */\n  children?: ReactNode;\n\n  /**\n   * @description Controlled id of the currently open item, or `null` when\n   * all items are closed.\n   */\n  openId?: string | null;\n\n  /**\n   * @description Uncontrolled id of the initially open item.\n   * @default null\n   */\n  defaultOpenId?: string | null;\n\n  /**\n   * @description Called with the next open item id, or `null` when the group\n   * closes entirely, for both the controlled and uncontrolled usage.\n   */\n  onOpenChange?: (openId: string | null) => void;\n\n  /**\n   * @description Additional class names appended to the group root element.\n   */\n  className?: string;\n}\n\nexport interface AccordionHeadProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {\n  children?: ReactNode;\n}\n\nexport interface AccordionHeadContentProps {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  className?: string;\n}\n\nexport interface AccordionPartProps {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface AccordionContentProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  children?: ReactNode;\n}\n"],"mappings":";AAEA,IAAa,wBAAwB,CAAC,WAAW,MAAM"}

package/dist/components/accordion/AccordionContext.d.ts

@@ -17,4 +17,13 @@ export interface AccordionGroupContextValue {
  * share the group's exclusive open state instead of owning local state.
  */
 export declare const AccordionGroupContext: import("react").Context<AccordionGroupContextValue | null>;
+export interface AccordionItemContextValue {
+    disabled: boolean;
+    headerId: string;
+    isOpen: boolean;
+    panelId: string;
+    onToggle: () => void;
+}
+export declare const AccordionItemContext: import("react").Context<AccordionItemContextValue | null>;
+export declare function useAccordionItemContext(part: string): AccordionItemContextValue;
 //# sourceMappingURL=AccordionContext.d.ts.map

package/dist/components/accordion/AccordionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/AccordionContext.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,iCAA2B,CAAC;AAE9D,gFAAgF;AAChF,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAEhC,kEAAkE;IAClE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,4DAAyD,CAAC"}
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/AccordionContext.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,iCAA2B,CAAC;AAE9D,gFAAgF;AAChF,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAEhC,kEAAkE;IAClE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,4DAAyD,CAAC;AAE5F,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,2DAAwD,CAAC;AAE1F,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,6BAQnD"}

package/dist/components/accordion/AccordionContext.js

@@ -1,4 +1,4 @@
-import { createContext } from "react";
+import { createContext, useContext } from "react";
 //#region src/components/accordion/AccordionContext.ts
 /**
 * Nesting depth of the current accordion subtree. Depth 0 is a top-level
@@ -12,7 +12,13 @@ var AccordionDepthContext = createContext(0);
 * share the group's exclusive open state instead of owning local state.
 */
 var AccordionGroupContext = createContext(null);
+var AccordionItemContext = createContext(null);
+function useAccordionItemContext(part) {
+	const context = useContext(AccordionItemContext);
+	if (context === null) throw new Error(`Accordion.${part} must be used inside Accordion`);
+	return context;
+}
 //#endregion
-export { AccordionDepthContext, AccordionGroupContext };
+export { AccordionDepthContext, AccordionGroupContext, AccordionItemContext, useAccordionItemContext };
 
 //# sourceMappingURL=AccordionContext.js.map

package/dist/components/accordion/AccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContext.js","names":[],"sources":["../../../src/components/accordion/AccordionContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Nesting depth of the current accordion subtree. Depth 0 is a top-level\n * accordion; any depth greater than 0 renders as an automatically detected\n * wrapped (nested) accordion. Each open panel provides an incremented depth to\n * its content.\n */\nexport const AccordionDepthContext = createContext<number>(0);\n\n/** Exclusive open-state contract shared by an AccordionGroup with its items. */\nexport interface AccordionGroupContextValue {\n  /** Whether the item registered under this id is the open one. */\n  isOpen: (id: string) => boolean;\n\n  /** Toggles the item registered under this id within the group. */\n  toggle: (id: string) => void;\n}\n\n/**\n * Present when an Accordion is rendered inside an AccordionGroup. Items then\n * share the group's exclusive open state instead of owning local state.\n */\nexport const AccordionGroupContext = createContext<AccordionGroupContextValue | null>(null);\n"],"mappings":";;;;;;;;AAQA,IAAa,wBAAwB,cAAsB,CAAC;;;;;AAe5D,IAAa,wBAAwB,cAAiD,IAAI"}
+{"version":3,"file":"AccordionContext.js","names":[],"sources":["../../../src/components/accordion/AccordionContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * Nesting depth of the current accordion subtree. Depth 0 is a top-level\n * accordion; any depth greater than 0 renders as an automatically detected\n * wrapped (nested) accordion. Each open panel provides an incremented depth to\n * its content.\n */\nexport const AccordionDepthContext = createContext<number>(0);\n\n/** Exclusive open-state contract shared by an AccordionGroup with its items. */\nexport interface AccordionGroupContextValue {\n  /** Whether the item registered under this id is the open one. */\n  isOpen: (id: string) => boolean;\n\n  /** Toggles the item registered under this id within the group. */\n  toggle: (id: string) => void;\n}\n\n/**\n * Present when an Accordion is rendered inside an AccordionGroup. Items then\n * share the group's exclusive open state instead of owning local state.\n */\nexport const AccordionGroupContext = createContext<AccordionGroupContextValue | null>(null);\n\nexport interface AccordionItemContextValue {\n  disabled: boolean;\n  headerId: string;\n  isOpen: boolean;\n  panelId: string;\n  onToggle: () => void;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextValue | null>(null);\n\nexport function useAccordionItemContext(part: string) {\n  const context = useContext(AccordionItemContext);\n\n  if (context === null) {\n    throw new Error(`Accordion.${part} must be used inside Accordion`);\n  }\n\n  return context;\n}\n"],"mappings":";;;;;;;;AAQA,IAAa,wBAAwB,cAAsB,CAAC;;;;;AAe5D,IAAa,wBAAwB,cAAiD,IAAI;AAU1F,IAAa,uBAAuB,cAAgD,IAAI;AAExF,SAAgB,wBAAwB,MAAc;CACpD,MAAM,UAAU,WAAW,oBAAoB;CAE/C,IAAI,YAAY,MACd,MAAM,IAAI,MAAM,aAAa,KAAK,+BAA+B;CAGnE,OAAO;AACT"}

package/dist/components/accordion-group/AccordionGroup.d.ts

@@ -1,4 +1,4 @@
 import type { AccordionGroupProps } from '../accordion/Accordion.types.js';
-declare const AccordionGroup: ({ children, className, defaultOpenId, onOpenChange, openId, ref, ...rootProps }: AccordionGroupProps) => import("react").JSX.Element;
+declare const AccordionGroup: import("react").ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default AccordionGroup;
 //# sourceMappingURL=AccordionGroup.d.ts.map

package/dist/components/accordion-group/AccordionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/accordion-group/AccordionGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,QAAA,MAAM,cAAc,GAAI,iFAQrB,mBAAmB,gCA+BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/accordion-group/AccordionGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,QAAA,MAAM,cAAc,6HAkClB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/components/accordion-group/AccordionGroup.js

@@ -1,8 +1,8 @@
 import { AccordionGroupContext } from "../accordion/AccordionContext.js";
+import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
 //#region src/components/accordion-group/AccordionGroup.tsx
-var AccordionGroup = ({ children, className, defaultOpenId = null, onOpenChange, openId, ref, ...rootProps }) => {
+var AccordionGroup = forwardRef(function AccordionGroup({ children, className, defaultOpenId = null, onOpenChange, openId, ...rootProps }, ref) {
 	const [uncontrolledOpenId, setUncontrolledOpenId] = useState(defaultOpenId);
 	const isControlled = openId !== void 0;
 	const currentOpenId = isControlled ? openId : uncontrolledOpenId;
@@ -30,7 +30,7 @@ var AccordionGroup = ({ children, className, defaultOpenId = null, onOpenChange,
 			children
 		})
 	});
-};
+});
 //#endregion
 export { AccordionGroup as default };
 

package/dist/components/accordion-group/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","names":[],"sources":["../../../src/components/accordion-group/AccordionGroup.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { AccordionGroupContext } from '../accordion/AccordionContext.js';\nimport type { AccordionGroupContextValue } from '../accordion/AccordionContext.js';\nimport type { AccordionGroupProps } from '../accordion/Accordion.types.js';\n\nconst AccordionGroup = ({\n  children,\n  className,\n  defaultOpenId = null,\n  onOpenChange,\n  openId,\n  ref,\n  ...rootProps\n}: AccordionGroupProps) => {\n  const [uncontrolledOpenId, setUncontrolledOpenId] = useState<string | null>(defaultOpenId);\n\n  const isControlled = openId !== undefined;\n  const currentOpenId = isControlled ? openId : uncontrolledOpenId;\n\n  const isOpen = useCallback((id: string) => currentOpenId === id, [currentOpenId]);\n\n  const toggle = useCallback(\n    (id: string) => {\n      const nextOpenId = currentOpenId === id ? null : id;\n      if (!isControlled) setUncontrolledOpenId(nextOpenId);\n      onOpenChange?.(nextOpenId);\n    },\n    [currentOpenId, isControlled, onOpenChange],\n  );\n\n  const contextValue = useMemo<AccordionGroupContextValue>(\n    () => ({ isOpen, toggle }),\n    [isOpen, toggle],\n  );\n\n  const rootClassName = ['chayns-accordion-group', className].filter(Boolean).join(' ');\n\n  return (\n    <AccordionGroupContext.Provider value={contextValue}>\n      <div {...rootProps} className={rootClassName} ref={ref}>\n        {children}\n      </div>\n    </AccordionGroupContext.Provider>\n  );\n};\n\nexport default AccordionGroup;\n"],"mappings":";;;;AAMA,IAAM,kBAAkB,EACtB,UACA,WACA,gBAAgB,MAChB,cACA,QACA,KACA,GAAG,gBACsB;CACzB,MAAM,CAAC,oBAAoB,yBAAyB,SAAwB,aAAa;CAEzF,MAAM,eAAe,WAAW,KAAA;CAChC,MAAM,gBAAgB,eAAe,SAAS;CAE9C,MAAM,SAAS,aAAa,OAAe,kBAAkB,IAAI,CAAC,aAAa,CAAC;CAEhF,MAAM,SAAS,aACZ,OAAe;EACd,MAAM,aAAa,kBAAkB,KAAK,OAAO;EACjD,IAAI,CAAC,cAAc,sBAAsB,UAAU;EACnD,eAAe,UAAU;CAC3B,GACA;EAAC;EAAe;EAAc;CAAY,CAC5C;CAEA,MAAM,eAAe,eACZ;EAAE;EAAQ;CAAO,IACxB,CAAC,QAAQ,MAAM,CACjB;CAEA,MAAM,gBAAgB,CAAC,0BAA0B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAEpF,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO;EACrC,UAAA,oBAAC,OAAD;GAAK,GAAI;GAAW,WAAW;GAAoB;GAChD;EACE,CAAA;CACyB,CAAA;AAEpC"}
+{"version":3,"file":"AccordionGroup.js","names":[],"sources":["../../../src/components/accordion-group/AccordionGroup.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo, useState } from 'react';\n\nimport { AccordionGroupContext } from '../accordion/AccordionContext.js';\nimport type { AccordionGroupContextValue } from '../accordion/AccordionContext.js';\nimport type { AccordionGroupProps } from '../accordion/Accordion.types.js';\n\nconst AccordionGroup = forwardRef<HTMLDivElement, AccordionGroupProps>(function AccordionGroup(\n  { children, className, defaultOpenId = null, onOpenChange, openId, ...rootProps },\n  ref,\n) {\n  const [uncontrolledOpenId, setUncontrolledOpenId] = useState<string | null>(defaultOpenId);\n\n  const isControlled = openId !== undefined;\n  const currentOpenId = isControlled ? openId : uncontrolledOpenId;\n\n  const isOpen = useCallback((id: string) => currentOpenId === id, [currentOpenId]);\n\n  const toggle = useCallback(\n    (id: string) => {\n      const nextOpenId = currentOpenId === id ? null : id;\n      if (!isControlled) setUncontrolledOpenId(nextOpenId);\n      onOpenChange?.(nextOpenId);\n    },\n    [currentOpenId, isControlled, onOpenChange],\n  );\n\n  const contextValue = useMemo<AccordionGroupContextValue>(\n    () => ({ isOpen, toggle }),\n    [isOpen, toggle],\n  );\n\n  const rootClassName = ['chayns-accordion-group', className].filter(Boolean).join(' ');\n\n  return (\n    <AccordionGroupContext.Provider value={contextValue}>\n      <div {...rootProps} className={rootClassName} ref={ref}>\n        {children}\n      </div>\n    </AccordionGroupContext.Provider>\n  );\n});\n\nexport default AccordionGroup;\n"],"mappings":";;;;AAMA,IAAM,iBAAiB,WAAgD,SAAS,eAC9E,EAAE,UAAU,WAAW,gBAAgB,MAAM,cAAc,QAAQ,GAAG,aACtE,KACA;CACA,MAAM,CAAC,oBAAoB,yBAAyB,SAAwB,aAAa;CAEzF,MAAM,eAAe,WAAW,KAAA;CAChC,MAAM,gBAAgB,eAAe,SAAS;CAE9C,MAAM,SAAS,aAAa,OAAe,kBAAkB,IAAI,CAAC,aAAa,CAAC;CAEhF,MAAM,SAAS,aACZ,OAAe;EACd,MAAM,aAAa,kBAAkB,KAAK,OAAO;EACjD,IAAI,CAAC,cAAc,sBAAsB,UAAU;EACnD,eAAe,UAAU;CAC3B,GACA;EAAC;EAAe;EAAc;CAAY,CAC5C;CAEA,MAAM,eAAe,eACZ;EAAE;EAAQ;CAAO,IACxB,CAAC,QAAQ,MAAM,CACjB;CAEA,MAAM,gBAAgB,CAAC,0BAA0B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAEpF,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO;EACrC,UAAA,oBAAC,OAAD;GAAK,GAAI;GAAW,WAAW;GAAoB;GAChD;EACE,CAAA;CACyB,CAAA;AAEpC,CAAC"}

package/dist/components/avatar/Avatar.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/avatar/Avatar.tsx
 var getInitials = (name) => {
 	const words = name.trim().split(/\s+/).filter(Boolean);

package/dist/components/avatar-group/AvatarGroup.js

@@ -1,5 +1,5 @@
-import { jsxs } from "react/jsx-runtime";
 import { Children, cloneElement, forwardRef, isValidElement } from "react";
+import { jsxs } from "react/jsx-runtime";
 //#region src/components/avatar-group/AvatarGroup.tsx
 var AvatarGroup = forwardRef(function AvatarGroup({ children, className, max, size = "default", ...spanProps }, ref) {
 	const avatars = Children.toArray(children).filter((child) => isValidElement(child));

package/dist/components/badge/Badge.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/badge/Badge.tsx
 var Badge = forwardRef(function Badge({ "aria-label": ariaLabel, children, className, size = "sm", tone = "neutral", ...spanProps }, ref) {
 	const resolvedClassName = [

package/dist/components/banner/Banner.d.ts

@@ -0,0 +1,3 @@
+declare const Banner: import("react").ForwardRefExoticComponent<(Omit<import("./Banner.types.js").StaticBannerProps, "ref"> | Omit<import("./Banner.types.js").ClosableBannerProps, "ref">) & import("react").RefAttributes<HTMLElement>>;
+export default Banner;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/components/banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,qNAuDV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/components/banner/Banner.js

@@ -0,0 +1,46 @@
+import ButtonIcon from "../button/button-icon/ButtonIcon.js";
+import { forwardRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/banner/Banner.tsx
+var Banner = forwardRef(function Banner({ children, className, closeLabel, defaultOpen = true, icon, onClose, onOpenChange, open, tone = "neutral", ...asideProps }, ref) {
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+	const isOpen = open ?? uncontrolledOpen;
+	function handleClose() {
+		if (open === void 0) setUncontrolledOpen(false);
+		onOpenChange?.(false);
+		onClose?.();
+	}
+	if (!isOpen) return null;
+	const resolvedClassName = [
+		"chayns-banner",
+		`chayns-banner--${tone}`,
+		className
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("aside", {
+		...asideProps,
+		className: resolvedClassName,
+		ref,
+		children: [
+			icon ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "chayns-banner__icon",
+				children: /* @__PURE__ */ jsx(ButtonIcon, { icon })
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: "chayns-banner__content",
+				children
+			}),
+			onClose ? /* @__PURE__ */ jsx("button", {
+				"aria-label": closeLabel,
+				className: "chayns-banner__close",
+				onClick: handleClose,
+				type: "button",
+				children: /* @__PURE__ */ jsx(ButtonIcon, { icon: "fa-xmark" })
+			}) : null
+		]
+	});
+});
+//#endregion
+export { Banner as default };
+
+//# sourceMappingURL=Banner.js.map

package/dist/components/banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react';\n\nimport ButtonIcon from '../button/button-icon/ButtonIcon.js';\nimport type { BannerProps } from './Banner.types.js';\n\nconst Banner = forwardRef<HTMLElement, BannerProps>(function Banner(\n  {\n    children,\n    className,\n    closeLabel,\n    defaultOpen = true,\n    icon,\n    onClose,\n    onOpenChange,\n    open,\n    tone = 'neutral',\n    ...asideProps\n  },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isOpen = open ?? uncontrolledOpen;\n\n  function handleClose() {\n    if (open === undefined) {\n      setUncontrolledOpen(false);\n    }\n\n    onOpenChange?.(false);\n    onClose?.();\n  }\n\n  if (!isOpen) {\n    return null;\n  }\n\n  const resolvedClassName = ['chayns-banner', `chayns-banner--${tone}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <aside {...asideProps} className={resolvedClassName} ref={ref}>\n      {icon ? (\n        <span aria-hidden=\"true\" className=\"chayns-banner__icon\">\n          <ButtonIcon icon={icon} />\n        </span>\n      ) : null}\n      <div className=\"chayns-banner__content\">{children}</div>\n      {onClose ? (\n        <button\n          aria-label={closeLabel}\n          className=\"chayns-banner__close\"\n          onClick={handleClose}\n          type=\"button\"\n        >\n          <ButtonIcon icon=\"fa-xmark\" />\n        </button>\n      ) : null}\n    </aside>\n  );\n});\n\nexport default Banner;\n"],"mappings":";;;;AAKA,IAAM,SAAS,WAAqC,SAAS,OAC3D,EACE,UACA,WACA,YACA,cAAc,MACd,MACA,SACA,cACA,MACA,OAAO,WACP,GAAG,cAEL,KACA;CACA,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,WAAW;CACpE,MAAM,SAAS,QAAQ;CAEvB,SAAS,cAAc;EACrB,IAAI,SAAS,KAAA,GACX,oBAAoB,KAAK;EAG3B,eAAe,KAAK;EACpB,UAAU;CACZ;CAEA,IAAI,CAAC,QACH,OAAO;CAGT,MAAM,oBAAoB;EAAC;EAAiB,kBAAkB;EAAQ;CAAS,CAAC,CAC7E,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,SAAD;EAAO,GAAI;EAAY,WAAW;EAAwB;EAA1D,UAAA;GACG,OACC,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;IACjC,UAAA,oBAAC,YAAD,EAAkB,KAAO,CAAA;GACrB,CAAA,IACJ;GACJ,oBAAC,OAAD;IAAK,WAAU;IAA0B;GAAc,CAAA;GACtD,UACC,oBAAC,UAAD;IACE,cAAY;IACZ,WAAU;IACV,SAAS;IACT,MAAK;IAEL,UAAA,oBAAC,YAAD,EAAY,MAAK,WAAY,CAAA;GACvB,CAAA,IACN;EACC;;AAEX,CAAC"}

package/dist/components/banner/Banner.types.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type { ButtonIcon } from '../button/Button.types.js';
+export declare const BANNER_TONES: readonly ["neutral", "success", "warning", "danger"];
+export type BannerTone = (typeof BANNER_TONES)[number];
+interface BannerBaseProps extends Omit<ComponentPropsWithRef<'aside'>, 'children' | 'role'> {
+    children: Exclude<ReactNode, boolean | null | undefined>;
+    tone?: BannerTone;
+    icon?: ButtonIcon;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    role?: never;
+}
+export interface StaticBannerProps extends BannerBaseProps {
+    onClose?: never;
+    closeLabel?: never;
+}
+export interface ClosableBannerProps extends BannerBaseProps {
+    onClose: () => void;
+    closeLabel: string;
+}
+export type BannerProps = StaticBannerProps | ClosableBannerProps;
+export {};
+//# sourceMappingURL=Banner.types.d.ts.map

package/dist/components/banner/Banner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,eAAO,MAAM,YAAY,sDAAuD,CAAC;AACjF,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,UAAU,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzF,QAAQ,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,mBAAmB,CAAC"}

package/dist/components/banner/Banner.types.js

@@ -0,0 +1,11 @@
+//#region src/components/banner/Banner.types.ts
+var BANNER_TONES = [
+	"neutral",
+	"success",
+	"warning",
+	"danger"
+];
+//#endregion
+export { BANNER_TONES };
+
+//# sourceMappingURL=Banner.types.js.map

package/dist/components/banner/Banner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.types.js","names":[],"sources":["../../../src/components/banner/Banner.types.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\n\nimport type { ButtonIcon } from '../button/Button.types.js';\n\nexport const BANNER_TONES = ['neutral', 'success', 'warning', 'danger'] as const;\nexport type BannerTone = (typeof BANNER_TONES)[number];\n\ninterface BannerBaseProps extends Omit<ComponentPropsWithRef<'aside'>, 'children' | 'role'> {\n  children: Exclude<ReactNode, boolean | null | undefined>;\n  tone?: BannerTone;\n  icon?: ButtonIcon;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  role?: never;\n}\n\nexport interface StaticBannerProps extends BannerBaseProps {\n  onClose?: never;\n  closeLabel?: never;\n}\n\nexport interface ClosableBannerProps extends BannerBaseProps {\n  onClose: () => void;\n  closeLabel: string;\n}\n\nexport type BannerProps = StaticBannerProps | ClosableBannerProps;\n"],"mappings":";AAIA,IAAa,eAAe;CAAC;CAAW;CAAW;CAAW;AAAQ"}

package/dist/components/button/Button.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonProps } from './Button.types.js';
-declare function Button({ children, className, icon, type, variant, ...buttonProps }: ButtonProps): import("react").JSX.Element;
+declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAe,EACf,OAAO,EACP,GAAG,WAAW,EACf,EAAE,WAAW,+BAWb;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,QAAA,MAAM,MAAM,wHAoCV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/components/button/Button.js

@@ -1,19 +1,24 @@
 import ButtonIcon from "./button-icon/ButtonIcon.js";
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/button/Button.tsx
-function Button({ children, className, icon, type = "button", variant, ...buttonProps }) {
+var Button = forwardRef(function Button({ "aria-busy": ariaBusy, children, className, disabled, icon, loading = false, type = "button", variant, ...buttonProps }, ref) {
 	const resolvedClassName = [
 		"chayns-button",
 		`chayns-button--${variant}`,
+		loading ? "chayns-button--loading" : "",
 		className
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsxs("button", {
 		...buttonProps,
+		"aria-busy": loading ? true : ariaBusy,
 		className: resolvedClassName,
+		disabled: loading || disabled,
+		ref,
 		type,
-		children: [icon ? /* @__PURE__ */ jsx(ButtonIcon, { icon }) : null, children]
+		children: [loading ? /* @__PURE__ */ jsx(ButtonIcon, { icon: "fa-spinner" }) : icon ? /* @__PURE__ */ jsx(ButtonIcon, { icon }) : null, children]
 	});
-}
+});
 //#endregion
 export { Button as default };
 

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ButtonProps } from './Button.types.js';\nimport ButtonIcon from './button-icon/ButtonIcon.js';\n\nfunction Button({\n  children,\n  className,\n  icon,\n  type = 'button',\n  variant,\n  ...buttonProps\n}: ButtonProps) {\n  const resolvedClassName = ['chayns-button', `chayns-button--${variant}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button {...buttonProps} className={resolvedClassName} type={type}>\n      {icon ? <ButtonIcon icon={icon} /> : null}\n      {children}\n    </button>\n  );\n}\n\nexport default Button;\n"],"mappings":";;;AAGA,SAAS,OAAO,EACd,UACA,WACA,MACA,OAAO,UACP,SACA,GAAG,eACW;CACd,MAAM,oBAAoB;EAAC;EAAiB,kBAAkB;EAAW;CAAS,CAAC,CAChF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,UAAD;EAAQ,GAAI;EAAa,WAAW;EAAyB;EAA7D,UAAA,CACG,OAAO,oBAAC,YAAD,EAAkB,KAAO,CAAA,IAAI,MACpC,QACK;;AAEZ"}
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { ButtonProps } from './Button.types.js';\nimport ButtonIcon from './button-icon/ButtonIcon.js';\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    'aria-busy': ariaBusy,\n    children,\n    className,\n    disabled,\n    icon,\n    loading = false,\n    type = 'button',\n    variant,\n    ...buttonProps\n  },\n  ref,\n) {\n  const resolvedClassName = [\n    'chayns-button',\n    `chayns-button--${variant}`,\n    loading ? 'chayns-button--loading' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      {...buttonProps}\n      aria-busy={loading ? true : ariaBusy}\n      className={resolvedClassName}\n      disabled={loading || disabled}\n      ref={ref}\n      type={type}\n    >\n      {loading ? <ButtonIcon icon=\"fa-spinner\" /> : icon ? <ButtonIcon icon={icon} /> : null}\n      {children}\n    </button>\n  );\n});\n\nexport default Button;\n"],"mappings":";;;;AAKA,IAAM,SAAS,WAA2C,SAAS,OACjE,EACE,aAAa,UACb,UACA,WACA,UACA,MACA,UAAU,OACV,OAAO,UACP,SACA,GAAG,eAEL,KACA;CACA,MAAM,oBAAoB;EACxB;EACA,kBAAkB;EAClB,UAAU,2BAA2B;EACrC;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,UAAD;EACE,GAAI;EACJ,aAAW,UAAU,OAAO;EAC5B,WAAW;EACX,UAAU,WAAW;EAChB;EACC;EANR,UAAA,CAQG,UAAU,oBAAC,YAAD,EAAY,MAAK,aAAc,CAAA,IAAI,OAAO,oBAAC,YAAD,EAAkB,KAAO,CAAA,IAAI,MACjF,QACK;;AAEZ,CAAC"}

package/dist/components/button/Button.types.d.ts

@@ -12,13 +12,13 @@ export type ButtonVariant = 'primary' | 'outline' | 'ghost' | 'danger';
  */
 export declare const BUTTON_VARIANTS: readonly ["primary", "outline", "ghost", "danger"];
 /**
- * @description A FontAwesome Classic icon name in its Regular form (e.g.
- * `fa-plus`). Button and IconButton resolve the matching Solid weight
- * internally and cross-fade between the two on hover/active; consumers must
- * not pass a pre-resolved weight and must supply a name that has both a
- * Regular and a Solid glyph available.
+ * @description A FontAwesome Classic icon name (e.g. `fa-plus`) or a
+ * FontAwesome Brands icon including its style prefix (e.g. `fab fa-github`).
+ * Classic icons resolve the matching Regular and Solid weights internally;
+ * Brands icons are rendered as a single icon and must not be combined with
+ * `far` or `fas`.
  */
-export type ButtonIcon = `fa-${string}`;
+export type ButtonIcon = `fa-${string}` | `fab fa-${string}`;
 /**
  * @description Visible content that gives a `Button` its accessible name.
  * Excludes `boolean`, `null` and `undefined` so a `Button` can never be
@@ -39,15 +39,19 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
      */
     variant: ButtonVariant;
     /**
-     * @description Optional leading FontAwesome Classic icon name. Always
-     * rendered before `children`; there is no trailing-icon or icon-only mode
-     * on `Button` itself — use `IconButton` for an icon-only action.
+     * @description Optional leading FontAwesome Classic or Brands icon name.
+     * Always rendered before `children`; there is no trailing-icon or icon-only
+     * mode on `Button` itself — use `IconButton` for an icon-only action.
      */
     icon?: ButtonIcon;
+    /**
+     * Shows a spinner while preserving the button label and prevents repeated
+     * activation through the native disabled state.
+     */
+    loading?: boolean;
     /**
      * @description Visible, non-empty content used as the button label. Loading
-     * state, polymorphism (rendering as something other than a native button)
-     * and navigation are explicitly not part of the Milestone 1 API.
+     * preserves this content while adding a spinner.
      */
     children: ButtonContent;
 }

package/dist/components/button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,eAAe,oDAKiB,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,MAAM,EAAE,CAAC;AAExC;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAE3E;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACpF;;;;;OAKG;IACH,OAAO,EAAE,aAAa,CAAC;IAEvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;OAIG;IACH,QAAQ,EAAE,aAAa,CAAC;CACzB"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,eAAe,oDAKiB,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,CAAC;AAE7D;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAE3E;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACpF;;;;;OAKG;IACH,OAAO,EAAE,aAAa,CAAC;IAEvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,EAAE,aAAa,CAAC;CACzB"}

package/dist/components/button/Button.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.js","names":[],"sources":["../../../src/components/button/Button.types.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\n\n/**\n * @description Supported visual emphasis levels for {@link ButtonProps} and\n * `IconButtonProps`. Milestone 1 supports exactly these four values; there is\n * no default variant and no fifth value.\n * @see {@link https://tappqa.tobit.com/Bodywork/DesignSystem/#buttons | DesignSystem — Buttons & Aktionen}\n */\nexport type ButtonVariant = 'primary' | 'outline' | 'ghost' | 'danger';\n\n/**\n * Runtime representation of the finite Button variant contract.\n * Keep this list as the single source for Storybook controls and iteration.\n */\nexport const BUTTON_VARIANTS = [\n  'primary',\n  'outline',\n  'ghost',\n  'danger',\n] as const satisfies readonly ButtonVariant[];\n\n/**\n * @description A FontAwesome Classic icon name in its Regular form (e.g.\n * `fa-plus`). Button and IconButton resolve the matching Solid weight\n * internally and cross-fade between the two on hover/active; consumers must\n * not pass a pre-resolved weight and must supply a name that has both a\n * Regular and a Solid glyph available.\n */\nexport type ButtonIcon = `fa-${string}`;\n\n/**\n * @description Visible content that gives a `Button` its accessible name.\n * Excludes `boolean`, `null` and `undefined` so a `Button` can never be\n * rendered without real, visible label content.\n */\nexport type ButtonContent = Exclude<ReactNode, boolean | null | undefined>;\n\n/**\n * @description Props for a visible-label native action button. Renders a\n * native `<button>` and forwards all remaining native button props, events,\n * `className` and `ref`.\n */\nexport interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {\n  /**\n   * @description Visual emphasis that communicates the action's role within\n   * its action scope. At most one `primary` action should exist per closed\n   * action scope (page, card, dialog, drawer, form, wizard step, or closed\n   * accordion content).\n   */\n  variant: ButtonVariant;\n\n  /**\n   * @description Optional leading FontAwesome Classic icon name. Always\n   * rendered before `children`; there is no trailing-icon or icon-only mode\n   * on `Button` itself — use `IconButton` for an icon-only action.\n   */\n  icon?: ButtonIcon;\n\n  /**\n   * @description Visible, non-empty content used as the button label. Loading\n   * state, polymorphism (rendering as something other than a native button)\n   * and navigation are explicitly not part of the Milestone 1 API.\n   */\n  children: ButtonContent;\n}\n"],"mappings":";;;;;AAcA,IAAa,kBAAkB;CAC7B;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"Button.types.js","names":[],"sources":["../../../src/components/button/Button.types.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\n\n/**\n * @description Supported visual emphasis levels for {@link ButtonProps} and\n * `IconButtonProps`. Milestone 1 supports exactly these four values; there is\n * no default variant and no fifth value.\n * @see {@link https://tappqa.tobit.com/Bodywork/DesignSystem/#buttons | DesignSystem — Buttons & Aktionen}\n */\nexport type ButtonVariant = 'primary' | 'outline' | 'ghost' | 'danger';\n\n/**\n * Runtime representation of the finite Button variant contract.\n * Keep this list as the single source for Storybook controls and iteration.\n */\nexport const BUTTON_VARIANTS = [\n  'primary',\n  'outline',\n  'ghost',\n  'danger',\n] as const satisfies readonly ButtonVariant[];\n\n/**\n * @description A FontAwesome Classic icon name (e.g. `fa-plus`) or a\n * FontAwesome Brands icon including its style prefix (e.g. `fab fa-github`).\n * Classic icons resolve the matching Regular and Solid weights internally;\n * Brands icons are rendered as a single icon and must not be combined with\n * `far` or `fas`.\n */\nexport type ButtonIcon = `fa-${string}` | `fab fa-${string}`;\n\n/**\n * @description Visible content that gives a `Button` its accessible name.\n * Excludes `boolean`, `null` and `undefined` so a `Button` can never be\n * rendered without real, visible label content.\n */\nexport type ButtonContent = Exclude<ReactNode, boolean | null | undefined>;\n\n/**\n * @description Props for a visible-label native action button. Renders a\n * native `<button>` and forwards all remaining native button props, events,\n * `className` and `ref`.\n */\nexport interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {\n  /**\n   * @description Visual emphasis that communicates the action's role within\n   * its action scope. At most one `primary` action should exist per closed\n   * action scope (page, card, dialog, drawer, form, wizard step, or closed\n   * accordion content).\n   */\n  variant: ButtonVariant;\n\n  /**\n   * @description Optional leading FontAwesome Classic or Brands icon name.\n   * Always rendered before `children`; there is no trailing-icon or icon-only\n   * mode on `Button` itself — use `IconButton` for an icon-only action.\n   */\n  icon?: ButtonIcon;\n\n  /**\n   * Shows a spinner while preserving the button label and prevents repeated\n   * activation through the native disabled state.\n   */\n  loading?: boolean;\n\n  /**\n   * @description Visible, non-empty content used as the button label. Loading\n   * preserves this content while adding a spinner.\n   */\n  children: ButtonContent;\n}\n"],"mappings":";;;;;AAcA,IAAa,kBAAkB;CAC7B;CACA;CACA;CACA;AACF"}

package/dist/components/button/button-icon/ButtonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button-icon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEvE,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,UAAU,eAAe,gCAS5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button-icon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEvE,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,UAAU,eAAe,gCAqB5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/button/button-icon/ButtonIcon.js

@@ -1,16 +1,22 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/button/button-icon/ButtonIcon.tsx
-var ButtonIcon = ({ icon }) => /* @__PURE__ */ jsxs("span", {
-	"aria-hidden": "true",
-	className: "chayns-button-icon",
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "chayns-button-icon__weight",
-		children: /* @__PURE__ */ jsx("i", { className: `far ${icon}` })
-	}), /* @__PURE__ */ jsx("span", {
-		className: "chayns-button-icon__weight chayns-button-icon__weight--active",
-		children: /* @__PURE__ */ jsx("i", { className: `fas ${icon}` })
-	})]
-});
+var ButtonIcon = ({ icon }) => {
+	const isBrandIcon = icon.startsWith("fab ");
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: "chayns-button-icon",
+		children: isBrandIcon ? /* @__PURE__ */ jsx("span", {
+			className: "chayns-button-icon__weight",
+			children: /* @__PURE__ */ jsx("i", { className: icon })
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			className: "chayns-button-icon__weight",
+			children: /* @__PURE__ */ jsx("i", { className: `far ${icon}` })
+		}), /* @__PURE__ */ jsx("span", {
+			className: "chayns-button-icon__weight chayns-button-icon__weight--active",
+			children: /* @__PURE__ */ jsx("i", { className: `fas ${icon}` })
+		})] })
+	});
+};
 //#endregion
 export { ButtonIcon as default };
 

package/dist/components/button/button-icon/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","names":[],"sources":["../../../../src/components/button/button-icon/ButtonIcon.tsx"],"sourcesContent":["import type { ButtonIcon as ButtonIconName } from '../Button.types.js';\n\ninterface ButtonIconProps {\n  icon: ButtonIconName;\n}\n\nconst ButtonIcon = ({ icon }: ButtonIconProps) => (\n  <span aria-hidden=\"true\" className=\"chayns-button-icon\">\n    <span className=\"chayns-button-icon__weight\">\n      <i className={`far ${icon}`} />\n    </span>\n    <span className=\"chayns-button-icon__weight chayns-button-icon__weight--active\">\n      <i className={`fas ${icon}`} />\n    </span>\n  </span>\n);\n\nexport default ButtonIcon;\n"],"mappings":";;AAMA,IAAM,cAAc,EAAE,WACpB,qBAAC,QAAD;CAAM,eAAY;CAAO,WAAU;CAAnC,UAAA,CACE,oBAAC,QAAD;EAAM,WAAU;EACd,UAAA,oBAAC,KAAD,EAAG,WAAW,OAAO,OAAS,CAAA;CAC1B,CAAA,GACN,oBAAC,QAAD;EAAM,WAAU;EACd,UAAA,oBAAC,KAAD,EAAG,WAAW,OAAO,OAAS,CAAA;CAC1B,CAAA,CACF"}
+{"version":3,"file":"ButtonIcon.js","names":[],"sources":["../../../../src/components/button/button-icon/ButtonIcon.tsx"],"sourcesContent":["import type { ButtonIcon as ButtonIconName } from '../Button.types.js';\n\ninterface ButtonIconProps {\n  icon: ButtonIconName;\n}\n\nconst ButtonIcon = ({ icon }: ButtonIconProps) => {\n  const isBrandIcon = icon.startsWith('fab ');\n\n  return (\n    <span aria-hidden=\"true\" className=\"chayns-button-icon\">\n      {isBrandIcon ? (\n        <span className=\"chayns-button-icon__weight\">\n          <i className={icon} />\n        </span>\n      ) : (\n        <>\n          <span className=\"chayns-button-icon__weight\">\n            <i className={`far ${icon}`} />\n          </span>\n          <span className=\"chayns-button-icon__weight chayns-button-icon__weight--active\">\n            <i className={`fas ${icon}`} />\n          </span>\n        </>\n      )}\n    </span>\n  );\n};\n\nexport default ButtonIcon;\n"],"mappings":";;AAMA,IAAM,cAAc,EAAE,WAA4B;CAChD,MAAM,cAAc,KAAK,WAAW,MAAM;CAE1C,OACE,oBAAC,QAAD;EAAM,eAAY;EAAO,WAAU;EAChC,UAAA,cACC,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,KAAD,EAAG,WAAW,KAAO,CAAA;EACjB,CAAA,IAEN,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,KAAD,EAAG,WAAW,OAAO,OAAS,CAAA;EAC1B,CAAA,GACN,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,KAAD,EAAG,WAAW,OAAO,OAAS,CAAA;EAC1B,CAAA,CACN,EAAA,CAAA;CAEA,CAAA;AAEV"}

package/dist/components/card/Card.d.ts

@@ -1,4 +1,6 @@
-import type { CardProps } from './Card.types.js';
-declare const Card: ({ children, className, elevated, ...cardProps }: CardProps) => import("react").JSX.Element;
+import type { CardHeaderProps, CardProps } from './Card.types.js';
+declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Header: import("react").ForwardRefExoticComponent<Omit<CardHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+};
 export default Card;
 //# sourceMappingURL=Card.d.ts.map

package/dist/components/card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,QAAA,MAAM,IAAI,GAAI,iDAAyD,SAAS,gCAU/E,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAiClE,QAAA,MAAM,IAAI;;CAAkD,CAAC;AAE7D,eAAe,IAAI,CAAC"}

package/dist/components/card/Card.js

@@ -1,17 +1,33 @@
-import { jsx } from "react/jsx-runtime";
+import ButtonIcon from "../button/button-icon/ButtonIcon.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/card/Card.tsx
-var Card = ({ children, className, elevated = false, ...cardProps }) => {
-	const resolvedClassName = [
-		"chayns-card",
-		elevated ? "chayns-card--elevated" : null,
-		className
-	].filter(Boolean).join(" ");
+var CardHeader = forwardRef(function CardHeader({ children, className, icon, ...headerProps }, ref) {
+	const resolvedClassName = ["chayns-card__header", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("header", {
+		...headerProps,
+		className: resolvedClassName,
+		ref,
+		children: [icon ? /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "chayns-card__header-icon",
+			children: /* @__PURE__ */ jsx(ButtonIcon, { icon })
+		}) : null, /* @__PURE__ */ jsx("span", {
+			className: "chayns-card__header-content",
+			children
+		})]
+	});
+});
+var CardRoot = forwardRef(function Card({ children, className, ...cardProps }, ref) {
+	const resolvedClassName = ["chayns-card", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx("div", {
 		...cardProps,
 		className: resolvedClassName,
+		ref,
 		children
 	});
-};
+});
+var Card = Object.assign(CardRoot, { Header: CardHeader });
 //#endregion
 export { Card as default };