@accelint/design-toolkit 9.3.0 → 9.4.1

package/catalog-info.yaml

@@ -19,7 +19,7 @@ metadata:
   annotations:
     backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/blob/main/packages/design-toolkit/catalog-info.yaml
     backstage.io/techdocs-ref: dir:.
-    package/version: 9.3.0
+    package/version: 9.4.1
     github.com/project-slug: gohypergiant/standard-toolkit
   links:
     - url: https://github.com/gohypergiant/standard-toolkit/tree/main/packages/design-toolkit

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

@@ -16,6 +16,12 @@ import * as react0 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/accordion/context.d.ts
+/**
+ * React context for sharing accordion configuration across components.
+ *
+ * Provides variant and disabled state to nested accordion components
+ * (header, trigger, panel) without explicit prop drilling.
+ */
 declare const AccordionContext: react0.Context<ContextValue<AccordionProps, HTMLDivElement>>;
 //#endregion
 export { AccordionContext };

package/dist/components/accordion/context.js

@@ -17,6 +17,12 @@ import "client-only";
 import { createContext } from "react";
 
 //#region src/components/accordion/context.tsx
+/**
+* React context for sharing accordion configuration across components.
+*
+* Provides variant and disabled state to nested accordion components
+* (header, trigger, panel) without explicit prop drilling.
+*/
 const AccordionContext = createContext(null);
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/accordion/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { AccordionProps } from './types';\n\nexport const AccordionContext =\n  createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAa,mBACX,cAA4D,KAAK"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/accordion/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { AccordionProps } from './types';\n\n/**\n * React context for sharing accordion configuration across components.\n *\n * Provides variant and disabled state to nested accordion components\n * (header, trigger, panel) without explicit prop drilling.\n */\nexport const AccordionContext =\n  createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,mBACX,cAA4D,KAAK"}

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

@@ -12,9 +12,44 @@
 
 import { AccordionGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/accordion/group.d.ts
+
+/**
+ * Container component for grouping multiple accordions with shared configuration.
+ *
+ * Provides coordinated behavior for multiple accordions, controlling
+ * whether multiple sections can be expanded simultaneously.
+ *
+ * Wraps react-aria-components DisclosureGroup and provides variant context.
+ *
+ * @param props - The accordion group props.
+ * @param props.ref - Reference to the root div element.
+ * @param props.children - Accordion components to render within the group.
+ * @param props.className - Additional CSS class names for styling.
+ * @param props.variant - Visual variant of the accordions ('compact' or 'cozy').
+ * @param props.isDisabled - Whether all accordions in the group are disabled.
+ * @returns The accordion group component.
+ *
+ * @example
+ * ```tsx
+ * <AccordionGroup variant="compact">
+ *   <Accordion>
+ *     <AccordionHeader>
+ *       <AccordionTrigger>Section 1</AccordionTrigger>
+ *     </AccordionHeader>
+ *     <AccordionPanel>Content 1</AccordionPanel>
+ *   </Accordion>
+ *   <Accordion>
+ *     <AccordionHeader>
+ *       <AccordionTrigger>Section 2</AccordionTrigger>
+ *     </AccordionHeader>
+ *     <AccordionPanel>Content 2</AccordionPanel>
+ *   </Accordion>
+ * </AccordionGroup>
+ * ```
+ */
 declare function AccordionGroup({
   ref,
   children,
@@ -22,7 +57,7 @@ declare function AccordionGroup({
   variant,
   isDisabled,
   ...rest
-}: AccordionGroupProps): react_jsx_runtime1.JSX.Element;
+}: AccordionGroupProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { AccordionGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/accordion/group.js

@@ -21,6 +21,40 @@ import styles from "./styles.module.css";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/accordion/group.tsx
+/**
+* Container component for grouping multiple accordions with shared configuration.
+*
+* Provides coordinated behavior for multiple accordions, controlling
+* whether multiple sections can be expanded simultaneously.
+*
+* Wraps react-aria-components DisclosureGroup and provides variant context.
+*
+* @param props - The accordion group props.
+* @param props.ref - Reference to the root div element.
+* @param props.children - Accordion components to render within the group.
+* @param props.className - Additional CSS class names for styling.
+* @param props.variant - Visual variant of the accordions ('compact' or 'cozy').
+* @param props.isDisabled - Whether all accordions in the group are disabled.
+* @returns The accordion group component.
+*
+* @example
+* ```tsx
+* <AccordionGroup variant="compact">
+*   <Accordion>
+*     <AccordionHeader>
+*       <AccordionTrigger>Section 1</AccordionTrigger>
+*     </AccordionHeader>
+*     <AccordionPanel>Content 1</AccordionPanel>
+*   </Accordion>
+*   <Accordion>
+*     <AccordionHeader>
+*       <AccordionTrigger>Section 2</AccordionTrigger>
+*     </AccordionHeader>
+*     <AccordionPanel>Content 2</AccordionPanel>
+*   </Accordion>
+* </AccordionGroup>
+* ```
+*/
 function AccordionGroup({ ref, children, className, variant = "cozy", isDisabled, ...rest }) {
 	return /* @__PURE__ */ jsx(AccordionContext.Provider, {
 		value: {

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

@@ -1 +1 @@
-{"version":3,"file":"group.js","names":["className"],"sources":["../../../src/components/accordion/group.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps, DisclosureGroup } from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionGroupProps } from './types';\n\nexport function AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = 'cozy',\n  isDisabled,\n  ...rest\n}: AccordionGroupProps) {\n  return (\n    <AccordionContext.Provider value={{ variant, isDisabled }}>\n      <DisclosureGroup\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/accordion-group', styles.group, className),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,eAAe,EAC7B,KACA,UACA,WACA,UAAU,QACV,YACA,GAAG,QACmB;AACtB,QACE,oBAAC,iBAAiB;EAAS,OAAO;GAAE;GAAS;GAAY;YACvD,oBAAC;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,yBAAyB,OAAO,OAAOA,YAAU,CACvD;GAEA;IACe;GACQ"}
+{"version":3,"file":"group.js","names":["className"],"sources":["../../../src/components/accordion/group.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps, DisclosureGroup } from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionGroupProps } from './types';\n\n/**\n * Container component for grouping multiple accordions with shared configuration.\n *\n * Provides coordinated behavior for multiple accordions, controlling\n * whether multiple sections can be expanded simultaneously.\n *\n * Wraps react-aria-components DisclosureGroup and provides variant context.\n *\n * @param props - The accordion group props.\n * @param props.ref - Reference to the root div element.\n * @param props.children - Accordion components to render within the group.\n * @param props.className - Additional CSS class names for styling.\n * @param props.variant - Visual variant of the accordions ('compact' or 'cozy').\n * @param props.isDisabled - Whether all accordions in the group are disabled.\n * @returns The accordion group component.\n *\n * @example\n * ```tsx\n * <AccordionGroup variant=\"compact\">\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>Section 1</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>Content 1</AccordionPanel>\n *   </Accordion>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>Section 2</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>Content 2</AccordionPanel>\n *   </Accordion>\n * </AccordionGroup>\n * ```\n */\nexport function AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = 'cozy',\n  isDisabled,\n  ...rest\n}: AccordionGroupProps) {\n  return (\n    <AccordionContext.Provider value={{ variant, isDisabled }}>\n      <DisclosureGroup\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/accordion-group', styles.group, className),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,SAAgB,eAAe,EAC7B,KACA,UACA,WACA,UAAU,QACV,YACA,GAAG,QACmB;AACtB,QACE,oBAAC,iBAAiB;EAAS,OAAO;GAAE;GAAS;GAAY;YACvD,oBAAC;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,yBAAyB,OAAO,OAAOA,YAAU,CACvD;GAEA;IACe;GACQ"}

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

@@ -12,14 +12,39 @@
 
 import { AccordionHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/accordion/header.d.ts
+
+/**
+ * Header component for accordion sections.
+ *
+ * Provides context and styling for the accordion trigger button and
+ * optional menu actions. Automatically adjusts icon sizes based on
+ * the accordion variant.
+ *
+ * @param props - The accordion header props.
+ * @param props.ref - Reference to the header element.
+ * @param props.children - Content to display in the header, typically an AccordionTrigger.
+ * @param props.className - Additional CSS class names for styling.
+ * @returns The accordion header component.
+ *
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionHeader>
+ *     <AccordionTrigger>Section Title</AccordionTrigger>
+ *     <Button>Action</Button>
+ *   </AccordionHeader>
+ *   <AccordionPanel>Content</AccordionPanel>
+ * </Accordion>
+ * ```
+ */
 declare function AccordionHeader({
   ref,
   children,
   className
-}: AccordionHeaderProps): react_jsx_runtime111.JSX.Element;
+}: AccordionHeaderProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { AccordionHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/accordion/header.js

@@ -24,9 +24,33 @@ import { clsx } from "@accelint/design-foundation/lib/utils";
 import { Header, Provider } from "react-aria-components";
 import styles from "./styles.module.css";
 import { jsx } from "react/jsx-runtime";
-import { Kebab } from "@accelint/icons";
+import Kebab from "@accelint/icons/kebab";
 
 //#region src/components/accordion/header.tsx
+/**
+* Header component for accordion sections.
+*
+* Provides context and styling for the accordion trigger button and
+* optional menu actions. Automatically adjusts icon sizes based on
+* the accordion variant.
+*
+* @param props - The accordion header props.
+* @param props.ref - Reference to the header element.
+* @param props.children - Content to display in the header, typically an AccordionTrigger.
+* @param props.className - Additional CSS class names for styling.
+* @returns The accordion header component.
+*
+* @example
+* ```tsx
+* <Accordion>
+*   <AccordionHeader>
+*     <AccordionTrigger>Section Title</AccordionTrigger>
+*     <Button>Action</Button>
+*   </AccordionHeader>
+*   <AccordionPanel>Content</AccordionPanel>
+* </Accordion>
+* ```
+*/
 function AccordionHeader({ ref, children, className }) {
 	const context = useContext(AccordionContext);
 	const variant = (isSlottedContextValue(context) ? void 0 : context?.variant) ?? "cozy";

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/accordion/header.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Kebab } from '@accelint/icons';\nimport { useContext } from 'react';\nimport { Header, Provider } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionHeaderProps } from './types';\n\nexport function AccordionHeader({\n  ref,\n  children,\n  className,\n}: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ?? 'cozy';\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ?? false;\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: variant === 'compact' ? 'small' : 'large' }],\n        [\n          ButtonContext,\n          {\n            children: (\n              <Icon>\n                <Kebab />\n              </Icon>\n            ),\n            variant: 'icon',\n            isDisabled,\n            className: styles.menu,\n          },\n        ],\n      ]}\n    >\n      <Header ref={ref} className={clsx(styles.header, className)}>\n        {children}\n      </Header>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,gBAAgB,EAC9B,KACA,UACA,aACuB;CACvB,MAAM,UAAU,WAAW,iBAAiB;CAC5C,MAAM,WACH,sBAAsB,QAAQ,GAAG,SAAY,SAAS,YAAY;CACrE,MAAM,cACH,sBAAsB,QAAQ,GAAG,SAAY,SAAS,eAAe;AAExE,QACE,oBAAC;EACC,QAAQ,CACN,CAAC,aAAa,EAAE,MAAM,YAAY,YAAY,UAAU,SAAS,CAAC,EAClE,CACE,eACA;GACE,UACE,oBAAC,kBACC,oBAAC,UAAQ,GACJ;GAET,SAAS;GACT;GACA,WAAW,OAAO;GACnB,CACF,CACF;YAED,oBAAC;GAAY;GAAK,WAAW,KAAK,OAAO,QAAQ,UAAU;GACxD;IACM;GACA"}
+{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/accordion/header.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Kebab from '@accelint/icons/kebab';\nimport { useContext } from 'react';\nimport { Header, Provider } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionHeaderProps } from './types';\n\n/**\n * Header component for accordion sections.\n *\n * Provides context and styling for the accordion trigger button and\n * optional menu actions. Automatically adjusts icon sizes based on\n * the accordion variant.\n *\n * @param props - The accordion header props.\n * @param props.ref - Reference to the header element.\n * @param props.children - Content to display in the header, typically an AccordionTrigger.\n * @param props.className - Additional CSS class names for styling.\n * @returns The accordion header component.\n *\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionHeader>\n *     <AccordionTrigger>Section Title</AccordionTrigger>\n *     <Button>Action</Button>\n *   </AccordionHeader>\n *   <AccordionPanel>Content</AccordionPanel>\n * </Accordion>\n * ```\n */\nexport function AccordionHeader({\n  ref,\n  children,\n  className,\n}: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ?? 'cozy';\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ?? false;\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: variant === 'compact' ? 'small' : 'large' }],\n        [\n          ButtonContext,\n          {\n            children: (\n              <Icon>\n                <Kebab />\n              </Icon>\n            ),\n            variant: 'icon',\n            isDisabled,\n            className: styles.menu,\n          },\n        ],\n      ]}\n    >\n      <Header ref={ref} className={clsx(styles.header, className)}>\n        {children}\n      </Header>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAgB,gBAAgB,EAC9B,KACA,UACA,aACuB;CACvB,MAAM,UAAU,WAAW,iBAAiB;CAC5C,MAAM,WACH,sBAAsB,QAAQ,GAAG,SAAY,SAAS,YAAY;CACrE,MAAM,cACH,sBAAsB,QAAQ,GAAG,SAAY,SAAS,eAAe;AAExE,QACE,oBAAC;EACC,QAAQ,CACN,CAAC,aAAa,EAAE,MAAM,YAAY,YAAY,UAAU,SAAS,CAAC,EAClE,CACE,eACA;GACE,UACE,oBAAC,kBACC,oBAAC,UAAQ,GACJ;GAET,SAAS;GACT;GACA,WAAW,OAAO;GACnB,CACF,CACF;YAED,oBAAC;GAAY;GAAK,WAAW,KAAK,OAAO,QAAQ,UAAU;GACxD;IACM;GACA"}

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

@@ -12,18 +12,27 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime108 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/accordion/index.d.ts
 
 /**
- * Accordion - A collapsible content component with expandable sections
+ * Accordion - A collapsible content component with expandable sections.
  *
  * Provides an accessible accordion interface for organizing content into
- * collapsible sections. Supports both compact and full variants with
+ * collapsible sections. Supports both compact and cozy variants with
  * integrated controls for expanding/collapsing content areas.
  *
+ * @param props - The accordion props.
+ * @param props.ref - Reference to the root div element.
+ * @param props.children - Content to render within the accordion, typically AccordionHeader and AccordionPanel.
+ * @param props.className - Additional CSS class names for styling.
+ * @param props.variant - Visual variant of the accordion ('compact' or 'cozy').
+ * @param props.isDisabled - Whether the accordion is disabled.
+ * @returns The accordion component.
+ *
  * @example
+ * ```tsx
  * // Basic accordion
  * <Accordion>
  *   <AccordionHeader>
@@ -31,8 +40,10 @@ import * as react_jsx_runtime108 from "react/jsx-runtime";
  *   </AccordionHeader>
  *   <AccordionPanel>Content goes here</AccordionPanel>
  * </Accordion>
+ * ```
  *
  * @example
+ * ```tsx
  * // Compact variant
  * <Accordion variant="compact">
  *   <AccordionHeader>
@@ -40,8 +51,10 @@ import * as react_jsx_runtime108 from "react/jsx-runtime";
  *   </AccordionHeader>
  *   <AccordionPanel>Compact content</AccordionPanel>
  * </Accordion>
+ * ```
  *
  * @example
+ * ```tsx
  * // Multiple accordions in a group
  * <AccordionGroup>
  *   <Accordion>
@@ -57,11 +70,12 @@ import * as react_jsx_runtime108 from "react/jsx-runtime";
  *     <AccordionPanel>Second content</AccordionPanel>
  *   </Accordion>
  * </AccordionGroup>
+ * ```
  */
 declare function Accordion({
   ref,
   ...props
-}: AccordionProps): react_jsx_runtime108.JSX.Element;
+}: AccordionProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/index.js

@@ -22,13 +22,22 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/accordion/index.tsx
 /**
-* Accordion - A collapsible content component with expandable sections
+* Accordion - A collapsible content component with expandable sections.
 *
 * Provides an accessible accordion interface for organizing content into
-* collapsible sections. Supports both compact and full variants with
+* collapsible sections. Supports both compact and cozy variants with
 * integrated controls for expanding/collapsing content areas.
 *
+* @param props - The accordion props.
+* @param props.ref - Reference to the root div element.
+* @param props.children - Content to render within the accordion, typically AccordionHeader and AccordionPanel.
+* @param props.className - Additional CSS class names for styling.
+* @param props.variant - Visual variant of the accordion ('compact' or 'cozy').
+* @param props.isDisabled - Whether the accordion is disabled.
+* @returns The accordion component.
+*
 * @example
+* ```tsx
 * // Basic accordion
 * <Accordion>
 *   <AccordionHeader>
@@ -36,8 +45,10 @@ import { jsx } from "react/jsx-runtime";
 *   </AccordionHeader>
 *   <AccordionPanel>Content goes here</AccordionPanel>
 * </Accordion>
+* ```
 *
 * @example
+* ```tsx
 * // Compact variant
 * <Accordion variant="compact">
 *   <AccordionHeader>
@@ -45,8 +56,10 @@ import { jsx } from "react/jsx-runtime";
 *   </AccordionHeader>
 *   <AccordionPanel>Compact content</AccordionPanel>
 * </Accordion>
+* ```
 *
 * @example
+* ```tsx
 * // Multiple accordions in a group
 * <AccordionGroup>
 *   <Accordion>
@@ -62,6 +75,7 @@ import { jsx } from "react/jsx-runtime";
 *     <AccordionPanel>Second content</AccordionPanel>
 *   </Accordion>
 * </AccordionGroup>
+* ```
 */
 function Accordion({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, AccordionContext);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["className"],"sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  composeRenderProps,\n  Disclosure,\n  useContextProps,\n} from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionProps } from './types';\n\n/**\n * Accordion - A collapsible content component with expandable sections\n *\n * Provides an accessible accordion interface for organizing content into\n * collapsible sections. Supports both compact and full variants with\n * integrated controls for expanding/collapsing content areas.\n *\n * @example\n * // Basic accordion\n * <Accordion>\n *   <AccordionHeader>\n *     <AccordionTrigger>Section Title</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Content goes here</AccordionPanel>\n * </Accordion>\n *\n * @example\n * // Compact variant\n * <Accordion variant=\"compact\">\n *   <AccordionHeader>\n *     <AccordionTrigger>Compact Section</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Compact content</AccordionPanel>\n * </Accordion>\n *\n * @example\n * // Multiple accordions in a group\n * <AccordionGroup>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>First Section</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>First content</AccordionPanel>\n *   </Accordion>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>Second Section</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>Second content</AccordionPanel>\n *   </Accordion>\n * </AccordionGroup>\n */\nexport function Accordion({ ref, ...props }: AccordionProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n  const { children, className, variant = 'cozy', isDisabled, ...rest } = props;\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        variant,\n        isDisabled,\n      }}\n    >\n      <Disclosure\n        {...rest}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/accordion', styles.accordion, className),\n        )}\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Disclosure>\n    </AccordionContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,SAAgB,UAAU,EAAE,KAAK,GAAG,SAAyB;AAC3D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,iBAAiB;CAEpE,MAAM,EAAE,UAAU,WAAW,UAAU,QAAQ,YAAY,GAAG,SAAS;AAEvE,QACE,oBAAC,iBAAiB;EAChB,OAAO;GACL;GACA;GACD;YAED,oBAAC;GACC,GAAI;GACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,mBAAmB,OAAO,WAAWA,YAAU,CACrD;GACW;GAEX;IACU;GACa"}
+{"version":3,"file":"index.js","names":["className"],"sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  composeRenderProps,\n  Disclosure,\n  useContextProps,\n} from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionProps } from './types';\n\n/**\n * Accordion - A collapsible content component with expandable sections.\n *\n * Provides an accessible accordion interface for organizing content into\n * collapsible sections. Supports both compact and cozy variants with\n * integrated controls for expanding/collapsing content areas.\n *\n * @param props - The accordion props.\n * @param props.ref - Reference to the root div element.\n * @param props.children - Content to render within the accordion, typically AccordionHeader and AccordionPanel.\n * @param props.className - Additional CSS class names for styling.\n * @param props.variant - Visual variant of the accordion ('compact' or 'cozy').\n * @param props.isDisabled - Whether the accordion is disabled.\n * @returns The accordion component.\n *\n * @example\n * ```tsx\n * // Basic accordion\n * <Accordion>\n *   <AccordionHeader>\n *     <AccordionTrigger>Section Title</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Content goes here</AccordionPanel>\n * </Accordion>\n * ```\n *\n * @example\n * ```tsx\n * // Compact variant\n * <Accordion variant=\"compact\">\n *   <AccordionHeader>\n *     <AccordionTrigger>Compact Section</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Compact content</AccordionPanel>\n * </Accordion>\n * ```\n *\n * @example\n * ```tsx\n * // Multiple accordions in a group\n * <AccordionGroup>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>First Section</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>First content</AccordionPanel>\n *   </Accordion>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>Second Section</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>Second content</AccordionPanel>\n *   </Accordion>\n * </AccordionGroup>\n * ```\n */\nexport function Accordion({ ref, ...props }: AccordionProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n  const { children, className, variant = 'cozy', isDisabled, ...rest } = props;\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        variant,\n        isDisabled,\n      }}\n    >\n      <Disclosure\n        {...rest}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/accordion', styles.accordion, className),\n        )}\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Disclosure>\n    </AccordionContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFA,SAAgB,UAAU,EAAE,KAAK,GAAG,SAAyB;AAC3D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,iBAAiB;CAEpE,MAAM,EAAE,UAAU,WAAW,UAAU,QAAQ,YAAY,GAAG,SAAS;AAEvE,QACE,oBAAC,iBAAiB;EAChB,OAAO;GACL;GACA;GACD;YAED,oBAAC;GACC,GAAI;GACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,mBAAmB,OAAO,WAAWA,YAAU,CACrD;GACW;GAEX;IACU;GACa"}

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

@@ -12,15 +12,42 @@
 
 import { AccordionPanelProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime110 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/accordion/panel.d.ts
+
+/**
+ * Content panel component for accordion sections.
+ *
+ * Wraps collapsible content that is shown or hidden when the
+ * corresponding accordion trigger is activated.
+ *
+ * Wraps react-aria-components DisclosurePanel with consistent styling.
+ *
+ * @param props - The accordion panel props.
+ * @param props.ref - Reference to the panel div element.
+ * @param props.children - Content to display within the panel.
+ * @param props.className - Additional CSS class names for styling.
+ * @returns The accordion panel component.
+ *
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionHeader>
+ *     <AccordionTrigger>Details</AccordionTrigger>
+ *   </AccordionHeader>
+ *   <AccordionPanel>
+ *     <p>This content is collapsible.</p>
+ *   </AccordionPanel>
+ * </Accordion>
+ * ```
+ */
 declare function AccordionPanel({
   ref,
   children,
   className,
   ...rest
-}: AccordionPanelProps): react_jsx_runtime110.JSX.Element;
+}: AccordionPanelProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { AccordionPanel };
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/accordion/panel.js

@@ -20,6 +20,32 @@ import styles from "./styles.module.css";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/accordion/panel.tsx
+/**
+* Content panel component for accordion sections.
+*
+* Wraps collapsible content that is shown or hidden when the
+* corresponding accordion trigger is activated.
+*
+* Wraps react-aria-components DisclosurePanel with consistent styling.
+*
+* @param props - The accordion panel props.
+* @param props.ref - Reference to the panel div element.
+* @param props.children - Content to display within the panel.
+* @param props.className - Additional CSS class names for styling.
+* @returns The accordion panel component.
+*
+* @example
+* ```tsx
+* <Accordion>
+*   <AccordionHeader>
+*     <AccordionTrigger>Details</AccordionTrigger>
+*   </AccordionHeader>
+*   <AccordionPanel>
+*     <p>This content is collapsible.</p>
+*   </AccordionPanel>
+* </Accordion>
+* ```
+*/
 function AccordionPanel({ ref, children, className, ...rest }) {
 	return /* @__PURE__ */ jsx(DisclosurePanel, {
 		...rest,

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

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":["className"],"sources":["../../../src/components/accordion/panel.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps, DisclosurePanel } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { AccordionPanelProps } from './types';\n\nexport function AccordionPanel({\n  ref,\n  children,\n  className,\n  ...rest\n}: AccordionPanelProps) {\n  return (\n    <DisclosurePanel\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.panel, className),\n      )}\n    >\n      {children}\n    </DisclosurePanel>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,eAAe,EAC7B,KACA,UACA,WACA,GAAG,QACmB;AACtB,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,OAAOA,YAAU,CAC9B;EAEA;GACe"}
+{"version":3,"file":"panel.js","names":["className"],"sources":["../../../src/components/accordion/panel.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps, DisclosurePanel } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { AccordionPanelProps } from './types';\n\n/**\n * Content panel component for accordion sections.\n *\n * Wraps collapsible content that is shown or hidden when the\n * corresponding accordion trigger is activated.\n *\n * Wraps react-aria-components DisclosurePanel with consistent styling.\n *\n * @param props - The accordion panel props.\n * @param props.ref - Reference to the panel div element.\n * @param props.children - Content to display within the panel.\n * @param props.className - Additional CSS class names for styling.\n * @returns The accordion panel component.\n *\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionHeader>\n *     <AccordionTrigger>Details</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>\n *     <p>This content is collapsible.</p>\n *   </AccordionPanel>\n * </Accordion>\n * ```\n */\nexport function AccordionPanel({\n  ref,\n  children,\n  className,\n  ...rest\n}: AccordionPanelProps) {\n  return (\n    <DisclosurePanel\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.panel, className),\n      )}\n    >\n      {children}\n    </DisclosurePanel>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,eAAe,EAC7B,KACA,UACA,WACA,GAAG,QACmB;AACtB,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,OAAOA,YAAU,CAC9B;EAEA;GACe"}

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

@@ -12,14 +12,37 @@
 
 import { AccordionTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/accordion/trigger.d.ts
+
+/**
+ * Trigger button component for expanding/collapsing accordion sections.
+ *
+ * Renders a clickable button that toggles the visibility of the associated
+ * accordion panel. Includes a chevron icon that rotates to indicate state.
+ *
+ * @param props - The accordion trigger props.
+ * @param props.ref - Reference to the heading element.
+ * @param props.children - Content to display in the trigger button.
+ * @param props.classNames - Custom class names for the heading and trigger elements.
+ * @returns The accordion trigger component.
+ *
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionHeader>
+ *     <AccordionTrigger>Click to expand</AccordionTrigger>
+ *   </AccordionHeader>
+ *   <AccordionPanel>Hidden content</AccordionPanel>
+ * </Accordion>
+ * ```
+ */
 declare function AccordionTrigger({
   ref,
   children,
   classNames
-}: AccordionTriggerProps): react_jsx_runtime3.JSX.Element;
+}: AccordionTriggerProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { AccordionTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/accordion/trigger.js

@@ -24,9 +24,31 @@ import { clsx } from "@accelint/design-foundation/lib/utils";
 import { Heading, composeRenderProps } from "react-aria-components";
 import styles from "./styles.module.css";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown } from "@accelint/icons";
+import ChevronDown from "@accelint/icons/chevron-down";
 
 //#region src/components/accordion/trigger.tsx
+/**
+* Trigger button component for expanding/collapsing accordion sections.
+*
+* Renders a clickable button that toggles the visibility of the associated
+* accordion panel. Includes a chevron icon that rotates to indicate state.
+*
+* @param props - The accordion trigger props.
+* @param props.ref - Reference to the heading element.
+* @param props.children - Content to display in the trigger button.
+* @param props.classNames - Custom class names for the heading and trigger elements.
+* @returns The accordion trigger component.
+*
+* @example
+* ```tsx
+* <Accordion>
+*   <AccordionHeader>
+*     <AccordionTrigger>Click to expand</AccordionTrigger>
+*   </AccordionHeader>
+*   <AccordionPanel>Hidden content</AccordionPanel>
+* </Accordion>
+* ```
+*/
 function AccordionTrigger({ ref, children, classNames }) {
 	const context = useContext(AccordionContext);
 	const variant = (isSlottedContextValue(context) ? void 0 : context?.variant) ?? "cozy";

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","names":["Button"],"sources":["../../../src/components/accordion/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { ChevronDown } from '@accelint/icons';\nimport { useContext } from 'react';\nimport { composeRenderProps, Heading } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionTriggerProps } from './types';\n\nexport function AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ?? 'cozy';\n\n  return (\n    <Heading ref={ref} className={clsx(styles.heading, classNames?.heading)}>\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          clsx(styles.trigger, styles[variant], className),\n        )}\n        variant='flat'\n      >\n        <IconContext.Provider\n          value={{ size: variant === 'compact' ? 'small' : 'medium' }}\n        >\n          <Icon>\n            <ChevronDown className={styles.triggerChevron} />\n          </Icon>\n          {children}\n        </IconContext.Provider>\n      </Button>\n    </Heading>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,iBAAiB,EAC/B,KACA,UACA,cACwB;CACxB,MAAM,UAAU,WAAW,iBAAiB;CAC5C,MAAM,WACH,sBAAsB,QAAQ,GAAG,SAAY,SAAS,YAAY;AAErE,QACE,oBAAC;EAAa;EAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;YACrE,oBAACA;GACC,MAAK;GACL,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,OAAO,UAAU,UAAU,CACjD;GACD,SAAQ;aAER,qBAAC,YAAY;IACX,OAAO,EAAE,MAAM,YAAY,YAAY,UAAU,UAAU;eAE3D,oBAAC,kBACC,oBAAC,eAAY,WAAW,OAAO,iBAAkB,GAC5C,EACN;KACoB;IAChB;GACD"}
+{"version":3,"file":"trigger.js","names":["Button"],"sources":["../../../src/components/accordion/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { useContext } from 'react';\nimport { composeRenderProps, Heading } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionTriggerProps } from './types';\n\n/**\n * Trigger button component for expanding/collapsing accordion sections.\n *\n * Renders a clickable button that toggles the visibility of the associated\n * accordion panel. Includes a chevron icon that rotates to indicate state.\n *\n * @param props - The accordion trigger props.\n * @param props.ref - Reference to the heading element.\n * @param props.children - Content to display in the trigger button.\n * @param props.classNames - Custom class names for the heading and trigger elements.\n * @returns The accordion trigger component.\n *\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionHeader>\n *     <AccordionTrigger>Click to expand</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Hidden content</AccordionPanel>\n * </Accordion>\n * ```\n */\nexport function AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ?? 'cozy';\n\n  return (\n    <Heading ref={ref} className={clsx(styles.heading, classNames?.heading)}>\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          clsx(styles.trigger, styles[variant], className),\n        )}\n        variant='flat'\n      >\n        <IconContext.Provider\n          value={{ size: variant === 'compact' ? 'small' : 'medium' }}\n        >\n          <Icon>\n            <ChevronDown className={styles.triggerChevron} />\n          </Icon>\n          {children}\n        </IconContext.Provider>\n      </Button>\n    </Heading>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,iBAAiB,EAC/B,KACA,UACA,cACwB;CACxB,MAAM,UAAU,WAAW,iBAAiB;CAC5C,MAAM,WACH,sBAAsB,QAAQ,GAAG,SAAY,SAAS,YAAY;AAErE,QACE,oBAAC;EAAa;EAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;YACrE,oBAACA;GACC,MAAK;GACL,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,OAAO,UAAU,UAAU,CACjD;GACD,SAAQ;aAER,qBAAC,YAAY;IACX,OAAO,EAAE,MAAM,YAAY,YAAY,UAAU,UAAU;eAE3D,oBAAC,kBACC,oBAAC,eAAY,WAAW,OAAO,iBAAkB,GAC5C,EACN;KACoB;IAChB;GACD"}

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

@@ -15,18 +15,51 @@ import { ComponentPropsWithRef, RefAttributes } from "react";
 import { ButtonRenderProps, DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, Heading } from "react-aria-components";
 
 //#region src/components/accordion/types.d.ts
+/**
+ * Style variant options for accordion components.
+ */
 type AccordionStyleVariants = {
+  /** Visual density variant: 'compact' for dense layouts, 'cozy' for spacious layouts. */
   variant?: 'compact' | 'cozy';
 };
+/**
+ * Props for the AccordionGroup component.
+ *
+ * Extends DisclosureGroup props with accordion-specific styling options.
+ */
 type AccordionGroupProps = DisclosureGroupProps & AccordionStyleVariants & RefAttributes<HTMLDivElement>;
+/**
+ * Props for the Accordion component.
+ *
+ * Extends Disclosure props with accordion-specific styling options.
+ */
 type AccordionProps = DisclosureProps & AccordionStyleVariants & RefAttributes<HTMLDivElement>;
+/**
+ * Props for the AccordionHeader component.
+ *
+ * Standard HTML header element props with ref support.
+ */
 type AccordionHeaderProps = ComponentPropsWithRef<'header'>;
+/**
+ * Props for the AccordionTrigger component.
+ *
+ * Extends Heading component props with custom className support for
+ * both the heading wrapper and the trigger button.
+ */
 type AccordionTriggerProps = Omit<ComponentPropsWithRef<typeof Heading>, 'className'> & {
+  /** Custom class names for sub-elements. */
   classNames?: {
+    /** Class name for the heading wrapper element. */
     heading?: string;
+    /** Class name or render props function for the trigger button. */
     trigger?: RenderPropsClassName<ButtonRenderProps>;
   };
 };
+/**
+ * Props for the AccordionPanel component.
+ *
+ * Extends DisclosurePanel props with ref support for the panel element.
+ */
 type AccordionPanelProps = DisclosurePanelProps & RefAttributes<HTMLDivElement>;
 //#endregion
 export { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps, AccordionStyleVariants, AccordionTriggerProps };