@accelint/design-toolkit 9.7.0 → 9.8.0

package/catalog-info.yaml

@@ -11,15 +11,15 @@ metadata:
 
     Dependencies:
 
-    accelint_biome-config@1.1.0, accelint_bus@3.0.2, accelint_core@0.5.2,
-    accelint_design-foundation@3.0.0, accelint_geo@0.6.0, accelint_icons@2.2.0,
-    accelint_logger@1.0.0, accelint_postcss-tailwind-css-modules@1.0.1,
+    accelint_biome-config@1.1.0, accelint_bus@4.0.0, accelint_core@0.6.0,
+    accelint_design-foundation@3.0.1, accelint_geo@0.6.0, accelint_icons@2.2.0,
+    accelint_logger@1.0.1, accelint_postcss-tailwind-css-modules@1.0.1,
     accelint_prettier-config@0.2.1, accelint_temporal@0.1.4,
     accelint_typescript-config@0.1.4, accelint_vitest-config@0.1.6
   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.7.0
+    package/version: 9.8.0
     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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react44 from "react";
+import * as react31 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/accordion/context.d.ts
@@ -22,7 +22,7 @@ import { ContextValue } from "react-aria-components";
  * Provides variant and disabled state to nested accordion components
  * (header, trigger, panel) without explicit prop drilling.
  */
-declare const AccordionContext: react44.Context<ContextValue<AccordionProps, HTMLDivElement>>;
+declare const AccordionContext: react31.Context<ContextValue<AccordionProps, HTMLDivElement>>;
 //#endregion
 export { AccordionContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/accordion/context.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

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\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"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/accordion/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { AccordionGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime180 from "react/jsx-runtime";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
 
 //#region src/components/accordion/group.d.ts
 
@@ -57,7 +57,7 @@ declare function AccordionGroup({
   variant,
   isDisabled,
   ...rest
-}: AccordionGroupProps): react_jsx_runtime180.JSX.Element;
+}: AccordionGroupProps): react_jsx_runtime80.JSX.Element;
 //#endregion
 export { AccordionGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/accordion/group.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

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\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"}
+{"version":3,"file":"group.js","names":["className"],"sources":["../../../src/components/accordion/group.tsx"],"sourcesContent":["/*\n * Copyright 2026 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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { AccordionHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
 
 //#region src/components/accordion/header.d.ts
 
@@ -44,7 +44,7 @@ declare function AccordionHeader({
   ref,
   children,
   className
-}: AccordionHeaderProps): react_jsx_runtime1.JSX.Element;
+}: AccordionHeaderProps): react_jsx_runtime79.JSX.Element;
 //#endregion
 export { AccordionHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/accordion/header.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

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/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"}
+{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/accordion/header.tsx"],"sourcesContent":["/*\n * Copyright 2026 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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 
 //#region src/components/accordion/index.d.ts
 
@@ -75,7 +75,7 @@ import * as react_jsx_runtime3 from "react/jsx-runtime";
 declare function Accordion({
   ref,
   ...props
-}: AccordionProps): react_jsx_runtime3.JSX.Element;
+}: AccordionProps): react_jsx_runtime97.JSX.Element;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

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 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"}
+{"version":3,"file":"index.js","names":["className"],"sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { AccordionPanelProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/accordion/panel.d.ts
 
@@ -47,7 +47,7 @@ declare function AccordionPanel({
   children,
   className,
   ...rest
-}: AccordionPanelProps): react_jsx_runtime4.JSX.Element;
+}: AccordionPanelProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AccordionPanel };
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/accordion/panel.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

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\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"}
+{"version":3,"file":"panel.js","names":["className"],"sources":["../../../src/components/accordion/panel.tsx"],"sourcesContent":["/*\n * Copyright 2026 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/styles.module.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { AccordionTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
 
 //#region src/components/accordion/trigger.d.ts
 
@@ -42,7 +42,7 @@ declare function AccordionTrigger({
   ref,
   children,
   classNames
-}: AccordionTriggerProps): react_jsx_runtime0.JSX.Element;
+}: AccordionTriggerProps): react_jsx_runtime70.JSX.Element;
 //#endregion
 export { AccordionTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/accordion/trigger.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

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/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"}
+{"version":3,"file":"trigger.js","names":["Button"],"sources":["../../../src/components/accordion/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/accordion/types.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/action-bar/index.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { ActionBarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/action-bar/index.d.ts
 
@@ -59,7 +59,7 @@ declare function ActionBar({
   elevation,
   size,
   ...rest
-}: ActionBarProps): react_jsx_runtime181.JSX.Element;
+}: ActionBarProps): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { ActionBar };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/action-bar/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/action-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/action-bar/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 { Provider } from 'react-aria-components';\nimport { ButtonContext, ToggleButtonContext } from '../button/context';\nimport styles from './styles.module.css';\nimport type { ActionBarProps } from './types';\n\n/**\n * Container for icon action buttons with consistent spacing and alignment.\n * Commonly used in toolbars, editors, or command interfaces.\n *\n * Renders as a `<nav>` element and provides `variant=\"icon\"` context to child buttons.\n *\n * @param props - The action bar props.\n * @param props.className - Additional CSS class names for styling.\n * @param props.elevation - Visual elevation style ('flat', 'overlay', or 'raised').\n * @param props.size - Size of action buttons within the bar ('medium' or 'small').\n * @param props.children - Action buttons to render within the bar.\n * @returns The action bar navigation element.\n *\n * @example\n * ```tsx\n * <ActionBar>\n *   <Button><Icon><Copy /></Icon></Button>\n *   <Button><Icon><Delete /></Icon></Button>\n * </ActionBar>\n * ```\n *\n * @example\n * ```tsx\n * // With ToggleButton\n * <ActionBar>\n *   <ToggleButton><Icon><Bold /></Icon></ToggleButton>\n *   <ToggleButton><Icon><Italic /></Icon></ToggleButton>\n * </ActionBar>\n * ```\n *\n * @example\n * ```tsx\n * // Flat elevation for embedded contexts\n * <ActionBar elevation=\"flat\">\n *   <Button><Icon><Copy /></Icon></Button>\n * </ActionBar>\n * ```\n */\nexport function ActionBar({\n  className,\n  elevation = 'overlay',\n  size = 'medium',\n  ...rest\n}: ActionBarProps) {\n  return (\n    <Provider\n      values={[\n        [ButtonContext, { size, variant: 'icon' }],\n        [ToggleButtonContext, { size, variant: 'icon' }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={clsx(styles.bar, className)}\n        data-elevation={elevation}\n        data-size={size}\n      />\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,SAAgB,UAAU,EACxB,WACA,YAAY,WACZ,OAAO,UACP,GAAG,QACc;AACjB,QACE,oBAAC;EACC,QAAQ,CACN,CAAC,eAAe;GAAE;GAAM,SAAS;GAAQ,CAAC,EAC1C,CAAC,qBAAqB;GAAE;GAAM,SAAS;GAAQ,CAAC,CACjD;YAED,oBAAC;GACC,GAAI;GACJ,WAAW,KAAK,OAAO,KAAK,UAAU;GACtC,kBAAgB;GAChB,aAAW;IACX;GACO"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/action-bar/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { Provider } from 'react-aria-components';\nimport { ButtonContext, ToggleButtonContext } from '../button/context';\nimport styles from './styles.module.css';\nimport type { ActionBarProps } from './types';\n\n/**\n * Container for icon action buttons with consistent spacing and alignment.\n * Commonly used in toolbars, editors, or command interfaces.\n *\n * Renders as a `<nav>` element and provides `variant=\"icon\"` context to child buttons.\n *\n * @param props - The action bar props.\n * @param props.className - Additional CSS class names for styling.\n * @param props.elevation - Visual elevation style ('flat', 'overlay', or 'raised').\n * @param props.size - Size of action buttons within the bar ('medium' or 'small').\n * @param props.children - Action buttons to render within the bar.\n * @returns The action bar navigation element.\n *\n * @example\n * ```tsx\n * <ActionBar>\n *   <Button><Icon><Copy /></Icon></Button>\n *   <Button><Icon><Delete /></Icon></Button>\n * </ActionBar>\n * ```\n *\n * @example\n * ```tsx\n * // With ToggleButton\n * <ActionBar>\n *   <ToggleButton><Icon><Bold /></Icon></ToggleButton>\n *   <ToggleButton><Icon><Italic /></Icon></ToggleButton>\n * </ActionBar>\n * ```\n *\n * @example\n * ```tsx\n * // Flat elevation for embedded contexts\n * <ActionBar elevation=\"flat\">\n *   <Button><Icon><Copy /></Icon></Button>\n * </ActionBar>\n * ```\n */\nexport function ActionBar({\n  className,\n  elevation = 'overlay',\n  size = 'medium',\n  ...rest\n}: ActionBarProps) {\n  return (\n    <Provider\n      values={[\n        [ButtonContext, { size, variant: 'icon' }],\n        [ToggleButtonContext, { size, variant: 'icon' }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={clsx(styles.bar, className)}\n        data-elevation={elevation}\n        data-size={size}\n      />\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,SAAgB,UAAU,EACxB,WACA,YAAY,WACZ,OAAO,UACP,GAAG,QACc;AACjB,QACE,oBAAC;EACC,QAAQ,CACN,CAAC,eAAe;GAAE;GAAM,SAAS;GAAQ,CAAC,EAC1C,CAAC,qBAAqB;GAAE;GAAM,SAAS;GAAQ,CAAC,CACjD;YAED,oBAAC;GACC,GAAI;GACJ,WAAW,KAAK,OAAO,KAAK,UAAU;GACtC,kBAAgB;GAChB,aAAW;IACX;GACO"}

package/dist/components/action-bar/styles.module.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/action-bar/types.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/action-bar/types.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { AudioProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime183 from "react/jsx-runtime";
+import * as react_jsx_runtime75 from "react/jsx-runtime";
 
 //#region src/components/audio/index.d.ts
 
@@ -98,7 +98,7 @@ declare function Audio({
   noMutedPref,
   lang,
   ...rest
-}: AudioProps): react_jsx_runtime183.JSX.Element;
+}: AudioProps): react_jsx_runtime75.JSX.Element;
 //#endregion
 export { Audio };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/audio/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -13,6 +13,7 @@
 
 'use client';
 
+import { createLoggerDomain } from "../../utils/logger/index.js";
 import { MediaControlsProvider } from "../media-controls/context.js";
 import { MuteButton } from "../media-controls/mute-button.js";
 import { PlayButton } from "../media-controls/play-button.js";
@@ -25,19 +26,13 @@ import "client-only";
 import { useEffect, useState } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { getLogger } from "@accelint/logger/default";
 import { formatError } from "media-chrome/dist/labels/labels.js";
 import { MediaController } from "media-chrome/react";
 import { MediaProvider, useMediaRef } from "media-chrome/react/media-store";
 import styles from "./styles.module.css";
 
 //#region src/components/audio/index.tsx
-const logger = getLogger({
-	enabled: true,
-	level: "error",
-	prefix: "[Audio]",
-	pretty: true
-});
+const logger = createLoggerDomain("[Audio]");
 /**
 * Internal component that renders within MediaProvider context.
 *
@@ -93,7 +88,7 @@ function AudioInner({ src, title, children, classNames, autoPlay, loop, muted, p
 		onPause: (e) => onPause?.(e),
 		onError: (e) => {
 			const mediaError = e.currentTarget.error;
-			logger.withContext({ src }).withError(mediaError).error("Failed to load audio");
+			logger.withMetadata({ src }).withError(mediaError).error("Failed to load audio");
 			setErrorMessage((mediaError && formatError(mediaError)?.message) ?? "Unable to load audio file");
 			if (mediaError) onError?.(mediaError);
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/audio/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { getLogger } from '@accelint/logger/default';\nimport { formatError } from 'media-chrome/dist/labels/labels.js';\nimport { MediaController } from 'media-chrome/react';\nimport { MediaProvider, useMediaRef } from 'media-chrome/react/media-store';\nimport { useEffect, useState } from 'react';\nimport { MediaControlsProvider } from '../media-controls/context';\nimport { MuteButton } from '../media-controls/mute-button';\nimport { PlayButton } from '../media-controls/play-button';\nimport { PlaybackRateButton } from '../media-controls/playback-rate';\nimport { SeekButton } from '../media-controls/seek-button';\nimport { TimeDisplay } from '../media-controls/time-display';\nimport { TimeRange } from '../media-controls/time-range';\nimport { VolumeSlider } from '../media-controls/volume-slider';\nimport styles from './styles.module.css';\nimport type { AudioProps } from './types';\n\nconst logger = getLogger({\n  enabled: true,\n  level: 'error',\n  prefix: '[Audio]',\n  pretty: true,\n});\n\n/**\n * Internal component that renders within MediaProvider context.\n *\n * This component is separated from the main Audio component to allow use of\n * media-chrome hooks (useMediaRef) that require MediaProvider context.\n * The outer Audio component wraps everything in MediaProvider, then AudioInner\n * handles the actual audio element and controls rendering.\n *\n * @param props - The component props.\n * @param props.src - Audio source URL.\n * @param props.title - Title to display (e.g., filename).\n * @param props.classNames - Class names for sub-elements.\n * @param props.children - Custom controls (replaces default layout).\n * @param props.autoPlay - Whether to autoplay the audio.\n * @param props.loop - Whether to loop the audio.\n * @param props.muted - Whether the audio starts muted.\n * @param props.preload - Audio preload strategy.\n * @param props.crossOrigin - CORS setting for the audio element.\n * @param props.isDisabled - Whether to disable all audio controls.\n * @param props.onEnded - Callback when audio ends.\n * @param props.onTimeUpdate - Callback when playback time updates.\n * @param props.onLoadedMetadata - Callback when metadata is loaded.\n * @param props.onPlay - Callback when audio starts playing.\n * @param props.onPause - Callback when audio is paused.\n * @param props.onError - Callback when an error occurs.\n * @param props.playbackRates - Custom playback rate options.\n * @returns The audio element with controls.\n */\nfunction AudioInner({\n  src,\n  title,\n  children,\n  classNames,\n  autoPlay,\n  loop,\n  muted,\n  preload = 'metadata',\n  crossOrigin,\n  isDisabled: isDisabledProp,\n  onEnded,\n  onTimeUpdate,\n  onLoadedMetadata,\n  onPlay,\n  onPause,\n  onError,\n  playbackRates,\n}: AudioProps) {\n  const mediaRef = useMediaRef();\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: src is intentionally used as a trigger to reset error state when audio source changes\n  useEffect(() => {\n    setErrorMessage('');\n  }, [src]);\n\n  const hasError = errorMessage !== '';\n  const isDisabled = isDisabledProp === true || hasError;\n\n  return (\n    <>\n      <audio\n        ref={mediaRef}\n        slot='media'\n        className={styles.audio}\n        data-testid='audio-element'\n        autoPlay={autoPlay}\n        loop={loop}\n        muted={muted}\n        preload={preload}\n        crossOrigin={crossOrigin}\n        onEnded={() => onEnded?.()}\n        onTimeUpdate={(e) => {\n          const time = e.currentTarget.currentTime;\n          if (Number.isFinite(time)) {\n            onTimeUpdate?.(time);\n          }\n        }}\n        onLoadedMetadata={(e) => onLoadedMetadata?.(e)}\n        onPlay={(e) => onPlay?.(e)}\n        onPause={(e) => onPause?.(e)}\n        onError={(e) => {\n          const mediaError = e.currentTarget.error;\n          logger\n            .withContext({ src })\n            .withError(mediaError)\n            .error('Failed to load audio');\n          setErrorMessage(\n            (mediaError && formatError(mediaError)?.message) ??\n              'Unable to load audio file',\n          );\n          if (mediaError) {\n            onError?.(mediaError);\n          }\n        }}\n      >\n        <source src={src} />\n      </audio>\n\n      <MediaControlsProvider isDisabled={isDisabled}>\n        {children ?? (\n          <>\n            {title && (\n              <div className={clsx(styles.titleRow, classNames?.title)}>\n                {title}\n              </div>\n            )}\n\n            {errorMessage && (\n              <div className={styles.errorMessage}>{errorMessage}</div>\n            )}\n\n            <div className={clsx(styles.controls, classNames?.mediaControls)}>\n              <div className={clsx(styles.timeRow, classNames?.timeRow)}>\n                <TimeDisplay mode='current' />\n                <TimeRange />\n                <TimeDisplay mode='duration' />\n              </div>\n\n              <div\n                className={clsx(styles.controlsRow, classNames?.controlsRow)}\n              >\n                <div className={styles.leftGroup}>\n                  <div className={styles.volumeGroup}>\n                    <MuteButton />\n                    <VolumeSlider />\n                  </div>\n                </div>\n                <div className={styles.playbackGroup}>\n                  <SeekButton direction='backward' />\n                  <PlayButton />\n                  <SeekButton direction='forward' />\n                </div>\n                <div className={styles.rightGroup}>\n                  <PlaybackRateButton rates={playbackRates} />\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n      </MediaControlsProvider>\n    </>\n  );\n}\n\n/**\n * A complete audio player component.\n *\n * Combines an HTML audio element with MediaControls to provide a fully-featured\n * audio player with play/pause, seek, volume control, and playback rate adjustment.\n *\n * Uses media-chrome under the hood for state management and MediaController\n * for the accessible media chrome elements.\n *\n * @param props - The component props.\n * @param props.src - Audio source URL. Must be accessible to the browser - if loading\n *   from a different origin, ensure the server sends appropriate CORS headers\n *   (Access-Control-Allow-Origin) or use the crossOrigin prop.\n * @param props.title - Title to display (e.g., filename).\n * @param props.classNames - Class names for sub-elements.\n * @param props.isDisabled - Disable all audio controls.\n * @param props.crossOrigin - CORS setting ('anonymous' | 'use-credentials'). Required when\n *   loading audio from a different origin that requires credentials or when using canvas\n *   to analyze audio. Without proper CORS configuration, the audio may fail to load.\n * @param props.playbackRates - Array of playback speed multipliers (default: [1, 2, 3]).\n *   Only positive finite numbers are accepted; invalid values are filtered out.\n * @param props.children - Custom controls to render instead of the default layout.\n * @param props.onEnded - Callback invoked when audio playback finishes.\n * @param props.onTimeUpdate - Callback invoked during playback with current time in seconds.\n * @param props.onError - Callback invoked when audio fails to load or encounters an error.\n * @param props.noHotkeys - Disable all keyboard shortcuts for media control.\n * @param props.hotkeys - Custom keyboard shortcuts configuration for media control.\n * @param props.noVolumePref - Disable automatic saving/restoring of volume preference.\n * @param props.noMutedPref - Disable automatic saving/restoring of muted state preference.\n * @param props.lang - Language code for localized media control labels.\n * @returns The rendered audio player component.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Audio src=\"audio.mp3\" title=\"My Audio File\" />\n * ```\n *\n * @example\n * ```tsx\n * // With event callbacks\n * <Audio\n *   src=\"audio.mp3\"\n *   title=\"My Audio File\"\n *   onPlay={() => console.log('Playing')}\n *   onPause={() => console.log('Paused')}\n *   onEnded={() => console.log('Ended')}\n *   onTimeUpdate={(time) => console.log('Current time:', time)}\n * />\n * ```\n *\n * @example\n * ```tsx\n * // Custom controls layout\n * <Audio src=\"audio.mp3\">\n *   <PlayButton />\n *   <TimeRange />\n * </Audio>\n * ```\n *\n * @example\n * ```tsx\n * // Loading audio from external origin (requires CORS)\n * <Audio\n *   src=\"https://example.com/audio.mp3\"\n *   crossOrigin=\"anonymous\"\n *   onError={(error) => {\n *     // Handle CORS or loading errors\n *     console.error('Failed to load audio:', error);\n *   }}\n * />\n * ```\n */\nexport function Audio({\n  classNames,\n  isDisabled,\n  noHotkeys,\n  hotkeys,\n  noVolumePref,\n  noMutedPref,\n  lang,\n  ...rest\n}: AudioProps) {\n  return (\n    <MediaProvider>\n      <MediaController\n        className={clsx('group/audio', styles.container, classNames?.container)}\n        audio\n        data-disabled={isDisabled || undefined}\n        noHotkeys={noHotkeys}\n        hotkeys={hotkeys}\n        noVolumePref={noVolumePref}\n        noMutedPref={noMutedPref}\n        lang={lang}\n      >\n        <AudioInner {...rest} classNames={classNames} isDisabled={isDisabled} />\n      </MediaController>\n    </MediaProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,SAAS,UAAU;CACvB,SAAS;CACT,OAAO;CACP,QAAQ;CACR,QAAQ;CACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BF,SAAS,WAAW,EAClB,KACA,OACA,UACA,YACA,UACA,MACA,OACA,UAAU,YACV,aACA,YAAY,gBACZ,SACA,cACA,kBACA,QACA,SACA,SACA,iBACa;CACb,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,cAAc,mBAAmB,SAAiB,GAAG;AAG5D,iBAAgB;AACd,kBAAgB,GAAG;IAClB,CAAC,IAAI,CAAC;CAGT,MAAM,aAAa,mBAAmB,QADrB,iBAAiB;AAGlC,QACE,8CACE,oBAAC;EACC,KAAK;EACL,MAAK;EACL,WAAW,OAAO;EAClB,eAAY;EACF;EACJ;EACC;EACE;EACI;EACb,eAAe,WAAW;EAC1B,eAAe,MAAM;GACnB,MAAM,OAAO,EAAE,cAAc;AAC7B,OAAI,OAAO,SAAS,KAAK,CACvB,gBAAe,KAAK;;EAGxB,mBAAmB,MAAM,mBAAmB,EAAE;EAC9C,SAAS,MAAM,SAAS,EAAE;EAC1B,UAAU,MAAM,UAAU,EAAE;EAC5B,UAAU,MAAM;GACd,MAAM,aAAa,EAAE,cAAc;AACnC,UACG,YAAY,EAAE,KAAK,CAAC,CACpB,UAAU,WAAW,CACrB,MAAM,uBAAuB;AAChC,oBACG,cAAc,YAAY,WAAW,EAAE,YACtC,4BACH;AACD,OAAI,WACF,WAAU,WAAW;;YAIzB,oBAAC,YAAY,MAAO;GACd,EAER,oBAAC;EAAkC;YAChC,YACC;GACG,SACC,oBAAC;IAAI,WAAW,KAAK,OAAO,UAAU,YAAY,MAAM;cACrD;KACG;GAGP,gBACC,oBAAC;IAAI,WAAW,OAAO;cAAe;KAAmB;GAG3D,qBAAC;IAAI,WAAW,KAAK,OAAO,UAAU,YAAY,cAAc;eAC9D,qBAAC;KAAI,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;;MACvD,oBAAC,eAAY,MAAK,YAAY;MAC9B,oBAAC,cAAY;MACb,oBAAC,eAAY,MAAK,aAAa;;MAC3B,EAEN,qBAAC;KACC,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;;MAE5D,oBAAC;OAAI,WAAW,OAAO;iBACrB,qBAAC;QAAI,WAAW,OAAO;mBACrB,oBAAC,eAAa,EACd,oBAAC,iBAAe;SACZ;QACF;MACN,qBAAC;OAAI,WAAW,OAAO;;QACrB,oBAAC,cAAW,WAAU,aAAa;QACnC,oBAAC,eAAa;QACd,oBAAC,cAAW,WAAU,YAAY;;QAC9B;MACN,oBAAC;OAAI,WAAW,OAAO;iBACrB,oBAAC,sBAAmB,OAAO,gBAAiB;QACxC;;MACF;KACF;MACL;GAEiB,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EP,SAAgB,MAAM,EACpB,YACA,YACA,WACA,SACA,cACA,aACA,MACA,GAAG,QACU;AACb,QACE,oBAAC,2BACC,oBAAC;EACC,WAAW,KAAK,eAAe,OAAO,WAAW,YAAY,UAAU;EACvE;EACA,iBAAe,cAAc;EAClB;EACF;EACK;EACD;EACP;YAEN,oBAAC;GAAW,GAAI;GAAkB;GAAwB;IAAc;GACxD,GACJ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/audio/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { formatError } from 'media-chrome/dist/labels/labels.js';\nimport { MediaController } from 'media-chrome/react';\nimport { MediaProvider, useMediaRef } from 'media-chrome/react/media-store';\nimport { useEffect, useState } from 'react';\nimport { createLoggerDomain } from '@/utils/logger';\nimport { MediaControlsProvider } from '../media-controls/context';\nimport { MuteButton } from '../media-controls/mute-button';\nimport { PlayButton } from '../media-controls/play-button';\nimport { PlaybackRateButton } from '../media-controls/playback-rate';\nimport { SeekButton } from '../media-controls/seek-button';\nimport { TimeDisplay } from '../media-controls/time-display';\nimport { TimeRange } from '../media-controls/time-range';\nimport { VolumeSlider } from '../media-controls/volume-slider';\nimport styles from './styles.module.css';\nimport type { AudioProps } from './types';\n\nconst logger = createLoggerDomain('[Audio]');\n\n/**\n * Internal component that renders within MediaProvider context.\n *\n * This component is separated from the main Audio component to allow use of\n * media-chrome hooks (useMediaRef) that require MediaProvider context.\n * The outer Audio component wraps everything in MediaProvider, then AudioInner\n * handles the actual audio element and controls rendering.\n *\n * @param props - The component props.\n * @param props.src - Audio source URL.\n * @param props.title - Title to display (e.g., filename).\n * @param props.classNames - Class names for sub-elements.\n * @param props.children - Custom controls (replaces default layout).\n * @param props.autoPlay - Whether to autoplay the audio.\n * @param props.loop - Whether to loop the audio.\n * @param props.muted - Whether the audio starts muted.\n * @param props.preload - Audio preload strategy.\n * @param props.crossOrigin - CORS setting for the audio element.\n * @param props.isDisabled - Whether to disable all audio controls.\n * @param props.onEnded - Callback when audio ends.\n * @param props.onTimeUpdate - Callback when playback time updates.\n * @param props.onLoadedMetadata - Callback when metadata is loaded.\n * @param props.onPlay - Callback when audio starts playing.\n * @param props.onPause - Callback when audio is paused.\n * @param props.onError - Callback when an error occurs.\n * @param props.playbackRates - Custom playback rate options.\n * @returns The audio element with controls.\n */\nfunction AudioInner({\n  src,\n  title,\n  children,\n  classNames,\n  autoPlay,\n  loop,\n  muted,\n  preload = 'metadata',\n  crossOrigin,\n  isDisabled: isDisabledProp,\n  onEnded,\n  onTimeUpdate,\n  onLoadedMetadata,\n  onPlay,\n  onPause,\n  onError,\n  playbackRates,\n}: AudioProps) {\n  const mediaRef = useMediaRef();\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: src is intentionally used as a trigger to reset error state when audio source changes\n  useEffect(() => {\n    setErrorMessage('');\n  }, [src]);\n\n  const hasError = errorMessage !== '';\n  const isDisabled = isDisabledProp === true || hasError;\n\n  return (\n    <>\n      <audio\n        ref={mediaRef}\n        slot='media'\n        className={styles.audio}\n        data-testid='audio-element'\n        autoPlay={autoPlay}\n        loop={loop}\n        muted={muted}\n        preload={preload}\n        crossOrigin={crossOrigin}\n        onEnded={() => onEnded?.()}\n        onTimeUpdate={(e) => {\n          const time = e.currentTarget.currentTime;\n          if (Number.isFinite(time)) {\n            onTimeUpdate?.(time);\n          }\n        }}\n        onLoadedMetadata={(e) => onLoadedMetadata?.(e)}\n        onPlay={(e) => onPlay?.(e)}\n        onPause={(e) => onPause?.(e)}\n        onError={(e) => {\n          // FIXME: this is currently always null\n          const mediaError = e.currentTarget.error;\n\n          logger\n            .withMetadata({ src })\n            .withError(mediaError)\n            .error('Failed to load audio');\n          setErrorMessage(\n            (mediaError && formatError(mediaError)?.message) ??\n              'Unable to load audio file',\n          );\n          if (mediaError) {\n            onError?.(mediaError);\n          }\n        }}\n      >\n        <source src={src} />\n      </audio>\n\n      <MediaControlsProvider isDisabled={isDisabled}>\n        {children ?? (\n          <>\n            {title && (\n              <div className={clsx(styles.titleRow, classNames?.title)}>\n                {title}\n              </div>\n            )}\n\n            {errorMessage && (\n              <div className={styles.errorMessage}>{errorMessage}</div>\n            )}\n\n            <div className={clsx(styles.controls, classNames?.mediaControls)}>\n              <div className={clsx(styles.timeRow, classNames?.timeRow)}>\n                <TimeDisplay mode='current' />\n                <TimeRange />\n                <TimeDisplay mode='duration' />\n              </div>\n\n              <div\n                className={clsx(styles.controlsRow, classNames?.controlsRow)}\n              >\n                <div className={styles.leftGroup}>\n                  <div className={styles.volumeGroup}>\n                    <MuteButton />\n                    <VolumeSlider />\n                  </div>\n                </div>\n                <div className={styles.playbackGroup}>\n                  <SeekButton direction='backward' />\n                  <PlayButton />\n                  <SeekButton direction='forward' />\n                </div>\n                <div className={styles.rightGroup}>\n                  <PlaybackRateButton rates={playbackRates} />\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n      </MediaControlsProvider>\n    </>\n  );\n}\n\n/**\n * A complete audio player component.\n *\n * Combines an HTML audio element with MediaControls to provide a fully-featured\n * audio player with play/pause, seek, volume control, and playback rate adjustment.\n *\n * Uses media-chrome under the hood for state management and MediaController\n * for the accessible media chrome elements.\n *\n * @param props - The component props.\n * @param props.src - Audio source URL. Must be accessible to the browser - if loading\n *   from a different origin, ensure the server sends appropriate CORS headers\n *   (Access-Control-Allow-Origin) or use the crossOrigin prop.\n * @param props.title - Title to display (e.g., filename).\n * @param props.classNames - Class names for sub-elements.\n * @param props.isDisabled - Disable all audio controls.\n * @param props.crossOrigin - CORS setting ('anonymous' | 'use-credentials'). Required when\n *   loading audio from a different origin that requires credentials or when using canvas\n *   to analyze audio. Without proper CORS configuration, the audio may fail to load.\n * @param props.playbackRates - Array of playback speed multipliers (default: [1, 2, 3]).\n *   Only positive finite numbers are accepted; invalid values are filtered out.\n * @param props.children - Custom controls to render instead of the default layout.\n * @param props.onEnded - Callback invoked when audio playback finishes.\n * @param props.onTimeUpdate - Callback invoked during playback with current time in seconds.\n * @param props.onError - Callback invoked when audio fails to load or encounters an error.\n * @param props.noHotkeys - Disable all keyboard shortcuts for media control.\n * @param props.hotkeys - Custom keyboard shortcuts configuration for media control.\n * @param props.noVolumePref - Disable automatic saving/restoring of volume preference.\n * @param props.noMutedPref - Disable automatic saving/restoring of muted state preference.\n * @param props.lang - Language code for localized media control labels.\n * @returns The rendered audio player component.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Audio src=\"audio.mp3\" title=\"My Audio File\" />\n * ```\n *\n * @example\n * ```tsx\n * // With event callbacks\n * <Audio\n *   src=\"audio.mp3\"\n *   title=\"My Audio File\"\n *   onPlay={() => console.log('Playing')}\n *   onPause={() => console.log('Paused')}\n *   onEnded={() => console.log('Ended')}\n *   onTimeUpdate={(time) => console.log('Current time:', time)}\n * />\n * ```\n *\n * @example\n * ```tsx\n * // Custom controls layout\n * <Audio src=\"audio.mp3\">\n *   <PlayButton />\n *   <TimeRange />\n * </Audio>\n * ```\n *\n * @example\n * ```tsx\n * // Loading audio from external origin (requires CORS)\n * <Audio\n *   src=\"https://example.com/audio.mp3\"\n *   crossOrigin=\"anonymous\"\n *   onError={(error) => {\n *     // Handle CORS or loading errors\n *     console.error('Failed to load audio:', error);\n *   }}\n * />\n * ```\n */\nexport function Audio({\n  classNames,\n  isDisabled,\n  noHotkeys,\n  hotkeys,\n  noVolumePref,\n  noMutedPref,\n  lang,\n  ...rest\n}: AudioProps) {\n  return (\n    <MediaProvider>\n      <MediaController\n        className={clsx('group/audio', styles.container, classNames?.container)}\n        audio\n        data-disabled={isDisabled || undefined}\n        noHotkeys={noHotkeys}\n        hotkeys={hotkeys}\n        noVolumePref={noVolumePref}\n        noMutedPref={noMutedPref}\n        lang={lang}\n      >\n        <AudioInner {...rest} classNames={classNames} isDisabled={isDisabled} />\n      </MediaController>\n    </MediaProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,SAAS,mBAAmB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8B5C,SAAS,WAAW,EAClB,KACA,OACA,UACA,YACA,UACA,MACA,OACA,UAAU,YACV,aACA,YAAY,gBACZ,SACA,cACA,kBACA,QACA,SACA,SACA,iBACa;CACb,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,cAAc,mBAAmB,SAAiB,GAAG;AAG5D,iBAAgB;AACd,kBAAgB,GAAG;IAClB,CAAC,IAAI,CAAC;CAGT,MAAM,aAAa,mBAAmB,QADrB,iBAAiB;AAGlC,QACE,8CACE,oBAAC;EACC,KAAK;EACL,MAAK;EACL,WAAW,OAAO;EAClB,eAAY;EACF;EACJ;EACC;EACE;EACI;EACb,eAAe,WAAW;EAC1B,eAAe,MAAM;GACnB,MAAM,OAAO,EAAE,cAAc;AAC7B,OAAI,OAAO,SAAS,KAAK,CACvB,gBAAe,KAAK;;EAGxB,mBAAmB,MAAM,mBAAmB,EAAE;EAC9C,SAAS,MAAM,SAAS,EAAE;EAC1B,UAAU,MAAM,UAAU,EAAE;EAC5B,UAAU,MAAM;GAEd,MAAM,aAAa,EAAE,cAAc;AAEnC,UACG,aAAa,EAAE,KAAK,CAAC,CACrB,UAAU,WAAW,CACrB,MAAM,uBAAuB;AAChC,oBACG,cAAc,YAAY,WAAW,EAAE,YACtC,4BACH;AACD,OAAI,WACF,WAAU,WAAW;;YAIzB,oBAAC,YAAY,MAAO;GACd,EAER,oBAAC;EAAkC;YAChC,YACC;GACG,SACC,oBAAC;IAAI,WAAW,KAAK,OAAO,UAAU,YAAY,MAAM;cACrD;KACG;GAGP,gBACC,oBAAC;IAAI,WAAW,OAAO;cAAe;KAAmB;GAG3D,qBAAC;IAAI,WAAW,KAAK,OAAO,UAAU,YAAY,cAAc;eAC9D,qBAAC;KAAI,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;;MACvD,oBAAC,eAAY,MAAK,YAAY;MAC9B,oBAAC,cAAY;MACb,oBAAC,eAAY,MAAK,aAAa;;MAC3B,EAEN,qBAAC;KACC,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;;MAE5D,oBAAC;OAAI,WAAW,OAAO;iBACrB,qBAAC;QAAI,WAAW,OAAO;mBACrB,oBAAC,eAAa,EACd,oBAAC,iBAAe;SACZ;QACF;MACN,qBAAC;OAAI,WAAW,OAAO;;QACrB,oBAAC,cAAW,WAAU,aAAa;QACnC,oBAAC,eAAa;QACd,oBAAC,cAAW,WAAU,YAAY;;QAC9B;MACN,oBAAC;OAAI,WAAW,OAAO;iBACrB,oBAAC,sBAAmB,OAAO,gBAAiB;QACxC;;MACF;KACF;MACL;GAEiB,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EP,SAAgB,MAAM,EACpB,YACA,YACA,WACA,SACA,cACA,aACA,MACA,GAAG,QACU;AACb,QACE,oBAAC,2BACC,oBAAC;EACC,WAAW,KAAK,eAAe,OAAO,WAAW,YAAY,UAAU;EACvE;EACA,iBAAe,cAAc;EAClB;EACF;EACK;EACD;EACP;YAEN,oBAAC;GAAW,GAAI;GAAkB;GAAwB;IAAc;GACxD,GACJ"}

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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/audio/types.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0