@raydenui/ui 0.9.6 → 0.10.0

package/dist/index.d.ts

@@ -1,11 +1,16 @@
 import * as react from 'react';
-import { SVGAttributes, HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, ImgHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
-import { IconVariant, IconName, IconRecord } from './icons.js';
+import { ReactNode, SVGAttributes, HTMLAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, ReactElement, RefObject } from 'react';
+import { I as IconName, a as IconRecord, b as IconVariant } from './icons-8yD7I5jO.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ChartData, ChartOptions } from 'chart.js';
+import { I as IllustrationName } from './Table-DCNSxua1.js';
+export { S as SortDirection, T as Table, a as TableBody, b as TableBodyProps, c as TableCell, d as TableCellProps, e as TableHead, f as TableHeadProps, g as TableHeader, h as TableHeaderProps, i as TableProps, j as TableRow, k as TableRowProps, l as illustrationNames } from './Table-DCNSxua1.js';
+export { iconCatalog, iconNames } from './icons.js';
+import { a as MotionOption } from './presets-Ba5QndHg.js';
 import { ClassValue } from 'clsx';
 import { FieldValues, FieldPath, UseFormReturn, UseFormRegisterReturn } from 'react-hook-form';
 
+/** Shared icon-slot contract: registry name, static SVG data, or a custom React node. */
+type IconSource = IconName | IconRecord | ReactNode;
 type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
 interface BaseIconProps extends Omit<SVGAttributes<SVGSVGElement>, "children"> {
     /** Preset size or pixel value. @default "md" */
@@ -49,7 +54,7 @@ interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
 }
 interface AccordionTriggerProps extends HTMLAttributes<HTMLButtonElement> {
     /** Leading icon (left side) */
-    leadingIcon?: ReactNode | IconName;
+    leadingIcon?: IconSource;
     /** Leading number badge */
     leadingNumber?: string;
     /** Leading logo element */
@@ -66,17 +71,224 @@ declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps
 declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
 
+interface ActivityItemLink {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface ActivityItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Avatar element (e.g., <Avatar />) */
+    avatar: ReactNode;
+    /** Primary text content — mixed inline content with bold names, action text, highlights */
+    text: ReactNode;
+    /** Whether this item is unread (shows green dot) */
+    unread?: boolean;
+    /** Date label (e.g., "Thurs 21, 2023") */
+    date?: string;
+    /** Time label (e.g., "10 mins") — right-aligned */
+    time?: string;
+    /** Optional link button in meta row */
+    link?: ActivityItemLink;
+    /** Optional badge text in meta row (e.g., "#Marketing-Design") */
+    badge?: string;
+    /** Connector line position for timeline layouts */
+    connector?: "top" | "middle" | "last";
+    /** Optional content block (e.g., ActivityContent) */
+    children?: ReactNode;
+}
+declare const ActivityItem: react.ForwardRefExoticComponent<ActivityItemProps & react.RefAttributes<HTMLDivElement>>;
+
+type ActivityContentVariant = "file" | "comment" | "cta";
+type ActivityContentStyle = "plain" | "card" | "container";
+interface ActivityContentAttachment {
+    name: string;
+    extension: string;
+}
+interface ActivityContentAction {
+    label: string;
+    onClick?: () => void;
+}
+interface ActivityContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Content variant */
+    variant: ActivityContentVariant;
+    /** Visual style wrapper */
+    contentStyle?: ActivityContentStyle;
+    /** Leading icon for file variant */
+    icon?: IconSource;
+    /** File name */
+    title?: string;
+    /** File size (e.g., "13MB") */
+    size?: string;
+    /** File type label (e.g., "PDF File") */
+    fileType?: string;
+    /** File date (e.g., "11 Sept 23") */
+    date?: string;
+    /** Avatar element for comment author */
+    avatar?: ReactNode;
+    /** Author name */
+    author?: string;
+    /** Timestamp (e.g., "2 hours ago") */
+    timestamp?: string;
+    /** Comment body text */
+    comment?: string;
+    /** File attachments */
+    attachments?: ActivityContentAttachment[];
+    /** Number of reactions */
+    reactions?: number;
+    /** Number of replies */
+    replies?: number;
+    /** Reply button callback */
+    onReply?: () => void;
+    /** Primary action (e.g., Accept) */
+    primaryAction?: ActivityContentAction;
+    /** Secondary action (e.g., Decline) */
+    secondaryAction?: ActivityContentAction;
+}
+declare const ActivityContent: react.ForwardRefExoticComponent<ActivityContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type AlertVariant = "toast" | "banner";
+type AlertState = "information" | "success" | "warning" | "error";
+interface AlertAction {
+    label: string;
+    onClick: () => void;
+}
+interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: AlertVariant;
+    state?: AlertState;
+    title?: string;
+    description?: string;
+    icon?: IconSource;
+    showIcon?: boolean;
+    onClose?: () => void;
+    primaryAction?: AlertAction;
+    secondaryAction?: AlertAction;
+}
+declare function Alert({ variant, state, title, description, icon, showIcon, onClose, primaryAction, secondaryAction, className, ...rest }: AlertProps): react_jsx_runtime.JSX.Element;
+
+type AvatarType = "image" | "icon" | "initials";
+type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+type AvatarStatus = "none" | "online" | "offline" | "verified";
+interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual type of the avatar. @default "image" */
+    type?: AvatarType;
+    /** Size preset. @default "md" */
+    size?: AvatarSize;
+    /** Status indicator shown at bottom-right. @default "none" */
+    status?: AvatarStatus;
+    /**
+     * Text announced for the status dot or verified badge. Defaults to the status
+     * name; pass an empty string when the status is purely decorative.
+     */
+    statusLabel?: string;
+    /** Image URL (for type="image"). */
+    src?: string;
+    /** Alt text (for type="image"). */
+    alt?: string;
+    /** Initials text (for type="initials"). */
+    initials?: string;
+    /** Custom icon (for type="icon"). Accepts a registry name, static IconRecord, or ReactNode. @default "user" */
+    icon?: IconSource;
+}
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
+type AvatarGroupSize = "sm" | "md" | "lg";
+interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Controls the size of avatars in the group. @default "md" */
+    size?: AvatarGroupSize;
+    /** Maximum visible avatars. Overflow shows a "+N" counter. */
+    max?: number;
+}
+declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+type BadgeColor = "orange" | "blue" | "success" | "warning" | "error" | "neutral" | "disabled";
+type BadgeType = "filled" | "accent" | "outline";
+type BadgeSize = "sm" | "md" | "lg";
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    color?: BadgeColor;
+    type?: BadgeType;
+    size?: BadgeSize;
+    leadingIcon?: IconSource;
+    trailingIcon?: IconSource;
+}
+declare function Badge({ color, type, size, leadingIcon, trailingIcon, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+type BannerStatus = "information" | "success" | "error" | "warning" | "feature" | "opportunity";
+type BannerEmphasis = "bold" | "subtle";
+type BannerSize = "sm" | "lg";
+interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Status determines the color scheme */
+    status?: BannerStatus;
+    /** Bold uses a solid background with white text; subtle uses a light tinted background */
+    emphasis?: BannerEmphasis;
+    /** sm (40px) or lg (48px) */
+    size?: BannerSize;
+    /** Headline text */
+    title: string;
+    /** Optional description text */
+    description?: string;
+    /** Optional leading icon */
+    icon?: IconSource;
+    /** Optional action button label */
+    buttonLabel?: string;
+    /** Called when the action button is clicked */
+    onButtonClick?: () => void;
+    /** Show the close button */
+    /**
+     * Show the dismiss control. Defaults to true only when `onDismiss` is supplied —
+     * a close button with no handler used to render and do nothing. Set it explicitly
+     * to force the control on or off.
+     */
+    dismissible?: boolean;
+    /** Called when the close button is clicked */
+    onDismiss?: () => void;
+}
+declare const Banner: react.ForwardRefExoticComponent<BannerProps & react.RefAttributes<HTMLDivElement>>;
+
+type BreadcrumbSeparator = "chevron" | "double-chevron" | "slash";
+interface BreadcrumbItem {
+    /** Display label (use "..." for truncated items) */
+    label: string;
+    href?: string;
+    icon?: IconSource;
+    disabled?: boolean;
+    active?: boolean;
+}
+interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    /** Separator style between items */
+    separator?: BreadcrumbSeparator;
+    /** Show top and bottom borders */
+    hasBorders?: boolean;
+}
+declare function Breadcrumb({ items, separator, hasBorders, className, ...rest }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+
 type ButtonVariant = "primary" | "secondary" | "grey" | "destructive" | "text" | "success" | "warning" | "info";
 type ButtonAppearance = "solid" | "outlined";
 type ButtonSize = "sm" | "lg";
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+/** Elements Button can render directly. `button` stays the default. */
+type ButtonElement = "button" | "a";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "rel" | "download" | "hrefLang" | "ping" | "referrerPolicy"> {
     variant?: ButtonVariant;
     appearance?: ButtonAppearance;
     size?: ButtonSize;
-    icon?: ReactNode | IconName;
+    icon?: IconSource;
     iconPosition?: "none" | "leading" | "trailing" | "icon-only";
+    /**
+     * Element to render. `"button"` (default) is unchanged. `"a"` renders an anchor
+     * with the same styling, focus treatment and icon composition, so a destination
+     * that should look like a button no longer has to be hand-rolled.
+     *
+     * Ignored when `asChild` is set.
+     */
+    as?: ButtonElement;
+    /**
+     * Render the single child element instead of Button's own element, merging
+     * Button's className onto it. Use it for a router `Link` or any component that
+     * already renders the element you need. The child's own children become the
+     * label, so `icon` / `iconPosition` still apply around them.
+     */
+    asChild?: boolean;
 }
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 
 interface ButtonGroupProps {
     children: ReactNode;
@@ -85,107 +297,74 @@ interface ButtonGroupProps {
 declare function ButtonGroup({ children, className }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonGroupItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    leadingIcon?: ReactNode | IconName;
-    trailingIcon?: ReactNode | IconName;
+    leadingIcon?: IconSource;
+    trailingIcon?: IconSource;
+    /** Selected state. Exposed as aria-pressed so it is not colour-only. */
     active?: boolean;
 }
 declare const ButtonGroupItem: react.ForwardRefExoticComponent<ButtonGroupItemProps & react.RefAttributes<HTMLButtonElement>>;
 
-type InputSize = "xs" | "sm" | "md" | "lg";
-interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
-    /** Input size variant */
-    size?: InputSize;
-    /** Label text above the input */
-    label?: string;
-    /** Helper text below the input */
-    helperText?: string;
-    /** Error message or boolean. Overrides helperText styling. */
-    error?: string | boolean;
-    /** Success message or boolean. Overrides helperText styling. */
-    success?: string | boolean;
-    /** Icon on the left side of the input */
-    leadingIcon?: ReactNode | IconName;
-    /** Icon on the right side of the input */
-    trailingIcon?: ReactNode | IconName;
-    /** Text addon on the right side */
-    addonRight?: string;
-    /** Leading addon element (e.g. dropdown, button). Renders as a separated section before the input. */
-    leadingAddon?: ReactNode;
-    /** Trailing addon element (e.g. button). Renders as a separated section after the input. */
-    trailingAddon?: ReactNode;
-    /** Wrapper className */
-    wrapperClassName?: string;
+type CardVariant = "default" | "outlined" | "elevated" | "ghost";
+type CardSize = "sm" | "md" | "lg";
+type CardRounded = "sm" | "md" | "lg" | "xl" | "full";
+type CardShadow = "none" | "sm" | "md" | "lg";
+type CardImagePosition = "top" | "bottom" | "full";
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual style variant */
+    variant?: CardVariant;
+    /** Padding scale for sub-components */
+    size?: CardSize;
+    /** Corner radius */
+    rounded?: CardRounded;
+    /** Shadow intensity */
+    shadow?: CardShadow;
+    /** Enable hover shadow effect */
+    hoverable?: boolean;
 }
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
-
-type TabsVariant = "line" | "pill" | "segmented";
-type TabsSize = "sm" | "md" | "lg";
-type TabsOrientation = "horizontal" | "vertical";
-interface TabsProps {
-    variant?: TabsVariant;
-    size?: TabsSize;
-    orientation?: TabsOrientation;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    children: ReactNode;
-    className?: string;
+interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Header title */
+    title?: ReactNode;
+    /** Header subtitle */
+    subtitle?: ReactNode;
+    /** Actions slot (right side) */
+    actions?: ReactNode;
+    /** Show bottom border */
+    bordered?: boolean;
 }
-declare function Tabs({ variant, size, orientation, value, defaultValue, onValueChange, children, className, }: TabsProps): react_jsx_runtime.JSX.Element;
-
-interface TabProps {
-    value: string;
-    icon?: ReactNode | IconName;
-    badge?: number | string;
-    disabled?: boolean;
-    children: ReactNode;
-    className?: string;
+interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /** Remove default padding */
+    noPadding?: boolean;
 }
-declare function Tab({ value, icon, badge, disabled, children, className }: TabProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Rayna UI chart theme — color palette and defaults for Chart.js components.
- */
-declare const chartColors: {
-    readonly primary: readonly ["#F56630", "#FA9874", "#FCB59A", "#FCD2C2", "#FFECE5"];
-    readonly semantic: readonly ["#F56630", "#0F973D", "#1671D9", "#F3A218", "#D42620", "#0BA5EC"];
-    readonly extended: readonly ["#F56630", "#0F973D", "#1671D9", "#F3A218", "#D42620", "#0BA5EC", "#475CCC", "#8D8484", "#F77A4A", "#40B869"];
-    readonly grey: {
-        readonly 50: "#F9FAFB";
-        readonly 100: "#F0F2F5";
-        readonly 200: "#E4E7EC";
-        readonly 300: "#D0D5DD";
-        readonly 400: "#98A2B3";
-        readonly 500: "#667185";
-        readonly 700: "#344054";
-        readonly 900: "#101928";
-    };
-};
-/** Default font for Chart.js */
-declare const chartFont: {
-    family: string;
-    size: number;
-    weight: "normal";
-};
-/** Create an rgba version of a hex color */
-declare function hexToRgba(hex: string, alpha: number): string;
-/** Generate a gradient fill for area charts */
-declare function createGradientFill(ctx: CanvasRenderingContext2D, color: string, height: number): CanvasGradient;
+interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /** Footer content alignment */
+    align?: "left" | "center" | "right" | "between";
+    /** Show top border */
+    bordered?: boolean;
+}
+interface CardImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /** Image position relative to card content */
+    position?: CardImagePosition;
+    /** Aspect ratio */
+    aspectRatio?: "auto" | "video" | "square" | "portrait";
+    /** Object fit behavior */
+    objectFit?: "cover" | "contain" | "fill";
+    /** Alt text (required for accessibility) */
+    alt: string;
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardImage: react.ForwardRefExoticComponent<CardImageProps & react.RefAttributes<HTMLImageElement>>;
 
-type ChartType = "line" | "bar" | "pie" | "doughnut" | "radar" | "scatter" | "bubble" | "polar-area";
-interface RaydenChartProps extends HTMLAttributes<HTMLDivElement> {
-    /** Chart type */
-    type: ChartType;
-    /** Chart.js data object */
-    data: ChartData<any>;
-    /** Chart.js options (merged with Rayna defaults) */
-    options?: ChartOptions<any>;
-    /** Chart height */
-    height?: number;
-    /** Chart width */
-    width?: number;
-}
-declare const RaydenChart: react.ForwardRefExoticComponent<RaydenChartProps & react.RefAttributes<HTMLDivElement>>;
+interface ChipProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: "input" | "filter";
+    icon?: IconSource;
+    disabled?: boolean;
+    onClose?: () => void;
+    onDropdown?: () => void;
+}
+declare const Chip: react.ForwardRefExoticComponent<ChipProps & react.RefAttributes<HTMLDivElement>>;
 
 type CounterSize = "sm" | "md" | "lg";
 type CounterShape = "rounded" | "block" | "pill";
@@ -223,13 +402,16 @@ declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefA
 declare const NumberCounter: react.ForwardRefExoticComponent<NumberCounterProps & react.RefAttributes<HTMLDivElement>>;
 
 type DatePickerMode = "single" | "range" | "year";
-interface DatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+interface DatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     /** Picker mode */
     mode?: DatePickerMode;
     /** Selected date (single/year mode) */
     value?: Date | null;
+    /** Initial date for uncontrolled usage. */
+    defaultValue?: Date | null;
     /** Selected range (range mode) */
     rangeValue?: [Date | null, Date | null];
+    defaultRangeValue?: [Date | null, Date | null];
     /** Called when a single date is selected */
     onChange?: (date: Date | null) => void;
     /** Called when a date range is selected */
@@ -247,338 +429,76 @@ interface DatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange
 }
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLDivElement>>;
 
-interface ChipProps extends HTMLAttributes<HTMLDivElement> {
-    variant?: "input" | "filter";
-    icon?: ReactNode | IconName;
-    disabled?: boolean;
-    onClose?: () => void;
-    onDropdown?: () => void;
-}
-declare const Chip: react.ForwardRefExoticComponent<ChipProps & react.RefAttributes<HTMLDivElement>>;
-
-type ProgressBarSize = "sm" | "md" | "lg";
-type ProgressBarType = "basic" | "segmented";
-interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
-    /** Progress value from 0 to 100 */
-    value?: number;
-    /** Bar height: sm (4px), md (8px), lg (12px) */
-    size?: ProgressBarSize;
-    /** Bar type: basic (continuous) or segmented (10 discrete bars) */
-    type?: ProgressBarType;
-    /** Label text above the bar */
-    label?: string;
-    /** Metadata text(s) below the bar. Pass an array for dot-separated items. */
-    metadata?: string | string[];
-    /** Show percentage text */
-    showPercentage?: boolean;
-    /** Position of the percentage text */
-    percentagePosition?: "top" | "bottom";
-}
-declare function ProgressBar({ value, size, type, label, metadata, showPercentage, percentagePosition, className, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
-
-type ProgressCircleSize = "xs" | "sm" | "md" | "lg" | "xl";
-type ProgressCircleStyle = "default" | "segmented";
-interface ProgressCircleProps extends HTMLAttributes<HTMLDivElement> {
-    /** Progress value from 0 to 100 */
-    value?: number;
-    /** Circle size */
-    size?: ProgressCircleSize;
-    /** Visual style: default (continuous) or segmented (dashed) */
-    variant?: ProgressCircleStyle;
-    /** Show percentage text in the center */
-    showText?: boolean;
-}
-declare function ProgressCircle({ value, size, variant, showText, className, ...rest }: ProgressCircleProps): react_jsx_runtime.JSX.Element;
-
-type BannerStatus = "information" | "success" | "error" | "warning" | "feature" | "opportunity";
-type BannerEmphasis = "bold" | "subtle";
-type BannerSize = "sm" | "lg";
-interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
-    /** Status determines the color scheme */
-    status?: BannerStatus;
-    /** Bold uses a solid background with white text; subtle uses a light tinted background */
-    emphasis?: BannerEmphasis;
-    /** sm (40px) or lg (48px) */
-    size?: BannerSize;
-    /** Headline text */
-    title: string;
-    /** Optional description text */
-    description?: string;
-    /** Optional leading icon */
-    icon?: ReactNode | IconName;
-    /** Optional action button label */
-    buttonLabel?: string;
-    /** Called when the action button is clicked */
-    onButtonClick?: () => void;
-    /** Show the close button */
-    dismissible?: boolean;
-    /** Called when the close button is clicked */
-    onDismiss?: () => void;
-}
-declare const Banner: react.ForwardRefExoticComponent<BannerProps & react.RefAttributes<HTMLDivElement>>;
-
-type BadgeColor = "orange" | "blue" | "success" | "warning" | "error" | "neutral" | "disabled";
-type BadgeType = "filled" | "accent" | "outline";
-type BadgeSize = "sm" | "md" | "lg";
-interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    color?: BadgeColor;
-    type?: BadgeType;
-    size?: BadgeSize;
-    leadingIcon?: ReactNode | IconName;
-    trailingIcon?: ReactNode | IconName;
-}
-declare function Badge({ color, type, size, leadingIcon, trailingIcon, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-type CardVariant = "default" | "outlined" | "elevated" | "ghost";
-type CardSize = "sm" | "md" | "lg";
-type CardRounded = "sm" | "md" | "lg" | "xl" | "full";
-type CardShadow = "none" | "sm" | "md" | "lg";
-type CardImagePosition = "top" | "bottom" | "full";
-interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    /** Visual style variant */
-    variant?: CardVariant;
-    /** Padding scale for sub-components */
-    size?: CardSize;
-    /** Corner radius */
-    rounded?: CardRounded;
-    /** Shadow intensity */
-    shadow?: CardShadow;
-    /** Enable hover shadow effect */
-    hoverable?: boolean;
-}
-interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
-    /** Header title */
-    title?: ReactNode;
-    /** Header subtitle */
-    subtitle?: ReactNode;
-    /** Actions slot (right side) */
-    actions?: ReactNode;
-    /** Show bottom border */
-    bordered?: boolean;
-}
-interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
-    /** Remove default padding */
-    noPadding?: boolean;
-}
-interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
-    /** Footer content alignment */
-    align?: "left" | "center" | "right" | "between";
-    /** Show top border */
-    bordered?: boolean;
-}
-interface CardImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    /** Image position relative to card content */
-    position?: CardImagePosition;
-    /** Aspect ratio */
-    aspectRatio?: "auto" | "video" | "square" | "portrait";
-    /** Object fit behavior */
-    objectFit?: "cover" | "contain" | "fill";
-    /** Alt text (required for accessibility) */
-    alt: string;
-}
-declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
-declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
-declare const CardImage: react.ForwardRefExoticComponent<CardImageProps & react.RefAttributes<HTMLImageElement>>;
-
-type AlertVariant = "toast" | "banner";
-type AlertState = "information" | "success" | "warning" | "error";
-interface AlertAction {
-    label: string;
-    onClick: () => void;
-}
-interface AlertProps extends HTMLAttributes<HTMLDivElement> {
-    variant?: AlertVariant;
-    state?: AlertState;
-    title?: string;
-    description?: string;
-    icon?: ReactNode | IconName;
-    showIcon?: boolean;
-    onClose?: () => void;
-    primaryAction?: AlertAction;
-    secondaryAction?: AlertAction;
-}
-declare function Alert({ variant, state, title, description, icon, showIcon, onClose, primaryAction, secondaryAction, className, ...rest }: AlertProps): react_jsx_runtime.JSX.Element;
-
 type DividerVariant = "default" | "with-icon" | "with-label" | "with-title" | "with-button" | "with-title-and-button";
 interface DividerProps extends HTMLAttributes<HTMLDivElement> {
     variant?: DividerVariant;
     label?: string;
-    icon?: ReactNode | IconName;
+    icon?: IconSource;
     buttonLabel?: string;
-    buttonIcon?: ReactNode | IconName;
+    buttonIcon?: IconSource;
     onButtonClick?: () => void;
 }
 declare function Divider({ variant, label, icon, buttonLabel, buttonIcon, onButtonClick, className, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
 
-type TooltipPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "left-top" | "left-center" | "left-bottom" | "right-top" | "right-center" | "right-bottom";
-type TooltipTheme = "light" | "dark";
-interface TooltipAction {
-    label: string;
-    onClick: () => void;
-}
-interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
-    theme?: TooltipTheme;
-    position?: TooltipPosition;
-    title?: string;
-    content: string;
-    onClose?: () => void;
-    primaryAction?: TooltipAction;
-    secondaryAction?: TooltipAction;
-}
-declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
-
-interface PaginationProps extends HTMLAttributes<HTMLElement> {
-    currentPage: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-    showPrevNext?: boolean;
-    siblingCount?: number;
-}
-declare function Pagination({ currentPage, totalPages, onPageChange, showPrevNext, siblingCount, className, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element;
-
-interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
-    label?: string;
-    description?: string;
-    position?: "left" | "right";
+interface DropdownMenuProps extends HTMLAttributes<HTMLDivElement> {
+    /** Controlled open state */
+    open?: boolean;
+    /** Uncontrolled default open state */
+    defaultOpen?: boolean;
+    /** Called when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    children: ReactNode;
 }
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
-
-interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
-    label?: string;
-    description?: string;
-    position?: "left" | "right";
+declare const DropdownMenu: react.ForwardRefExoticComponent<DropdownMenuProps & react.RefAttributes<HTMLDivElement>>;
+type DropdownMenuTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface DropdownMenuContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Alignment relative to trigger */
+    align?: "start" | "end";
+    /** Gap from trigger in px */
+    sideOffset?: number;
 }
-declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
-
-interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
-    label?: string;
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+type DropdownMenuGroupProps = HTMLAttributes<HTMLDivElement>;
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuLabelProps extends HTMLAttributes<HTMLDivElement> {
+    /** Optional description below the title */
     description?: string;
-    position?: "left" | "right";
 }
-declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;
-
-type BreadcrumbSeparator = "chevron" | "double-chevron" | "slash";
-interface BreadcrumbItem {
-    /** Display label (use "..." for truncated items) */
-    label: string;
-    href?: string;
-    icon?: ReactNode | IconName;
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onSelect"> {
+    /** Leading icon — accepts a registry name, static IconRecord, or ReactNode */
+    icon?: IconSource;
+    /** Keyboard shortcut label (e.g. "⌘C") */
+    shortcut?: string;
+    /** Whether this item is selected (shows check indicator) */
+    selected?: boolean;
+    /** Whether this item is disabled */
     disabled?: boolean;
-    active?: boolean;
-}
-interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
-    items: BreadcrumbItem[];
-    /** Separator style between items */
-    separator?: BreadcrumbSeparator;
-    /** Show top and bottom borders */
-    hasBorders?: boolean;
-}
-declare function Breadcrumb({ items, separator, hasBorders, className, ...rest }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
-
-type AvatarType = "image" | "icon" | "initials";
-type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-type AvatarStatus = "none" | "online" | "offline" | "verified";
-interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
-    /** Visual type of the avatar. @default "image" */
-    type?: AvatarType;
-    /** Size preset. @default "md" */
-    size?: AvatarSize;
-    /** Status indicator shown at bottom-right. @default "none" */
-    status?: AvatarStatus;
-    /** Image URL (for type="image"). */
-    src?: string;
-    /** Alt text (for type="image"). */
-    alt?: string;
-    /** Initials text (for type="initials"). */
-    initials?: string;
-    /** Custom icon (for type="icon"). Accepts ReactNode or IconName. @default "user" */
-    icon?: ReactNode | IconName;
-}
-declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
-type AvatarGroupSize = "sm" | "md" | "lg";
-interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
-    /** Controls the size of avatars in the group. @default "md" */
-    size?: AvatarGroupSize;
-    /** Maximum visible avatars. Overflow shows a "+N" counter. */
-    max?: number;
-}
-declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
-
-type ModalSize = "sm" | "md" | "lg";
-interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
-    /** Whether the modal is open */
-    open: boolean;
-    /** Called when the modal should close */
-    onClose: () => void;
-    /** Modal width: sm (400px), md (500px), lg (640px) */
-    size?: ModalSize;
-    /** Title text */
-    title?: string;
-    /** Description text below the title */
-    description?: string;
-    /** Leading icon element */
-    icon?: ReactNode;
-    /** Show close button in header */
-    showClose?: boolean;
-    /** Primary action button label */
-    primaryLabel?: string;
-    /** Called when primary button is clicked */
-    onPrimaryClick?: () => void;
-    /** Secondary action button label */
-    secondaryLabel?: string;
-    /** Called when secondary button is clicked */
-    onSecondaryClick?: () => void;
-    /** Footer button layout */
-    footerOrientation?: "horizontal" | "vertical";
-    /** Close on overlay click */
-    closeOnOverlay?: boolean;
-    /** Close on Escape key */
-    closeOnEscape?: boolean;
-    /** Show backdrop blur on overlay */
-    blur?: boolean;
-    /** Modal body content */
-    children?: ReactNode;
-}
-declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<HTMLDivElement>>;
-
-type MetricsCardVariation = "1" | "2" | "3" | "4" | "5" | "6";
-type MetricsCardTrend = "up" | "down";
-interface MetricsCardTrendBadge {
-    label: string;
-    trend?: MetricsCardTrend;
-}
-interface MetricsCardStatusBadge {
-    label: string;
-    variant?: "success" | "error" | "warning" | "info";
-}
-interface MetricsCardCta {
-    label: string;
-    onClick: () => void;
-    icon?: ReactNode | IconName;
+    /** Whether this is a destructive/dangerous action */
+    destructive?: boolean;
+    /** Called when the item is selected (click or Enter/Space) */
+    onSelect?: () => void;
 }
-interface MetricsCardProps extends HTMLAttributes<HTMLDivElement> {
-    /** Layout variation (1–6), each with a distinct layout */
-    variation?: MetricsCardVariation;
-    /** Metric label, e.g. "Total Solar Sales" */
-    label: string;
-    /** Main metric value, e.g. "$45,823" */
-    value: string | number;
-    /** Optional icon — renders in a bordered square (v2,3,6) or large tinted square (v4) */
-    icon?: ReactNode | IconName;
-    /** Trend badge with arrow icon, e.g. { label: "10%", trend: "up" } — used in v2–6 */
-    trendBadge?: MetricsCardTrendBadge;
-    /** Status badge, e.g. { label: "Paid", variant: "success" } — used in v1 */
-    statusBadge?: MetricsCardStatusBadge;
-    /** Description text, e.g. "Compared to last month" */
-    description?: string;
-    /** Secondary text shown on the right in v1, e.g. "Jun 12th, 2023" */
-    secondaryText?: string;
-    /** Call-to-action link */
-    cta?: MetricsCardCta;
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<DropdownMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
+type DropdownMenuSeparatorProps = HTMLAttributes<HTMLDivElement>;
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+interface EmptyStateIllustrationProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Which illustration to display */
+    name: IllustrationName;
+    /** Show the colored or grey/monochrome variant (default: true) */
+    colored?: boolean;
+    /**
+     * Custom color palette for theming colored illustrations.
+     * Provide 11 hex colors (lightest → darkest) to replace the default
+     * primary orange palette. Ignored when `colored` is false.
+     */
+    palette?: string[];
+    /** Width/height in pixels (default: 150, the native SVG size) */
+    size?: number;
 }
-declare function MetricsCard({ variation, className, label, value, icon, trendBadge, statusBadge, description, secondaryText, cta, ...rest }: MetricsCardProps): react_jsx_runtime.JSX.Element;
+declare const EmptyStateIllustration: react.ForwardRefExoticComponent<EmptyStateIllustrationProps & react.RefAttributes<HTMLDivElement>>;
 
 type FileUploadItemStatus = "pending" | "uploading" | "complete" | "error";
 interface FileUploadFileData {
@@ -599,7 +519,7 @@ interface FileUploadItemProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const FileUploadItem: react.ForwardRefExoticComponent<FileUploadItemProps & react.RefAttributes<HTMLDivElement>>;
 
-interface FileUploadProps extends HTMLAttributes<HTMLDivElement> {
+interface FileUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "onError"> {
     /** Allow multiple file uploads */
     multiple?: boolean;
     /** MIME types to accept, e.g. "image/*,.pdf" */
@@ -617,7 +537,10 @@ interface FileUploadProps extends HTMLAttributes<HTMLDivElement> {
     /** Called when files list changes */
     onFilesChange: (files: FileUploadFileData[]) => void;
     /** Called when new files are selected for upload */
-    onUpload?: (file: File) => void;
+    onUpload?: (file: File, item: FileUploadFileData) => void;
+    /** Human-readable validation failure for each rejected file. */
+    onError?: (message: string) => void;
+    disabled?: boolean;
     /** Called when remove/delete is clicked */
     onRemove?: (fileId: string) => void;
     /** Called when retry is clicked */
@@ -641,6 +564,7 @@ interface FileUploadDropZoneProps extends HTMLAttributes<HTMLDivElement> {
     accept?: string;
     /** Allow multiple files */
     multiple?: boolean;
+    disabled?: boolean;
     /** File info for uploading state */
     uploadingFile?: {
         name: string;
@@ -658,6 +582,252 @@ interface FileUploadDropZoneProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const FileUploadDropZone: react.ForwardRefExoticComponent<FileUploadDropZoneProps & react.RefAttributes<HTMLDivElement>>;
 
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: string;
+    description?: string;
+    position?: "left" | "right";
+    /** Class names for the label wrapper. `className` styles the control itself. */
+    wrapperClassName?: string;
+    /** Mixed state, e.g. a select-all box when only some rows are selected. */
+    indeterminate?: boolean;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: string;
+    description?: string;
+    position?: "left" | "right";
+    /** Class names for the label wrapper. `className` styles the control itself. */
+    wrapperClassName?: string;
+}
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+
+interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: string;
+    description?: string;
+    position?: "left" | "right";
+    /** Class names for the label wrapper. `className` styles the control itself. */
+    wrapperClassName?: string;
+}
+declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;
+
+type InputSize = "xs" | "sm" | "md" | "lg";
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /** Input size variant */
+    size?: InputSize;
+    /** Label text above the input */
+    label?: string;
+    /** Helper text below the input */
+    helperText?: string;
+    /** Error message or boolean. Overrides helperText styling. */
+    error?: string | boolean;
+    /** Success message or boolean. Overrides helperText styling. */
+    success?: string | boolean;
+    /** Icon on the left side of the input */
+    leadingIcon?: IconSource;
+    /** Icon on the right side of the input */
+    trailingIcon?: IconSource;
+    /** Text addon on the right side */
+    addonRight?: string;
+    /** Leading addon element (e.g. dropdown, button). Renders as a separated section before the input. */
+    leadingAddon?: ReactNode;
+    /** Trailing addon element (e.g. button). Renders as a separated section after the input. */
+    trailingAddon?: ReactNode;
+    /**
+     * Interactive control rendered inside the field on the right, e.g. a password
+     * reveal toggle. Unlike `trailingIcon` — whose wrapper is aria-hidden because it
+     * is decorative — this slot is exposed to assistive technology, so whatever you
+     * pass must carry its own accessible name.
+     */
+    trailingAction?: ReactNode;
+    /** Wrapper className */
+    wrapperClassName?: string;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+type MetricsCardVariation = "1" | "2" | "3" | "4" | "5" | "6";
+/** Which way the number moved. Direction only — it says nothing about whether that is good. */
+type MetricsCardTrend = "up" | "down";
+/** Whether the movement is good news for this metric. Independent of direction. */
+type MetricsCardTrendSentiment = "positive" | "negative" | "neutral";
+interface MetricsCardTrendBadge {
+    label: string;
+    /** Direction of movement. Drives the arrow icon. Default `"up"`. */
+    trend?: MetricsCardTrend;
+    /**
+     * Whether that movement is good for this metric. Drives the badge colour.
+     *
+     * Defaults to `"positive"` for `up` and `"negative"` for `down`, which is what
+     * the badge did before this prop existed, so omitting it changes nothing. Set it
+     * when direction and sentiment disagree: falling churn is
+     * `{ trend: "down", sentiment: "positive" }`, rising cost is
+     * `{ trend: "up", sentiment: "negative" }`, and a metric that is merely moving is
+     * `"neutral"`.
+     *
+     * Direction stays carried by the arrow, so sentiment never becomes the only
+     * non-colour signal. Sentiment itself is editorial emphasis and is conveyed by
+     * colour alone; supply it in `description` when it must be read out.
+     */
+    sentiment?: MetricsCardTrendSentiment;
+}
+interface MetricsCardStatusBadge {
+    label: string;
+    variant?: "success" | "error" | "warning" | "info";
+}
+interface MetricsCardCta {
+    label: string;
+    onClick: () => void;
+    icon?: IconSource;
+}
+interface MetricsCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Layout variation (1–6), each with a distinct layout */
+    variation?: MetricsCardVariation;
+    /** Metric label, e.g. "Total Solar Sales" */
+    label: string;
+    /** Main metric value, e.g. "$45,823" */
+    value: string | number;
+    /** Optional icon — renders in a bordered square (v2,3,6) or large tinted square (v4) */
+    icon?: IconSource;
+    /** Trend badge with arrow icon, e.g. { label: "10%", trend: "up" } — used in v2–6 */
+    trendBadge?: MetricsCardTrendBadge;
+    /** Status badge, e.g. { label: "Paid", variant: "success" } — used in v1 */
+    statusBadge?: MetricsCardStatusBadge;
+    /** Description text, e.g. "Compared to last month" */
+    description?: string;
+    /** Secondary text shown on the right in v1, e.g. "Jun 12th, 2023" */
+    secondaryText?: string;
+    /** Call-to-action link */
+    cta?: MetricsCardCta;
+}
+declare function MetricsCard({ variation, className, label, value, icon, trendBadge, statusBadge, description, secondaryText, cta, ...rest }: MetricsCardProps): react_jsx_runtime.JSX.Element;
+
+type ModalSize = "sm" | "md" | "lg";
+interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Opt into semantic panel motion; false preserves immediate open/close. */
+    motion?: MotionOption;
+    /** Whether the modal is open */
+    open: boolean;
+    /** Called when the modal should close */
+    onClose: () => void;
+    /** Modal width: sm (400px), md (500px), lg (640px) */
+    size?: ModalSize;
+    /** Title text */
+    title?: string;
+    /** Description text below the title */
+    description?: string;
+    /** Leading icon: registry name, static IconRecord, or ReactNode. */
+    icon?: IconSource;
+    /** Show close button in header */
+    showClose?: boolean;
+    /** Primary action button label */
+    primaryLabel?: string;
+    /** Called when primary button is clicked */
+    onPrimaryClick?: () => void;
+    /** Secondary action button label */
+    secondaryLabel?: string;
+    /** Called when secondary button is clicked */
+    onSecondaryClick?: () => void;
+    /** Footer button layout */
+    footerOrientation?: "horizontal" | "vertical";
+    /** Close on overlay click */
+    closeOnOverlay?: boolean;
+    /** Close on Escape key */
+    closeOnEscape?: boolean;
+    /** Show backdrop blur on overlay */
+    blur?: boolean;
+    /** Modal body content */
+    children?: ReactNode;
+}
+declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<HTMLDivElement>>;
+
+interface PaginationProps extends HTMLAttributes<HTMLElement> {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    showPrevNext?: boolean;
+    siblingCount?: number;
+}
+declare function Pagination({ currentPage, totalPages, onPageChange, showPrevNext, siblingCount, className, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+type ProgressBarSize = "sm" | "md" | "lg";
+type ProgressBarType = "basic" | "segmented";
+interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Progress value from 0 to 100 */
+    value?: number;
+    /** Bar height: sm (4px), md (8px), lg (12px) */
+    size?: ProgressBarSize;
+    /** Bar type: basic (continuous) or segmented (10 discrete bars) */
+    type?: ProgressBarType;
+    /** Label text above the bar */
+    label?: string;
+    /** Metadata text(s) below the bar. Pass an array for dot-separated items. */
+    metadata?: string | string[];
+    /** Show percentage text */
+    showPercentage?: boolean;
+    /** Position of the percentage text */
+    percentagePosition?: "top" | "bottom";
+}
+declare function ProgressBar({ value, size, type, label, metadata, showPercentage, percentagePosition, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type ProgressCircleSize = "xs" | "sm" | "md" | "lg" | "xl";
+type ProgressCircleStyle = "default" | "segmented";
+interface ProgressCircleProps extends HTMLAttributes<HTMLDivElement> {
+    /** Progress value from 0 to 100 */
+    value?: number;
+    /** Circle size */
+    size?: ProgressCircleSize;
+    /** Visual style: default (continuous) or segmented (dashed) */
+    variant?: ProgressCircleStyle;
+    /** Show percentage text in the center */
+    showText?: boolean;
+    /** Accessible name describing what is progressing, e.g. "Upload progress" */
+    label?: string;
+}
+declare function ProgressCircle({ value, size, variant, showText, className, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }: ProgressCircleProps): react_jsx_runtime.JSX.Element;
+
+interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
+    /** Controlled value */
+    value?: string;
+    /** Uncontrolled default value */
+    defaultValue?: string;
+    /** Called when value changes */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text when no value is selected */
+    placeholder?: string;
+    /** Label text above the select */
+    label?: string;
+    /** Helper text below the select */
+    helperText?: string;
+    /**
+     * Error message, or true for an error state with no message. Replaces helperText
+     * and marks the trigger aria-invalid. Mirrors Input's error contract so the
+     * useRaydenSelect adapter has somewhere to deliver validation feedback.
+     */
+    error?: string | boolean;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Wrapper className for the outermost div */
+    wrapperClassName?: string;
+    children: ReactNode;
+}
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SelectOptionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    /** Unique value for this option */
+    value: string;
+    /** Leading icon — accepts a registry name, static IconRecord, or ReactNode */
+    icon?: IconSource;
+    /** Leading avatar element (e.g., <Avatar />) */
+    avatar?: ReactNode;
+    /** Status dot color (CSS color string, e.g., "#04802E") */
+    statusColor?: string;
+    /** Supporting text shown after the label */
+    description?: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+}
+declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLButtonElement>>;
+
 type SidebarMenuTheme = "light" | "blue" | "dark-blue" | "dark-grey";
 interface SidebarMenuContextValue {
     activeValue: string;
@@ -697,115 +867,74 @@ interface SidebarMenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Unique identifier for this item */
     value: string;
     /** Icon displayed to the left — accepts IconName string or ReactNode */
-    icon?: ReactNode | IconName;
+    icon?: IconSource;
     /** Optional count badge displayed on the right */
     badge?: string | number;
     /** Disabled state */
     disabled?: boolean;
-    children: ReactNode;
-}
-declare const SidebarMenuItem: react.ForwardRefExoticComponent<SidebarMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface SidebarMenuSectionProps extends HTMLAttributes<HTMLDivElement> {
-    /** Optional section title, e.g. "MAIN MENU" */
-    title?: string;
-    /** Whether to show a divider below the section */
-    showDivider?: boolean;
-    children: ReactNode;
-}
-declare const SidebarMenuSection: react.ForwardRefExoticComponent<SidebarMenuSectionProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const illustrationNames: readonly ["calendar", "chat", "contacts", "dashboard", "favorites", "file-manager", "forms", "gallery", "inbox", "invoice", "notifications", "product-catalog", "project-list", "search", "shopping-cart", "subscriptions", "survey", "task-templates", "team"];
-type IllustrationName = (typeof illustrationNames)[number];
-
-interface EmptyStateIllustrationProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    /** Which illustration to display */
-    name: IllustrationName;
-    /** Show the colored or grey/monochrome variant (default: true) */
-    colored?: boolean;
     /**
-     * Custom color palette for theming colored illustrations.
-     * Provide 11 hex colors (lightest → darkest) to replace the default
-     * primary orange palette. Ignored when `colored` is false.
+     * Accessible name used when the sidebar is collapsed to icons. Required when
+     * `children` is not a plain string, since a ReactNode cannot become a name.
      */
-    palette?: string[];
-    /** Width/height in pixels (default: 150, the native SVG size) */
-    size?: number;
-}
-declare const EmptyStateIllustration: react.ForwardRefExoticComponent<EmptyStateIllustrationProps & react.RefAttributes<HTMLDivElement>>;
-
-interface TableProps extends HTMLAttributes<HTMLTableElement> {
-}
-declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
-interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
-}
-declare const TableHeader: react.ForwardRefExoticComponent<TableHeaderProps & react.RefAttributes<HTMLTableSectionElement>>;
-interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
-}
-declare const TableBody: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
-interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-    /** Whether this row is selected */
-    selected?: boolean;
-}
-declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
-type SortDirection = "asc" | "desc" | null;
-interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
-    /** Enable sort indicator and click-to-sort behavior */
-    sortable?: boolean;
-    /** Current sort direction for this column */
-    sortDirection?: SortDirection;
-    /** Called when the sort indicator is clicked */
-    onSort?: () => void;
-}
-declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableCellElement>>;
-interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    label?: string;
+    children: ReactNode;
 }
-declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+declare const SidebarMenuItem: react.ForwardRefExoticComponent<SidebarMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
 
-interface DropdownMenuProps extends HTMLAttributes<HTMLDivElement> {
-    /** Controlled open state */
-    open?: boolean;
-    /** Uncontrolled default open state */
-    defaultOpen?: boolean;
-    /** Called when open state changes */
-    onOpenChange?: (open: boolean) => void;
+interface SidebarMenuSectionProps extends HTMLAttributes<HTMLDivElement> {
+    /** Optional section title, e.g. "MAIN MENU" */
+    title?: string;
+    /** Whether to show a divider below the section */
+    showDivider?: boolean;
     children: ReactNode;
 }
-declare const DropdownMenu: react.ForwardRefExoticComponent<DropdownMenuProps & react.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-}
-declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-interface DropdownMenuContentProps extends HTMLAttributes<HTMLDivElement> {
-    /** Alignment relative to trigger */
-    align?: "start" | "end";
-    /** Gap from trigger in px */
-    sideOffset?: number;
-}
-declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuGroupProps extends HTMLAttributes<HTMLDivElement> {
-}
-declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuLabelProps extends HTMLAttributes<HTMLDivElement> {
-    /** Optional description below the title */
-    description?: string;
-}
-declare const DropdownMenuLabel: react.ForwardRefExoticComponent<DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onSelect"> {
-    /** Leading icon — accepts a ReactNode or an IconName string */
-    icon?: ReactNode | IconName;
-    /** Keyboard shortcut label (e.g. "⌘C") */
-    shortcut?: string;
-    /** Whether this item is selected (shows check indicator) */
-    selected?: boolean;
-    /** Whether this item is disabled */
+declare const SidebarMenuSection: react.ForwardRefExoticComponent<SidebarMenuSectionProps & react.RefAttributes<HTMLDivElement>>;
+
+type SliderSize = "sm" | "md" | "lg";
+interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Current value (0–100) */
+    value?: number;
+    /** Called when value changes */
+    onChange?: (value: number) => void;
+    /** Track/handle size */
+    size?: SliderSize;
+    /** Label above the slider */
+    label?: string;
+    /** Metadata text(s) below the slider */
+    metadata?: string | string[];
+    /** Show percentage text */
+    showPercentage?: boolean;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Disabled state */
     disabled?: boolean;
-    /** Called when the item is selected (click or Enter/Space) */
-    onSelect?: () => void;
 }
-declare const DropdownMenuItem: react.ForwardRefExoticComponent<DropdownMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
-interface DropdownMenuSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+interface RangeSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Current range [low, high] (0–100) */
+    value?: [number, number];
+    /** Called when range changes */
+    onChange?: (value: [number, number]) => void;
+    /** Track/handle size */
+    size?: SliderSize;
+    /** Label above the slider */
+    label?: string;
+    /** Show min/max labels below */
+    showLabels?: boolean;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Disabled state */
+    disabled?: boolean;
 }
-declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+declare const RangeSlider: react.ForwardRefExoticComponent<RangeSliderProps & react.RefAttributes<HTMLDivElement>>;
 
 type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
 type SpinnerType = "thin" | "bold" | "duo-tone" | "buffering-thin" | "buffering-bold" | "dot" | "juggling";
@@ -868,163 +997,71 @@ declare const Stepper: react.ForwardRefExoticComponent<StepperProps & react.RefA
 declare const LinearStepper: react.ForwardRefExoticComponent<LinearStepperProps & react.RefAttributes<HTMLDivElement>>;
 declare const SegmentedStepper: react.ForwardRefExoticComponent<SegmentedStepperProps & react.RefAttributes<HTMLDivElement>>;
 
-type SliderSize = "sm" | "md" | "lg";
-interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    /** Current value (0–100) */
-    value?: number;
-    /** Called when value changes */
-    onChange?: (value: number) => void;
-    /** Track/handle size */
-    size?: SliderSize;
-    /** Label above the slider */
-    label?: string;
-    /** Metadata text(s) below the slider */
-    metadata?: string | string[];
-    /** Show percentage text */
-    showPercentage?: boolean;
-    /** Minimum value */
-    min?: number;
-    /** Maximum value */
-    max?: number;
-    /** Step increment */
-    step?: number;
-    /** Disabled state */
-    disabled?: boolean;
-}
-interface RangeSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    /** Current range [low, high] (0–100) */
-    value?: [number, number];
-    /** Called when range changes */
-    onChange?: (value: [number, number]) => void;
-    /** Track/handle size */
-    size?: SliderSize;
-    /** Label above the slider */
-    label?: string;
-    /** Show min/max labels below */
-    showLabels?: boolean;
-    /** Minimum value */
-    min?: number;
-    /** Maximum value */
-    max?: number;
-    /** Step increment */
-    step?: number;
-    /** Disabled state */
-    disabled?: boolean;
-}
-declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
-declare const RangeSlider: react.ForwardRefExoticComponent<RangeSliderProps & react.RefAttributes<HTMLDivElement>>;
-
-interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
-    /** Controlled value */
+type TabsVariant = "line" | "pill" | "segmented";
+type TabsSize = "sm" | "md" | "lg";
+type TabsOrientation = "horizontal" | "vertical";
+interface TabsProps {
+    /** Opt into a shared selection indicator; keyboard and selection remain immediate. */
+    motion?: MotionOption;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    orientation?: TabsOrientation;
     value?: string;
-    /** Uncontrolled default value */
     defaultValue?: string;
-    /** Called when value changes */
     onValueChange?: (value: string) => void;
-    /** Placeholder text when no value is selected */
-    placeholder?: string;
-    /** Label text above the select */
-    label?: string;
-    /** Helper text below the select */
-    helperText?: string;
-    /** Whether the select is disabled */
-    disabled?: boolean;
-    /** Wrapper className for the outermost div */
-    wrapperClassName?: string;
     children: ReactNode;
+    className?: string;
 }
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLDivElement>>;
+declare function Tabs({ motion, variant, size, orientation, value, defaultValue, onValueChange, children, className, }: TabsProps): react_jsx_runtime.JSX.Element;
 
-interface SelectOptionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
-    /** Unique value for this option */
+interface TabProps {
     value: string;
-    /** Leading icon — accepts a ReactNode or IconName string */
-    icon?: ReactNode | IconName;
-    /** Leading avatar element (e.g., <Avatar />) */
-    avatar?: ReactNode;
-    /** Status dot color (CSS color string, e.g., "#04802E") */
-    statusColor?: string;
-    /** Supporting text shown after the label */
-    description?: string;
-    /** Whether this option is disabled */
+    icon?: IconSource;
+    badge?: number | string;
     disabled?: boolean;
+    children: ReactNode;
+    className?: string;
 }
-declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLButtonElement>>;
+declare function Tab({ value, icon, badge, disabled, children, className }: TabProps): react_jsx_runtime.JSX.Element;
 
-interface ActivityItemLink {
+type TooltipPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "left-top" | "left-center" | "left-bottom" | "right-top" | "right-center" | "right-bottom";
+type TooltipTheme = "light" | "dark";
+interface TooltipAction {
     label: string;
-    href?: string;
-    onClick?: () => void;
+    onClick: () => void;
 }
-interface ActivityItemProps extends HTMLAttributes<HTMLDivElement> {
-    /** Avatar element (e.g., <Avatar />) */
-    avatar: ReactNode;
-    /** Primary text content — mixed inline content with bold names, action text, highlights */
-    text: ReactNode;
-    /** Whether this item is unread (shows green dot) */
-    unread?: boolean;
-    /** Date label (e.g., "Thurs 21, 2023") */
-    date?: string;
-    /** Time label (e.g., "10 mins") — right-aligned */
-    time?: string;
-    /** Optional link button in meta row */
-    link?: ActivityItemLink;
-    /** Optional badge text in meta row (e.g., "#Marketing-Design") */
-    badge?: string;
-    /** Connector line position for timeline layouts */
-    connector?: "top" | "middle" | "last";
-    /** Optional content block (e.g., ActivityContent) */
-    children?: ReactNode;
+interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
+    theme?: TooltipTheme;
+    /** Legacy panel alignment; placement is the preferred trigger API. */
+    position?: TooltipPosition;
+    placement?: "top" | "right" | "bottom" | "left";
+    content: ReactNode;
+    children?: ReactElement;
+    delay?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    primaryAction?: TooltipAction;
+    secondaryAction?: TooltipAction;
 }
-declare const ActivityItem: react.ForwardRefExoticComponent<ActivityItemProps & react.RefAttributes<HTMLDivElement>>;
+/** With children, provides a hover/focus tooltip (or a click popover for actions).
+ * Without children, retains the original standalone panel API. */
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
 
-type ActivityContentVariant = "file" | "comment" | "cta";
-type ActivityContentStyle = "plain" | "card" | "container";
-interface ActivityContentAttachment {
-    name: string;
-    extension: string;
-}
-interface ActivityContentAction {
-    label: string;
-    onClick?: () => void;
-}
-interface ActivityContentProps extends HTMLAttributes<HTMLDivElement> {
-    /** Content variant */
-    variant: ActivityContentVariant;
-    /** Visual style wrapper */
-    contentStyle?: ActivityContentStyle;
-    /** Leading icon for file variant */
-    icon?: ReactNode | IconName;
-    /** File name */
-    title?: string;
-    /** File size (e.g., "13MB") */
-    size?: string;
-    /** File type label (e.g., "PDF File") */
-    fileType?: string;
-    /** File date (e.g., "11 Sept 23") */
-    date?: string;
-    /** Avatar element for comment author */
-    avatar?: ReactNode;
-    /** Author name */
-    author?: string;
-    /** Timestamp (e.g., "2 hours ago") */
-    timestamp?: string;
-    /** Comment body text */
-    comment?: string;
-    /** File attachments */
-    attachments?: ActivityContentAttachment[];
-    /** Number of reactions */
-    reactions?: number;
-    /** Number of replies */
-    replies?: number;
-    /** Reply button callback */
-    onReply?: () => void;
-    /** Primary action (e.g., Accept) */
-    primaryAction?: ActivityContentAction;
-    /** Secondary action (e.g., Decline) */
-    secondaryAction?: ActivityContentAction;
-}
-declare const ActivityContent: react.ForwardRefExoticComponent<ActivityContentProps & react.RefAttributes<HTMLDivElement>>;
+type AnchorSide = "top" | "right" | "bottom" | "left";
+/**
+ * Resolve which side an anchored panel should actually open on.
+ *
+ * Fixed side classes put panels off-screen near a viewport edge — a tooltip anchored
+ * at the top rendered above the visible area, and a listbox near the bottom opened
+ * past it. This flips to the opposite side when the preferred one does not fit and
+ * the opposite one does, and re-measures on scroll and resize.
+ *
+ * Returns the preferred side unchanged until the panel has been measured, so the
+ * first paint matches the caller's intent.
+ */
+declare function useCollisionAwareSide(preferred: AnchorSide, open: boolean, triggerRef: RefObject<HTMLElement | null>, panelRef: RefObject<HTMLElement | null>, margin?: number): AnchorSide;
 
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -1062,8 +1099,8 @@ interface UseRaydenInputOptions<TFieldValues extends FieldValues = FieldValues,
     name: TName;
 }
 type UseRaydenInputReturn<TName extends string = string> = UseFormRegisterReturn<TName> & {
+    /** Validation message for the field, if any. Maps to Input's `error` prop. */
     error?: string;
-    hasError: boolean;
 };
 /**
  * Adapter hook for using Rayden Input with react-hook-form.
@@ -1097,8 +1134,8 @@ interface UseRaydenSelectOptions<TFieldValues extends FieldValues = FieldValues,
 interface UseRaydenSelectReturn {
     value: string;
     onValueChange: (value: string) => void;
+    /** Validation message for the field, if any. Maps to Select's `error` prop. */
     error?: string;
-    hasError: boolean;
 }
 /**
  * Adapter hook for using Rayden Select with react-hook-form.
@@ -1205,4 +1242,4 @@ declare function useRaydenRadio<TFieldValues extends FieldValues = FieldValues,
     value: string;
 }): UseRaydenRadioReturn<TName>;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, ActivityContent, type ActivityContentAction, type ActivityContentAttachment, type ActivityContentProps, type ActivityContentStyle, type ActivityContentVariant, ActivityItem, type ActivityItemLink, type ActivityItemProps, Alert, type AlertAction, type AlertProps, type AlertState, type AlertVariant, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarGroupSize, type AvatarProps, type AvatarSize, type AvatarStatus, type AvatarType, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeType, Banner, type BannerEmphasis, type BannerProps, type BannerSize, type BannerStatus, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSeparator, Button, type ButtonAppearance, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImagePosition, type CardImageProps, type CardProps, type CardRounded, type CardShadow, type CardSize, type CardVariant, type ChartType, Checkbox, type CheckboxProps, Chip, type ChipProps, Counter, type CounterProps, type CounterShape, type CounterSize, DatePicker, type DatePickerMode, type DatePickerProps, Divider, type DividerProps, type DividerVariant, type DropZoneState, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyStateIllustration, type EmptyStateIllustrationProps, FileUpload, FileUploadDropZone, type FileUploadDropZoneProps, type FileUploadFileData, FileUploadItem, type FileUploadItemProps, type FileUploadItemStatus, type FileUploadProps, Icon, IconName, type IconProps, type IconSize, IconVariant, type IllustrationName, Input, type InputProps, type InputSize, LinearStepper, type LinearStepperProps, MetricsCard, type MetricsCardCta, type MetricsCardProps, type MetricsCardStatusBadge, type MetricsCardTrend, type MetricsCardTrendBadge, type MetricsCardVariation, Modal, type ModalProps, type ModalSize, NumberCounter, type NumberCounterColor, type NumberCounterProps, type NumberCounterSize, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarType, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, type ProgressCircleStyle, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RaydenChart, type RaydenChartProps, type ResolvedTheme, SegmentedStepper, type SegmentedStepperProps, Select, SelectOption, type SelectOptionProps, type SelectProps, SidebarMenu, type SidebarMenuContextValue, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSection, type SidebarMenuSectionProps, SidebarMenuSub, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarMenuTheme, Slider, type SliderProps, type SliderSize, type SortDirection, Spinner, type SpinnerLabelPosition, type SpinnerProps, type SpinnerSize, type SpinnerStyle, type SpinnerType, type StepIndicator, type StepItem, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsSize, type TabsVariant, type Theme, ThemeProvider, type ThemeProviderProps, Toggle, type ToggleProps, Tooltip, type TooltipAction, type TooltipPosition, type TooltipProps, type TooltipTheme, type UseRaydenCheckboxReturn, type UseRaydenFormControlOptions, type UseRaydenInputOptions, type UseRaydenInputReturn, type UseRaydenRadioReturn, type UseRaydenSelectOptions, type UseRaydenSelectReturn, chartColors, chartFont, cn, createGradientFill, hexToRgba, illustrationNames, useRaydenCheckbox, useRaydenInput, useRaydenRadio, useRaydenSelect, useRaydenToggle, useResolvedTheme, useTheme };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, ActivityContent, type ActivityContentAction, type ActivityContentAttachment, type ActivityContentProps, type ActivityContentStyle, type ActivityContentVariant, ActivityItem, type ActivityItemLink, type ActivityItemProps, Alert, type AlertAction, type AlertProps, type AlertState, type AlertVariant, type AnchorSide, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarGroupSize, type AvatarProps, type AvatarSize, type AvatarStatus, type AvatarType, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeType, Banner, type BannerEmphasis, type BannerProps, type BannerSize, type BannerStatus, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSeparator, Button, type ButtonAppearance, type ButtonElement, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImagePosition, type CardImageProps, type CardProps, type CardRounded, type CardShadow, type CardSize, type CardVariant, Checkbox, type CheckboxProps, Chip, type ChipProps, Counter, type CounterProps, type CounterShape, type CounterSize, DatePicker, type DatePickerMode, type DatePickerProps, Divider, type DividerProps, type DividerVariant, type DropZoneState, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyStateIllustration, type EmptyStateIllustrationProps, FileUpload, FileUploadDropZone, type FileUploadDropZoneProps, type FileUploadFileData, FileUploadItem, type FileUploadItemProps, type FileUploadItemStatus, type FileUploadProps, Icon, IconName, type IconProps, IconRecord, type IconSize, type IconSource, IconVariant, IllustrationName, Input, type InputProps, type InputSize, LinearStepper, type LinearStepperProps, MetricsCard, type MetricsCardCta, type MetricsCardProps, type MetricsCardStatusBadge, type MetricsCardTrend, type MetricsCardTrendBadge, type MetricsCardTrendSentiment, type MetricsCardVariation, Modal, type ModalProps, type ModalSize, NumberCounter, type NumberCounterColor, type NumberCounterProps, type NumberCounterSize, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarType, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, type ProgressCircleStyle, Radio, type RadioProps, RangeSlider, type RangeSliderProps, type ResolvedTheme, SegmentedStepper, type SegmentedStepperProps, Select, SelectOption, type SelectOptionProps, type SelectProps, SidebarMenu, type SidebarMenuContextValue, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSection, type SidebarMenuSectionProps, SidebarMenuSub, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarMenuTheme, Slider, type SliderProps, type SliderSize, Spinner, type SpinnerLabelPosition, type SpinnerProps, type SpinnerSize, type SpinnerStyle, type SpinnerType, type StepIndicator, type StepItem, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Tab, type TabProps, Tabs, type TabsOrientation, type TabsProps, type TabsSize, type TabsVariant, type Theme, ThemeProvider, type ThemeProviderProps, Toggle, type ToggleProps, Tooltip, type TooltipAction, type TooltipPosition, type TooltipProps, type TooltipTheme, type UseRaydenCheckboxReturn, type UseRaydenFormControlOptions, type UseRaydenInputOptions, type UseRaydenInputReturn, type UseRaydenRadioReturn, type UseRaydenSelectOptions, type UseRaydenSelectReturn, cn, useCollisionAwareSide, useRaydenCheckbox, useRaydenInput, useRaydenRadio, useRaydenSelect, useRaydenToggle, useResolvedTheme, useTheme };