@aurora-ds/components 0.19.2 → 0.20.0

package/dist/index.d.ts

@@ -1,18 +1,322 @@
 import * as react from 'react';
 import { PropsWithChildren, FC, ReactNode, MouseEvent, CSSProperties, FormEvent, ComponentPropsWithoutRef, ReactElement, RefObject } from 'react';
-import { Theme } from '@aurora-ds/theme';
+
+/**
+ * Alert variant types
+ */
+type AlertVariant = 'default' | 'info' | 'warning' | 'error' | 'success';
+/**
+ * Alert position types
+ */
+type AlertPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
+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 ThemeContract['colors'];
+};
+
+type TextVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label';
+type TextVariantStyle = {
+    tag: TextVariants;
+    fontSize: string;
+    fontWeight: number;
+    lineHeight: number;
+};
+
+/** 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';
+
+/** Avatar size variants */
+type AvatarSize = 'small' | 'medium' | 'large';
+
+type SelectOption = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+};
+
+/**
+ * Theme Contracts for aurora-ds-components
+ *
+ * These interfaces define the MINIMUM required theme structure.
+ * All projects using this library MUST provide these tokens.
+ *
+ * You can extend these contracts with your own custom tokens:
+ *
+ * @example
+ * ```typescript
+ * import type { ThemeColorContract } from 'aurora-ds-components'
+ *
+ * // Extend with custom tokens
+ * export interface ThemeColorTypes extends ThemeColorContract {
+ *     // Required tokens already included via extends
+ *
+ *     // Add your custom tokens
+ *     highlight: string
+ *     accent: string
+ * }
+ * ```
+ */
+/**
+ * Minimum color tokens required by aurora-ds-components
+ * Projects can extend this interface with additional tokens
+ */
+interface ThemeColorContract {
+    background: string;
+    surface: string;
+    surfaceHover: string;
+    surfaceActive: string;
+    text: string;
+    textSecondary: string;
+    textTertiary: string;
+    primary: string;
+    primaryHover: string;
+    primaryActive: string;
+    primarySubtle: string;
+    primaryDisabled: string;
+    onPrimary: string;
+    secondary: string;
+    secondaryHover: string;
+    secondaryActive: string;
+    secondarySubtle: string;
+    secondaryDisabled: string;
+    onSecondary: string;
+    border: string;
+    disabledText: string;
+    disabled: string;
+    success: string;
+    successSubtle: string;
+    warning: string;
+    warningSubtle: string;
+    error: string;
+    errorHover: string;
+    errorSubtle: string;
+    onError: string;
+    info: string;
+    infoSubtle: string;
+    highlight: string;
+    highlightSubtle: string;
+    accent: string;
+    accentSubtle: string;
+    link: string;
+    linkHover: string;
+    linkActive: string;
+    linkDisabled: string;
+}
+/**
+ * Minimum spacing tokens required by aurora-ds-components
+ */
+interface ThemeSpacingContract {
+    none: string;
+    '2xs': string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+}
+/**
+ * Minimum border radius tokens required by aurora-ds-components
+ */
+interface ThemeRadiusContract {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    full: string;
+}
+/**
+ * Minimum font size tokens required by aurora-ds-components
+ */
+interface ThemeFontSizeContract {
+    '2xs': string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+}
+/**
+ * Minimum font weight tokens required by aurora-ds-components
+ */
+interface ThemeFontWeightContract {
+    light: number;
+    regular: number;
+    medium: number;
+    semibold: number;
+    bold: number;
+}
+/**
+ * Minimum line height tokens required by aurora-ds-components
+ */
+interface ThemeLineHeightContract {
+    none: number;
+    tight: number;
+    normal: number;
+    relaxed: number;
+    loose: number;
+}
+/**
+ * Minimum opacity tokens required by aurora-ds-components
+ */
+interface ThemeOpacityContract {
+    none: number;
+    lowest: number;
+    low: number;
+    medium: number;
+    high: number;
+    higher: number;
+    full: number;
+}
+/**
+ * Minimum shadow tokens required by aurora-ds-components
+ */
+interface ThemeShadowsContract {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    inner: string;
+    focus: string;
+}
+/**
+ * Minimum transition tokens required by aurora-ds-components
+ */
+interface ThemeTransitionContract {
+    fast: string;
+    normal: string;
+    slow: string;
+}
+/**
+ * Minimum breakpoint tokens required by aurora-ds-components
+ */
+interface ThemeBreakpointsContract {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+}
+/**
+ * Minimum z-index tokens required by aurora-ds-components
+ */
+interface ThemeZIndexContract {
+    behind: number;
+    base: number;
+    dropdown: number;
+    sticky: number;
+    overlay: number;
+    modal: number;
+    popover: number;
+    tooltip: number;
+    toast: number;
+}
+/**
+ * Complete theme contract required by aurora-ds-components
+ *
+ * Your theme MUST provide at minimum these tokens.
+ * You can add custom tokens by extending the sub-contracts.
+ *
+ * @example
+ * ```typescript
+ * import type {
+ *     ThemeColorContract,
+ *     ThemeSpacingContract
+ * } from 'aurora-ds-components'
+ *
+ * // Extend contracts with custom tokens
+ * interface MyColors extends ThemeColorContract {
+ *     highlight: string
+ *     accent: string
+ * }
+ *
+ * interface MySpacing extends ThemeSpacingContract {
+ *     '6xl': string
+ * }
+ *
+ * // Define your theme type
+ * interface MyTheme {
+ *     colors: MyColors
+ *     spacing: MySpacing
+ *     // ... other required properties
+ * }
+ * ```
+ */
+interface ThemeContract {
+    colors: ThemeColorContract;
+    spacing: ThemeSpacingContract;
+    radius: ThemeRadiusContract;
+    shadows: ThemeShadowsContract;
+    fontSize: ThemeFontSizeContract;
+    fontWeight: ThemeFontWeightContract;
+    lineHeight: ThemeLineHeightContract;
+    zIndex: ThemeZIndexContract;
+    transition: ThemeTransitionContract;
+    opacity: ThemeOpacityContract;
+    breakpoints: ThemeBreakpointsContract;
+}
 
 type IconProps = PropsWithChildren<{
     /** Icon size based on theme font sizes */
-    size?: keyof Theme['fontSize'];
+    size?: keyof ThemeContract['fontSize'];
     /** Icon stroke/line color from theme */
-    color?: keyof Theme['colors'];
+    color?: keyof ThemeContract['colors'];
     /** Background color from theme */
-    backgroundColor?: keyof Theme['colors'];
+    backgroundColor?: keyof ThemeContract['colors'];
     /** Padding from theme spacing */
-    padding?: keyof Theme['spacing'];
+    padding?: keyof ThemeContract['spacing'];
     /** Border radius from theme */
-    borderRadius?: keyof Theme['radius'];
+    borderRadius?: keyof ThemeContract['radius'];
     /** Accessibility label for screen readers */
     ariaLabel?: string;
     /** ID of element that labels this icon */
@@ -58,21 +362,13 @@ type IconProps = PropsWithChildren<{
  */
 declare const Icon: FC<IconProps>;
 
-type TextVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label';
-type TextVariantStyle = {
-    tag: TextVariants;
-    fontSize: string;
-    fontWeight: number;
-    lineHeight: number;
-};
-
 type TextProps = PropsWithChildren<{
     /** Text variant that determines the HTML tag and default styling */
     variant?: TextVariants;
     /** Text color from theme */
-    color?: keyof Theme['colors'];
+    color?: keyof ThemeContract['colors'];
     /** Font size from theme (overrides variant fontSize if provided) */
-    fontSize?: keyof Theme['fontSize'];
+    fontSize?: keyof ThemeContract['fontSize'];
     /** Font family override (CSS value) */
     fontFamily?: string;
     /** Maximum number of lines before truncation with ellipsis */
@@ -112,13 +408,6 @@ type TextProps = PropsWithChildren<{
  */
 declare const Text: FC<TextProps>;
 
-/** 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;
@@ -131,9 +420,9 @@ type ChipProps = {
     /** Chip size */
     size?: ChipSize;
     /** Gap between icon and text (theme spacing key) */
-    gap?: keyof Theme['spacing'];
+    gap?: keyof ThemeContract['spacing'];
     /** Border radius from theme */
-    radius?: keyof Theme['radius'];
+    radius?: keyof ThemeContract['radius'];
     /** Disabled state */
     disabled?: boolean;
     /** Accessibility label for screen readers */
@@ -162,9 +451,6 @@ type ChipProps = {
  */
 declare const Chip: FC<ChipProps>;
 
-/** Avatar size variants */
-type AvatarSize = 'small' | 'medium' | 'large';
-
 type AvatarProps = {
     /** Image source URL */
     image?: string;
@@ -196,57 +482,6 @@ declare const Avatar: FC<AvatarProps>;
  */
 declare const AvatarGroup: FC<AvatarGroupProps>;
 
-/**
- * Alert variant types
- */
-type AlertVariant = 'default' | 'info' | 'warning' | 'error' | 'success';
-/**
- * Alert position types
- */
-type AlertPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-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'];
-};
-
-type SelectOption = {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-};
-
 type AvatarGroupProps = {
     /** Avatar children */
     children: ReactNode;
@@ -259,7 +494,7 @@ type AvatarGroupProps = {
 type SkeletonProps = {
     width: CSSProperties['width'];
     height: CSSProperties['height'];
-    borderRadius?: keyof Theme['radius'];
+    borderRadius?: keyof ThemeContract['radius'];
 };
 
 declare const Skeleton: FC<SkeletonProps>;
@@ -282,13 +517,13 @@ type ButtonProps = {
     /** Disabled state */
     disabled?: boolean;
     /** Custom text color (overrides variant color) */
-    textColor?: keyof Theme['colors'];
+    textColor?: keyof ThemeContract['colors'];
     /** Custom backgroundColor (overrides variant backgroundColor) */
-    backgroundColor?: keyof Theme['colors'];
+    backgroundColor?: keyof ThemeContract['colors'];
     /** Custom hover backgroundColor (overrides variant hover backgroundColor) */
-    hoverBackgroundColor?: keyof Theme['colors'];
+    hoverBackgroundColor?: keyof ThemeContract['colors'];
     /** Custom active backgroundColor (overrides variant active backgroundColor) */
-    activeBackgroundColor?: keyof Theme['colors'];
+    activeBackgroundColor?: keyof ThemeContract['colors'];
     /** Size of the button */
     size?: IconButtonSizes;
     /** Accessibility label for screen readers */
@@ -327,13 +562,13 @@ type IconButtonProps = {
     /** Disabled state */
     disabled?: boolean;
     /** Custom text/icon color (overrides variant color) */
-    textColor?: keyof Theme['colors'];
+    textColor?: keyof ThemeContract['colors'];
     /** Custom backgroundColor (overrides variant backgroundColor) */
-    backgroundColor?: keyof Theme['colors'];
+    backgroundColor?: keyof ThemeContract['colors'];
     /** Custom hover backgroundColor (overrides variant hover backgroundColor) */
-    hoverBackgroundColor?: keyof Theme['colors'];
+    hoverBackgroundColor?: keyof ThemeContract['colors'];
     /** Custom active backgroundColor (overrides variant active backgroundColor) */
-    activeBackgroundColor?: keyof Theme['colors'];
+    activeBackgroundColor?: keyof ThemeContract['colors'];
     /** Size of the icon button */
     size?: IconButtonSizes;
     /** Accessibility label for screen readers */
@@ -487,7 +722,7 @@ type StackProps = {
     /** Flex direction of the stack */
     direction?: CSSProperties['flexDirection'];
     /** Gap between children (theme spacing or CSS value) */
-    gap?: keyof Theme['spacing'];
+    gap?: keyof ThemeContract['spacing'];
     /** Width of the stack container */
     width?: CSSProperties['width'];
     /** Height of the stack container */
@@ -499,7 +734,7 @@ type StackProps = {
     /** Whether items should wrap */
     wrap?: CSSProperties['flexWrap'];
     /** Padding inside the stack */
-    padding?: keyof Theme['spacing'];
+    padding?: keyof ThemeContract['spacing'];
     /** Accessibility label for screen readers */
     ariaLabel?: string;
     /** ID of element that labels this stack */
@@ -529,25 +764,25 @@ type CardProps = {
     /** Flex direction of the card content */
     direction?: CSSProperties['flexDirection'];
     /** Padding inside the card (theme spacing key) */
-    padding?: keyof Theme['spacing'];
+    padding?: keyof ThemeContract['spacing'];
     /** Width of the card */
     width?: CSSProperties['width'];
     /** Height of the card */
     height?: CSSProperties['height'];
     /** Gap between children (theme spacing key) */
-    gap?: keyof Theme['spacing'];
+    gap?: keyof ThemeContract['spacing'];
     /** Border radius of the card */
-    radius?: keyof Theme['radius'];
+    radius?: keyof ThemeContract['radius'];
     /** Shadow depth of the card */
-    shadow?: keyof Theme['shadows'];
+    shadow?: keyof ThemeContract['shadows'];
     /** Alignment of items on the cross axis */
     align?: CSSProperties['alignItems'];
     /** Justification of items on the main axis */
     justify?: CSSProperties['justifyContent'];
     /** Background color of the card */
-    backgroundColor?: keyof Theme['colors'];
+    backgroundColor?: keyof ThemeContract['colors'];
     /** Border color of the card */
-    borderColor?: keyof Theme['colors'];
+    borderColor?: keyof ThemeContract['colors'];
     /** Accessibility label for screen readers */
     ariaLabel?: string;
     /** ID of element that labels this card */
@@ -580,9 +815,9 @@ type GridProps = {
     /** Number of rows. */
     rows?: number;
     /** Gap between columns (theme spacing key) */
-    columnGap?: keyof Theme['spacing'];
+    columnGap?: keyof ThemeContract['spacing'];
     /** Gap between rows (theme spacing key) */
-    rowGap?: keyof Theme['spacing'];
+    rowGap?: keyof ThemeContract['spacing'];
     /** Width of the grid container */
     width?: CSSProperties['width'];
     /** Height of the grid container */
@@ -598,7 +833,7 @@ type GridProps = {
     /** Justification of the entire grid within its container (main axis) */
     justifyContent?: CSSProperties['justifyContent'];
     /** Padding inside the grid */
-    padding?: keyof Theme['spacing'];
+    padding?: keyof ThemeContract['spacing'];
     /** Minimum width for each grid child. Enables responsive auto-fill behavior. */
     minChildWidth?: CSSProperties['width'];
     /** Accessibility label for screen readers */
@@ -634,7 +869,7 @@ type SeparatorProps = {
     /** Custom height (overrides default) */
     height?: string | number;
     /** Custom color (overrides default) */
-    color?: keyof Theme['colors'];
+    color?: keyof ThemeContract['colors'];
 };
 
 /**
@@ -646,11 +881,11 @@ declare const Separator: FC<SeparatorProps>;
 
 type PageSectionProps = PropsWithChildren<{
     /** Gap between child elements */
-    gap?: keyof Theme['spacing'];
+    gap?: keyof ThemeContract['spacing'];
     /** Horizontal padding around the section */
-    paddingHorizontal?: keyof Theme['spacing'];
+    paddingHorizontal?: keyof ThemeContract['spacing'];
     /** Vertical padding around the section */
-    paddingVertical?: keyof Theme['spacing'];
+    paddingVertical?: keyof ThemeContract['spacing'];
     /** Alignment of items within the section */
     alignItems?: CSSProperties['alignItems'];
     /** Maximum width of the section */
@@ -726,7 +961,7 @@ type AccordionProps = {
     /** Optional icon to display before title */
     icon?: ReactNode;
     /** Optional background color */
-    backgroundColor?: keyof Theme['colors'];
+    backgroundColor?: keyof ThemeContract['colors'];
     /** Optional width */
     width?: CSSProperties['width'];
     /** Padding for the accordion header */
@@ -854,8 +1089,8 @@ type MenuItemProps = {
     label: string;
     icon?: ReactNode;
     onClick: () => void;
-    textColor?: keyof Theme['colors'];
-    iconColor?: keyof Theme['colors'];
+    textColor?: keyof ThemeContract['colors'];
+    iconColor?: keyof ThemeContract['colors'];
 };
 
 declare const MenuItem: FC<MenuItemProps>;
@@ -1151,5 +1386,82 @@ type UseTransitionRenderReturnType = {
  */
 declare const useTransitionRender: (isOpen: boolean, duration?: number) => UseTransitionRenderReturnType;
 
-export { Accordion, Alert, AlertProvider, Avatar, AvatarGroup, Breadcrumb, BreadcrumbEllipsis, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Button, Card, Chip, _default as DatePicker, DrawerItem, _default$3 as Form, Grid, Icon, IconButton, _default$2 as Input, Menu, MenuGroup, MenuItem, Modal, Page, PageSection, Pagination, Select, Separator, Skeleton, Stack, TabItem, Tabs, Text, _default$1 as TextArea, useAlert, useAnchorPosition, useClickOutside, useTransitionRender };
-export type { AccordionProps, AlertContextValue, AlertPosition, AlertProps, AlertProviderProps, AlertVariant, AnchorOrigin, AnchorPosition, AvatarGroupProps, AvatarProps, BreadcrumbEllipsisProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, ButtonProps, ButtonVariantStyle, ButtonVariants, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, DateFormat, DatePickerProps, DrawerItemProps, FormProps, GridProps, IconButtonProps, IconProps, InputProps, MenuGroupProps, MenuItemProps, MenuProps, ModalProps, PageProps, PageSectionProps, PaginationProps, SelectOption, SelectProps, SeparatorProps, ShowAlertOptions, SkeletonProps, StackProps, TabItemProps, TabsProps, TextAreaProps, TextProps, TextVariantStyle, TextVariants, UseTransitionRenderReturnType };
+/**
+ * Default theme type for aurora-ds-components
+ */
+type Theme = {
+    colors: ThemeColorContract;
+    spacing: ThemeSpacingContract;
+    radius: ThemeRadiusContract;
+    shadows: ThemeShadowsContract;
+    fontSize: ThemeFontSizeContract;
+    fontWeight: ThemeFontWeightContract;
+    lineHeight: ThemeLineHeightContract;
+    zIndex: ThemeZIndexContract;
+    transition: ThemeTransitionContract;
+    opacity: ThemeOpacityContract;
+    breakpoints: ThemeBreakpointsContract;
+};
+
+/**
+ * Default module augmentation for @aurora-ds/components
+ *
+ * This provides the base theme structure for the library.
+ * Projects can override this to add custom tokens:
+ *
+ * @example
+ * ```typescript
+ * // In your project: src/theme/theme.module.ts
+ * import type { Theme } from '@aurora-ds/components'
+ *
+ * // Extend the base Theme with your custom tokens
+ * interface MyTheme extends Theme {
+ *     colors: Theme['colors'] & {
+ *         link: string
+ *         linkHover: string
+ *     }
+ * }
+ *
+ * declare module '@aurora-ds/theme' {
+ *     interface ThemeRegistry {
+ *         theme: MyTheme  // Override with your extended theme
+ *     }
+ * }
+ * ```
+ */
+declare module '@aurora-ds/theme' {
+    interface ThemeRegistry {
+        theme: Theme;
+    }
+}
+
+/**
+ * Default theme for aurora-ds-components
+ *
+ * This theme is used by default if no custom theme is provided.
+ * You can override it by passing your own theme to ThemeProvider:
+ *
+ * @example
+ * ```tsx
+ * import { ThemeProvider } from '@aurora-ds/theme'
+ * import { defaultTheme } from '@aurora-ds/components'
+ *
+ * // Use default theme
+ * <ThemeProvider theme={defaultTheme}>
+ *   <App />
+ * </ThemeProvider>
+ *
+ * // Or extend/override it
+ * const myTheme = {
+ *   ...defaultTheme,
+ *   colors: {
+ *     ...defaultTheme.colors,
+ *     primary: '#FF0000', // Override primary color
+ *   }
+ * }
+ * ```
+ */
+declare const defaultTheme: Theme;
+
+export { Accordion, Alert, AlertProvider, Avatar, AvatarGroup, Breadcrumb, BreadcrumbEllipsis, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Button, Card, Chip, _default as DatePicker, DrawerItem, _default$3 as Form, Grid, Icon, IconButton, _default$2 as Input, Menu, MenuGroup, MenuItem, Modal, Page, PageSection, Pagination, Select, Separator, Skeleton, Stack, TabItem, Tabs, Text, _default$1 as TextArea, defaultTheme, useAlert, useAnchorPosition, useClickOutside, useTransitionRender };
+export type { AccordionProps, AlertContextValue, AlertPosition, AlertProps, AlertProviderProps, AlertVariant, AnchorOrigin, AnchorPosition, AvatarGroupProps, AvatarProps, BreadcrumbEllipsisProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, ButtonProps, ButtonVariantStyle, ButtonVariants, CardProps, ChipColor, ChipProps, ChipSize, ChipVariant, DateFormat, DatePickerProps, DrawerItemProps, FormProps, GridProps, IconButtonProps, IconProps, InputProps, MenuGroupProps, MenuItemProps, MenuProps, ModalProps, PageProps, PageSectionProps, PaginationProps, SelectOption, SelectProps, SeparatorProps, ShowAlertOptions, SkeletonProps, StackProps, TabItemProps, TabsProps, TextAreaProps, TextProps, TextVariantStyle, TextVariants, Theme, ThemeBreakpointsContract, ThemeColorContract, ThemeContract, ThemeFontSizeContract, ThemeFontWeightContract, ThemeLineHeightContract, ThemeOpacityContract, ThemeRadiusContract, ThemeShadowsContract, ThemeSpacingContract, ThemeTransitionContract, ThemeZIndexContract, UseTransitionRenderReturnType };