@aurora-ds/components 0.6.8 → 0.10.0

package/dist/esm/utils/ui/components/actions/button/getButtonSizeStyles.utils.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@aurora-ds/theme';
+import { IconButtonSizes } from '@interfaces/button.types.ts';
+type ButtonSizeConfig = {
+    height: number;
+    padding: {
+        vertical: keyof Theme['spacing'];
+        horizontal: keyof Theme['spacing'];
+    };
+    fontSize: keyof Theme['fontSize'];
+};
+export declare const getButtonSizeStyles: () => Record<IconButtonSizes, ButtonSizeConfig>;
+export {};

package/dist/esm/utils/ui/components/actions/button/getButtonVariantStyles.utils.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@aurora-ds/theme';
+import { ButtonVariants, ButtonVariantStyle } from '@interfaces/button.types.ts';
+/**
+ * Get button variant styles based on the theme
+ * @param theme
+ */
+export declare const getButtonVariantStyles: (theme: Theme) => Record<ButtonVariants, ButtonVariantStyle>;

package/dist/esm/utils/ui/components/actions/icon-button/getIconButtonSizeStyles.utils.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '@aurora-ds/theme';
+import { IconButtonSizes } from '@interfaces/button.types.ts';
+type IconButtonSizeConfig = {
+    size: number;
+    padding: keyof Theme['spacing'];
+    iconSize: keyof Theme['fontSize'];
+};
+export declare const getIconButtonSizeStyles: () => Record<IconButtonSizes, IconButtonSizeConfig>;
+export {};

package/dist/esm/utils/ui/components/data-display/chip/getChipColorStyles.utils.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@aurora-ds/theme';
+import { ChipStyleParams } from '@components/data-display/chip/Chip.props.ts';
+export declare const getChipColorStyles: (theme: Theme, color: ChipStyleParams["color"], variant: ChipStyleParams["variant"], disabled: ChipStyleParams["disabled"]) => {
+    backgroundColor: string;
+    color: string;
+    borderColor: string;
+};

package/dist/esm/utils/ui/components/data-display/chip/getChipContentSize.utils.d.ts

@@ -0,0 +1,8 @@
+import { BaseFontSize } from '@aurora-ds/theme';
+import { ChipStyleParams } from '@components/data-display/chip/Chip.props.ts';
+/**
+ * Get chip content size based on the chip size
+ * @param size
+ * @constructor
+ */
+export declare const getChipContentSize: (size: ChipStyleParams["size"]) => keyof BaseFontSize;

package/dist/esm/utils/ui/components/data-display/chip/getChipSizeStyles.utils.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@aurora-ds/theme';
+import { ChipStyleParams } from '@components/data-display/chip/Chip.props.ts';
+/**
+ * Get chip size styles based on the theme, size and icon-only state
+ * @param theme - Theme object
+ * @param size - Chip size
+ * @param isIconOnly - Whether the chip has only an icon (no label)
+ */
+export declare const getChipSizeStyles: (theme: Theme, size: ChipStyleParams["size"], isIconOnly: ChipStyleParams["isIconOnly"]) => {
+    padding: string;
+    fontSize: string;
+};

package/dist/esm/utils/ui/components/foundation/text/getTextVariantStyles.utils.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@aurora-ds/theme';
+import { TextVariants, TextVariantStyle } from '@interfaces/text.types.ts';
+/**
+ * Get text variant styles based on the theme
+ * @param theme
+ */
+export declare const getTextVariantStyles: (theme: Theme) => Record<TextVariants, TextVariantStyle>;

package/dist/esm/utils/ui/components/foundation/text/getTruncateTextStyles.utils.d.ts

@@ -0,0 +1,17 @@
+export declare const getTruncateTextStyles: (maxLines: number) => {
+    whiteSpace: "nowrap";
+    overflow: string;
+    textOverflow: string;
+    display?: undefined;
+    WebkitLineClamp?: undefined;
+    WebkitBoxOrient?: undefined;
+    lineClamp?: undefined;
+} | {
+    overflow: string;
+    textOverflow: string;
+    display: string;
+    WebkitLineClamp: number;
+    WebkitBoxOrient: "vertical";
+    lineClamp: number;
+    whiteSpace?: undefined;
+};

package/dist/esm/utils/ui/components/foundation/text/parseTextWithBold.utils.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+/**
+ * Parses text content and converts **bold** syntax to <strong> elements
+ * @param children - The content to parse (string or ReactNode)
+ * @returns Parsed content with bold text wrapped in <strong> elements
+ */
+export declare const parseTextWithBold: (children: ReactNode) => ReactNode;

package/dist/esm/utils/ui/components/navigation/breadcrumb/buildBreadcrumbChildren.utils.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, ReactNode } from 'react';
+/**
+ * Builds the breadcrumb children with ellipsis logic
+ */
+export declare const buildBreadcrumbChildren: (items: ReactNode[], maxItems: number | undefined, EllipsisComponent: ComponentType, SeparatorComponent: ComponentType) => ReactNode[];

package/dist/esm/utils/ui/components/navigation/breadcrumb/flattenChildren.utils.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/**
+ * Flattens children, extracting children from Fragments
+ */
+export declare const flattenChildren: (children: ReactNode) => ReactNode[];

package/dist/esm/utils/ui/components/navigation/breadcrumb/insertSeparators.utils.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, ReactNode } from 'react';
+/**
+ * Inserts separators between breadcrumb items automatically
+ */
+export declare const insertSeparators: (items: ReactNode[], SeparatorComponent: ComponentType) => ReactNode[];

package/dist/esm/utils/ui/components/navigation/breadcrumb/isSeparator.utils.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/**
+ * Checks if a React element is a BreadcrumbSeparator
+ */
+export declare const isSeparator: (child: ReactNode) => boolean;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren, FC, ReactNode, CSSProperties } from 'react';
+import * as react from 'react';
+import { PropsWithChildren, FC, ReactNode, FormEvent, CSSProperties, ComponentPropsWithoutRef } from 'react';
 import { Theme } from '@aurora-ds/theme';
 
 type IconProps = PropsWithChildren<{
@@ -12,6 +13,16 @@ type IconProps = PropsWithChildren<{
     padding?: keyof Theme['spacing'];
     /** Border radius from theme */
     borderRadius?: keyof Theme['radius'];
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this icon */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this icon */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
 }>;
 
 /**
@@ -47,46 +58,6 @@ type IconProps = PropsWithChildren<{
  */
 declare const Icon: FC<IconProps>;
 
-/** Chip variant options */
-type ChipVariant = 'filled' | 'outlined';
-/** Chip color options */
-type ChipColor = 'default' | 'success' | 'warning' | 'error' | 'info';
-/** Chip size options */
-type ChipSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
-
-type ChipProps = {
-    /** Text label to display */
-    label?: string;
-    /** Icon to display before the label */
-    icon?: ReactNode;
-    /** Chip variant style */
-    variant?: ChipVariant;
-    /** Chip color from theme */
-    color?: ChipColor;
-    /** Chip size */
-    size?: ChipSize;
-    /** Gap between icon and text (theme spacing key) */
-    gap?: keyof Theme['spacing'];
-    /** Border radius from theme */
-    radius?: keyof Theme['radius'];
-    /** Disabled state */
-    disabled?: boolean;
-};
-
-/**
- * Chip component
- *
- * A compact element for displaying information, tags, or actions.
- *
- * **Variants:**
- * - `filled`: Solid background (default)
- * - `outlined`: Border only
- *
- * **Colors:**
- * - `default`, `primary`, `success`, `warning`, `error`, `info`
- */
-declare const Chip: FC<ChipProps>;
-
 type TextVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label';
 type TextVariantStyle = {
     tag: TextVariants;
@@ -110,6 +81,16 @@ type TextProps = PropsWithChildren<{
     underline?: boolean;
     /** Preserve whitespace and line breaks */
     preserveWhitespace?: boolean;
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this text */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this text */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
 }>;
 
 /**
@@ -131,25 +112,88 @@ type TextProps = PropsWithChildren<{
  */
 declare const Text: FC<TextProps>;
 
-type ButtonVariants = 'contained' | 'outlined' | 'text';
+/** Chip variant options */
+type ChipVariant = 'filled' | 'outlined';
+/** Chip color options */
+type ChipColor = 'default' | 'success' | 'warning' | 'error' | 'info';
+/** Chip size options */
+type ChipSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+
+type ChipProps = {
+    /** Text label to display */
+    label?: string;
+    /** Icon to display before the label */
+    icon?: ReactNode;
+    /** Chip variant style */
+    variant?: ChipVariant;
+    /** Chip color from theme */
+    color?: ChipColor;
+    /** Chip size */
+    size?: ChipSize;
+    /** Gap between icon and text (theme spacing key) */
+    gap?: keyof Theme['spacing'];
+    /** Border radius from theme */
+    radius?: keyof Theme['radius'];
+    /** Disabled state */
+    disabled?: boolean;
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this chip */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this chip */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
+};
+
+/**
+ * Chip component
+ *
+ * A compact element for displaying information, tags, or actions.
+ *
+ * **Variants:**
+ * - `filled`: Solid background (default)
+ * - `outlined`: Border only
+ *
+ * **Colors:**
+ * - `default`, `primary`, `success`, `warning`, `error`, `info`
+ */
+declare const Chip: FC<ChipProps>;
+
+type ButtonVariants = 'contained' | 'outlined' | 'text' | 'destructive' | 'link';
+type IconButtonVariants = Exclude<ButtonVariants, 'link'>;
 type IconButtonSizes = 'small' | 'medium' | 'large';
 type ButtonVariantStyle = {
     default: {
         backgroundColor: string;
         color: string;
         border: string;
+        textDecoration?: string;
+        textDecorationColor?: string;
+        textUnderlineOffset?: string;
     };
     hover: {
         backgroundColor: string;
+        textDecoration?: string;
+        textDecorationColor?: string;
+        textUnderlineOffset?: string;
     };
     pressed: {
         backgroundColor: string;
+        textDecoration?: string;
+        textDecorationColor?: string;
+        color?: string;
+        textUnderlineOffset?: string;
     };
     disabled: {
         color: string;
         cursor: string;
         backgroundColor: string;
         borderColor?: string;
+        textDecoration?: string;
+        textUnderlineOffset?: string;
     };
     textColor: keyof Theme['colors'];
 };
@@ -173,6 +217,18 @@ type ButtonProps = {
     disabled?: boolean;
     /** Custom text color (overrides variant color) */
     textColor?: keyof Theme['colors'];
+    /** Size of the button */
+    size?: IconButtonSizes;
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this button */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this button */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
 };
 
 /**
@@ -191,7 +247,7 @@ type IconButtonProps = {
     /** Click handler */
     onClick?: () => void;
     /** Visual variant of the button */
-    variant?: ButtonVariants;
+    variant?: IconButtonVariants;
     /** Button type attribute */
     type?: 'button' | 'submit';
     /** Active/pressed state */
@@ -202,10 +258,83 @@ type IconButtonProps = {
     textColor?: keyof Theme['colors'];
     /** Size of the icon button */
     size?: IconButtonSizes;
+    /** Accessibility label for screen readers */
+    ariaLabel?: string;
+    /** ID of element that labels this button */
+    ariaLabelledBy?: string;
+    /** ID of element that describes this button */
+    ariaDescribedBy?: string;
+    /** ARIA role */
+    role?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
 };
 
 declare const IconButton: FC<IconButtonProps>;
 
+type FormProps = {
+    /** Form content (inputs, buttons, etc.) */
+    children: ReactNode;
+    /** Callback fired when the form is submitted (preventDefault is called automatically) */
+    onSubmit?: (e: FormEvent) => void;
+    /** Accessibility label for the form */
+    ariaLabel?: string;
+};
+
+declare const _default$2: react.NamedExoticComponent<FormProps>;
+
+type InputProps = {
+    /** The value of the input */
+    value: string;
+    /** Callback fired when the value changes */
+    onChange: (value: string) => void;
+    /** Label displayed above the input */
+    label?: string;
+    /** Whether the field is mandatory (displays an asterisk next to the label) */
+    mandatory?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Input type */
+    type?: 'text' | 'password' | 'email' | 'number';
+    /** Accessibility label */
+    ariaLabel?: string;
+    /** Icon to display before the input */
+    startIcon?: ReactNode;
+    /** Icon to display after the input */
+    endIcon?: ReactNode;
+    /** Custom width for the input */
+    width?: CSSProperties['width'];
+};
+
+declare const _default$1: react.MemoExoticComponent<react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>>;
+
+type TextAreaProps = {
+    /** The value of the textarea */
+    value: string;
+    /** Callback fired when the value changes */
+    onChange: (value: string) => void;
+    /** Label displayed above the textarea */
+    label?: string;
+    /** Whether the field is mandatory (displays an asterisk next to the label) */
+    mandatory?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the textarea is disabled */
+    disabled?: boolean;
+    /** Accessibility label */
+    ariaLabel?: string;
+    /** Custom width for the textarea */
+    width?: CSSProperties['width'];
+    /** Minimum number of visible text lines (auto-expands with content) */
+    minRows?: number;
+    /** Maximum number of visible text lines (adds scroll when exceeded) */
+    maxRows?: number;
+};
+
+declare const _default: react.MemoExoticComponent<react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>>;
+
 type StackProps = {
     /** Stack children elements */
     children: ReactNode;
@@ -225,6 +354,16 @@ 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;
 };
 
 /**
@@ -263,6 +402,16 @@ 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;
 };
 
 /**
@@ -306,6 +455,16 @@ 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;
 };
 
 /**
@@ -320,6 +479,72 @@ type GridProps = {
  */
 declare const Grid: FC<GridProps>;
 
+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;
+}>;
+
+/**
+ * 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>;
+
+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;
+};
+
+/**
+ * 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>;
+
 type AccordionProps = {
     /** Title displayed in the accordion header */
     title: string;
@@ -339,6 +564,20 @@ type AccordionProps = {
     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;
 };
 
 /**
@@ -364,6 +603,16 @@ 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;
 };
 
 /**
@@ -374,5 +623,90 @@ type DrawerItemProps = {
  */
 declare const DrawerItem: FC<DrawerItemProps>;
 
-export { Accordion, Button, Card, Chip, DrawerItem, Grid, Icon, IconButton, Stack, Text };
-export type { AccordionProps, ButtonProps, ButtonVariantStyle, ButtonVariants, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, DrawerItemProps, GridProps, IconButtonProps, IconProps, StackProps, TextProps, TextVariantStyle, TextVariants };
+/**
+ * Props for the Breadcrumb component
+ */
+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;
+}
+
+/**
+ * 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: react.NamedExoticComponent<BreadcrumbProps>;
+
+/**
+ * Props for the BreadcrumbLink component
+ * Renders a clickable breadcrumb item (includes the li wrapper)
+ */
+interface BreadcrumbLinkProps {
+    /**
+     * The text content of the link (required)
+     */
+    children: string;
+    /**
+     * Click handler for navigation (compatible with React Router)
+     */
+    onClick?: () => void;
+}
+
+/**
+ * BreadcrumbLink component
+ * Renders a clickable breadcrumb item with a link
+ */
+declare const BreadcrumbLink: react.NamedExoticComponent<BreadcrumbLinkProps>;
+
+/**
+ * Props for the BreadcrumbPage component
+ * Renders the current page in the breadcrumb (includes the li wrapper)
+ */
+interface BreadcrumbPageProps {
+    /**
+     * The text content of the page (required)
+     */
+    children: string;
+}
+
+/**
+ * BreadcrumbPage component
+ * Renders the current page (non-clickable) in the breadcrumb
+ */
+declare const BreadcrumbPage: react.NamedExoticComponent<BreadcrumbPageProps>;
+
+/**
+ * Props for the BreadcrumbSeparator component
+ */
+interface BreadcrumbSeparatorProps {
+}
+
+/**
+ * BreadcrumbSeparator component
+ */
+declare const BreadcrumbSeparator: FC<BreadcrumbSeparatorProps>;
+
+/**
+ * Props for the BreadcrumbEllipsis component
+ */
+interface BreadcrumbEllipsisProps {
+}
+
+/**
+ * BreadcrumbEllipsis component
+ * Renders an ellipsis item in the breadcrumb (includes the li wrapper)
+ */
+declare const BreadcrumbEllipsis: FC<BreadcrumbEllipsisProps>;
+
+export { Accordion, Breadcrumb, BreadcrumbEllipsis, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Button, Card, Chip, DrawerItem, _default$2 as Form, Grid, Icon, IconButton, _default$1 as Input, Page, PageSection, Stack, Text, _default as TextArea };
+export type { AccordionProps, BreadcrumbEllipsisProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, ButtonProps, ButtonVariantStyle, ButtonVariants, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, DrawerItemProps, FormProps, GridProps, IconButtonProps, IconProps, InputProps, PageProps, PageSectionProps, StackProps, TextAreaProps, TextProps, TextVariantStyle, TextVariants };