@aurora-ds/components 0.6.7 → 0.10.0

package/dist/esm/components/layout/card/Card.props.d.ts

@@ -25,6 +25,16 @@ export type CardProps = {
     backgroundColor?: keyof Theme['colors'];
     /** Border color of the card */
     borderColor?: keyof Theme['colors'];
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this card */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this card */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
 };
 export type CardStyleParams = {
     direction: CSSProperties['flexDirection'];

package/dist/esm/components/layout/grid/Grid.props.d.ts

@@ -29,6 +29,16 @@ export type GridProps = {
     padding?: keyof Theme['spacing'];
     /** Minimum width for auto-fill/auto-fit columns */
     minChildWidth?: CSSProperties['width'];
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this grid */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this grid */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
 };
 export type GridStyleParams = {
     columns?: number | string;

package/dist/esm/components/layout/page-construction/page/Page.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { PageProps } from '@components/layout/page-construction/page/Page.props.ts';
+/**
+ * Page component
+ *
+ * A layout component that provides consistent page structure with optional footer.
+ * Supports customization of dimensions, background, and content constraints.
+ */
+declare const Page: FC<PageProps>;
+export default Page;

package/dist/esm/components/layout/page-construction/page/Page.props.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties, ReactNode } from 'react';
+export type PageProps = {
+    /** Page content */
+    children: ReactNode;
+    /** Optional footer component */
+    footer?: ReactNode;
+    /** Maximum width of the page content (default: 100%) */
+    maxWidth?: CSSProperties['maxWidth'];
+    /** Background color */
+    backgroundColor?: CSSProperties['backgroundColor'];
+    /** Padding around the page */
+    padding?: CSSProperties['padding'];
+    /** Custom className for additional styling */
+    className?: string;
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this page */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this page */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
+};
+export type PageStyleParams = {
+    maxWidth?: CSSProperties['maxWidth'];
+    backgroundColor?: CSSProperties['backgroundColor'];
+    padding?: CSSProperties['padding'];
+};

package/dist/esm/components/layout/page-construction/page/Page.styles.d.ts

@@ -0,0 +1,5 @@
+import { PageStyleParams } from '@components/layout/page-construction/page/Page.props.ts';
+export declare const PAGE_STYLES: {
+    root: (args_0: PageStyleParams) => string;
+    children: (args_0: PageStyleParams) => string;
+};

package/dist/esm/components/layout/page-construction/page/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Page } from '@components/layout/page-construction/page/Page';
+export type { PageProps } from '@components/layout/page-construction/page/Page.props';

package/dist/esm/components/layout/page-construction/page-section/PageSection.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { PageSectionProps } from '@components/layout/page-construction/page-section/PageSection.props.ts';
+/**
+ * PageSection component
+ *
+ * A layout component that provides consistent spacing and alignment for page sections.
+ * Supports customization of gap, padding, alignment, min height and max width.
+ */
+declare const PageSection: FC<PageSectionProps>;
+export default PageSection;

package/dist/esm/components/layout/page-construction/page-section/PageSection.props.d.ts

@@ -0,0 +1,34 @@
+import { Theme } from '@aurora-ds/theme';
+import { CSSProperties, PropsWithChildren } from 'react';
+export type PageSectionProps = PropsWithChildren<{
+    /** Gap between child elements */
+    gap?: keyof Theme['spacing'];
+    /** Horizontal padding around the section */
+    paddingHorizontal?: keyof Theme['spacing'];
+    /** Vertical padding around the section */
+    paddingVertical?: keyof Theme['spacing'];
+    /** Alignment of items within the section */
+    alignItems?: CSSProperties['alignItems'];
+    /** Maximum width of the section */
+    maxWidth?: CSSProperties['maxWidth'];
+    /** Minimum height of the section */
+    minHeight?: CSSProperties['minHeight'];
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this section */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this section */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
+}>;
+export type PageSectionStyleParams = {
+    gap?: keyof Theme['spacing'];
+    paddingHorizontal?: keyof Theme['spacing'];
+    paddingVertical?: keyof Theme['spacing'];
+    alignItems?: CSSProperties['alignItems'];
+    maxWidth?: CSSProperties['maxWidth'];
+    minHeight?: CSSProperties['minHeight'];
+};

package/dist/esm/components/layout/page-construction/page-section/PageSection.styles.d.ts

@@ -0,0 +1,4 @@
+import { PageSectionStyleParams } from '@components/layout/page-construction/page-section/PageSection.props.ts';
+export declare const PAGE_SECTION_STYLES: {
+    root: (args_0: PageSectionStyleParams) => string;
+};

package/dist/esm/components/layout/page-construction/page-section/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PageSection } from '@components/layout/page-construction/page-section/PageSection.tsx';
+export type { PageSectionProps } from '@components/layout/page-construction/page-section/PageSection.props.ts';

package/dist/esm/components/layout/stack/Stack.props.d.ts

@@ -19,6 +19,16 @@ export type StackProps = {
     wrap?: CSSProperties['flexWrap'];
     /** Padding inside the stack */
     padding?: keyof Theme['spacing'];
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this stack */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this stack */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
 };
 export type StackStyleParams = {
     direction: CSSProperties['flexDirection'];

package/dist/esm/components/layout/text/Text.d.ts

@@ -14,6 +14,7 @@ import { TextProps } from '@components/layout/text/Text.props.ts';
  * - Theme-aware colors
  * - Text truncation with `maxLines`
  * - Underline support
+ * - Preserve whitespace with `preserveWhitespace` prop
  * - Bold text with **double asterisks** syntax
  */
 declare const Text: FC<TextProps>;

package/dist/esm/components/layout/text/Text.props.d.ts

@@ -14,6 +14,8 @@ export type TextProps = PropsWithChildren<{
     maxLines?: number;
     /** Add underline text decoration */
     underline?: boolean;
+    /** Preserve whitespace and line breaks */
+    preserveWhitespace?: boolean;
 }>;
 export type TextStyleParams = {
     variant?: TextVariants;
@@ -22,4 +24,5 @@ export type TextStyleParams = {
     fontFamily?: string;
     maxLines?: number;
     underline?: boolean;
+    preserveWhitespace?: boolean;
 };

package/dist/esm/components/navigation/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import { BreadcrumbProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * Breadcrumb component
+ * Navigation component for hierarchical page structures
+ *
+ * @param maxItems - Maximum number of items to display (minimum 2).
+ *                   If exceeded, shows: first item + ellipsis + last (maxItems - 1) items
+ * @param children
+ * @param props
+ */
+declare const Breadcrumb: import("react").NamedExoticComponent<BreadcrumbProps>;
+export { Breadcrumb };

package/dist/esm/components/navigation/breadcrumb/Breadcrumb.props.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the Breadcrumb component
+ */
+export interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {
+    /**
+     * Maximum number of items to display (minimum 2).
+     * If exceeded, shows: first item + ellipsis + last (maxItems - 1) items
+     * Separators are automatically inserted between items.
+     * @example maxItems={3} with 6 items → Home > ... > Item5 > Item6
+     */
+    maxItems?: number;
+}

package/dist/esm/components/navigation/breadcrumb/Breadcrumb.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Breadcrumb styles using createStyles from @aurora-ds/theme
+ */
+export declare const BREADCRUMB_STYLES: {
+    list: string;
+};

package/dist/esm/components/navigation/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { BreadcrumbEllipsisProps } from '@components/navigation/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.props.ts';
+/**
+ * BreadcrumbEllipsis component
+ * Renders an ellipsis item in the breadcrumb (includes the li wrapper)
+ */
+declare const BreadcrumbEllipsis: FC<BreadcrumbEllipsisProps>;
+export { BreadcrumbEllipsis };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.props.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Props for the BreadcrumbEllipsis component
+ */
+export interface BreadcrumbEllipsisProps {
+}

package/dist/esm/components/navigation/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * BreadcrumbEllipsis styles using createStyles from @aurora-ds/theme
+ */
+export declare const BREADCRUMB_ELLIPSIS_STYLES: {
+    item: string;
+    ellipsis: string;
+};

package/dist/esm/components/navigation/breadcrumb/BreadcrumbEllipsis/index.d.ts

@@ -0,0 +1,2 @@
+export { BreadcrumbEllipsis } from '@components/navigation/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.tsx';
+export type { BreadcrumbEllipsisProps } from '@components/navigation/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.props.ts';

package/dist/esm/components/navigation/breadcrumb/BreadcrumbEllipsis.d.ts

@@ -0,0 +1,9 @@
+import { BreadcrumbEllipsisProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * BreadcrumbEllipsis component
+ */
+declare const BreadcrumbEllipsis: {
+    (props: BreadcrumbEllipsisProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { BreadcrumbEllipsis };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbItemProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * BreadcrumbItem component
+ */
+declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export { BreadcrumbItem };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbItem/BreadcrumbItem.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * BreadcrumbItem styles using createStyles from @aurora-ds/theme
+ */
+export declare const BREADCRUMB_ITEM_STYLES: {
+    item: string;
+};

package/dist/esm/components/navigation/breadcrumb/BreadcrumbItem/index.d.ts

@@ -0,0 +1 @@
+export { BreadcrumbItem } from '@components/navigation/breadcrumb/BreadcrumbItem/BreadcrumbItem.tsx';

package/dist/esm/components/navigation/breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbItemProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * BreadcrumbItem component
+ */
+declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export { BreadcrumbItem };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbLink/BreadcrumbLink.d.ts

@@ -0,0 +1,7 @@
+import { BreadcrumbLinkProps } from '@components/navigation/breadcrumb/BreadcrumbLink/BreadcrumbLink.props.ts';
+/**
+ * BreadcrumbLink component
+ * Renders a clickable breadcrumb item with a link
+ */
+declare const BreadcrumbLink: import("react").NamedExoticComponent<BreadcrumbLinkProps>;
+export { BreadcrumbLink };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbLink/BreadcrumbLink.props.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Props for the BreadcrumbLink component
+ * Renders a clickable breadcrumb item (includes the li wrapper)
+ */
+export interface BreadcrumbLinkProps {
+    /**
+     * The text content of the link (required)
+     */
+    children: string;
+    /**
+     * Click handler for navigation (compatible with React Router)
+     */
+    onClick?: () => void;
+}

package/dist/esm/components/navigation/breadcrumb/BreadcrumbLink/BreadcrumbLink.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * BreadcrumbLink styles using createStyles from @aurora-ds/theme
+ */
+export declare const BREADCRUMB_LINK_STYLES: {
+    item: string;
+    link: string;
+};

package/dist/esm/components/navigation/breadcrumb/BreadcrumbLink/index.d.ts

@@ -0,0 +1,2 @@
+export { BreadcrumbLink } from '@components/navigation/breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx';
+export type { BreadcrumbLinkProps } from '@components/navigation/breadcrumb/BreadcrumbLink/BreadcrumbLink.props.ts';

package/dist/esm/components/navigation/breadcrumb/BreadcrumbLink.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbLinkProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * BreadcrumbLink component
+ */
+declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export { BreadcrumbLink };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbList/BreadcrumbList.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbListProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * BreadcrumbList component
+ */
+declare const BreadcrumbList: import("react").ForwardRefExoticComponent<BreadcrumbListProps & import("react").RefAttributes<HTMLOListElement>>;
+export { BreadcrumbList };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbList/BreadcrumbList.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * BreadcrumbList styles using createStyles from @aurora-ds/theme
+ */
+export declare const BREADCRUMB_LIST_STYLES: {
+    list: string;
+};

package/dist/esm/components/navigation/breadcrumb/BreadcrumbList/index.d.ts

@@ -0,0 +1 @@
+export { BreadcrumbList } from '@components/navigation/breadcrumb/BreadcrumbList/BreadcrumbList.tsx';

package/dist/esm/components/navigation/breadcrumb/BreadcrumbList.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbListProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * BreadcrumbList component
+ */
+declare const BreadcrumbList: import("react").ForwardRefExoticComponent<BreadcrumbListProps & import("react").RefAttributes<HTMLOListElement>>;
+export { BreadcrumbList };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbPage/BreadcrumbPage.d.ts

@@ -0,0 +1,7 @@
+import { BreadcrumbPageProps } from '@components/navigation/breadcrumb/BreadcrumbPage/BreadcrumbPage.props.ts';
+/**
+ * BreadcrumbPage component
+ * Renders the current page (non-clickable) in the breadcrumb
+ */
+declare const BreadcrumbPage: import("react").NamedExoticComponent<BreadcrumbPageProps>;
+export { BreadcrumbPage };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbPage/BreadcrumbPage.props.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Props for the BreadcrumbPage component
+ * Renders the current page in the breadcrumb (includes the li wrapper)
+ */
+export interface BreadcrumbPageProps {
+    /**
+     * The text content of the page (required)
+     */
+    children: string;
+}

package/dist/esm/components/navigation/breadcrumb/BreadcrumbPage/BreadcrumbPage.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * BreadcrumbPage styles using createStyles from @aurora-ds/theme
+ */
+export declare const BREADCRUMB_PAGE_STYLES: {
+    item: string;
+    page: string;
+};

package/dist/esm/components/navigation/breadcrumb/BreadcrumbPage/index.d.ts

@@ -0,0 +1,2 @@
+export { BreadcrumbPage } from '@components/navigation/breadcrumb/BreadcrumbPage/BreadcrumbPage.tsx';
+export type { BreadcrumbPageProps } from '@components/navigation/breadcrumb/BreadcrumbPage/BreadcrumbPage.props.ts';

package/dist/esm/components/navigation/breadcrumb/BreadcrumbPage.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbPageProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * BreadcrumbPage component
+ */
+declare const BreadcrumbPage: import("react").ForwardRefExoticComponent<BreadcrumbPageProps & import("react").RefAttributes<HTMLSpanElement>>;
+export { BreadcrumbPage };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { BreadcrumbSeparatorProps } from '@components/navigation/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.props.ts';
+/**
+ * BreadcrumbSeparator component
+ */
+declare const BreadcrumbSeparator: FC<BreadcrumbSeparatorProps>;
+export { BreadcrumbSeparator };

package/dist/esm/components/navigation/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.props.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Props for the BreadcrumbSeparator component
+ */
+export interface BreadcrumbSeparatorProps {
+}

package/dist/esm/components/navigation/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * BreadcrumbSeparator styles using createStyles from @aurora-ds/theme
+ */
+export declare const BREADCRUMB_SEPARATOR_STYLES: {
+    separator: string;
+};

package/dist/esm/components/navigation/breadcrumb/BreadcrumbSeparator/index.d.ts

@@ -0,0 +1,2 @@
+export { BreadcrumbSeparator } from '@components/navigation/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx';
+export type { BreadcrumbSeparatorProps } from '@components/navigation/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.props.ts';

package/dist/esm/components/navigation/breadcrumb/BreadcrumbSeparator.d.ts

@@ -0,0 +1,9 @@
+import { BreadcrumbSeparatorProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+/**
+ * BreadcrumbSeparator component
+ */
+declare const BreadcrumbSeparator: {
+    ({ children, ...props }: BreadcrumbSeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { BreadcrumbSeparator };

package/dist/esm/components/navigation/breadcrumb/index.d.ts

@@ -0,0 +1,10 @@
+export { Breadcrumb } from '@components/navigation/breadcrumb/Breadcrumb.tsx';
+export type { BreadcrumbProps } from '@components/navigation/breadcrumb/Breadcrumb.props.ts';
+export { BreadcrumbLink } from '@components/navigation/breadcrumb/BreadcrumbLink';
+export { BreadcrumbPage } from '@components/navigation/breadcrumb/BreadcrumbPage';
+export { BreadcrumbSeparator } from '@components/navigation/breadcrumb/BreadcrumbSeparator';
+export { BreadcrumbEllipsis } from '@components/navigation/breadcrumb/BreadcrumbEllipsis';
+export type { BreadcrumbLinkProps } from '@components/navigation/breadcrumb/BreadcrumbLink';
+export type { BreadcrumbPageProps } from '@components/navigation/breadcrumb/BreadcrumbPage';
+export type { BreadcrumbSeparatorProps } from '@components/navigation/breadcrumb/BreadcrumbSeparator';
+export type { BreadcrumbEllipsisProps } from '@components/navigation/breadcrumb/BreadcrumbEllipsis';

package/dist/esm/components/navigation/drawer-item/DrawerItem.props.d.ts

@@ -15,6 +15,16 @@ export type DrawerItemProps = {
     disabled?: boolean;
     /** Optional chip to display */
     chip?: Omit<ChipProps, 'size' | 'disabled'>;
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this item */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this item */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
 };
 export type DrawerItemStyleParams = {
     selected?: boolean;

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { AccordionProps } from '@components/overlay/accordion/Accordion.props.ts';
+/**
+ * Accordion component
+ *
+ * A collapsible container that can show/hide content.
+ * Supports controlled and uncontrolled modes.
+ */
+declare const Accordion: FC<AccordionProps>;
+export default Accordion;

package/dist/esm/components/overlay/accordion/Accordion.props.d.ts

@@ -0,0 +1,52 @@
+import { Theme } from '@aurora-ds/theme';
+import { CSSProperties, ReactNode } from 'react';
+export type AccordionProps = {
+    /** Title displayed in the accordion header */
+    title: string;
+    /** Content to show/hide when accordion is expanded */
+    children: ReactNode;
+    /** Whether the accordion is expanded */
+    expanded?: boolean;
+    /** Default expanded state (for uncontrolled mode) */
+    defaultExpanded?: boolean;
+    /** Callback fired when the accordion expands or collapses */
+    onChange?: (expanded: boolean) => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Optional icon to display before title */
+    icon?: ReactNode;
+    /** Optional background color */
+    backgroundColor?: keyof Theme['colors'];
+    /** Optional width */
+    width?: CSSProperties['width'];
+    /** Padding for the accordion header */
+    headerPadding?: CSSProperties['padding'];
+    /** Padding for the accordion content */
+    contentPadding?: CSSProperties['padding'];
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this accordion */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this accordion */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
+};
+export type AccordionStyleParams = {
+    disabled: boolean;
+    width?: CSSProperties['width'];
+};
+export type AccordionHeaderStyleParams = {
+    disabled: boolean;
+    backgroundColor?: keyof Theme['colors'];
+    headerPadding?: CSSProperties['padding'];
+};
+export type AccordionContentStyleParams = {
+    expanded: boolean;
+    contentPadding?: CSSProperties['padding'];
+};
+export type AccordionIconStyleParams = {
+    expanded: boolean;
+};

package/dist/esm/components/overlay/accordion/Accordion.styles.d.ts

@@ -0,0 +1,7 @@
+import { AccordionContentStyleParams, AccordionHeaderStyleParams, AccordionIconStyleParams, AccordionStyleParams } from '@components/overlay/accordion/Accordion.props.ts';
+export declare const ACCORDION_STYLES: {
+    root: (args_0: AccordionStyleParams) => string;
+    header: (args_0: AccordionHeaderStyleParams) => string;
+    expandIcon: (args_0: AccordionIconStyleParams) => string;
+    content: (args_0: AccordionContentStyleParams) => string;
+};

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

@@ -0,0 +1,2 @@
+export { default as Accordion } from '@components/overlay/accordion/Accordion.tsx';
+export type { AccordionProps } from '@components/overlay/accordion/Accordion.props.ts';