@chayns-ui/core 0.9.4 → 0.10.0

package/dist/accordion.css

@@ -1,3 +1,5 @@
+@import url('./button.css');
+
 @layer chayns.components {
   .chayns-accordion {
     box-sizing: border-box;
@@ -10,7 +12,7 @@
     background: var(--surface);
   }
 
-  .chayns-accordion--wrapped {
+  .chayns-accordion--wrapped:not(.chayns-accordion--grouped) {
     overflow: hidden;
     border: 1px solid var(--border);
     border-radius: 10px;

package/dist/badge.css

@@ -10,6 +10,13 @@
     font-size: var(--fs-caption);
     font-weight: 500;
     line-height: 1.2;
+    transition:
+      background 0.2s ease,
+      color 0.2s ease,
+      border-color 0.2s ease,
+      box-shadow 0.2s ease,
+      transform 0.15s ease,
+      filter 0.2s ease;
   }
 
   .chayns-badge--md {
@@ -31,16 +38,34 @@
   .chayns-badge--success {
     /* stylelint-disable-next-line custom-property-pattern */
     background: var(--success-bg);
-    color: var(--success);
+    color: var(--on-success);
   }
 
   .chayns-badge--warning {
     background: var(--warning-bg);
-    color: var(--warning);
+    color: var(--on-warning);
   }
 
   .chayns-badge--danger {
     background: var(--danger-bg);
-    color: var(--danger);
+    color: var(--on-danger);
+  }
+
+  @media (hover: hover) {
+    .chayns-badge:hover {
+      transform: translateY(-2px);
+      filter: saturate(1.18);
+      box-shadow: 0 5px 12px -5px rgb(16 40 46 / 30%);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .chayns-badge {
+      transition: none;
+    }
+
+    .chayns-badge:hover {
+      transform: none;
+    }
   }
 }

package/dist/banner.css

@@ -1,3 +1,5 @@
+@import url('./button.css');
+
 @layer chayns.components {
   .chayns-banner {
     box-sizing: border-box;

package/dist/breadcrumb.css

@@ -0,0 +1,63 @@
+@import url('./button.css');
+
+@layer chayns.components {
+  .chayns-breadcrumb {
+    min-inline-size: 0;
+    overflow-x: auto;
+  }
+
+  .chayns-breadcrumb__list {
+    display: flex;
+    align-items: center;
+    gap: var(--k9);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    font-size: var(--fs-body);
+  }
+
+  .chayns-breadcrumb__item {
+    display: flex;
+    flex: none;
+    align-items: center;
+    gap: var(--k9);
+  }
+
+  .chayns-breadcrumb__link,
+  .chayns-breadcrumb__current {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--k6);
+    min-block-size: max(24px, var(--k24));
+  }
+
+  .chayns-breadcrumb__link {
+    color: var(--text-2);
+    text-decoration: none;
+  }
+
+  .chayns-breadcrumb__current {
+    color: var(--text);
+    font-weight: 500;
+  }
+
+  .chayns-breadcrumb__separator {
+    color: var(--text-2);
+    font-size: var(--icon);
+  }
+
+  .chayns-breadcrumb__link:hover {
+    text-decoration: underline;
+  }
+
+  @media (width <= 640px) {
+    .chayns-breadcrumb__list,
+    .chayns-breadcrumb__item {
+      gap: var(--k6);
+    }
+  }
+
+  .chayns-breadcrumb__link:focus-visible {
+    outline: var(--focus-ring-size) solid rgb(var(--focus-ring-rgb), var(--focus-ring-alpha-strong));
+  }
+}

package/dist/button.css

@@ -24,6 +24,10 @@
   }
 
   .chayns-button {
+    transition:
+      transform 0.14s ease,
+      box-shadow 0.18s ease,
+      filter 0.18s ease;
     gap: var(--sp-2);
     padding-block: var(--btn-py);
     padding-inline: var(--btn-px);
@@ -61,33 +65,7 @@
 
   :where(.chayns-button--danger, .chayns-icon-button--danger) {
     background: var(--danger-bg);
-    color: var(--danger);
-  }
-
-  :where(.chayns-button, .chayns-icon-button):active:not(:disabled) {
-    transform: scale(0.96);
-  }
-
-  :where(.chayns-icon-button):active:not(:disabled) {
-    transform: scale(0.96);
-  }
-
-  :where(.chayns-button--primary, .chayns-icon-button--primary):active:not(:disabled) {
-    background: var(--accent-active);
-  }
-
-  :where(.chayns-button--outline, .chayns-icon-button--outline):active:not(:disabled) {
-    background: var(--accent);
-    color: var(--on-accent);
-  }
-
-  :where(.chayns-button--ghost, .chayns-icon-button--ghost):active:not(:disabled) {
-    background: var(--surface-alt);
-    color: var(--accent);
-  }
-
-  :where(.chayns-button--danger, .chayns-icon-button--danger):active:not(:disabled) {
-    background: var(--danger-bg-hover);
+    color: var(--on-danger);
   }
 
   :where(.chayns-button, .chayns-icon-button):disabled {
@@ -95,6 +73,7 @@
     cursor: not-allowed;
     box-shadow: none;
     transform: none;
+    filter: none;
   }
 
   :where(
@@ -116,6 +95,7 @@
   }
 
   .chayns-button-icon {
+    pointer-events: none;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -139,17 +119,46 @@
     animation: chayns-button-spin 0.8s linear infinite;
   }
 
-  :where(.chayns-button, .chayns-icon-button):active:not(:disabled)
+  :where(
+      .chayns-button,
+      .chayns-icon-button,
+      .chayns-split-button__trigger,
+      .chayns-stepper__button,
+      .chayns-pagination__arrow,
+      .chayns-segmented-control__segment,
+      .chayns-popup-list__item,
+      .chayns-combo-box__trigger,
+      .chayns-banner__close,
+      .chayns-breadcrumb__link,
+      .chayns-accordion__header
+    ):active:not(:disabled)
     .chayns-button-icon__weight:not(.chayns-button-icon__weight--active) {
     display: none;
   }
 
-  :where(.chayns-button, .chayns-icon-button):active:not(:disabled)
+  :where(
+      .chayns-button,
+      .chayns-icon-button,
+      .chayns-split-button__trigger,
+      .chayns-stepper__button,
+      .chayns-pagination__arrow,
+      .chayns-segmented-control__segment,
+      .chayns-popup-list__item,
+      .chayns-combo-box__trigger,
+      .chayns-banner__close,
+      .chayns-breadcrumb__link,
+      .chayns-accordion__header
+    ):active:not(:disabled)
     .chayns-button-icon__weight--active {
     display: inline-flex;
   }
 
   @media (hover: hover) {
+    .chayns-button:hover:not(:disabled) {
+      filter: brightness(1.06);
+      transform: translateY(-1px);
+    }
+
     :where(.chayns-button--primary, .chayns-icon-button--primary):hover:not(:disabled) {
       background: var(--accent-hover);
       box-shadow: var(--shadow-btn-hover);
@@ -173,41 +182,100 @@
       transform: translateY(-1px);
     }
 
-    :where(.chayns-button, .chayns-icon-button):hover:not(:disabled)
+    .chayns-icon-button:hover:not(:disabled) {
+      transform: translateY(-2px);
+      box-shadow: 0 7px 16px -6px rgb(var(--accent-rgb), 0.55);
+    }
+
+    :where(
+        .chayns-button,
+        .chayns-icon-button,
+        .chayns-split-button__trigger,
+        .chayns-stepper__button,
+        .chayns-pagination__arrow,
+        .chayns-segmented-control__segment,
+        .chayns-popup-list__item,
+        .chayns-combo-box__trigger,
+        .chayns-banner__close,
+        .chayns-breadcrumb__link,
+        .chayns-accordion__header
+      ):hover:not(:disabled)
       .chayns-button-icon__weight:not(.chayns-button-icon__weight--active) {
       display: none;
     }
 
-    :where(.chayns-button, .chayns-icon-button):hover:not(:disabled)
+    :where(
+        .chayns-button,
+        .chayns-icon-button,
+        .chayns-split-button__trigger,
+        .chayns-stepper__button,
+        .chayns-pagination__arrow,
+        .chayns-segmented-control__segment,
+        .chayns-popup-list__item,
+        .chayns-combo-box__trigger,
+        .chayns-banner__close,
+        .chayns-breadcrumb__link,
+        .chayns-accordion__header
+      ):hover:not(:disabled)
       .chayns-button-icon__weight--active {
       display: inline-flex;
     }
   }
 
-  :where(.chayns-button, .chayns-icon-button):focus-visible {
+  :is(.chayns-button, .chayns-icon-button):active:not(:disabled) {
+    transform: translateY(0) scale(0.97);
+  }
+
+  .chayns-icon-button:active:not(:disabled) {
+    transform: translateY(0) scale(0.9);
+  }
+
+  :where(.chayns-button--primary, .chayns-icon-button--primary):active:not(:disabled) {
+    background: var(--accent-active);
+  }
+
+  :where(.chayns-button--outline, .chayns-icon-button--outline):active:not(:disabled) {
+    background: var(--accent);
+    color: var(--on-accent);
+  }
+
+  :where(.chayns-button--ghost, .chayns-icon-button--ghost):active:not(:disabled) {
+    background: var(--surface-alt);
+    color: var(--accent);
+  }
+
+  :where(.chayns-button--danger, .chayns-icon-button--danger):active:not(:disabled) {
+    background: var(--danger-bg-hover);
+  }
+
+  :is(.chayns-button, .chayns-icon-button):focus-visible:not(:disabled) {
     outline: none;
     box-shadow: 0 0 0 var(--focus-ring-size)
       rgb(var(--focus-ring-rgb), var(--focus-ring-alpha-strong));
   }
 
-  :where(.chayns-button--primary, .chayns-icon-button--primary):focus-visible {
+  :is(.chayns-button--primary, .chayns-icon-button--primary):focus-visible:not(:disabled) {
     box-shadow:
       0 0 0 var(--focus-ring-size) rgb(var(--focus-ring-rgb), var(--focus-ring-alpha-strong)),
       var(--shadow-btn);
   }
 
   @media (forced-colors: active) {
-    :where(.chayns-button, .chayns-icon-button):focus-visible {
+    :is(.chayns-button, .chayns-icon-button):focus-visible:not(:disabled) {
       outline: var(--focus-ring-size) solid ButtonText;
       outline-offset: 1px;
     }
   }
 
   @media (prefers-reduced-motion: reduce) {
-    :where(.chayns-button, .chayns-icon-button) {
+    :is(.chayns-button, .chayns-icon-button) {
       transition: none;
     }
 
+    :is(.chayns-button, .chayns-icon-button):is(:hover, :active):not(:disabled) {
+      transform: none;
+    }
+
     :where(.chayns-button--loading, .chayns-icon-button--loading) .chayns-button-icon {
       animation: none;
     }

package/dist/card.css

@@ -1,3 +1,5 @@
+@import url('./button.css');
+
 @layer chayns.components {
   .chayns-card {
     box-sizing: border-box;
@@ -6,6 +8,9 @@
     background: var(--surface);
     border: 1px solid var(--border);
     border-radius: 16px;
+    transition:
+      transform 0.22s cubic-bezier(0.22, 0.61, 0.36, 1),
+      box-shadow 0.22s ease;
   }
 
   .chayns-card__header {
@@ -26,6 +31,11 @@
     place-items: center;
     border-radius: 8px;
     background: var(--surface-alt);
+    color: var(--accent);
+    transition:
+      transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1),
+      background 0.22s ease,
+      color 0.22s ease;
   }
 
   .chayns-card__header-content {
@@ -35,6 +45,35 @@
   @media (hover: hover) {
     .chayns-card:hover {
       box-shadow: var(--shadow-hover);
+      transform: translateY(-4px);
+    }
+
+    .chayns-card:hover .chayns-card__header-icon {
+      transform: scale(1.08);
+      background: var(--accent);
+      color: var(--on-accent);
+    }
+
+    .chayns-card:hover
+      .chayns-card__header-icon
+      .chayns-button-icon__weight:not(.chayns-button-icon__weight--active) {
+      display: none;
+    }
+
+    .chayns-card:hover .chayns-card__header-icon .chayns-button-icon__weight--active {
+      display: inline-flex;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .chayns-card,
+    .chayns-card__header-icon {
+      transition: none;
+    }
+
+    .chayns-card:hover,
+    .chayns-card:hover .chayns-card__header-icon {
+      transform: none;
     }
   }
 }

package/dist/checkbox.css

@@ -35,7 +35,7 @@
     transition: all 0.15s ease;
   }
 
-  .chayns-checkbox__control > i {
+  .chayns-checkbox__control > :is(i, svg) {
     opacity: 0;
     transform: scale(0.4);
     transition:
@@ -48,7 +48,7 @@
     background: var(--accent);
   }
 
-  .chayns-checkbox__input:checked + .chayns-checkbox__control > i {
+  .chayns-checkbox__input:checked + .chayns-checkbox__control > :is(i, svg) {
     opacity: 1;
     transform: scale(1);
   }
@@ -87,7 +87,7 @@
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .chayns-checkbox__control > i {
+    .chayns-checkbox__control > :is(i, svg) {
       transition: none;
     }
   }

package/dist/combo-box.css

@@ -1,3 +1,5 @@
+@import url('./button.css');
+
 @layer chayns.components {
   .chayns-combo-box {
     position: relative;

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

@@ -1,11 +1,10 @@
 import type { AccordionContentProps, AccordionHeadContentProps, AccordionHeadProps, AccordionPartProps, AccordionProps } from './Accordion.types.js';
-declare function HeadContent({ className, subtitle, title }: AccordionHeadContentProps): import("react").JSX.Element;
 declare const Accordion: import("react").ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     Content: import("react").ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Head: import("react").ForwardRefExoticComponent<Omit<AccordionHeadProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>> & {
-        Content: typeof HeadContent;
-        Leading: (props: AccordionPartProps) => import("react").JSX.Element;
-        Trailing: (props: AccordionPartProps) => import("react").JSX.Element;
+        Content: import("react").ForwardRefExoticComponent<Omit<AccordionHeadContentProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        Leading: import("react").ForwardRefExoticComponent<Omit<AccordionPartProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        Trailing: import("react").ForwardRefExoticComponent<Omit<AccordionPartProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     };
 };
 export default Accordion;

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACf,MAAM,sBAAsB,CAAC;AAgB9B,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,yBAAyB,+BAS7E;AA8JD,QAAA,MAAM,SAAS;;;;yBA1Ka,kBAAkB;0BACjB,kBAAkB;;CAgL7C,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACf,MAAM,sBAAsB,CAAC;AAuM9B,QAAA,MAAM,SAAS;;;;;;;CAOb,CAAC;AASH,eAAe,SAAS,CAAC"}

package/dist/components/accordion/Accordion.js

@@ -1,26 +1,29 @@
+import ButtonIcon from "../button/button-icon/ButtonIcon.js";
 import { AccordionDepthContext, AccordionGroupContext, AccordionItemContext, useAccordionItemContext } from "./AccordionContext.js";
 import { Children, createElement, forwardRef, isValidElement, useContext, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/accordion/Accordion.tsx
-function Part({ children, className, name }) {
-	useAccordionItemContext(name);
-	return /* @__PURE__ */ jsx("span", {
-		className: [`chayns-accordion__${name.toLowerCase()}`, className].filter(Boolean).join(" "),
-		children
+function createHeadPart(name) {
+	const HeadPart = forwardRef(function HeadPart({ children, className, ...spanProps }, ref) {
+		useAccordionItemContext(`Head.${name}`);
+		return /* @__PURE__ */ jsx("span", {
+			...spanProps,
+			className: [`chayns-accordion__${name.toLowerCase()}`, className].filter(Boolean).join(" "),
+			ref,
+			children
+		});
 	});
+	HeadPart.displayName = `Accordion.Head.${name}`;
+	return HeadPart;
 }
-var HeadLeading = (props) => /* @__PURE__ */ jsx(Part, {
-	...props,
-	name: "leading"
-});
-var HeadTrailing = (props) => /* @__PURE__ */ jsx(Part, {
-	...props,
-	name: "trailing"
-});
-function HeadContent({ className, subtitle, title }) {
+var HeadLeading = createHeadPart("Leading");
+var HeadTrailing = createHeadPart("Trailing");
+var HeadContent = forwardRef(function HeadContent({ className, subtitle, title, ...spanProps }, ref) {
 	useAccordionItemContext("Head.Content");
 	return /* @__PURE__ */ jsxs("span", {
+		...spanProps,
 		className: ["chayns-accordion__head-content", className].filter(Boolean).join(" "),
+		ref,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "chayns-accordion__title",
 			children: title
@@ -29,7 +32,7 @@ function HeadContent({ className, subtitle, title }) {
 			children: subtitle
 		}) : null]
 	});
-}
+});
 var AccordionHead = forwardRef(function AccordionHead({ children, className, onClick, ...buttonProps }, ref) {
 	const { disabled, headerId, isOpen, onToggle, panelId } = useAccordionItemContext("Head");
 	function handleClick(event) {
@@ -46,9 +49,10 @@ var AccordionHead = forwardRef(function AccordionHead({ children, className, onC
 		onClick: handleClick,
 		ref,
 		type: "button",
-		children: [/* @__PURE__ */ jsx("i", {
+		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
-			className: "chayns-accordion__chevron far fa-chevron-right"
+			className: "chayns-accordion__chevron",
+			children: /* @__PURE__ */ jsx(ButtonIcon, { icon: "fa-chevron-right" })
 		}), children]
 	});
 });
@@ -72,9 +76,12 @@ var AccordionContent = forwardRef(function AccordionContent({ children, classNam
 			className: "chayns-accordion__inner",
 			children: /* @__PURE__ */ jsx("div", {
 				className: "chayns-accordion__content",
-				children: /* @__PURE__ */ jsx(AccordionDepthContext.Provider, {
-					value: depth + 1,
-					children
+				children: /* @__PURE__ */ jsx(AccordionGroupContext.Provider, {
+					value: null,
+					children: /* @__PURE__ */ jsx(AccordionDepthContext.Provider, {
+						value: depth + 1,
+						children
+					})
 				})
 			})
 		})
@@ -88,7 +95,7 @@ var AccordionRoot = forwardRef(function Accordion({ appearance = "default", chil
 	const headerId = `${baseId}-header`;
 	const panelId = `${baseId}-panel`;
 	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-	const isGrouped = group !== null && depth === 0;
+	const isGrouped = group !== null;
 	const isOpen = isGrouped ? group.isOpen(baseId) : open ?? uncontrolledOpen;
 	const wrapped = depth > 0;
 	const isList = appearance === "list";
@@ -101,13 +108,14 @@ var AccordionRoot = forwardRef(function Accordion({ appearance = "default", chil
 		if (open === void 0) setUncontrolledOpen(nextOpen);
 		onOpenChange?.(nextOpen);
 	}
-	const variantClassName = isGrouped ? "chayns-accordion--grouped" : wrapped ? "chayns-accordion--wrapped" : "chayns-accordion--standalone";
 	const directChildren = Children.toArray(children);
 	const compoundHead = directChildren.find((child) => isValidElement(child) && child.type === AccordionHead);
 	const hasCompoundLeading = isValidElement(compoundHead) && Children.toArray(compoundHead.props.children).some((child) => isValidElement(child) && child.type === HeadLeading);
 	const rootClassName = [
 		"chayns-accordion",
-		variantClassName,
+		isGrouped ? "chayns-accordion--grouped" : null,
+		wrapped ? "chayns-accordion--wrapped" : null,
+		!isGrouped && !wrapped ? "chayns-accordion--standalone" : null,
 		isOpen ? "chayns-accordion--open" : null,
 		disabled ? "chayns-accordion--disabled" : null,
 		leading || hasCompoundLeading ? "chayns-accordion--has-leading" : null,
@@ -146,6 +154,12 @@ var Accordion = Object.assign(AccordionRoot, {
 		Trailing: HeadTrailing
 	})
 });
+Object.assign(HeadLeading, { displayName: "Accordion.Head.Leading" });
+Object.assign(HeadTrailing, { displayName: "Accordion.Head.Trailing" });
+Object.assign(HeadContent, { displayName: "Accordion.Head.Content" });
+AccordionHead.displayName = "Accordion.Head";
+AccordionContent.displayName = "Accordion.Content";
+AccordionRoot.displayName = "Accordion";
 //#endregion
 export { Accordion as default };
 

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import ButtonIcon from '../button/button-icon/ButtonIcon.js';\nimport {\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 createHeadPart(name: 'Leading' | 'Trailing') {\n  const HeadPart = forwardRef<HTMLSpanElement, AccordionPartProps>(function HeadPart(\n    { children, className, ...spanProps },\n    ref,\n  ) {\n    useAccordionItemContext(`Head.${name}`);\n    return (\n      <span\n        {...spanProps}\n        className={[`chayns-accordion__${name.toLowerCase()}`, className].filter(Boolean).join(' ')}\n        ref={ref}\n      >\n        {children}\n      </span>\n    );\n  });\n  HeadPart.displayName = `Accordion.Head.${name}`;\n  return HeadPart;\n}\n\nconst HeadLeading = createHeadPart('Leading');\nconst HeadTrailing = createHeadPart('Trailing');\n\nconst HeadContent = forwardRef<HTMLSpanElement, AccordionHeadContentProps>(function HeadContent(\n  { className, subtitle, title, ...spanProps },\n  ref,\n) {\n  useAccordionItemContext('Head.Content');\n  return (\n    <span\n      {...spanProps}\n      className={['chayns-accordion__head-content', className].filter(Boolean).join(' ')}\n      ref={ref}\n    >\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      <span aria-hidden=\"true\" className=\"chayns-accordion__chevron\">\n        <ButtonIcon icon=\"fa-chevron-right\" />\n      </span>\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            <AccordionGroupContext.Provider value={null}>\n              <AccordionDepthContext.Provider value={depth + 1}>\n                {children}\n              </AccordionDepthContext.Provider>\n            </AccordionGroupContext.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;\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 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    isGrouped ? 'chayns-accordion--grouped' : null,\n    wrapped ? 'chayns-accordion--wrapped' : null,\n    !isGrouped && !wrapped ? 'chayns-accordion--standalone' : null,\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\nObject.assign(HeadLeading, { displayName: 'Accordion.Head.Leading' });\nObject.assign(HeadTrailing, { displayName: 'Accordion.Head.Trailing' });\nObject.assign(HeadContent, { displayName: 'Accordion.Head.Content' });\nAccordionHead.displayName = 'Accordion.Head';\nAccordionContent.displayName = 'Accordion.Content';\nAccordionRoot.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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"}

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

@@ -1,4 +1,9 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** Named configuration values; existing literal props and value lists remain supported. */
+export declare enum AccordionAppearances {
+    Default = "default",
+    List = "list"
+}
 export declare const ACCORDION_APPEARANCES: readonly ["default", "list"];
 export type AccordionAppearance = (typeof ACCORDION_APPEARANCES)[number];
 /**
@@ -90,12 +95,12 @@ export interface AccordionGroupProps extends Omit<ComponentPropsWithRef<'div'>,
 export interface AccordionHeadProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children?: ReactNode;
 }
-export interface AccordionHeadContentProps {
+export interface AccordionHeadContentProps extends Omit<ComponentPropsWithRef<'span'>, 'title' | 'children'> {
     title: ReactNode;
     subtitle?: ReactNode;
     className?: string;
 }
-export interface AccordionPartProps {
+export interface AccordionPartProps extends ComponentPropsWithRef<'span'> {
     children?: ReactNode;
     className?: string;
 }