@stack-spot/portal-components 2.25.4 → 2.26.0-beta.1

package/CHANGELOG.md

@@ -1,24 +1,78 @@
 # Changelog
 
+<<<<<<< HEAD
+## [2.26.0-beta.1](https://github.com/stack-spot/portal-commons/compare/portal-components-beta@v2.25.4-beta.1...portal-components-beta@v2.26.0-beta.1) (2025-08-19)
+
+
+### Features
+
+* InfoMaintenanceBanner ([#1404](https://github.com/stack-spot/portal-commons/issues/1404)) ([d36bec1](https://github.com/stack-spot/portal-commons/commit/d36bec16c87882ec6d7fc18bbb9e59e0fb8aad16))
+
+
+### Bug Fixes
+
+* adjusts accessibility file insert ([#1379](https://github.com/stack-spot/portal-commons/issues/1379)) ([753ad4e](https://github.com/stack-spot/portal-commons/commit/753ad4ea5ce01e0f4bcee15c08229ceb8e8dc02d))
+* banner warning ([#1408](https://github.com/stack-spot/portal-commons/issues/1408)) ([9275385](https://github.com/stack-spot/portal-commons/commit/927538519908b87469c5ac2351eace94087cb4bb))
+* inconsistent hide button beta ([98c0025](https://github.com/stack-spot/portal-commons/commit/98c00256a8b54c03d91265170de83f73197048db))
+* maintenance banner ([#1406](https://github.com/stack-spot/portal-commons/issues/1406)) ([41c5258](https://github.com/stack-spot/portal-commons/commit/41c52588c7ab4377da31e79cf4e31b17b7b714c0))
+* Removed sx props banner warning ([#1418](https://github.com/stack-spot/portal-commons/issues/1418)) ([6fbbe2c](https://github.com/stack-spot/portal-commons/commit/6fbbe2c0ae6157cf7c6908af6d49b1dc7e5686a6))
+* type banner warning sx ([#1410](https://github.com/stack-spot/portal-commons/issues/1410)) ([c91b6e7](https://github.com/stack-spot/portal-commons/commit/c91b6e792107246b9025aad010ab3a1ee9f5855a))
+
+## [2.25.4-beta.1](https://github.com/stack-spot/portal-commons/compare/portal-components-beta@v2.25.3-beta.1...portal-components-beta@v2.25.4-beta.1) (2025-08-14)
+=======
+## [2.25.5](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.25.4...portal-components@v2.25.5) (2025-08-15)
+>>>>>>> fix-1779-inconsistent-hide-button
+
+
+### Bug Fixes
+
+<<<<<<< HEAD
+* accessibility file insert ([bed8848](https://github.com/stack-spot/portal-commons/commit/bed88484c27169aaf60840945b99bdd87cdc0cff))
+
+## [2.25.3-beta.1](https://github.com/stack-spot/portal-commons/compare/portal-components-beta@v2.25.2-beta.1...portal-components-beta@v2.25.3-beta.1) (2025-08-13)
+=======
+* adjusts accessibility file insert ([#1379](https://github.com/stack-spot/portal-commons/issues/1379)) ([753ad4e](https://github.com/stack-spot/portal-commons/commit/753ad4ea5ce01e0f4bcee15c08229ceb8e8dc02d))
+
 ## [2.25.4](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.25.3...portal-components@v2.25.4) (2025-08-15)
+>>>>>>> fix-1779-inconsistent-hide-button
 
 
 ### Bug Fixes
 
+<<<<<<< HEAD
+* adjusts css ([#1393](https://github.com/stack-spot/portal-commons/issues/1393)) ([579f358](https://github.com/stack-spot/portal-commons/commit/579f35899c21b071d0aaebfdc200b93080278ed5))
+
+## [2.25.2-beta.1](https://github.com/stack-spot/portal-commons/compare/portal-components-beta@v2.25.1-beta.1...portal-components-beta@v2.25.2-beta.1) (2025-08-13)
+=======
 * Removed sx props banner warning ([#1418](https://github.com/stack-spot/portal-commons/issues/1418)) ([6fbbe2c](https://github.com/stack-spot/portal-commons/commit/6fbbe2c0ae6157cf7c6908af6d49b1dc7e5686a6))
 
 ## [2.25.3](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.25.2...portal-components@v2.25.3) (2025-08-15)
+>>>>>>> fix-1779-inconsistent-hide-button
 
 
 ### Bug Fixes
 
+<<<<<<< HEAD
+* 2988 accessibility file insert ([#1380](https://github.com/stack-spot/portal-commons/issues/1380)) ([cb7d176](https://github.com/stack-spot/portal-commons/commit/cb7d1761a6eef04d05b2627711d04a9d33f54a46))
+* adjusts accessibility file insert ([#1387](https://github.com/stack-spot/portal-commons/issues/1387)) ([29ceb74](https://github.com/stack-spot/portal-commons/commit/29ceb74d95f46dcba1f51b184bfb919fffbf8136))
+* error messages ([#1283](https://github.com/stack-spot/portal-commons/issues/1283)) ([6a186ef](https://github.com/stack-spot/portal-commons/commit/6a186ef47b90b94a6b0861b8042ddd90062c3d95))
+
+## [2.25.1-beta.1](https://github.com/stack-spot/portal-commons/compare/portal-components-beta@v2.25.0-beta.1...portal-components-beta@v2.25.1-beta.1) (2025-07-28)
+=======
 * type banner warning sx ([#1410](https://github.com/stack-spot/portal-commons/issues/1410)) ([c91b6e7](https://github.com/stack-spot/portal-commons/commit/c91b6e792107246b9025aad010ab3a1ee9f5855a))
 
 ## [2.25.2](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.25.1...portal-components@v2.25.2) (2025-08-15)
+>>>>>>> fix-1779-inconsistent-hide-button
 
 
 ### Bug Fixes
 
+<<<<<<< HEAD
+* Adds Secure attribute to cookies for HTTPS ([#1114](https://github.com/stack-spot/portal-commons/issues/1114)) ([18e06fb](https://github.com/stack-spot/portal-commons/commit/18e06fbe08b1c89e2d554295627298c4723c99c6))
+* adjusts error messages in Ai ([#1274](https://github.com/stack-spot/portal-commons/issues/1274)) ([09aad8b](https://github.com/stack-spot/portal-commons/commit/09aad8b3cf8538d14455203be201beec03716d51))
+* error messages ([#1305](https://github.com/stack-spot/portal-commons/issues/1305)) ([18b41bd](https://github.com/stack-spot/portal-commons/commit/18b41bdbcaa648ce736c66e6118edb353dd9a7c3))
+* reviewing error messages in ai ([#1270](https://github.com/stack-spot/portal-commons/issues/1270)) ([5de8012](https://github.com/stack-spot/portal-commons/commit/5de8012538c22f0fd061233154619afcd4b589a5))
+=======
 * banner warning ([#1408](https://github.com/stack-spot/portal-commons/issues/1408)) ([9275385](https://github.com/stack-spot/portal-commons/commit/927538519908b87469c5ac2351eace94087cb4bb))
 
 ## [2.25.1](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.25.0...portal-components@v2.25.1) (2025-08-14)
@@ -34,6 +88,7 @@
 ### Features
 
 * InfoMaintenanceBanner ([#1404](https://github.com/stack-spot/portal-commons/issues/1404)) ([d36bec1](https://github.com/stack-spot/portal-commons/commit/d36bec16c87882ec6d7fc18bbb9e59e0fb8aad16))
+>>>>>>> fix-1779-inconsistent-hide-button
 
 ## [2.24.3](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.24.2...portal-components@v2.24.3) (2025-07-22)
 

package/dist/components/Accordion/accordion.css

@@ -0,0 +1,32 @@
+.accordion-chevron {
+  transition: transform 0.3s ease;
+}
+
+.accordion-chevron[data-state='open'] {
+  transform: rotate(180deg);
+}
+
+.accordion-content {
+  max-height: max-content;
+  height: 0;
+  overflow: hidden;
+  transition: all 0.3s ease;
+}
+
+.accordion-content[data-state='open'] {
+  height: var(--accordion-content-height);
+  overflow: inherit;
+}
+
+.accordion-content[data-state='closed'] {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.accordion-content hr {
+  visibility: hidden;
+}
+
+.accordion-content[data-state='open'] hr {
+  visibility: visible;
+}

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

@@ -0,0 +1,219 @@
+import { SxProp } from '@citric/core';
+import React, { PropsWithChildren } from 'react';
+import './accordion.css';
+export type AccordionSize = 'none' | 'sm' | 'md' | 'lg';
+interface AccordionProps extends PropsWithChildren<React.HTMLAttributes<HTMLDivElement>> {
+    /**
+     * Determines if only one (`'single'`) or multiple (`'multiple'`) items can be open at once.
+     * Defaults to `'single'`.
+     */
+    type?: 'single' | 'multiple';
+    /**
+   * The value of the items whose contents are expanded when the accordion is initially rendered. Use
+   * `defaultValue` if you do not need to control the state of an accordion.
+   */
+    value?: string | string[];
+    /**
+     * The value(s) of the item(s) that should be open by default.
+     */
+    defaultValue?: string | string[];
+    /**
+     * Callback function that is called when the value changes.
+     * Receives the current open item(s) as a string or an array of strings.
+     */
+    onValueChange?: (value: string | string[]) => void;
+    /**
+     * If true, the item is disabled and cannot be interacted with.
+     * Defaults to false.
+     */
+    disabled?: boolean;
+    /**
+     * The size of the accordion (`'sm'`, `'md'`, `'lg'`). Defaults to `'md'`.
+     * This affects the padding and spacing of the accordion items.
+     */
+    size?: AccordionSize;
+    /**
+     * Optional style overrides for the accordion component.
+     */
+    sx?: SxProp;
+    /**
+     * The gap between accordion items.
+     */
+    gap?: string;
+}
+/**
+ * Accordion component for displaying collapsible content panels.
+ *
+ * @remarks
+ * The `Accordion` component provides a flexible and accessible way to display content in expandable/collapsible panels.
+ * It supports both single and multiple item expansion modes, customizable sizes, and can be disabled.
+ *
+ * @example
+ * ```tsx
+ * import { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionContent } from './Accordion';
+ *
+ * function ExampleAccordion() {
+ *   return (
+ *     <Accordion type="multiple" defaultValue={['item1']} size="md">
+ *       <AccordionItem value="item1">
+ *         <AccordionHeader>
+ *           <AccordionTrigger>
+ *             Section 1
+ *           </AccordionTrigger>
+ *         </AccordionHeader>
+ *         <AccordionContent>
+ *           <p>This is the content of section 1.</p>
+ *         </AccordionContent>
+ *       </AccordionItem>
+ *       <AccordionItem value="item2">
+ *         <AccordionHeader>
+ *           <AccordionTrigger>
+ *             Section 2
+ *           </AccordionTrigger>
+ *         </AccordionHeader>
+ *         <AccordionContent>
+ *           <p>This is the content of section 2.</p>
+ *         </AccordionContent>
+ *       </AccordionItem>
+ *     </Accordion>
+ *   )
+ * }
+ * ```
+ *
+ * @param type - Determines if only one (`'single'`) or multiple (`'multiple'`) items can be open at once. Default is `'single'`.
+ * @param value - The currently open item(s) in the accordion. Can be a single string or an array of strings.
+ * @param defaultValue - The value(s) of the item(s) that should be open by default.
+ * @param disabled - If true, disables all accordion items.
+ * @param size - The size of the accordion (`'sm'`, `'md'`, `'lg'`). Default is `'md'`.
+ * @param sx - Optional style overrides for the accordion component.
+ * @param children - The AccordionItem components to be rendered inside the Accordion.
+ * @param gap - The gap between accordion items. Default is `'8px'`.
+ */
+export declare const Accordion: ({ type, value, defaultValue, onValueChange, children, disabled, size, sx, gap, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+interface AccordionItemProps extends PropsWithChildren<React.HTMLAttributes<HTMLDivElement>> {
+    /**
+     * The unique value identifying this accordion item.
+     * This value is used to control the open/closed state of the item.
+     */
+    value: string;
+    /**
+     * If true, the item is disabled and cannot be interacted with.
+     * Defaults to false.
+     */
+    disabled?: boolean;
+    /**
+     * If true, the entire item is clickable to toggle its open/closed state.
+     * Defaults to true.
+     */
+    fullyClickable?: boolean;
+    /**
+     * Optional style overrides for the item component.
+     */
+    sx?: SxProp;
+}
+/**
+ * Represents a single item within an Accordion component.
+ *
+ * @param value - The unique value identifying this accordion item.
+ * @param children - The content to be rendered inside the accordion item.
+ * @param fullyClickable - If true, the entire item is clickable to toggle its open/closed state.
+ * @param disabled - If true, disables this accordion item.
+ * @param sx - Optional style overrides for the item component.
+ * @param props - Additional props to be spread onto the Card component.
+ *
+ * @remarks
+ * This component uses context to determine its open/closed state and whether it is disabled.
+ * It provides its state and identifiers to its children via context.
+ */
+export declare const AccordionItem: ({ value, children, disabled, sx, fullyClickable, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+interface AccordionHeaderProps extends PropsWithChildren, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Optional style overrides for the header component.
+     */
+    sx?: SxProp;
+    /**
+     * Optional style overrides for the text component when children is a string.
+     */
+    sxText?: SxProp;
+}
+/**
+ * Renders the header section of an Accordion item.
+ *
+ * This component displays its children inside a header. If the children are a string,
+ * it wraps them in a text component with heading appearance and applies appropriate styles.
+ * If the Accordion item is disabled, the header text will have a 'not-allowed' cursor and
+ * the `aria-disabled` attribute will be set.
+ *
+ * @param children - The content to display inside the header. If a string, it will be styled as a heading.
+ * @param sx - Optional style overrides for the header component.
+ * @param sxText - Optional style overrides for the text component when children is a string.
+ * @param props - Additional props to be spread onto the header component.
+ *
+ * @returns The rendered Accordion header.
+ */
+export declare const AccordionHeader: ({ children, sx, sxText, ...props }: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders the chevron down icon for an accordion item, indicating its open or closed state.
+ *
+ * - If the accordion item is fully clickable (`fullyClickable` is true),
+ *  the icon is rendered directly and clicking anywhere on the item toggles its state.
+ * - If not fully clickable, the icon is wrapped in an `IconButton` that handles toggling the item's state when clicked.
+ *
+ * @returns The rendered chevron down icon.
+ */
+export declare function AccordionChevronDownIcon(): import("react/jsx-runtime").JSX.Element;
+interface AccordionTriggerProps extends React.HTMLAttributes<HTMLButtonElement>, PropsWithChildren {
+    /**
+     * Determines the alignment of the trigger content. Defaults to `'right'`.
+     * Accepts `'right'` or `'left'` for alignment.
+     */
+    position?: 'left' | 'right';
+    /**
+     * Option style overrides for the trigger button.
+     */
+    sx?: SxProp;
+}
+/**
+ * AccordionTrigger is a button component used to control the expansion and collapse of an accordion item.
+ *
+ * @param children - The content to display inside the trigger. If only one child is provided,
+ * an AccordionChevronDownIcon is appended automatically.
+ * @param position - Determines the alignment of the trigger content.
+ * Defaults to `'right'`. Accepts `'right'` or `'left'` for alignment.
+ * @param onClick - Optional click handler invoked when the trigger is clicked, after toggling the accordion item.
+ * @param sx - Optional style overrides for the trigger button.
+ * @param props - Additional props passed to the underlying Button component.
+ *
+ * @remarks
+ * - The trigger is disabled if either the accordion or the item is disabled.
+ * - Accessibility attributes (`aria-disabled`, `aria-controls`, `aria-expanded`) are set for better screen reader support.
+ * - The trigger toggles the open state of the associated accordion item via context.
+ */
+export declare const AccordionTrigger: ({ children, position, onClick, sx, ...props }: AccordionTriggerProps) => import("react/jsx-runtime").JSX.Element;
+interface AccordionContentProps extends PropsWithChildren, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Optional style overrides for the content component.
+     */
+    sx?: SxProp;
+    /**
+     * If true, a `Divider` is rendered above the content. Default is true.
+     */
+    divider?: boolean;
+}
+/**
+ * Renders the content area of an accordion item.
+ *
+ * This component displays its children inside a content container,
+ * and manages accessibility attributes such as `aria-hidden`, `aria-expanded`,
+ * and `aria-labelledby` based on the accordion item's open state.
+ *
+ * @param children - The content to be displayed within the accordion panel.
+ * @param sx - Optional style overrides for the content component.
+ * @param divider - If true, a `Divider` is rendered above the content. Default is true.
+ * @param props - Additional props to be spread onto the content component.
+ *
+ * @returns The rendered accordion content, visible only when the accordion item is open.
+ */
+export declare const AccordionContent: ({ children, sx, divider, ...props }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,MAAM,EAAQ,MAAM,cAAc,CAAA;AAGlF,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAoE,MAAM,OAAO,CAAA;AAClH,OAAO,iBAAiB,CAAA;AAExB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAoGvD,UAAU,cACR,SAAQ,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC/D;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC3B;;;KAGC;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,SAAS,GAAI,2FAWvB,cAAc,4CA0ChB,CAAA;AAMD,UAAU,kBACR,SAAQ,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC/D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,GAAI,6DAO3B,kBAAkB,4CAapB,CAAA;AAMD,UAAU,oBACR,SAAQ,iBAAiB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,GAAI,oCAK7B,oBAAoB,4CAkBtB,CAAA;AAMD;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,4CAYvC;AAMD,UAAU,qBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAAI,+CAM9B,qBAAqB,4CAsCvB,CAAA;AAMD,UAAU,qBACR,SAAQ,iBAAiB,EACvB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,GAAI,qCAK9B,qBAAqB,4CA+BvB,CAAA"}

package/dist/components/Accordion/index.js

@@ -0,0 +1,275 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Divider, IconBox, Text } from '@citric/core';
+import { ChevronDown } from '@citric/icons';
+import { Card, CardContent, CardHeader, IconButton } from '@citric/ui';
+import React, { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from 'react';
+import './accordion.css';
+const ACCORDION_SIZES = {
+    none: 0,
+    sm: 2,
+    md: 4,
+    lg: 8,
+};
+function getState(state) {
+    return state ? 'open' : 'closed';
+}
+const AccordionContext = React.createContext({
+    openItems: [],
+    toggleItem: () => { },
+    type: 'single',
+    disabled: false,
+    size: 'md',
+});
+const AccordionItemContext = React.createContext({
+    value: undefined,
+    open: false,
+    disabled: false,
+    triggerId: undefined,
+    fullyClickable: true,
+});
+/* -------------------------------------------------------------------------------------------------
+ * Hooks
+ * -----------------------------------------------------------------------------------------------*/
+const useAccordionContext = () => React.useContext(AccordionContext);
+const useAccordionItemContext = () => React.useContext(AccordionItemContext);
+/* -------------------------------------------------------------------------------------------------
+ * Styles
+ * -----------------------------------------------------------------------------------------------*/
+const styles = {
+    accordion: {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        padding: 0,
+    },
+    header: {
+        display: 'flex',
+        flexDirection: 'row',
+        flexWrap: 'nowrap',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        flex: 1,
+        padding: 0,
+    },
+    trigger: {
+        border: 'none',
+        ':hover': {
+            border: 'none',
+        },
+        color: 'light.contrastText',
+        width: '100%',
+        display: 'flex',
+        alignItems: 'center',
+    },
+    item: {
+        padding: 0,
+        border: 'none',
+    },
+    content: {
+        pt: 0,
+        border: 'none',
+    },
+};
+/**
+ * Accordion component for displaying collapsible content panels.
+ *
+ * @remarks
+ * The `Accordion` component provides a flexible and accessible way to display content in expandable/collapsible panels.
+ * It supports both single and multiple item expansion modes, customizable sizes, and can be disabled.
+ *
+ * @example
+ * ```tsx
+ * import { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionContent } from './Accordion';
+ *
+ * function ExampleAccordion() {
+ *   return (
+ *     <Accordion type="multiple" defaultValue={['item1']} size="md">
+ *       <AccordionItem value="item1">
+ *         <AccordionHeader>
+ *           <AccordionTrigger>
+ *             Section 1
+ *           </AccordionTrigger>
+ *         </AccordionHeader>
+ *         <AccordionContent>
+ *           <p>This is the content of section 1.</p>
+ *         </AccordionContent>
+ *       </AccordionItem>
+ *       <AccordionItem value="item2">
+ *         <AccordionHeader>
+ *           <AccordionTrigger>
+ *             Section 2
+ *           </AccordionTrigger>
+ *         </AccordionHeader>
+ *         <AccordionContent>
+ *           <p>This is the content of section 2.</p>
+ *         </AccordionContent>
+ *       </AccordionItem>
+ *     </Accordion>
+ *   )
+ * }
+ * ```
+ *
+ * @param type - Determines if only one (`'single'`) or multiple (`'multiple'`) items can be open at once. Default is `'single'`.
+ * @param value - The currently open item(s) in the accordion. Can be a single string or an array of strings.
+ * @param defaultValue - The value(s) of the item(s) that should be open by default.
+ * @param disabled - If true, disables all accordion items.
+ * @param size - The size of the accordion (`'sm'`, `'md'`, `'lg'`). Default is `'md'`.
+ * @param sx - Optional style overrides for the accordion component.
+ * @param children - The AccordionItem components to be rendered inside the Accordion.
+ * @param gap - The gap between accordion items. Default is `'8px'`.
+ */
+export const Accordion = ({ type = 'single', value, defaultValue = [], onValueChange, children, disabled = false, size = 'md', sx = {}, gap = '8px', ...props }) => {
+    const [openItems, setOpenItems] = useState(defaultValue === undefined ? [] : Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
+    const handleItemSingle = React.useCallback((itemValue) => setOpenItems((prevValue = []) => prevValue.includes(itemValue) ? [] : [itemValue]), [setOpenItems]);
+    const handleItemMultiple = React.useCallback((itemValue) => setOpenItems((prevValue = []) => prevValue.includes(itemValue) ?
+        prevValue.filter((value) => value !== itemValue) :
+        [...prevValue, itemValue]), [setOpenItems]);
+    const toggleItem = useCallback((value) => {
+        if (type === 'single') {
+            handleItemSingle(value);
+        }
+        else {
+            handleItemMultiple(value);
+        }
+    }, [handleItemMultiple, handleItemSingle, type]);
+    useEffect(() => {
+        onValueChange?.(openItems);
+    }, [openItems, onValueChange]);
+    useEffect(() => {
+        if (typeof value === 'string' || Array.isArray(value)) {
+            setOpenItems(Array.isArray(value) ? value : [value]);
+        }
+    }, [value]);
+    return (_jsx(AccordionContext.Provider, { value: { openItems, toggleItem, type, disabled, size }, children: _jsx(Box, { role: "accordion", sx: { ...styles.accordion, gap, ...sx }, ...props, children: children }) }));
+};
+/**
+ * Represents a single item within an Accordion component.
+ *
+ * @param value - The unique value identifying this accordion item.
+ * @param children - The content to be rendered inside the accordion item.
+ * @param fullyClickable - If true, the entire item is clickable to toggle its open/closed state.
+ * @param disabled - If true, disables this accordion item.
+ * @param sx - Optional style overrides for the item component.
+ * @param props - Additional props to be spread onto the Card component.
+ *
+ * @remarks
+ * This component uses context to determine its open/closed state and whether it is disabled.
+ * It provides its state and identifiers to its children via context.
+ */
+export const AccordionItem = ({ value, children, disabled = false, sx = {}, fullyClickable = true, ...props }) => {
+    const accordionContext = useAccordionContext();
+    const triggerId = ['trigger', useId()].join('-');
+    const open = (value && accordionContext.openItems.includes(value)) || false;
+    const isDisabled = disabled || accordionContext.disabled;
+    return (_jsx(AccordionItemContext.Provider, { value: { value, open, triggerId, fullyClickable, disabled: isDisabled }, children: _jsx(Card, { id: `accordion-item-${value}`, sx: { ...styles.item, ...sx }, ...props, children: children }) }));
+};
+/**
+ * Renders the header section of an Accordion item.
+ *
+ * This component displays its children inside a header. If the children are a string,
+ * it wraps them in a text component with heading appearance and applies appropriate styles.
+ * If the Accordion item is disabled, the header text will have a 'not-allowed' cursor and
+ * the `aria-disabled` attribute will be set.
+ *
+ * @param children - The content to display inside the header. If a string, it will be styled as a heading.
+ * @param sx - Optional style overrides for the header component.
+ * @param sxText - Optional style overrides for the text component when children is a string.
+ * @param props - Additional props to be spread onto the header component.
+ *
+ * @returns The rendered Accordion header.
+ */
+export const AccordionHeader = ({ children, sx = {}, sxText = {}, ...props }) => {
+    const { disabled, value } = useAccordionItemContext();
+    return (_jsx(CardHeader, { id: `accordion-header-${value}`, sx: { ...styles.header, ...sx }, ...props, children: children && typeof children === 'string' ? (_jsx(Text, { appearance: "h4", w: 12, "aria-disabled": disabled, sx: { cursor: disabled ? 'not-allowed' : 'pointer', ...sxText }, children: children })) : (children) }));
+};
+/* -------------------------------------------------------------------------------------------------
+ * AccordionChevronDownIcon
+ * -----------------------------------------------------------------------------------------------*/
+/**
+ * Renders the chevron down icon for an accordion item, indicating its open or closed state.
+ *
+ * - If the accordion item is fully clickable (`fullyClickable` is true),
+ *  the icon is rendered directly and clicking anywhere on the item toggles its state.
+ * - If not fully clickable, the icon is wrapped in an `IconButton` that handles toggling the item's state when clicked.
+ *
+ * @returns The rendered chevron down icon.
+ */
+export function AccordionChevronDownIcon() {
+    const accordionContext = useAccordionContext();
+    const accordionItemContext = useAccordionItemContext();
+    const { open, value, fullyClickable = true } = accordionItemContext;
+    const handleClick = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        accordionContext.toggleItem(value || '');
+    };
+    const icon = _jsx(IconBox, { "data-state": getState(open), className: "accordion-chevron", children: _jsx(ChevronDown, {}) }, "chevron");
+    return fullyClickable ? icon : _jsx(IconButton, { sx: { border: 'none', p: 0 }, size: "xs", onClick: handleClick, children: icon });
+}
+/**
+ * AccordionTrigger is a button component used to control the expansion and collapse of an accordion item.
+ *
+ * @param children - The content to display inside the trigger. If only one child is provided,
+ * an AccordionChevronDownIcon is appended automatically.
+ * @param position - Determines the alignment of the trigger content.
+ * Defaults to `'right'`. Accepts `'right'` or `'left'` for alignment.
+ * @param onClick - Optional click handler invoked when the trigger is clicked, after toggling the accordion item.
+ * @param sx - Optional style overrides for the trigger button.
+ * @param props - Additional props passed to the underlying Button component.
+ *
+ * @remarks
+ * - The trigger is disabled if either the accordion or the item is disabled.
+ * - Accessibility attributes (`aria-disabled`, `aria-controls`, `aria-expanded`) are set for better screen reader support.
+ * - The trigger toggles the open state of the associated accordion item via context.
+ */
+export const AccordionTrigger = ({ children, position = 'right', onClick, sx, ...props }) => {
+    const accordionContext = useAccordionContext();
+    const accordionItemContext = useAccordionItemContext();
+    const { value, disabled, triggerId, fullyClickable = true } = accordionItemContext;
+    const handleClick = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        accordionContext.toggleItem(value || '');
+        onClick && onClick(e);
+    };
+    const hasChildren = React.Children.count(children) >= 2;
+    const content = hasChildren ? [children] : [children, _jsx(AccordionChevronDownIcon, {}, "chevron-down")];
+    const isDisabled = disabled || accordionContext.disabled;
+    return (_jsx(Button, { as: fullyClickable ? 'button' : 'div', id: triggerId, "aria-disabled": isDisabled, "aria-controls": `accordion-content-${value}`, "aria-expanded": accordionItemContext.open, onClick: fullyClickable ? handleClick : undefined, disabled: isDisabled, appearance: "text", colorScheme: "light", sx: {
+            ...styles.trigger,
+            padding: ACCORDION_SIZES[accordionContext.size],
+            cursor: isDisabled ? 'not-allowed' : fullyClickable ? 'pointer' : 'default',
+            justifyContent: position === 'right' ? 'space-between' : 'flex-start',
+            ...sx,
+        }, ...props, children: position === 'right' ? content : content.reverse() }));
+};
+const ACCORDION_CONTENT_HEIGHT = '--accordion-content-height';
+/**
+ * Renders the content area of an accordion item.
+ *
+ * This component displays its children inside a content container,
+ * and manages accessibility attributes such as `aria-hidden`, `aria-expanded`,
+ * and `aria-labelledby` based on the accordion item's open state.
+ *
+ * @param children - The content to be displayed within the accordion panel.
+ * @param sx - Optional style overrides for the content component.
+ * @param divider - If true, a `Divider` is rendered above the content. Default is true.
+ * @param props - Additional props to be spread onto the content component.
+ *
+ * @returns The rendered accordion content, visible only when the accordion item is open.
+ */
+export const AccordionContent = ({ children, sx = {}, divider = true, ...props }) => {
+    const accordionContext = useAccordionContext();
+    const accordionItemContext = useAccordionItemContext();
+    const { open, triggerId, value } = accordionItemContext;
+    const ref = useRef(null);
+    useLayoutEffect(() => {
+        if (!ref.current)
+            return;
+        if (!ref.current.style.getPropertyValue(ACCORDION_CONTENT_HEIGHT)) {
+            ref.current.style.setProperty(ACCORDION_CONTENT_HEIGHT, `${ref.current.scrollHeight}px`);
+        }
+    }, [ref.current, open]);
+    return (_jsxs(CardContent, { ref: ref, id: `accordion-content-${value}`, sx: { padding: ACCORDION_SIZES[accordionContext.size], ...styles.content, ...sx }, "data-state": getState(open), "aria-hidden": !open, "aria-expanded": open, "aria-labelledby": triggerId, className: "accordion-content", role: "region", tabIndex: open ? 0 : -1, ...props, children: [divider && _jsx(Divider, { pb: ACCORDION_SIZES[accordionContext.size] }), children] }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/FadingOverflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadingOverflow.d.ts","sourceRoot":"","sources":["../../src/components/FadingOverflow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAKxE,KAAK,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC/C,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAErD,UAAU,KAAM,SAAQ,SAAS;IAC/B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,uCAAuC,CAAC,EAAE,OAAO,CAAC;IAClD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAwFD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,2FAAoG,KAAK,4CAqI1G,CAAA"}
+{"version":3,"file":"FadingOverflow.d.ts","sourceRoot":"","sources":["../../src/components/FadingOverflow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAKxE,KAAK,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC/C,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAErD,UAAU,KAAM,SAAQ,SAAS;IAC/B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,uCAAuC,CAAC,EAAE,OAAO,CAAC;IAClD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAwFD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,2FAAoG,KAAK,4CAuI1G,CAAA"}