@accelint/design-toolkit 9.10.0 → 9.11.1

package/catalog-info.yaml

@@ -12,15 +12,15 @@ metadata:
     Dependencies:
 
     accelint_biome-config@1.1.0, accelint_bus@4.0.0, accelint_converters@1.0.1,
-    accelint_core@0.6.0, accelint_design-foundation@3.1.0, accelint_geo@0.6.0,
+    accelint_core@0.6.0, accelint_design-foundation@3.2.0, accelint_geo@0.6.0,
     accelint_icons@3.0.0, accelint_logger@1.1.0,
-    accelint_postcss-tailwind-css-modules@1.0.1, accelint_predicates@0.5.2,
+    accelint_postcss-tailwind-css-modules@1.1.0, accelint_predicates@0.5.2,
     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.10.0
+    package/version: 9.11.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

@@ -12,8 +12,8 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react0 from "react";
-import { ContextValue } from "react-aria-components";
+import * as react8 from "react";
+import { ContextValue } from "react-aria-components/slots";
 
 //#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: react0.Context<ContextValue<AccordionProps, HTMLDivElement>>;
+declare const AccordionContext: react8.Context<ContextValue<AccordionProps, HTMLDivElement>>;
 //#endregion
 export { AccordionContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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/slots';\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,7 +12,7 @@
 
 import { AccordionGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime120 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/accordion/group.d.ts
 
@@ -57,7 +57,7 @@ declare function AccordionGroup({
   variant,
   isDisabled,
   ...rest
-}: AccordionGroupProps): react_jsx_runtime120.JSX.Element;
+}: AccordionGroupProps): react_jsx_runtime29.JSX.Element;
 //#endregion
 export { AccordionGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/accordion/group.js

@@ -16,8 +16,9 @@
 import { AccordionContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { DisclosureGroup, composeRenderProps } from "react-aria-components";
+import { DisclosureGroup } from "react-aria-components/DisclosureGroup";
 import styles from "./styles.module.css";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/accordion/group.tsx

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 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"}
+{"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 { DisclosureGroup } from 'react-aria-components/DisclosureGroup';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionGroupProps } from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,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,7 +12,7 @@
 
 import { AccordionHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime30 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_runtime30.JSX.Element;
 //#endregion
 export { AccordionHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/accordion/header.js

@@ -21,10 +21,11 @@ import { Icon } from "../icon/index.js";
 import "client-only";
 import { useContext } from "react";
 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/kebab";
+import { Header } from "react-aria-components/Header";
+import { Provider } from "react-aria-components/slots";
 
 //#region src/components/accordion/header.tsx
 /**

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

@@ -1 +1 @@
-{"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"}
+{"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 } from 'react-aria-components/Header';\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';\nimport { Provider } from 'react-aria-components/slots';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,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,7 +12,7 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/accordion/index.d.ts
 
@@ -75,7 +75,7 @@ import * as react_jsx_runtime4 from "react/jsx-runtime";
 declare function Accordion({
   ref,
   ...props
-}: AccordionProps): react_jsx_runtime4.JSX.Element;
+}: AccordionProps): react_jsx_runtime31.JSX.Element;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/index.js

@@ -16,9 +16,11 @@
 import { AccordionContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Disclosure, composeRenderProps, useContextProps } from "react-aria-components";
 import styles from "./styles.module.css";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
+import { Disclosure } from "react-aria-components/Disclosure";
 
 //#region src/components/accordion/index.tsx
 /**

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 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"}
+{"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 { Disclosure } from 'react-aria-components/Disclosure';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionProps } from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,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,7 +12,7 @@
 
 import { AccordionPanelProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime3 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_runtime3.JSX.Element;
+}: AccordionPanelProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AccordionPanel };
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/accordion/panel.js

@@ -15,9 +15,10 @@
 
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { DisclosurePanel, composeRenderProps } from "react-aria-components";
 import styles from "./styles.module.css";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { DisclosurePanel } from "react-aria-components/Disclosure";
 
 //#region src/components/accordion/panel.tsx
 /**

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 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"}
+{"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 { DisclosurePanel } from 'react-aria-components/Disclosure';\nimport styles from './styles.module.css';\nimport type { AccordionPanelProps } from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,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,7 +12,7 @@
 
 import { AccordionTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime183 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/accordion/trigger.d.ts
 
@@ -42,7 +42,7 @@ declare function AccordionTrigger({
   ref,
   children,
   classNames
-}: AccordionTriggerProps): react_jsx_runtime183.JSX.Element;
+}: AccordionTriggerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AccordionTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/accordion/trigger.js

@@ -17,14 +17,15 @@ import { AccordionContext } from "./context.js";
 import { isSlottedContextValue } from "../../lib/utils.js";
 import { IconContext } from "../icon/context.js";
 import { Icon } from "../icon/index.js";
-import { Button as Button$1 } from "../button/index.js";
+import { Button } from "../button/index.js";
 import "client-only";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Heading, composeRenderProps } from "react-aria-components";
 import styles from "./styles.module.css";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ChevronDown from "@accelint/icons/chevron-down";
+import { Heading } from "react-aria-components/Heading";
 
 //#region src/components/accordion/trigger.tsx
 /**
@@ -55,7 +56,7 @@ function AccordionTrigger({ ref, children, classNames }) {
 	return /* @__PURE__ */ jsx(Heading, {
 		ref,
 		className: clsx(styles.heading, classNames?.heading),
-		children: /* @__PURE__ */ jsx(Button$1, {
+		children: /* @__PURE__ */ jsx(Button, {
 			slot: "trigger",
 			className: composeRenderProps(classNames?.trigger, (className) => clsx(styles.trigger, styles[variant], className)),
 			variant: "flat",

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 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"}
+{"version":3,"file":"trigger.js","names":[],"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 { Heading } from 'react-aria-components/Heading';\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';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,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,oBAAC;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

@@ -12,7 +12,9 @@
 
 import { RenderPropsClassName } from "../../lib/types.js";
 import { ComponentPropsWithRef, RefAttributes } from "react";
-import { ButtonRenderProps, DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, Heading } from "react-aria-components";
+import { DisclosureGroupProps } from "react-aria-components/DisclosureGroup";
+import { ButtonRenderProps, DisclosurePanelProps, DisclosureProps } from "react-aria-components/Disclosure";
+import { Heading } from "react-aria-components/Heading";
 
 //#region src/components/accordion/types.d.ts
 /**

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

@@ -12,7 +12,7 @@
 
 import { ActionBarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime182 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime182.JSX.Element;
+}: ActionBarProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ActionBar };
 //# sourceMappingURL=index.d.ts.map

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

@@ -16,8 +16,8 @@
 import { ButtonContext, ToggleButtonContext } from "../button/context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Provider } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Provider } from "react-aria-components/slots";
 import styles from "./styles.module.css";
 
 //#region src/components/action-bar/index.tsx

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 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"}
+{"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/slots';\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/audio/index.d.ts

@@ -12,7 +12,7 @@
 
 import { AudioProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/audio/index.d.ts
 
@@ -98,7 +98,7 @@ declare function Audio({
   noMutedPref,
   lang,
   ...rest
-}: AudioProps): react_jsx_runtime7.JSX.Element;
+}: AudioProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Audio };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { AvatarProps } from "./types.js";
 import "client-only";
-import * as react2 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react0 from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/avatar/context.d.ts
 /**
  * React context for sharing avatar configuration across components.
  */
-declare const AvatarContext: react2.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
+declare const AvatarContext: react0.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple Avatar components.
  *
@@ -40,7 +40,7 @@ declare const AvatarContext: react2.Context<ContextValue<AvatarProps, HTMLSpanEl
 declare function AvatarProvider({
   children,
   ...props
-}: ProviderProps<AvatarProps>): react_jsx_runtime9.JSX.Element;
+}: ProviderProps<AvatarProps>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { AvatarContext, AvatarProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/avatar/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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { AvatarProps } from './types';\n\n/**\n * React context for sharing avatar configuration across components.\n */\nexport const AvatarContext =\n  createContext<ContextValue<AvatarProps, HTMLSpanElement>>(null);\n\n/**\n * Context provider for setting default props across multiple Avatar components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the avatar context.\n * @returns The avatar context provider wrapping children.\n *\n * @example\n * ```tsx\n * <AvatarProvider size=\"small\">\n *   <Avatar imageProps={{ alt: \"User 1\", src: \"avatar1.jpg\" }} />\n *   <Avatar imageProps={{ alt: \"User 2\", src: \"avatar2.jpg\" }} />\n * </AvatarProvider>\n * ```\n */\nexport function AvatarProvider({\n  children,\n  ...props\n}: ProviderProps<AvatarProps>) {\n  return (\n    <AvatarContext.Provider value={props}>{children}</AvatarContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,gBACX,cAA0D,KAAK;;;;;;;;;;;;;;;;AAiBjE,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/avatar/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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { AvatarProps } from './types';\n\n/**\n * React context for sharing avatar configuration across components.\n */\nexport const AvatarContext =\n  createContext<ContextValue<AvatarProps, HTMLSpanElement>>(null);\n\n/**\n * Context provider for setting default props across multiple Avatar components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the avatar context.\n * @returns The avatar context provider wrapping children.\n *\n * @example\n * ```tsx\n * <AvatarProvider size=\"small\">\n *   <Avatar imageProps={{ alt: \"User 1\", src: \"avatar1.jpg\" }} />\n *   <Avatar imageProps={{ alt: \"User 2\", src: \"avatar2.jpg\" }} />\n * </AvatarProvider>\n * ```\n */\nexport function AvatarProvider({\n  children,\n  ...props\n}: ProviderProps<AvatarProps>) {\n  return (\n    <AvatarContext.Provider value={props}>{children}</AvatarContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,gBACX,cAA0D,KAAK;;;;;;;;;;;;;;;;AAiBjE,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC"}

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

@@ -12,7 +12,7 @@
 
 import { AvatarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/avatar/index.d.ts
 
@@ -55,7 +55,7 @@ import * as react_jsx_runtime11 from "react/jsx-runtime";
 declare function Avatar({
   ref,
   ...props
-}: AvatarProps): react_jsx_runtime11.JSX.Element;
+}: AvatarProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Avatar };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/index.js

@@ -19,8 +19,8 @@ import { AvatarContext } from "./context.js";
 import { BadgeProvider } from "../badge/context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { useContextProps } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
 import { designTokens } from "@accelint/design-foundation/tokens";
 import Person from "@accelint/icons/person";
 import { Fallback, Image, Root } from "@radix-ui/react-avatar";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/avatar/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 { designTokens } from '@accelint/design-foundation/tokens';\nimport Person from '@accelint/icons/person';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { useContextProps } from 'react-aria-components';\nimport { BadgeProvider } from '../badge/context';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { AvatarContext } from './context';\nimport styles from './styles.module.css';\nimport type { AvatarProps } from './types';\n\n/**\n * Displays a user's profile image with automatic fallback support.\n * Built on Radix UI Avatar.\n *\n * @param props - The avatar props.\n * @param props.ref - Reference to the root span element.\n * @param props.children - Optional content such as a Badge to overlay on the avatar.\n * @param props.classNames - Custom class names for avatar sub-elements.\n * @param props.fallbackProps - Props passed to the fallback element.\n * @param props.imageProps - Props passed to the image element.\n * @param props.size - Size variant ('medium' or 'small').\n * @returns The avatar component.\n *\n * @example\n * ```tsx\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }} />\n * ```\n *\n * @example\n * ```tsx\n * // With initials fallback\n * <Avatar\n *   size=\"small\"\n *   imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}\n *   fallbackProps={{ children: \"UN\" }}\n * />\n * ```\n *\n * @example\n * ```tsx\n * // With status badge\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}>\n *   <Badge color=\"critical\">3</Badge>\n * </Avatar>\n * ```\n */\nexport function Avatar({ ref, ...props }: AvatarProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AvatarContext);\n\n  const {\n    children,\n    classNames,\n    fallbackProps,\n    imageProps,\n    size = 'medium',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size === 'medium' ? 'large' : 'medium'}>\n      <Root\n        {...rest}\n        ref={ref}\n        className={clsx('group/avatar', styles.avatar, classNames?.avatar)}\n        role='img'\n        data-size={size}\n      >\n        <Image\n          {...imageProps}\n          className={clsx(styles.image, classNames?.image)}\n        />\n        <Fallback\n          {...fallbackProps}\n          className={clsx(styles.fallback, classNames?.fallback)}\n        >\n          {fallbackProps?.children || (\n            <Icon>\n              <Person />\n            </Icon>\n          )}\n        </Fallback>\n        <BadgeProvider offset={designTokens.spacing.xs} placement='top right'>\n          <span className={clsx(styles.content, classNames?.content)}>\n            {children}\n          </span>\n        </BadgeProvider>\n      </Root>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,SAAgB,OAAO,EAAE,KAAK,GAAG,SAAsB;AACrD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,cAAc;CAEjE,MAAM,EACJ,UACA,YACA,eACA,YACA,OAAO,UACP,GAAG,SACD;AAEJ,QACE,oBAAC;EAAa,MAAM,SAAS,WAAW,UAAU;YAChD,qBAAC;GACC,GAAI;GACC;GACL,WAAW,KAAK,gBAAgB,OAAO,QAAQ,YAAY,OAAO;GAClE,MAAK;GACL,aAAW;;IAEX,oBAAC;KACC,GAAI;KACJ,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;MAChD;IACF,oBAAC;KACC,GAAI;KACJ,WAAW,KAAK,OAAO,UAAU,YAAY,SAAS;eAErD,eAAe,YACd,oBAAC,kBACC,oBAAC,WAAS,GACL;MAEA;IACX,oBAAC;KAAc,QAAQ,aAAa,QAAQ;KAAI,WAAU;eACxD,oBAAC;MAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;MACvD;OACI;MACO;;IACX;GACM"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/avatar/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 { designTokens } from '@accelint/design-foundation/tokens';\nimport Person from '@accelint/icons/person';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { BadgeProvider } from '../badge/context';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { AvatarContext } from './context';\nimport styles from './styles.module.css';\nimport type { AvatarProps } from './types';\n\n/**\n * Displays a user's profile image with automatic fallback support.\n * Built on Radix UI Avatar.\n *\n * @param props - The avatar props.\n * @param props.ref - Reference to the root span element.\n * @param props.children - Optional content such as a Badge to overlay on the avatar.\n * @param props.classNames - Custom class names for avatar sub-elements.\n * @param props.fallbackProps - Props passed to the fallback element.\n * @param props.imageProps - Props passed to the image element.\n * @param props.size - Size variant ('medium' or 'small').\n * @returns The avatar component.\n *\n * @example\n * ```tsx\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }} />\n * ```\n *\n * @example\n * ```tsx\n * // With initials fallback\n * <Avatar\n *   size=\"small\"\n *   imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}\n *   fallbackProps={{ children: \"UN\" }}\n * />\n * ```\n *\n * @example\n * ```tsx\n * // With status badge\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}>\n *   <Badge color=\"critical\">3</Badge>\n * </Avatar>\n * ```\n */\nexport function Avatar({ ref, ...props }: AvatarProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AvatarContext);\n\n  const {\n    children,\n    classNames,\n    fallbackProps,\n    imageProps,\n    size = 'medium',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size === 'medium' ? 'large' : 'medium'}>\n      <Root\n        {...rest}\n        ref={ref}\n        className={clsx('group/avatar', styles.avatar, classNames?.avatar)}\n        role='img'\n        data-size={size}\n      >\n        <Image\n          {...imageProps}\n          className={clsx(styles.image, classNames?.image)}\n        />\n        <Fallback\n          {...fallbackProps}\n          className={clsx(styles.fallback, classNames?.fallback)}\n        >\n          {fallbackProps?.children || (\n            <Icon>\n              <Person />\n            </Icon>\n          )}\n        </Fallback>\n        <BadgeProvider offset={designTokens.spacing.xs} placement='top right'>\n          <span className={clsx(styles.content, classNames?.content)}>\n            {children}\n          </span>\n        </BadgeProvider>\n      </Root>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,SAAgB,OAAO,EAAE,KAAK,GAAG,SAAsB;AACrD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,cAAc;CAEjE,MAAM,EACJ,UACA,YACA,eACA,YACA,OAAO,UACP,GAAG,SACD;AAEJ,QACE,oBAAC;EAAa,MAAM,SAAS,WAAW,UAAU;YAChD,qBAAC;GACC,GAAI;GACC;GACL,WAAW,KAAK,gBAAgB,OAAO,QAAQ,YAAY,OAAO;GAClE,MAAK;GACL,aAAW;;IAEX,oBAAC;KACC,GAAI;KACJ,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;MAChD;IACF,oBAAC;KACC,GAAI;KACJ,WAAW,KAAK,OAAO,UAAU,YAAY,SAAS;eAErD,eAAe,YACd,oBAAC,kBACC,oBAAC,WAAS,GACL;MAEA;IACX,oBAAC;KAAc,QAAQ,aAAa,QAAQ;KAAI,WAAU;eACxD,oBAAC;MAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;MACvD;OACI;MACO;;IACX;GACM"}

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { BadgeProps } from "./types.js";
 import "client-only";
-import * as react3 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react33 from "react";
+import * as react_jsx_runtime129 from "react/jsx-runtime";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/badge/context.d.ts
 /**
  * React context for sharing badge configuration across components.
  */
-declare const BadgeContext: react3.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
+declare const BadgeContext: react33.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple Badge components.
  *
@@ -40,7 +40,7 @@ declare const BadgeContext: react3.Context<ContextValue<BadgeProps, HTMLSpanElem
 declare function BadgeProvider({
   children,
   ...props
-}: ProviderProps<BadgeProps>): react_jsx_runtime13.JSX.Element;
+}: ProviderProps<BadgeProps>): react_jsx_runtime129.JSX.Element;
 //#endregion
 export { BadgeContext, BadgeProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/badge/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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { BadgeProps } from './types';\n\n/**\n * React context for sharing badge configuration across components.\n */\nexport const BadgeContext =\n  createContext<ContextValue<BadgeProps, HTMLSpanElement>>(null);\n\n/**\n * Context provider for setting default props across multiple Badge components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the badge context.\n * @returns The badge context provider wrapping children.\n *\n * @example\n * ```tsx\n * <BadgeProvider color=\"critical\" placement=\"top right\">\n *   <Badge>1</Badge>\n *   <Badge>2</Badge>\n * </BadgeProvider>\n * ```\n */\nexport function BadgeProvider({\n  children,\n  ...props\n}: ProviderProps<BadgeProps>) {\n  return (\n    <BadgeContext.Provider value={props}>{children}</BadgeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,eACX,cAAyD,KAAK;;;;;;;;;;;;;;;;AAiBhE,SAAgB,cAAc,EAC5B,UACA,GAAG,SACyB;AAC5B,QACE,oBAAC,aAAa;EAAS,OAAO;EAAQ;GAAiC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/badge/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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { BadgeProps } from './types';\n\n/**\n * React context for sharing badge configuration across components.\n */\nexport const BadgeContext =\n  createContext<ContextValue<BadgeProps, HTMLSpanElement>>(null);\n\n/**\n * Context provider for setting default props across multiple Badge components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the badge context.\n * @returns The badge context provider wrapping children.\n *\n * @example\n * ```tsx\n * <BadgeProvider color=\"critical\" placement=\"top right\">\n *   <Badge>1</Badge>\n *   <Badge>2</Badge>\n * </BadgeProvider>\n * ```\n */\nexport function BadgeProvider({\n  children,\n  ...props\n}: ProviderProps<BadgeProps>) {\n  return (\n    <BadgeContext.Provider value={props}>{children}</BadgeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,eACX,cAAyD,KAAK;;;;;;;;;;;;;;;;AAiBhE,SAAgB,cAAc,EAC5B,UACA,GAAG,SACyB;AAC5B,QACE,oBAAC,aAAa;EAAS,OAAO;EAAQ;GAAiC"}

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

@@ -12,7 +12,7 @@
 
 import { BadgeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/badge/index.d.ts
 
@@ -57,7 +57,7 @@ import * as react_jsx_runtime14 from "react/jsx-runtime";
 declare function Badge({
   ref,
   ...props
-}: BadgeProps): react_jsx_runtime14.JSX.Element;
+}: BadgeProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Badge };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/badge/index.js

@@ -16,8 +16,8 @@
 import { BadgeContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { useContextProps } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
 import styles from "./styles.module.css";
 
 //#region src/components/badge/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/badge/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 { useContextProps } from 'react-aria-components';\nimport { BadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { BadgeProps } from './types';\n\n/**\n * Small status indicator for labels, counts, and notifications.\n * Empty badges render as dot indicators.\n *\n * @param props - The badge props.\n * @param props.ref - Reference to the span element.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.offset - Offset from positioned edge in pixels.\n * @param props.placement - Position relative to container.\n * @param props.children - Badge content (text, number, or empty for dot).\n * @returns The badge span element.\n *\n * @example\n * ```tsx\n * <Badge>New</Badge>\n * ```\n *\n * @example\n * ```tsx\n * // Color variants\n * <Badge color=\"normal\">Active</Badge>\n * <Badge color=\"advisory\">Pending</Badge>\n * <Badge color=\"critical\">Error</Badge>\n * ```\n *\n * @example\n * ```tsx\n * // Dot indicator (no children)\n * <Badge color=\"normal\" />\n * ```\n *\n * @example\n * ```tsx\n * // Positioned badge\n * <Badge placement=\"top right\" offset={designTokens.spacing.xs}>3</Badge>\n * ```\n */\nexport function Badge({ ref, ...props }: BadgeProps) {\n  [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n  const { className, color = 'info', offset, placement, ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={clsx('group/badge', styles.badge, className)}\n      data-color={color}\n      data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n      data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n      data-placement={placement || null}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,SAAgB,MAAM,EAAE,KAAK,GAAG,SAAqB;AACnD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,aAAa;CAEhE,MAAM,EAAE,WAAW,QAAQ,QAAQ,QAAQ,WAAW,GAAG,SAAS;AAElE,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,eAAe,OAAO,OAAO,UAAU;EACvD,cAAY;EACZ,iBAAe,OAAO,WAAW,WAAW,SAAS,QAAQ;EAC7D,iBAAe,OAAO,WAAW,WAAW,SAAS,QAAQ;EAC7D,kBAAgB,aAAa;GAC7B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/badge/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 { useContextProps } from 'react-aria-components/slots';\nimport { BadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { BadgeProps } from './types';\n\n/**\n * Small status indicator for labels, counts, and notifications.\n * Empty badges render as dot indicators.\n *\n * @param props - The badge props.\n * @param props.ref - Reference to the span element.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.offset - Offset from positioned edge in pixels.\n * @param props.placement - Position relative to container.\n * @param props.children - Badge content (text, number, or empty for dot).\n * @returns The badge span element.\n *\n * @example\n * ```tsx\n * <Badge>New</Badge>\n * ```\n *\n * @example\n * ```tsx\n * // Color variants\n * <Badge color=\"normal\">Active</Badge>\n * <Badge color=\"advisory\">Pending</Badge>\n * <Badge color=\"critical\">Error</Badge>\n * ```\n *\n * @example\n * ```tsx\n * // Dot indicator (no children)\n * <Badge color=\"normal\" />\n * ```\n *\n * @example\n * ```tsx\n * // Positioned badge\n * <Badge placement=\"top right\" offset={designTokens.spacing.xs}>3</Badge>\n * ```\n */\nexport function Badge({ ref, ...props }: BadgeProps) {\n  [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n  const { className, color = 'info', offset, placement, ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={clsx('group/badge', styles.badge, className)}\n      data-color={color}\n      data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n      data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n      data-placement={placement || null}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,SAAgB,MAAM,EAAE,KAAK,GAAG,SAAqB;AACnD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,aAAa;CAEhE,MAAM,EAAE,WAAW,QAAQ,QAAQ,QAAQ,WAAW,GAAG,SAAS;AAElE,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,eAAe,OAAO,OAAO,UAAU;EACvD,cAAY;EACZ,iBAAe,OAAO,WAAW,WAAW,SAAS,QAAQ;EAC7D,iBAAe,OAAO,WAAW,WAAW,SAAS,QAAQ;EAC7D,kBAAgB,aAAa;GAC7B"}