@dev-dga/react 0.11.0 → 0.12.0

package/dist/index.d.ts

@@ -2,18 +2,17 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Select as Select$1, Avatar as Avatar$1, Tooltip as Tooltip$1, Dialog, Tabs as Tabs$1, Accordion as Accordion$1, Progress as Progress$1, DropdownMenu as DropdownMenu$1, Slider as Slider$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Popover as Popover$1, ScrollArea as ScrollArea$1, Menubar as Menubar$1, Collapsible as Collapsible$1 } from 'radix-ui';
+import { Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Select as Select$1, Avatar as Avatar$1, Tooltip as Tooltip$1, Dialog, Tabs as Tabs$1, Accordion as Accordion$1, Progress as Progress$1, DropdownMenu as DropdownMenu$1, Slider as Slider$1, Toggle as Toggle$1, ToggleGroup, Popover as Popover$1, ScrollArea as ScrollArea$1, Menubar as Menubar$1, Collapsible as Collapsible$1 } from 'radix-ui';
 import { Command as Command$1 } from 'cmdk';
 import { DgaTheme } from '@dev-dga/tokens';
 export { DgaTheme, PaletteName, ThemeColor } from '@dev-dga/tokens';
 import { ClassValue } from 'clsx';
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | "destructive-outline" | "destructive-subtle" | "destructive-ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | null | undefined;
+    variant?: "primary" | "secondary" | "black" | "outline" | "ghost" | "destructive" | "destructive-outline" | "destructive-subtle" | "destructive-ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
     fullWidth?: boolean | null | undefined;
-    inverted?: boolean | null | undefined;
-    fab?: boolean | null | undefined;
+    onColor?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
     loading?: boolean;
@@ -38,40 +37,65 @@ interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeo
      */
     asChild?: boolean;
 }
-declare function Button({ variant, size, fullWidth, inverted, fab, loading, disabled, startIcon, endIcon, iconFlip, asChild, className, children, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ variant, size, fullWidth, onColor, loading, disabled, startIcon, endIcon, iconFlip, asChild, className, children, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+declare const textInputVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+    variant?: "default" | "filled-lighter" | "filled-darker" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {
+interface TextInputProps extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof textInputVariants> {
     /** Visible field label, auto-associated to the input via `htmlFor`/`id`. */
     label?: ReactNode;
     /** Hint shown below the field. Hidden while an error message is showing. */
     helperText?: ReactNode;
+    helperIcon?: ReactNode;
     /** Message shown below the field when `error` is true. */
     errorMessage?: ReactNode;
     /** Marks the field invalid: sets `aria-invalid` and error styling. */
     error?: boolean;
     /**
-     * Content rendered inside the field, before the input (icon or short text,
-     * e.g. a search glyph or `https://`). May be interactive , it is NOT
-     * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.
+     * Content rendered inside the field, before the input (icon, `TextInputAffix`,
+     * or short text). Not `aria-hidden` (may be interactive); mark
+     * purely-decorative icons `aria-hidden` yourself.
      */
     startAdornment?: ReactNode;
     /**
-     * Content rendered inside the field, after the input. Compose a clear
-     * button or password-reveal toggle here with `<Button size="icon-sm">`
-     * , the 28px in-field icon size that fits the field without overflow.
+     * Content rendered inside the field, after the input. Compose a clear button
+     * or password-reveal toggle here with `<Button size="icon-sm">`, the 28px
+     * in-field icon size that fits without overflow.
      */
     endAdornment?: ReactNode;
 }
-declare function Input({ id: externalId, label, helperText, errorMessage, error, size, required, startAdornment, endAdornment, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare function TextInput({ id: externalId, label, helperText, helperIcon, errorMessage, error, size, variant, required, startAdornment, endAdornment, className, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
+interface TextInputAffixProps extends React.ComponentProps<'span'> {
+    /** `solid` = the SDGA gray prefix/suffix chip; `subtle` = borderless text. */
+    variant?: 'solid' | 'subtle';
+}
+/**
+ * The SDGA in-field prefix/suffix (e.g. `https://`, `SAR`, a unit). Drop it in
+ * `startAdornment` / `endAdornment` — it renders the flush, full-height chip.
+ */
+declare function TextInputAffix({ variant, className, children, ...props }: TextInputAffixProps): react_jsx_runtime.JSX.Element;
+interface TextInputDropdownProps extends React.ComponentProps<'button'> {
+    /** `solid` = the SDGA gray dropdown chip; `subtle` = transparent. */
+    variant?: 'solid' | 'subtle';
+    /** Leading badge icon (e.g. `<BadgeCheck />`), sized 24/20 to the field. */
+    icon?: ReactNode;
+    /** Open/selected — paints the SDGA dark `#384250` chip + white text. */
+    selected?: boolean;
+}
+/**
+ * The SDGA in-field **Dropdown** prefix/suffix (the `_Input Prefix-Suffix`
+ * "Dropdown" type): a `<button>` trigger with a leading badge, a label and a
+ * trailing chevron. Drop it in `startAdornment` / `endAdornment` and wire
+ * `onClick` + `selected` (open state) to your menu / `Select`.
+ */
+declare function TextInputDropdown({ variant, icon, selected, className, children, type, ...props }: TextInputDropdownProps): react_jsx_runtime.JSX.Element;
 
 declare const textareaVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "filled-lighter" | "filled-darker" | null | undefined;
     error?: boolean | null | undefined;
-    resize?: "none" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends React.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
     /** Visible field label, auto-associated to the textarea via `htmlFor`/`id`. */
@@ -82,11 +106,14 @@ interface TextareaProps extends React.ComponentProps<'textarea'>, VariantProps<t
     errorMessage?: ReactNode;
     /** Marks the field invalid: sets `aria-invalid` and error styling. */
     error?: boolean;
+    /** Vertical resize handle (`none` locks it for fixed layouts). Horizontal/both omitted — they break form layout. */
+    resize?: 'vertical' | 'none';
 }
-declare function Textarea({ id: externalId, label, helperText, errorMessage, error, size, resize, required, rows, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+declare function Textarea({ id: externalId, label, helperText, errorMessage, error, variant, required, rows, resize, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
 
 declare const checkboxVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "xs" | null | undefined;
+    variant?: "neutral" | "primary" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CheckboxProps extends Omit<React.ComponentProps<typeof Checkbox$1.Root>, 'children'>, VariantProps<typeof checkboxVariants> {
@@ -98,16 +125,19 @@ interface CheckboxProps extends Omit<React.ComponentProps<typeof Checkbox$1.Root
     errorMessage?: ReactNode;
     /** Marks the field invalid: sets `aria-invalid` and error styling. */
     error?: boolean;
+    /** Locks the value: shows state but can't be toggled; stays focusable, sets `aria-readonly`. */
+    readOnly?: boolean;
 }
-declare function Checkbox({ id: externalId, label, helperText, errorMessage, error, size, required, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+declare function Checkbox({ id: externalId, label, helperText, errorMessage, error, size, variant, readOnly, required, className, onClick, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
 declare const radioGroupVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    variant?: "neutral" | "primary" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
     error?: boolean | null | undefined;
+    readOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const radioVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-interface RadioGroupProps extends Omit<React.ComponentProps<typeof RadioGroup$1.Root>, 'children' | 'orientation'>, Pick<VariantProps<typeof radioGroupVariants>, 'size' | 'orientation'> {
+interface RadioGroupProps extends Omit<React.ComponentProps<typeof RadioGroup$1.Root>, 'children' | 'orientation'>, Pick<VariantProps<typeof radioGroupVariants>, 'variant' | 'orientation'> {
     /** Group label, sits above the rows. Associated to the group via aria-labelledby. */
     label?: ReactNode;
     /** Hint shown below the group. Hidden while an error message is showing. */
@@ -116,6 +146,8 @@ interface RadioGroupProps extends Omit<React.ComponentProps<typeof RadioGroup$1.
     errorMessage?: ReactNode;
     /** Marks the group invalid: sets aria-invalid and applies error styling. */
     error?: boolean;
+    /** Locks the group: shows the value but can't be changed; stays focusable, sets aria-readonly. */
+    readOnly?: boolean;
     /** `<Radio>` children. */
     children: ReactNode;
 }
@@ -123,11 +155,10 @@ interface RadioProps extends Omit<React.ComponentProps<typeof RadioGroup$1.Item>
     /** Visible label for this radio, sits beside the circle, associated via htmlFor/id. */
     label?: ReactNode;
 }
-declare function RadioGroup({ id: externalId, label, helperText, errorMessage, error, size, orientation, required, className, children, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function RadioGroup({ id: externalId, label, helperText, errorMessage, error, variant, orientation, readOnly, required, className, children, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 declare function Radio({ id: externalId, label, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 
 declare const switchVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SwitchProps extends Omit<React.ComponentProps<typeof Switch$1.Root>, 'children'>, VariantProps<typeof switchVariants> {
@@ -140,7 +171,7 @@ interface SwitchProps extends Omit<React.ComponentProps<typeof Switch$1.Root>, '
     /** Marks the field invalid: sets `aria-invalid` and error styling. */
     error?: boolean;
 }
-declare function Switch({ id: externalId, label, helperText, errorMessage, error, size, required, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Switch({ id: externalId, label, helperText, errorMessage, error, required, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 declare const selectTriggerVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;
@@ -174,7 +205,7 @@ declare function Select({ id: externalId, label, helperText, errorMessage, error
 declare function SelectItem({ className, children, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
 
 declare const cardVariants: (props?: ({
-    variant?: "outline" | "ghost" | "default" | "elevated" | "filled" | "gradient" | null | undefined;
+    variant?: "outline" | "ghost" | "default" | "elevated" | "plain" | "filled" | "gradient" | null | undefined;
     padding?: "sm" | "md" | "lg" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
     interactive?: boolean | null | undefined;
@@ -182,10 +213,49 @@ declare const cardVariants: (props?: ({
 interface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {
     /** Render as the single child element instead of a `<div>` (see Button). */
     asChild?: boolean;
+    /**
+     * DGA Disabled state — mutes the surface (gray-200 bg / gray-400 text + icon)
+     * and marks the card `aria-disabled`. Suppresses Selectable toggling.
+     */
+    disabled?: boolean;
+    /**
+     * DGA Type=Selectable — the whole card becomes a checkbox (`role="checkbox"`,
+     * Space toggles) with a checkbox indicator at the top inline-end. Controlled
+     * via `selected` or uncontrolled via `defaultSelected`. Ignores `asChild`.
+     */
+    selectable?: boolean;
+    /** Controlled selected state (Selectable). */
+    selected?: boolean;
+    /** Uncontrolled initial selected state (Selectable). */
+    defaultSelected?: boolean;
+    /** Fires with the next selected value when the user toggles a Selectable card. */
+    onSelectedChange?: (selected: boolean) => void;
+    /**
+     * DGA Type=Expandable — renders a chevron toggle (icon-only Subtle button) at
+     * the bottom inline-end that shows/hides a `<CardExpandableContent>` region.
+     * Controlled via `expanded` or uncontrolled via `defaultExpanded`.
+     */
+    expandable?: boolean;
+    /** Controlled expanded state (Expandable). */
+    expanded?: boolean;
+    /** Uncontrolled initial expanded state (Expandable). */
+    defaultExpanded?: boolean;
+    /** Fires with the next expanded value when the user toggles an Expandable card. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Accessible label for the expand/collapse toggle. Default `'Toggle details'`. */
+    expandLabel?: string;
 }
 type CardSectionProps = React.ComponentProps<'div'> & {
     asChild?: boolean;
 };
+type CardIconProps = CardSectionProps & {
+    /**
+     * Render the DGA Platforms Code "Featured Icon" treatment — a 48px brand-light
+     * circle around the glyph (vs the bare inline icon). Pair with the SDGA Card
+     * pattern (featured icon → title → content → footer).
+     */
+    featured?: boolean;
+};
 interface CardTitleProps extends React.ComponentProps<'h3'> {
     /** Override the heading element (e.g. render an `<h2>` or `<a>`). */
     asChild?: boolean;
@@ -201,36 +271,33 @@ interface CardImageProps extends React.ComponentProps<'img'> {
      */
     aspectRatio?: string;
 }
-declare function Card({ variant, padding, orientation, interactive, asChild, className, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ variant, padding, orientation, interactive, asChild, disabled, selectable, selected, defaultSelected, onSelectedChange, expandable, expanded, defaultExpanded, onExpandedChange, expandLabel, className, children, onClick, onKeyDown, ...props }: CardProps): react_jsx_runtime.JSX.Element;
 declare function CardImage({ aspectRatio, className, style, ...props }: CardImageProps): react_jsx_runtime.JSX.Element;
 declare function CardHeader({ asChild, className, ...props }: CardSectionProps): react_jsx_runtime.JSX.Element;
-declare function CardIcon({ asChild, className, ...props }: CardSectionProps): react_jsx_runtime.JSX.Element;
+declare function CardIcon({ asChild, featured, className, ...props }: CardIconProps): react_jsx_runtime.JSX.Element;
 declare function CardTitle({ asChild, className, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
 declare function CardDescription({ asChild, className, ...props }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
 declare function CardContent({ asChild, className, ...props }: CardSectionProps): react_jsx_runtime.JSX.Element;
 declare function CardFooter({ asChild, className, ...props }: CardSectionProps): react_jsx_runtime.JSX.Element;
+declare function CardExpandableContent({ asChild, className, ...props }: CardSectionProps): react_jsx_runtime.JSX.Element;
 
-declare const badgeVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "destructive" | "destructive-subtle" | "default" | "success" | "warning" | "info" | "primary-subtle" | "secondary-subtle" | "success-subtle" | "warning-subtle" | "info-subtle" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
+declare const tagVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "destructive" | "destructive-subtle" | "default" | "success" | "warning" | "info" | "primary-subtle" | "secondary-subtle" | "success-subtle" | "warning-subtle" | "info-subtle" | "on-color" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "pill" | "squared" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    outlined?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
+interface TagProps extends React.ComponentProps<'span'>, VariantProps<typeof tagVariants> {
     /** Render as the single child element instead of a `<span>` (see Button). */
     asChild?: boolean;
-    /**
-     * Render a leading status dot. The dot inherits its color from `currentColor`
-     * so it tracks the badge's tone (subtle variants get a dark dot, solid get a
-     * white dot). Pair with `*-subtle` variants for the classic status pill.
-     * Coexists with `startIcon` — the dot lands first.
-     */
-    dot?: boolean;
-    /** Icon rendered before the badge text. Sized to the badge font (0.875em). */
+    /** Icon rendered before the tag text. Sized to the tag font (0.875em). */
     startIcon?: ReactNode;
-    /** Icon rendered after the badge text. Sized to the badge font (0.875em). */
+    /** Icon rendered after the tag text. Sized to the tag font (0.875em). */
     endIcon?: ReactNode;
     /**
-     * Render a trailing close button — turns the badge into the DGA "tag/chip"
-     * pattern. Uncontrolled by default: the badge hides itself when the close
+     * Render a trailing close button — turns the tag into the DGA "tag/chip"
+     * pattern. Uncontrolled by default: the tag hides itself when the close
      * button is clicked. Pass `open` to control visibility yourself.
      *
      * Not combinable with `asChild` — the consumer's slotted element (usually an
@@ -246,13 +313,29 @@ interface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof b
     /** Accessible label on the close button. Defaults to `"Dismiss"`. Override for i18n. */
     closeLabel?: string;
 }
-declare function Badge({ variant, size, asChild, dot, startIcon, endIcon, dismissible, open, onDismiss, closeLabel, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element | null;
+declare function Tag({ variant, size, shape, iconOnly, outlined, asChild, startIcon, endIcon, dismissible, open, onDismiss, closeLabel, className, children, ...props }: TagProps): react_jsx_runtime.JSX.Element | null;
+
+declare const statusTagVariants: (props?: ({
+    tone?: "neutral" | "error" | "success" | "warning" | "info" | null | undefined;
+    status?: "ghost" | "subtle" | "inverted" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StatusTagProps extends React.ComponentProps<'span'>, VariantProps<typeof statusTagVariants> {
+}
+declare function StatusTag({ tone, status, size, className, children, ...props }: StatusTagProps): react_jsx_runtime.JSX.Element;
 
 declare const dividerVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    variant?: "dashed" | "solid" | null | undefined;
+    variant?: "solid" | "dashed" | null | undefined;
+    tone?: "neutral" | "primary" | "white" | "alpha-white" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface DividerProps extends Omit<React.ComponentProps<'div'>, 'role'>, VariantProps<typeof dividerVariants> {
+    /**
+     * SDGA Color axis. `neutral` (gray-300, default) · `primary` (SA green) ·
+     * `alpha-white` (30% white) · `white`. The white tones are fixed for use on
+     * colored / dark surfaces. Override per-instance via `--ddga-divider-color`.
+     */
+    tone?: 'neutral' | 'primary' | 'alpha-white' | 'white';
     /**
      * Optional label rendered inside a horizontal divider. Ignored when
      * `orientation="vertical"`. When set, the divider renders as a three-part
@@ -270,10 +353,10 @@ interface DividerProps extends Omit<React.ComponentProps<'div'>, 'role'>, Varian
      */
     decorative?: boolean;
 }
-declare function Divider({ orientation, variant, labelPosition, decorative, className, children, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
+declare function Divider({ orientation, variant, tone, labelPosition, decorative, className, children, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
 
 declare const avatarVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "3xl" | null | undefined;
     shape?: "square" | "circle" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const fallbackVariants: (props?: ({
@@ -306,83 +389,100 @@ interface AvatarGroupProps extends React.ComponentProps<'div'> {
     size?: VariantProps<typeof avatarVariants>['size'];
     /** Shape cascaded to each child Avatar that doesn't already set its own shape. */
     shape?: VariantProps<typeof avatarVariants>['shape'];
+    /** Accessible label for the "+N" overflow chip. Defaults to `"N more"` — pass a
+     *  localized builder for non-English UIs. */
+    overflowLabel?: (count: number) => string;
 }
 declare function Avatar({ size, shape, status, statusLabel, className, children, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 declare function AvatarImage({ className, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
 declare function AvatarFallback({ colorScheme, className, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
-declare function AvatarGroup({ max, size, shape, className, children, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+declare function AvatarGroup({ max, size, shape, overflowLabel, className, children, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
 
 declare const tooltipContentVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    inverted?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TooltipProps = React.ComponentProps<typeof Tooltip$1.Root>;
 type TooltipTriggerProps = React.ComponentProps<typeof Tooltip$1.Trigger>;
-interface TooltipContentProps extends Omit<React.ComponentProps<typeof Tooltip$1.Content>, 'asChild'>, VariantProps<typeof tooltipContentVariants> {
-    /** Show a small arrow pointing at the trigger. Defaults to true. */
+interface TooltipContentProps extends Omit<React.ComponentProps<typeof Tooltip$1.Content>, 'asChild' | 'title'>, VariantProps<typeof tooltipContentVariants> {
+    /** Dark surface (gray-800) instead of the default light card. Mirrors SDGA `Inverted`. */
+    inverted?: boolean;
+    /** Bold heading shown above the body text. */
+    title?: ReactNode;
+    /** Leading help badge: `true` renders the SDGA "?" help-circle, or pass your own node. */
+    icon?: boolean | ReactNode;
+    /** Show the beak pointing at the trigger. Defaults to true. */
     arrow?: boolean;
 }
 /**
- * Tooltip root. **Must be rendered inside `<DgaProvider>`** — the provider
- * supplies the Radix `TooltipProvider` this depends on (and the themed portal
- * container). There is no need to add your own `TooltipProvider`; used outside
- * a `DgaProvider` the tooltip will not work.
+ * Tooltip root. **Must be rendered inside `<DgaProvider>`** — the provider supplies
+ * the Radix `TooltipProvider` this depends on (and the themed portal container). Used
+ * outside a `DgaProvider` the tooltip will not work.
  */
 declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 declare function TooltipTrigger({ className, ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
-declare function TooltipContent({ size, arrow, sideOffset, className, children, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ inverted, title, icon, arrow, sideOffset, className, children, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
+interface HelpIconProps extends Pick<TooltipProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'>, Pick<TooltipContentProps, 'inverted' | 'title' | 'side' | 'align' | 'sideOffset' | 'arrow'> {
+    /** Accessible name for the help trigger (the icon has no text). */
+    label: string;
+    /** Tooltip body text. */
+    children: ReactNode;
+    /** Class on the trigger button. */
+    className?: string;
+}
+/**
+ * SDGA "Help Icon" — a 20px "?" help-circle button that reveals its Tooltip on
+ * hover/focus. The bubble carries the same leading "?" badge as in SDGA.
+ */
+declare function HelpIcon({ label, children, title, inverted, open, defaultOpen, onOpenChange, delayDuration, side, align, sideOffset, arrow, className, }: HelpIconProps): react_jsx_runtime.JSX.Element;
 
-declare const alertVariants: (props?: ({
-    variant?: "destructive" | "success" | "warning" | "info" | null | undefined;
+declare const inlineAlertVariants: (props?: ({
+    type?: "neutral" | "destructive" | "success" | "warning" | "info" | null | undefined;
+    appearance?: "color" | "white" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AlertProps extends Omit<React.ComponentProps<'div'>, 'role'>, VariantProps<typeof alertVariants> {
-    /** Render as the single child element instead of a `<div>`. */
-    asChild?: boolean;
+interface InlineAlertProps extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof inlineAlertVariants> {
+    /** Lead text, shown semibold — the alert's headline. */
+    title: ReactNode;
     /**
-     * Custom leading icon. Pass `false` to hide the icon entirely. Defaults to
-     * a variant-appropriate icon (Info / Check / AlertTriangle / AlertCircle).
+     * Featured leading icon. Pass `false` to hide it. Defaults to the SDGA glyph
+     * for the type (help-circle for neutral/info/destructive, triangle for warning,
+     * check for success).
      */
     icon?: ReactNode | false;
     /**
-     * Show a trailing close button. The alert manages its own visibility — pass
-     * `onDismiss` to be notified, or set `open` to control visibility yourself.
+     * Action buttons row — pass `InlineAlertAction`s. On narrow widths they stack
+     * full-width and the first one renders as the filled primary.
      */
-    dismissible?: boolean;
-    /** Controlled visibility. Pair with `onDismiss` to react. */
+    actions?: ReactNode;
+    /** Provide to render the trailing close button and make the alert dismissible. */
+    onClose?: () => void;
+    /** Controlled visibility. Pair with `onClose` to own the state yourself. */
     open?: boolean;
-    /** Fires when the user clicks the close button. */
-    onDismiss?: () => void;
+    /** Localized close-button label. Defaults to `"Dismiss"`. */
+    closeLabel?: string;
     /**
-     * Wire the alert into the a11y tree as a live region. `polite` announces on
-     * the next graceful opportunity (use for success/info banners). `assertive`
-     * interrupts the user (reserve for destructive/error states that block the
-     * task). Omit for static / decorative banners.
+     * Wire the alert into the a11y tree as a live region. `polite` (role=status)
+     * announces gracefully; `assertive` (role=alert) interrupts. Omit for static banners.
      */
     live?: 'polite' | 'assertive';
-    /** Localized label for the close button. Defaults to `"Dismiss"`. */
-    closeLabel?: string;
 }
-interface AlertTitleProps extends React.ComponentProps<'h5'> {
-    /** Override the heading element (e.g. render an `<h3>`). */
+interface InlineAlertActionProps extends React.ComponentProps<'button'> {
+    /** Render as the single child (e.g. a router `<Link>`) instead of a `<button>`. */
     asChild?: boolean;
 }
-type AlertDescriptionProps = React.ComponentProps<'p'> & {
-    asChild?: boolean;
-};
-declare function Alert({ variant, asChild, icon, dismissible, open: controlledOpen, onDismiss, live, closeLabel, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element | null;
-declare function AlertTitle({ asChild, className, ...props }: AlertTitleProps): react_jsx_runtime.JSX.Element;
-declare function AlertDescription({ asChild, className, ...props }: AlertDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function InlineAlert({ type, appearance, title, icon, actions, onClose, open: controlledOpen, closeLabel, live, className, children, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element | null;
+declare function InlineAlertAction({ asChild, className, type, ...props }: InlineAlertActionProps): react_jsx_runtime.JSX.Element;
 
 declare const modalContentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    size?: "default" | "full" | null | undefined;
+    centered?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ModalProps = React.ComponentProps<typeof Dialog.Root>;
 type ModalTriggerProps = React.ComponentProps<typeof Dialog.Trigger>;
 type ModalCloseProps = React.ComponentProps<typeof Dialog.Close>;
 interface ModalContentProps extends React.ComponentProps<typeof Dialog.Content>, VariantProps<typeof modalContentVariants> {
     /**
-     * Render a corner X close button. Defaults to `true`. Set `false` for
-     * action-forcing dialogs (e.g. "Are you sure?") where the user must pick
-     * one of the explicit footer buttons.
+     * Render the corner X close button. Defaults to `true`. Set `false` for
+     * action-forcing dialogs where the user must pick a footer action.
      */
     showCloseButton?: boolean;
     /** Localized label for the close button. Defaults to `"Close"`. */
@@ -391,6 +491,10 @@ interface ModalContentProps extends React.ComponentProps<typeof Dialog.Content>,
 type ModalSectionProps = React.ComponentProps<'div'> & {
     asChild?: boolean;
 };
+interface ModalHeaderProps extends ModalSectionProps {
+    /** Optional featured icon shown above the title in a 40px SDGA disc. */
+    icon?: React.ReactNode;
+}
 interface ModalTitleProps extends React.ComponentProps<typeof Dialog.Title> {
     /** Override the heading element (e.g. render an `<h3>` instead of the default `<h2>`). */
     asChild?: boolean;
@@ -401,8 +505,8 @@ interface ModalDescriptionProps extends React.ComponentProps<typeof Dialog.Descr
 }
 declare function Modal(props: ModalProps): react_jsx_runtime.JSX.Element;
 declare function ModalTrigger({ className, ...props }: ModalTriggerProps): react_jsx_runtime.JSX.Element;
-declare function ModalContent({ size, showCloseButton, closeLabel, className, children, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
-declare function ModalHeader({ asChild, className, ...props }: ModalSectionProps): react_jsx_runtime.JSX.Element;
+declare function ModalContent({ size, centered, showCloseButton, closeLabel, className, children, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
+declare function ModalHeader({ asChild, icon, className, children, ...props }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
 declare function ModalTitle({ asChild, className, ...props }: ModalTitleProps): react_jsx_runtime.JSX.Element;
 declare function ModalDescription({ asChild, className, ...props }: ModalDescriptionProps): react_jsx_runtime.JSX.Element;
 declare function ModalBody({ asChild, className, ...props }: ModalSectionProps): react_jsx_runtime.JSX.Element;
@@ -425,9 +529,12 @@ interface ToastData {
     title?: ReactNode;
     description?: ReactNode;
     variant: ToastVariant;
-    /** ms; `0` (or `Infinity`) means no auto-dismiss. Defaults handled by Toaster. */
+    /** ms; `0` (or `Infinity`) means no auto-dismiss. Defaults handled by NotificationToast. */
     duration?: number;
+    /** Primary action button. */
     action?: ToastAction;
+    /** Optional second action button (SDGA renders up to two). */
+    secondaryAction?: ToastAction;
     /** Controlled by Radix Toast (true while visible; false plays exit anim). */
     open: boolean;
     /** Fires when the toast leaves the DOM (after exit anim). */
@@ -438,17 +545,20 @@ interface ToastOptions {
     title?: ReactNode;
     description?: ReactNode;
     duration?: number;
+    /** Primary action button. */
     action?: ToastAction;
+    /** Optional second action button (SDGA renders up to two). */
+    secondaryAction?: ToastAction;
     onDismiss?: () => void;
 }
 type Listener = () => void;
-/** Public store shape. `<Toaster store={…} />` accepts this, and
+/** Public store shape. `<NotificationToast store={…} />` accepts this, and
  *  `createToast(store)` returns a scoped `toast()` bound to it. */
 interface ToastStore {
     subscribe(listener: Listener): () => void;
     getSnapshot(): ToastData[];
     add(variant: ToastVariant, message: ReactNode, options?: ToastOptions): string;
-    dismiss(id?: string): void;
+    dismiss(id: string): void;
     remove(id: string): void;
     /** Test-only / story-only: hard reset. */
     __reset(): void;
@@ -464,31 +574,31 @@ interface ToastFn {
     error: (message: ReactNode, options?: ToastOptions) => string;
     /** Alias for `error` — matches the variant name used everywhere else in the library. */
     destructive: (message: ReactNode, options?: ToastOptions) => string;
-    /** Dismiss a specific toast by id, or all when called with no args. */
-    dismiss: (id?: string) => void;
+    /** Dismiss a specific toast by id. */
+    dismiss: (id: string) => void;
 }
 /** Bind an imperative `toast()` callable to a specific store. */
 declare function createToast(store: ToastStore): ToastFn;
 /** Default singleton `toast()` — bound to the module-level `toastStore`. */
 declare const toast: ToastFn;
 
-declare const toastVariants: (props?: ({
+declare const notificationToastVariants: (props?: ({
     variant?: "destructive" | "default" | "success" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const toastViewportVariants: (props?: ({
+declare const notificationToastViewportVariants: (props?: ({
     position?: "top-start" | "top-center" | "top-end" | "bottom-start" | "bottom-center" | "bottom-end" | null | undefined;
     containerized?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ToastPosition = NonNullable<VariantProps<typeof toastViewportVariants>['position']>;
-interface ToasterProps {
+type ToastPosition = NonNullable<VariantProps<typeof notificationToastViewportVariants>['position']>;
+interface NotificationToastProps {
     /** Where toasts stack. Logical: start/end flip in RTL. Default `bottom-end`. */
     position?: ToastPosition;
     /**
      * Pin the viewport to a positioned ancestor (via `position: absolute`)
      * instead of the browser viewport (`position: fixed`). Set this for
-     * Storybook stories, embedded widgets, and any layout where the Toaster
+     * Storybook stories, embedded widgets, and any layout where the NotificationToast
      * should stay within a parent box. Caller is responsible for placing the
-     * Toaster inside an element with `position: relative` (or other positioned
+     * NotificationToast inside an element with `position: relative` (or other positioned
      * containing block).
      */
     containerized?: boolean;
@@ -505,26 +615,34 @@ interface ToasterProps {
     /** Override swipe direction. Defaults based on `position`. */
     swipeDirection?: 'up' | 'down' | 'left' | 'right';
     /**
-     * The toast store this Toaster subscribes to. Defaults to the module-level
+     * The toast store this NotificationToast subscribes to. Defaults to the module-level
      * singleton so the bare `toast()` API works without setup. Pass an isolated
      * store (created via `createToastStore()` + `createToast(store)`) when you
-     * need multiple independent Toasters on the same page — common in
+     * need multiple independent NotificationToasts on the same page — common in
      * Storybook, docs sites, and embedded widgets.
      */
     store?: ToastStore;
 }
-declare function Toaster({ position, containerized, duration, closeButton, closeLabel, hideIcon, className, swipeDirection, store, }: ToasterProps): react_jsx_runtime.JSX.Element;
+declare function NotificationToast({ position, containerized, duration, closeButton, closeLabel, hideIcon, className, swipeDirection, store, }: NotificationToastProps): react_jsx_runtime.JSX.Element;
 
 declare const tabsVariants: (props?: ({
-    variant?: "line" | "pill" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const tabsListVariants: (props?: ({
     fullWidth?: boolean | null | undefined;
+    flush?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TabsProps extends React.ComponentProps<typeof Tabs$1.Root>, VariantProps<typeof tabsVariants> {
 }
 interface TabsListProps extends React.ComponentProps<typeof Tabs$1.List>, VariantProps<typeof tabsListVariants> {
+    /**
+     * Collapse tabs that don't fit into a trailing "More" overflow menu (SDGA
+     * "More Tab"). Horizontal lists only — the list fills its container's inline
+     * size and pushes the overflow trigger to the trailing edge.
+     */
+    overflow?: boolean;
+    /** Accessible name for the overflow trigger when `overflow` is set. */
+    moreLabel?: string;
 }
 interface TabsTriggerProps extends React.ComponentProps<typeof Tabs$1.Trigger> {
     /**
@@ -537,8 +655,8 @@ interface TabsTriggerProps extends React.ComponentProps<typeof Tabs$1.Trigger> {
     endIcon?: ReactNode;
 }
 type TabsContentProps = React.ComponentProps<typeof Tabs$1.Content>;
-declare function Tabs({ variant, size, className, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
-declare function TabsList({ fullWidth, className, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ size, className, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function TabsList({ overflow, fullWidth, flush, moreLabel, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
 declare function TabsTrigger({ className, startIcon, endIcon, children, asChild, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
 declare function TabsContent({ className, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element;
 
@@ -567,6 +685,7 @@ interface BreadcrumbSeparatorProps extends React.ComponentProps<'li'> {
     children?: React.ReactNode;
 }
 type BreadcrumbEllipsisProps = React.ComponentProps<'span'>;
+type BreadcrumbEllipsisTriggerProps = React.ComponentProps<'button'>;
 declare function Breadcrumb({ size, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
@@ -574,9 +693,10 @@ declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLink
 declare function BreadcrumbPage({ asChild, className, ...props }: BreadcrumbPageProps): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsisTrigger({ className, children, ...props }: BreadcrumbEllipsisTriggerProps): react_jsx_runtime.JSX.Element;
 
 declare const paginationVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const paginationLinkVariants: (props?: ({
     isActive?: boolean | null | undefined;
@@ -589,32 +709,33 @@ interface PaginationLinkProps extends Omit<React.ComponentProps<'a'>, 'aria-curr
     /** Render as the consumer element (e.g., router Link) via Radix Slot. */
     asChild?: boolean;
 }
-type PaginationPreviousProps = Omit<PaginationLinkProps, 'isActive'> & {
+type PaginationNavProps = Omit<PaginationLinkProps, 'isActive'> & {
     /**
-     * Visible + accessible label for the previous-page link. Defaults to
-     * `"Previous"`. Pass a translated string for non-English UIs — the value is
-     * also used for `aria-label`, so a localized string is required for a11y.
+     * Accessible label for the icon-only button — also drives `aria-label` (the
+     * arrow has no visible text). Pass a translated string for non-English UIs.
      * Ignored when `asChild` + consumer-provided `children` are used.
      */
     label?: string;
 };
-type PaginationNextProps = Omit<PaginationLinkProps, 'isActive'> & {
-    /**
-     * Visible + accessible label for the next-page link. Defaults to `"Next"`.
-     * Pass a translated string for non-English UIs — the value is also used
-     * for `aria-label`, so a localized string is required for a11y. Ignored
-     * when `asChild` + consumer-provided `children` are used.
-     */
-    label?: string;
-};
 type PaginationEllipsisProps = React.ComponentProps<'span'>;
+interface PaginationOverflowProps extends Omit<React.ComponentProps<'button'>, 'onSelect'> {
+    /** The collapsed page numbers to list in the jump-to-page menu. */
+    pages: number[];
+    /** Current page — marked with `aria-current` + a trailing check. */
+    current?: number;
+    /** Called with the chosen page number. */
+    onSelect: (page: number) => void;
+    /** Accessible label for the trigger. Defaults to `"More pages"`. */
+    label?: string;
+}
 declare function Pagination({ size, className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
 declare function PaginationContent({ className, ...props }: PaginationContentProps): react_jsx_runtime.JSX.Element;
 declare function PaginationItem({ className, ...props }: PaginationItemProps): react_jsx_runtime.JSX.Element;
-declare function PaginationLink({ asChild, isActive, className, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
-declare function PaginationPrevious({ label, className, children, asChild, ...props }: PaginationPreviousProps): react_jsx_runtime.JSX.Element;
-declare function PaginationNext({ label, className, children, asChild, ...props }: PaginationNextProps): react_jsx_runtime.JSX.Element;
+declare function PaginationLink({ asChild, isActive, className, tabIndex, 'aria-disabled': ariaDisabled, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationPrevious({ label, className, children, asChild, ...props }: PaginationNavProps): react_jsx_runtime.JSX.Element;
+declare function PaginationNext({ label, className, children, asChild, ...props }: PaginationNavProps): react_jsx_runtime.JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
+declare function PaginationOverflow({ pages, current, onSelect, label, className, ...rest }: PaginationOverflowProps): react_jsx_runtime.JSX.Element;
 
 type PaginationSlot = number | 'ellipsis';
 interface PaginationRangeOptions {
@@ -643,48 +764,53 @@ interface PaginationRangeOptions {
 declare function paginationRange(page: number, count: number, options?: PaginationRangeOptions): PaginationSlot[];
 
 declare const accordionVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    iconAlign?: "trailing" | "leading" | null | undefined;
+    flush?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type AccordionRootProps = React.ComponentProps<typeof Accordion$1.Root>;
 type AccordionProps = AccordionRootProps & VariantProps<typeof accordionVariants>;
 type AccordionItemProps = React.ComponentProps<typeof Accordion$1.Item>;
-type AccordionTriggerProps = React.ComponentProps<typeof Accordion$1.Trigger>;
+type AccordionTriggerProps = Omit<React.ComponentProps<typeof Accordion$1.Trigger>, 'asChild'>;
 type AccordionContentProps = React.ComponentProps<typeof Accordion$1.Content>;
-declare function Accordion({ size, className, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function Accordion({ size, iconAlign, flush, className, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
 declare function AccordionItem({ className, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
 declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: AccordionContentProps): react_jsx_runtime.JSX.Element;
 
-declare const stepsVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+declare const progressIndicatorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
+    appearance?: "dot" | "circles" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type StepState = 'completed' | 'current' | 'upcoming';
 declare const stepVariants: (props?: ({
     state?: "current" | "completed" | "upcoming" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface StepsProps extends React.ComponentProps<'ol'>, VariantProps<typeof stepsVariants> {
+interface ProgressIndicatorProps extends React.ComponentProps<'ol'>, VariantProps<typeof progressIndicatorVariants> {
 }
 interface StepProps extends Omit<React.ComponentProps<'li'>, 'aria-current'>, VariantProps<typeof stepVariants> {
 }
 interface StepIndicatorProps extends React.ComponentProps<'span'> {
     /**
-     * The 1-based step number to render when the step is `current` or
-     * `upcoming`. Ignored when the step is `completed` — the indicator shows
-     * a check icon instead.
+     * The 1-based step number to render. Shown for `current` and `upcoming`
+     * steps, and for `completed` steps in the `dot` appearance. Ignored for a
+     * `completed` step in the `circles` appearance — it shows a check instead.
      */
     step?: number | string;
 }
+type StepContentProps = React.ComponentProps<'div'>;
 type StepTitleProps = React.ComponentProps<'span'>;
 type StepDescriptionProps = React.ComponentProps<'span'>;
-declare function Steps({ size, orientation, className, ...props }: StepsProps): react_jsx_runtime.JSX.Element;
+declare function ProgressIndicator({ orientation, appearance, className, ...props }: ProgressIndicatorProps): react_jsx_runtime.JSX.Element;
 declare function Step({ state, className, ...props }: StepProps): react_jsx_runtime.JSX.Element;
 declare function StepIndicator({ step, className, ...props }: StepIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function StepContent({ className, ...props }: StepContentProps): react_jsx_runtime.JSX.Element;
 declare function StepTitle({ className, ...props }: StepTitleProps): react_jsx_runtime.JSX.Element;
 declare function StepDescription({ className, ...props }: StepDescriptionProps): react_jsx_runtime.JSX.Element;
 
 declare const spinnerVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    tone?: "neutral" | "primary" | "onColor" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SpinnerProps = Omit<React.SVGProps<SVGSVGElement>, 'children'> & VariantProps<typeof spinnerVariants> & {
     /**
@@ -694,21 +820,21 @@ type SpinnerProps = Omit<React.SVGProps<SVGSVGElement>, 'children'> & VariantPro
      */
     'aria-label'?: string;
 };
-declare function Spinner({ size, className, 'aria-label': ariaLabel, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+declare function Spinner({ size, tone, className, 'aria-label': ariaLabel, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
 
 declare const skeletonVariants: (props?: ({
-    shape?: "text" | "circle" | "rectangle" | null | undefined;
-    animation?: "none" | "pulse" | "wave" | null | undefined;
+    shape?: "square" | "text" | "circle" | "rectangle" | null | undefined;
+    animation?: "none" | "shimmer" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SkeletonProps extends React.ComponentProps<'div'>, VariantProps<typeof skeletonVariants> {
     /**
      * Inline width override (any valid CSS length, e.g. `"60%"`, `200`, `"4rem"`).
-     * Defaults: `text` → `100%`, `circle`/`rectangle` → `40px` (CSS-controlled).
+     * Defaults: `text` → `100%`; `rectangle` → `100%`; `circle`/`square` → `40px`.
      */
     width?: number | string;
     /**
-     * Inline height override. Defaults: `text` → `1em` so it tracks the surrounding
-     * line height; `rectangle` → `40px`; `circle` → matches `width` to stay round.
+     * Inline height override. Defaults: `text` → `1em` (tracks line-height, ≈ SDGA Line 22/14);
+     * `rectangle` → `40px` (= SDGA Large); `circle`/`square` → matches `width` (aspect-ratio 1).
      */
     height?: number | string;
 }
@@ -716,69 +842,63 @@ declare function Skeleton({ shape, animation, width, height, className, style, .
 
 declare const progressVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    color?: "primary" | "destructive" | "success" | "warning" | null | undefined;
+    variant?: "neutral" | "primary" | null | undefined;
+    state?: "error" | "normal" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const circularProgressVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    color?: "primary" | "destructive" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    variant?: "neutral" | "primary" | null | undefined;
+    state?: "error" | "normal" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+type ProgressState = 'normal' | 'success' | 'error';
 type ProgressOwnProps = VariantProps<typeof progressVariants> & {
-    /**
-     * Current progress. `null` (or omitted) renders the indeterminate animation.
-     * Otherwise clamp yourself to `[0, max]` — Radix Progress assumes the value
-     * is in range.
-     */
+    /** Current progress. `null`/omitted renders the indeterminate slide. Clamp to `[0, max]` yourself. */
     value?: number | null;
     /** Maximum value. Defaults to 100. */
     max?: number;
-    /**
-     * Accessible label for the progressbar. Required for assistive tech —
-     * Radix logs a warning if neither `aria-label` nor `aria-labelledby` is set.
-     */
+    state?: ProgressState;
+    label?: React.ReactNode;
+    required?: boolean;
+    helperText?: React.ReactNode;
+    showValue?: boolean;
     'aria-label'?: string;
     'aria-labelledby'?: string;
 };
-type ProgressProps = ProgressOwnProps & Omit<React.ComponentProps<typeof Progress$1.Root>, keyof ProgressOwnProps>;
-declare function Progress({ value, max, size, color, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
+type ProgressProps = ProgressOwnProps & Omit<React.ComponentProps<typeof Progress$1.Root>, keyof ProgressOwnProps | 'asChild'>;
+declare function Progress({ value, max, size, variant, state, label, required, helperText, showValue, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
 type CircularProgressOwnProps = VariantProps<typeof circularProgressVariants> & {
     value?: number | null;
     max?: number;
-    /** Stroke width in px. Defaults to 4 (sm) / 5 (md) / 6 (lg). */
+    state?: ProgressState;
     thickness?: number;
-    /**
-     * Render the ring as `segments` discrete arcs (a radial stepper) instead of a
-     * continuous arc. Pass an integer `>= 2`; values below that fall back to the
-     * continuous ring. The number of filled segments is `round(pct × segments)`,
-     * so `value={3} max={5} segments={5}` fills 3. Segmented mode is determinate —
-     * a `null` value renders 0 filled (no spinner).
-     */
     segments?: number;
-    /** Render the label inside the ring (`%`, or `filled/segments` when segmented). */
     showLabel?: boolean;
+    description?: React.ReactNode;
     'aria-label'?: string;
     'aria-labelledby'?: string;
 };
 type CircularProgressProps = CircularProgressOwnProps & Omit<React.ComponentProps<'div'>, keyof CircularProgressOwnProps>;
-declare function CircularProgress({ value, max, size, color, thickness, segments, showLabel, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
+declare function CircularProgress({ value, max, size, variant, state, thickness, segments, showLabel, description, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
 
-declare const dropdownMenuVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dropdownMenuVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
 declare function DropdownMenu(props: DropdownMenuProps): react_jsx_runtime.JSX.Element;
 type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenu$1.Trigger>;
-declare function DropdownMenuTrigger(props: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
-type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenu$1.Content> & VariantProps<typeof dropdownMenuVariants>;
-declare function DropdownMenuContent({ size, className, sideOffset, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ ref, ...props }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenu$1.Content>;
+declare function DropdownMenuContent({ className, sideOffset, onCloseAutoFocus, onPointerDownOutside, onFocusOutside, onKeyDownCapture, onPointerDownCapture, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element;
 type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenu$1.Item> & {
-    /** Style as a destructive action (red text, red hover). */
+    /** Style as a destructive action (red text, red hover). House extension — not in SDGA Menu. */
     destructive?: boolean;
-    /** Icon rendered before the label. Sized to 1em. */
+    /** Icon rendered before the label, sized to SDGA's 24px. */
     startIcon?: ReactNode;
-    /** Trailing text shown muted, e.g. a keyboard shortcut hint ("⌘K"). */
-    shortcut?: ReactNode;
+    /** Trailing element (SDGA "trail"): a counter, icon, `<Tag>`, `<Switch>`, or `<Button>`.
+     *  Interactive trailing content must `stopPropagation()` on its own click (or set
+     *  `onSelect={(e) => e.preventDefault()}` on this item) — otherwise the click bubbles
+     *  to the row and closes the menu. */
+    trailing?: ReactNode;
 };
-declare function DropdownMenuItem({ className, destructive, startIcon, shortcut, children, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, destructive, startIcon, trailing, children, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
 type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>;
 declare function DropdownMenuCheckboxItem({ className, children, onSelect, ...props }: DropdownMenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
 type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenu$1.RadioGroup>;
@@ -797,8 +917,8 @@ type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenu$1.Su
     startIcon?: ReactNode;
 };
 declare function DropdownMenuSubTrigger({ className, startIcon, children, ...props }: DropdownMenuSubTriggerProps): react_jsx_runtime.JSX.Element;
-type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenu$1.SubContent> & VariantProps<typeof dropdownMenuVariants>;
-declare function DropdownMenuSubContent({ size, className, ...props }: DropdownMenuSubContentProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenu$1.SubContent>;
+declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): react_jsx_runtime.JSX.Element;
 
 declare const drawerVariants: (props?: ({
     side?: "end" | "start" | "bottom" | "top" | null | undefined;
@@ -832,22 +952,12 @@ declare function DrawerBody({ asChild, className, ...props }: DrawerSectionProps
 declare function DrawerFooter({ asChild, className, ...props }: DrawerSectionProps): react_jsx_runtime.JSX.Element;
 declare function DrawerClose({ className, ...props }: DrawerCloseProps): react_jsx_runtime.JSX.Element;
 
-declare const comboboxTriggerVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
-    error?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const comboboxVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+declare const dropdownTriggerVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+    variant?: "default" | "filled-lighter" | "filled-darker" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ComboboxProps extends VariantProps<typeof comboboxTriggerVariants> {
-    /** Currently selected option value (controlled). */
-    value?: string;
-    /** Initial value when uncontrolled. */
-    defaultValue?: string;
-    /** Fires whenever the selection changes (controlled or uncontrolled). */
-    onValueChange?: (value: string) => void;
-    /** Controlled popover open state. */
+interface DropdownBaseProps extends VariantProps<typeof dropdownTriggerVariants> {
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -859,51 +969,64 @@ interface ComboboxProps extends VariantProps<typeof comboboxTriggerVariants> {
     errorMessage?: ReactNode;
     /** Marks the field invalid — sets `aria-invalid` and the error border. */
     error?: boolean;
-    /** Marks the field required — adds the asterisk + `aria-required`. */
+    /** Adds the required asterisk + `aria-required`. */
     required?: boolean;
     /** Disables the trigger entirely. */
     disabled?: boolean;
-    /** Placeholder shown in the trigger when no value is selected. */
+    /** Shows the value but blocks opening (SDGA Read-only). */
+    readOnly?: boolean;
+    /** Placeholder shown when nothing is selected. */
     placeholder?: ReactNode;
-    /** Placeholder for the search input inside the panel. Defaults to `"Search…"`. */
-    searchPlaceholder?: string;
-    /** Shown when no item matches the search query. Defaults to `"No results."`. */
-    emptyMessage?: ReactNode;
     /**
-     * Override the trigger label resolver — useful when items are loaded async
-     * after the value is set, or when the trigger should show a richer label
-     * than the item's rendered children. Receives the current value, returns
-     * the node to display. Falls back to the registered item's label.
+     * Render the in-panel filter input (combobox behavior). Off by default — the
+     * plain SDGA dropdown. A hidden focusable input is kept either way for cmdk's
+     * keyboard model.
      */
+    searchable?: boolean;
+    /** Placeholder for the filter input when `searchable`. */
+    searchPlaceholder?: string;
+    /** Shown when a filter matches nothing. */
+    emptyMessage?: ReactNode;
+    /** Override the trigger label resolver (e.g. async-loaded options). */
     getLabel?: (value: string) => ReactNode;
-    /** Caller-supplied id for the trigger; falls back to a generated one. */
     id?: string;
-    /** Forwarded to the trigger (the focusable button). */
     className?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
-    /** `<ComboboxItem>` (+ optional Group / Separator) children. */
+    /** `<DropdownItem>` (+ optional `DropdownGroup` / `DropdownSeparator`). */
     children: ReactNode;
 }
-interface ComboboxItemProps extends Omit<React.ComponentProps<typeof Command$1.Item>, 'value' | 'onSelect'> {
+interface DropdownSingleProps extends DropdownBaseProps {
+    multiple?: false;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+interface DropdownMultipleProps extends DropdownBaseProps {
+    /** Multi-select (SDGA Multi Select): leading checkboxes; panel stays open. */
+    multiple: true;
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+}
+type DropdownProps = DropdownSingleProps | DropdownMultipleProps;
+interface DropdownItemProps extends Omit<React.ComponentProps<typeof Command$1.Item>, 'value' | 'onSelect'> {
     /** Stable value for filtering + selection. */
     value: string;
-    /** Extra search terms cmdk should match against the input. */
+    /** Extra search terms cmdk matches against the filter input. */
     keywords?: string[];
-    /** Disable this item from selection. */
     disabled?: boolean;
-    /** Optional select handler — fires alongside the root's `onValueChange`. */
+    /** Fires alongside the root's `onValueChange`. */
     onSelect?: (value: string) => void;
 }
-interface ComboboxGroupProps extends React.ComponentProps<typeof Command$1.Group> {
-    /** Group heading rendered above its items. */
+interface DropdownGroupProps extends React.ComponentProps<typeof Command$1.Group> {
     heading?: ReactNode;
 }
-type ComboboxSeparatorProps = React.ComponentProps<typeof Command$1.Separator>;
-declare function Combobox({ value: controlledValue, defaultValue, onValueChange, open: controlledOpen, defaultOpen, onOpenChange, label, helperText, errorMessage, error, required, disabled, size, placeholder, searchPlaceholder, emptyMessage, getLabel, id: externalId, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: ComboboxProps): react_jsx_runtime.JSX.Element;
-declare function ComboboxItem({ value, keywords, disabled, onSelect, className, children, ...props }: ComboboxItemProps): react_jsx_runtime.JSX.Element;
-declare function ComboboxGroup({ className, heading, ...props }: ComboboxGroupProps): react_jsx_runtime.JSX.Element;
-declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): react_jsx_runtime.JSX.Element;
+type DropdownSeparatorProps = React.ComponentProps<typeof Command$1.Separator>;
+declare function Dropdown(props: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function DropdownItem({ value, keywords, disabled, onSelect, className, children, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownGroup({ className, heading, ...props }: DropdownGroupProps): react_jsx_runtime.JSX.Element;
+declare function DropdownSeparator({ className, ...props }: DropdownSeparatorProps): react_jsx_runtime.JSX.Element;
 
 type CalendarSystem = 'gregorian' | 'hijri';
 interface CalendarLabels {
@@ -912,11 +1035,13 @@ interface CalendarLabels {
 }
 
 declare const datePickerTriggerVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+    variant?: "default" | "filled-lighter" | "filled-darker" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const datePickerVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+    variant?: "default" | "filled-lighter" | "filled-darker" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants> {
@@ -942,6 +1067,8 @@ interface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants>
     required?: boolean;
     /** Disables the trigger entirely. */
     disabled?: boolean;
+    /** Read-only: value is shown but not editable (segments + calendar locked). */
+    readOnly?: boolean;
     /** Caller-supplied id for the field. */
     id?: string;
     /** Forwarded to the Group (the trigger row), matching Input/Select. */
@@ -973,33 +1100,32 @@ interface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants>
      */
     showSecondaryCalendar?: boolean;
 }
-declare function DatePicker({ value: controlledValue, defaultValue, onChange, minValue, maxValue, label, helperText, errorMessage, error, required, disabled, size, id, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, calendar: controlledCalendar, defaultCalendar, onCalendarChange, showCalendarToggle, calendarLabels, showSecondaryCalendar, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+declare function DatePicker({ value: controlledValue, defaultValue, onChange, minValue, maxValue, label, helperText, errorMessage, error, required, disabled, readOnly, size, variant, id, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, calendar: controlledCalendar, defaultCalendar, onCalendarChange, showCalendarToggle, calendarLabels, showSecondaryCalendar, }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
-type FileStatus = 'pending' | 'uploading' | 'success' | 'error';
+type FileStatus = 'uploading' | 'success' | 'error';
 /** Reason codes attached to a rejected file. */
 type RejectionCode = 'file-too-large' | 'file-invalid-type' | 'too-many-files';
 /**
  * A controlled file entry. The consumer owns this array and is responsible for
- * performing the actual upload, updating `status`/`progress`, and assigning a
- * stable `id` (used as the React key and the `onRemove` target).
+ * performing the actual upload, updating `status`, and assigning a stable `id`
+ * (used as the React key and the `onRemove` target).
  */
 interface UploadFile {
     /** Stable, consumer-assigned id. Used as the React key and remove target. */
     id: string;
     /** The native File. */
     file: File;
-    /** Defaults to `'pending'`. Drives the per-row affordance. */
+    /** Defaults to `'uploading'`. Drives the per-row indicator. */
     status?: FileStatus;
-    /** 0–100. Rendered as a {@link Progress} bar while `status === 'uploading'`. */
-    progress?: number;
-    /** Shown inline (red) while `status === 'error'`. */
+    /** Shown in the row's second line (red) while `status === 'error'`. */
     error?: string;
 }
 interface FileRejection {
     file: File;
     errors: RejectionCode[];
 }
-interface FileUploadProps {
+interface FileUploadProps extends Omit<React.ComponentProps<'input'>, 'onChange' | 'type' | 'accept' | 'multiple' | 'required' | 'disabled' | 'className' | 'id' | 'children' | 'title'> {
+    variant?: 'dropzone' | 'button';
     /** Controlled list of files to render. The consumer is the source of truth. */
     files: UploadFile[];
     /** Called with the files that passed validation. The consumer wraps each in
@@ -1018,21 +1144,20 @@ interface FileUploadProps {
     maxFiles?: number;
     /** Allow selecting/dropping more than one file. Defaults to true. */
     multiple?: boolean;
-    /** Disables the drop zone and the picker. */
+    /** Disables the drop zone / button and the picker. */
     disabled?: boolean;
     /** Marks the field required: renders the asterisk and sets the input's
      *  `required` attribute. */
     required?: boolean;
     /** Visible field label, auto-associated to the input. */
     label?: ReactNode;
-    /** Hint shown below the field. Hidden while an error message is showing. */
-    helperText?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    buttonLabel?: ReactNode;
     /** Message shown below the field when `error` is true. */
     errorMessage?: ReactNode;
     /** Marks the field invalid: sets `aria-invalid` and error styling. */
     error?: boolean;
-    /** Drop-zone instructional copy. Defaults to a bilingual-friendly EN string. */
-    hint?: ReactNode;
     /** Accessible label for the per-row remove button. Defaults to `'Remove'`. */
     removeLabel?: string;
     id?: string;
@@ -1040,10 +1165,9 @@ interface FileUploadProps {
     'aria-label'?: string;
     'aria-labelledby'?: string;
 }
-declare function FileUpload({ files, onFilesAdded, onFilesRejected, onRemove, accept, maxSize, maxFiles, multiple, disabled, required, label, helperText, errorMessage, error, hint, removeLabel, id: externalId, className, ...props }: FileUploadProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ variant, files, onFilesAdded, onFilesRejected, onRemove, accept, maxSize, maxFiles, multiple, disabled, required, label, title, description, buttonLabel, errorMessage, error, removeLabel, id: externalId, className, ...props }: FileUploadProps): react_jsx_runtime.JSX.Element;
 
 declare const sliderVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SliderValue = number | number[];
@@ -1064,6 +1188,8 @@ interface SliderProps extends Omit<React.ComponentProps<typeof Slider$1.Root>, '
     errorMessage?: ReactNode;
     /** Marks the field invalid: sets `aria-invalid` and error styling. */
     error?: boolean;
+    /** Control size. Scales rail, thumb, label, and helper text. Defaults to `md`. */
+    size?: 'sm' | 'md';
     /** Render the current value(s) as text beside the label. */
     showValue?: boolean;
     /** Formats each value for `showValue` and the thumb's `aria-valuetext`
@@ -1076,7 +1202,9 @@ interface SliderProps extends Omit<React.ComponentProps<typeof Slider$1.Root>, '
 declare function Slider({ id: externalId, value, defaultValue, onValueChange, onValueCommit, min, max, size, label, helperText, errorMessage, error, showValue, formatValue, thumbLabels, className, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
 
 declare const numberInputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+    variant?: "default" | "filled-lighter" | "filled-darker" | null | undefined;
+    stepperVariant?: "solid" | "subtle" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface NumberInputProps extends Omit<React.ComponentProps<'input'>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'min' | 'max' | 'step'>, VariantProps<typeof numberInputVariants> {
@@ -1092,7 +1220,7 @@ interface NumberInputProps extends Omit<React.ComponentProps<'input'>, 'value' |
     max?: number;
     /** Stepper / ArrowUp-Down increment. Defaults to 1. */
     step?: number;
-    /** Hide the − / + buttons (keyboard + typing only). */
+    /** Hide the ＋ / − buttons (keyboard + typing only). */
     hideControls?: boolean;
     /** Accessible label for the decrement button. Defaults to `'Decrease'`. */
     decrementLabel?: string;
@@ -1107,12 +1235,13 @@ interface NumberInputProps extends Omit<React.ComponentProps<'input'>, 'value' |
     /** Marks the field invalid: sets `aria-invalid` and error styling. */
     error?: boolean;
 }
-declare function NumberInput({ id: externalId, value, defaultValue, onValueChange, min, max, step, size, hideControls, decrementLabel, incrementLabel, label, helperText, errorMessage, error, required, disabled, className, onBlur, onKeyDown, ...props }: NumberInputProps): react_jsx_runtime.JSX.Element;
+declare function NumberInput({ id: externalId, value, defaultValue, onValueChange, min, max, step, size, variant, stepperVariant, hideControls, decrementLabel, incrementLabel, label, helperText, errorMessage, error, required, disabled, readOnly, className, onBlur, onKeyDown, ...props }: NumberInputProps): react_jsx_runtime.JSX.Element;
 
 declare const ratingVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
+    tone?: "default" | "brand" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface RatingProps extends VariantProps<typeof ratingVariants> {
+interface RatingProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'onClick' | 'defaultValue' | 'dir'>, VariantProps<typeof ratingVariants> {
     /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. */
     value?: number;
     /** Uncontrolled initial value. Defaults to 0. */
@@ -1135,6 +1264,13 @@ interface RatingProps extends VariantProps<typeof ratingVariants> {
     errorMessage?: ReactNode;
     /** Marks the field invalid: sets `aria-invalid` and error styling. */
     error?: boolean;
+    /** SDGA Style axis. `default` (gold) · `brand` (SA green). Recolor per
+     *  instance via the `--ddga-rating-color` CSS variable. */
+    tone?: 'default' | 'brand';
+    /** Symbol rendered instead of the default star (e.g. a heart). Used for both
+     *  the empty and filled layers — fill/empty colors come from CSS, so pass an
+     *  icon that uses `currentColor`. Defaults to the SDGA star. */
+    icon?: ReactNode;
     /** Builds the accessible value text / read-only label. Defaults to
      *  `"{value} out of {max} stars"`. Override for localization. */
     formatValueText?: (value: number, max: number) => string;
@@ -1143,23 +1279,32 @@ interface RatingProps extends VariantProps<typeof ratingVariants> {
     'aria-label'?: string;
     'aria-labelledby'?: string;
 }
-declare function Rating({ id: externalId, value, defaultValue, onValueChange, max, allowHalf, readOnly, disabled, size, label, helperText, errorMessage, error, formatValueText, className, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
+declare function Rating({ id: externalId, value, defaultValue, onValueChange, max, allowHalf, readOnly, disabled, size, tone, icon, label, helperText, errorMessage, error, formatValueText, className, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
 
 declare const toggleVariants: (props?: ({
     variant?: "outline" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const toggleGroupVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
 type ToggleProps = React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>;
-type ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup$1.Root>;
-type ToggleGroupProps = ToggleGroupRootProps & VariantProps<typeof toggleGroupVariants>;
-type ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroup$1.Item>;
 declare function Toggle({ variant, size, className, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
-declare function ToggleGroup({ variant, size, className, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
-declare function ToggleGroupItem({ className, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
+
+declare const contentSwitcherVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    onColor?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ContentSwitcherRootProps = Omit<Extract<React.ComponentProps<typeof ToggleGroup.Root>, {
+    type: 'single';
+}>, 'type'>;
+type ContentSwitcherProps = ContentSwitcherRootProps & VariantProps<typeof contentSwitcherVariants>;
+type ContentSwitcherItemProps = React.ComponentProps<typeof ToggleGroup.Item>;
+/**
+ * SDGA Content Switcher — a segmented control for switching between related
+ * views, showing one at a time. Built on Radix `ToggleGroup` (roving focus,
+ * arrow-key nav, RTL order). Each child is a `ContentSwitcherItem` with a
+ * `value`. Pass `aria-label`/`aria-labelledby` for an accessible group name.
+ */
+declare function ContentSwitcher({ size, onColor, className, ...props }: ContentSwitcherProps): react_jsx_runtime.JSX.Element;
+declare function ContentSwitcherItem({ className, ...props }: ContentSwitcherItemProps): react_jsx_runtime.JSX.Element;
 
 declare const descriptionListVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
@@ -1217,81 +1362,72 @@ declare function EmptyStateTitle({ asChild, className, ...props }: EmptyStateTit
 declare function EmptyStateDescription({ asChild, className, ...props }: EmptyStateDescriptionProps): react_jsx_runtime.JSX.Element;
 declare function EmptyStateActions({ asChild, className, ...props }: EmptyStateActionsProps): react_jsx_runtime.JSX.Element;
 
-declare const statVariants: (props?: ({
-    variant?: "flat" | "elevated" | "gradient" | "accent" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+declare const metricVariants: (props?: ({
+    layout?: "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ChangeVariant = 'text' | 'chip';
-type Trend = 'up' | 'down' | 'flat';
-type Sentiment = 'positive' | 'negative' | 'neutral';
-interface StatProps extends React.ComponentProps<'div'>, VariantProps<typeof statVariants> {
-    /** Small, muted label above the value. */
+type Trend = 'up' | 'down';
+type ChangeType = '01' | '02';
+interface MetricProps extends React.ComponentProps<'div'>, VariantProps<typeof metricVariants> {
+    /** Featured icon, shown in a 32px brand-tinted circle at the start of the header. */
+    icon?: ReactNode;
+    /** Short label beside the icon (e.g. "24h Views"). */
     label?: ReactNode;
-    /** The metric, pre-formatted by the consumer (e.g. "3,204", "SAR 1.2M"). */
+    /** Header slot at the inline-end (e.g. a "more" menu trigger button). */
+    action?: ReactNode;
+    /** The metric, pre-formatted by the consumer (e.g. "50%", "SAR 1.2M"). */
     value?: ReactNode;
-    /** Change text — include the sign (e.g. "+12.5%") so AT conveys direction. */
+    /** Change text — include the sign (e.g. "+100%") so AT conveys direction; color comes from `trend`. */
     change?: ReactNode;
-    /** Muted context beside the change (e.g. "vs last month"). */
+    /** Trend: `up` → success arrow, `down` → error arrow. Drives the glyph + color. */
+    trend?: Trend;
+    /** Change glyph style — `01` directional arrow (default) · `02` trend glyph. */
+    changeType?: ChangeType;
+    /** Muted comparison text beside the change (e.g. "vs last month"). */
     changeLabel?: ReactNode;
-    /** Arrow direction: up → CaretUp, down → CaretDown, flat → Minus. */
+    /** Trend chart — pass a `<MetricChart>` (full-width in `large`, beside the value in `small`). */
+    chart?: ReactNode;
+    /** Footer actions; when present, a full-bleed divider sits above a space-between actions row. */
+    footer?: ReactNode;
+}
+interface MetricChangeProps extends React.ComponentProps<'div'> {
     trend?: Trend;
-    /** Change color. Omitted → derived from `trend`. Explicit always wins. */
-    sentiment?: Sentiment;
-    /**
-     * How the change renders: `'text'` (default — colored text + caret) or
-     * `'chip'` (the same, wrapped in a sentiment-tinted pill). Threaded to the
-     * inner `StatChange`.
-     */
-    changeVariant?: ChangeVariant;
-    /** Optional icon at the inline-end of the label row (decorative). */
-    icon?: ReactNode;
+    /** `01` directional arrow (default) · `02` trend glyph. */
+    type?: ChangeType;
 }
-type StatLabelProps = React.ComponentProps<'div'>;
-type StatValueProps = React.ComponentProps<'div'>;
-type StatChartProps = React.ComponentProps<'div'>;
-interface StatChangeProps extends React.ComponentProps<'div'> {
+interface MetricChartProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** The series to plot (any numeric scale). */
+    data: number[];
+    /** Line + area + marker color: `up` → success, `down` → error. Default `up`. */
     trend?: Trend;
-    sentiment?: Sentiment;
-    /** `'chip'` wraps the change in a sentiment-tinted pill. Defaults to `'text'`. */
-    variant?: ChangeVariant;
+    /** Indices of `data` to mark with a dot. Defaults to the highest point. */
+    markers?: number[];
 }
 /**
- * KPI / metric tile. Two ways to fill it, designed to combine:
- *
- * - **Prop mode** (the common case): pass `label` / `value` / `change` /
- *   `changeLabel` / `trend` / `icon` and Stat renders the standard layout.
- * - **Compound children**: append extra content as children — it renders AFTER
- *   the prop-mode rows.
- *
- * The blessed hybrid is **prop mode + a `<StatChart>` child** (a sparkline under
- * the metric). Do NOT also pass a child that duplicates a prop slot (e.g. a
- * `value` prop *and* a `<StatValue>` child) — both render and you get a
- * double. One source per slot. Stat owns its surface; use it directly (don't
- * wrap a bare `<Card>`), and lay tiles out with `<StatGroup>`.
+ * DGA Platforms Code "Metric" card: featured-icon + label header, a large value
+ * with an inline trend change, an optional `chart` (a `<MetricChart>`), and an
+ * optional actions `footer`. Lay several out with `<MetricGroup>`.
  */
-declare function Stat({ variant, size, label, value, change, changeLabel, trend, sentiment, changeVariant, icon, className, children, ...props }: StatProps): react_jsx_runtime.JSX.Element;
-declare function StatLabel({ className, ...props }: StatLabelProps): react_jsx_runtime.JSX.Element;
-declare function StatValue({ className, ...props }: StatValueProps): react_jsx_runtime.JSX.Element;
+declare function Metric({ layout, icon, label, action, value, change, trend, changeType, changeLabel, chart, footer, className, children, ...props }: MetricProps): react_jsx_runtime.JSX.Element;
+declare function MetricChange({ trend, type, className, children, ...props }: MetricChangeProps): react_jsx_runtime.JSX.Element;
 /**
- * Styled slot for a consumer-supplied sparkline / mini-chart. The library ships
- * no charting dependency — drop your own `<svg>`/chart in here and it gets a
- * consistent height + spacing, stretched to the tile width.
+ * The Metric trend chart: a line over a faded area with a marker, colored by
+ * `trend` (up → success, down → error). Plots `data` as a small inline SVG — no
+ * charting dependency.
  */
-declare function StatChart({ className, ...props }: StatChartProps): react_jsx_runtime.JSX.Element;
-declare function StatChange({ trend, sentiment, variant, className, children, ...props }: StatChangeProps): react_jsx_runtime.JSX.Element;
+declare function MetricChart({ data, trend, markers, className, ...props }: MetricChartProps): react_jsx_runtime.JSX.Element;
 
-declare const statGroupVariants: (props?: ({
+declare const metricGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
     gap?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface StatGroupProps extends React.ComponentProps<'div'>, VariantProps<typeof statGroupVariants> {
+interface MetricGroupProps extends React.ComponentProps<'div'>, VariantProps<typeof metricGroupVariants> {
     /**
      * Fixed column count for the horizontal grid (collapses to one column on
      * narrow screens). Omit for an auto-fit responsive grid.
      */
     columns?: number;
 }
-declare function StatGroup({ orientation, gap, columns, className, style, ...props }: StatGroupProps): react_jsx_runtime.JSX.Element;
+declare function MetricGroup({ orientation, gap, columns, className, style, ...props }: MetricGroupProps): react_jsx_runtime.JSX.Element;
 
 declare const popoverContentVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;
@@ -1594,11 +1730,10 @@ declare function CommandDialog({ open: controlledOpen, defaultOpen, onOpenChange
 declare const tableVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     striped?: boolean | null | undefined;
-    divided?: boolean | null | undefined;
-    bordered?: boolean | null | undefined;
+    contained?: boolean | null | undefined;
     stickyHeader?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Align = 'start' | 'center' | 'end';
+type Align$1 = 'start' | 'center' | 'end';
 interface TableProps extends React.ComponentProps<'table'>, VariantProps<typeof tableVariants> {
     /**
      * Accessible name for the **scroll region** wrapping the table. Strongly
@@ -1627,14 +1762,12 @@ interface TableRowProps extends React.ComponentProps<'tr'> {
     selected?: boolean;
 }
 interface TableHeadProps extends Omit<React.ComponentProps<'th'>, 'align' | 'onClick'> {
-    align?: Align;
+    align?: Align$1;
     /** Renders the column as sortable: wraps content in a button and sets
      *  `aria-sort`. Sort *logic* is the consumer's — wire `onClick`. */
     sortable?: boolean;
     /** Current sort direction, or `false` when unsorted. */
     sortDirection?: 'asc' | 'desc' | false;
-    /** Click handler bound to the sort button (only rendered when `sortable`). */
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     /**
      * Visually-hidden, **caller-localized** cue appended to the sort button's
      * accessible name (e.g. "activate to sort ascending"). `aria-sort` already
@@ -1645,16 +1778,32 @@ interface TableHeadProps extends Omit<React.ComponentProps<'th'>, 'align' | 'onC
      * can't be hidden into a keyboard-reachable, invisible trap.
      */
     sortLabel?: string;
+    /** Renders the column's filter toggle: an icon-only funnel button sharing the
+     *  sort icon-box treatment, with `aria-pressed`. Filter *logic* is the
+     *  consumer's — wire `onClick`. Takes precedence over `sortable`. */
+    filterable?: boolean;
+    /** Whether the filter is currently applied — drives `aria-pressed` and the
+     *  active (filled) icon-box. */
+    filterActive?: boolean;
+    /** Visually-hidden, **caller-localized** name for the icon-only filter button
+     *  (e.g. "Filter"). Required with `filterable` so the toggle has an accessible
+     *  name; a dev warning fires when missing. */
+    filterLabel?: string;
+    /** Click handler bound to the sort/filter button (only rendered when
+     *  `sortable` or `filterable`). */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Disables the sort/filter button (renders the SDGA Disabled icon-box state). */
+    disabled?: boolean;
 }
 interface TableCellProps extends Omit<React.ComponentProps<'td'>, 'align'> {
-    align?: Align;
+    align?: Align$1;
 }
-declare function Table({ size, striped, divided, bordered, stickyHeader, className, maxHeight, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }: TableProps): react_jsx_runtime.JSX.Element;
+declare function Table({ size, striped, contained, stickyHeader, className, maxHeight, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }: TableProps): react_jsx_runtime.JSX.Element;
 declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element;
 declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element;
 declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): react_jsx_runtime.JSX.Element;
 declare function TableRow({ className, selected, ...props }: TableRowProps): react_jsx_runtime.JSX.Element;
-declare function TableHead({ className, align, sortable, sortDirection, sortLabel, onClick, children, ...props }: TableHeadProps): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, align, sortable, sortDirection, sortLabel, filterable, filterActive, filterLabel, onClick, disabled, children, ...props }: TableHeadProps): react_jsx_runtime.JSX.Element;
 declare function TableCell({ className, align, ...props }: TableCellProps): react_jsx_runtime.JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): react_jsx_runtime.JSX.Element;
 
@@ -1696,9 +1845,30 @@ interface InputOTPProps extends Omit<React.ComponentProps<'div'>, 'onChange' | '
 declare function InputOTP({ id: externalId, length, groupSizes, value, defaultValue, onChange, onComplete, pattern, mask, separator, size, disabled, autoFocus, name, required, label, helperText, errorMessage, error, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }: InputOTPProps): react_jsx_runtime.JSX.Element;
 
 declare const linkVariants: (props?: ({
-    variant?: "default" | "subtle" | "standalone" | null | undefined;
+    tone?: "neutral" | "primary" | "onColor" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    inline?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LinkProps extends React.ComponentProps<'a'>, VariantProps<typeof linkVariants> {
+interface LinkProps extends Omit<React.ComponentProps<'a'>, 'color'>, VariantProps<typeof linkVariants> {
+    /**
+     * Color family (SDGA Style axis). `primary` (SA green), `neutral` (gray-700),
+     * `onColor` (white — for dark/colored surfaces).
+     * @default 'primary'
+     */
+    tone?: 'primary' | 'neutral' | 'onColor';
+    /**
+     * `md` = 16/24 + 20px icons, `sm` = 14/20 + 16px icons.
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Underline always (for links inside running prose — WCAG 1.4.1). When `false`
+     * the link only underlines on hover/pressed. Set this for any in-text link.
+     * @default false
+     */
+    inline?: boolean;
+    /** Render the link in its disabled state (`aria-disabled`, not focusable, not clickable). */
+    disabled?: boolean;
     /**
      * External link: appends a decorative ↗ icon and sets
      * `rel="noopener noreferrer"` (merged with any consumer `rel`). `target` is
@@ -1706,135 +1876,84 @@ interface LinkProps extends React.ComponentProps<'a'>, VariantProps<typeof linkV
      * the caller.
      */
     external?: boolean;
-    /** Leading icon (standalone-friendly). Decorative — rendered `aria-hidden`. */
+    /** Leading icon. Decorative — rendered `aria-hidden`. */
     startIcon?: ReactNode;
     /**
      * Trailing icon. Decorative. When both `external` and `endIcon` are set, the
      * consumer's `endIcon` wins (the auto ↗ is suppressed).
      */
     endIcon?: ReactNode;
-    /**
-     * Flip start/end icons horizontally in RTL (for directional arrows/chevrons).
-     * Does NOT apply to the auto `external` icon, which is RTL-neutral by design
-     * (a symbolic "leaves the site" cue, not a directional glyph).
-     */
+    /** Flip start/end icons horizontally in RTL (for directional arrows/chevrons). */
     iconFlip?: boolean;
     /**
      * Render as the single child element instead of an `<a>`. Lets consumers
      * compose with framework routers (`<Link asChild><RouterLink to="…">…</RouterLink></Link>`).
-     * `Slottable` marks where the child's own content lands so the icons render
-     * around it. In this mode the href dev-warning is skipped — the consumer's
-     * element owns its attributes.
      */
     asChild?: boolean;
 }
-declare function Link({ variant, external, startIcon, endIcon, iconFlip, asChild, className, children, rel, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
+declare function Link({ tone, size, inline, disabled, external, startIcon, endIcon, iconFlip, asChild, className, children, rel, tabIndex, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
-interface SearchBoxProps extends Omit<InputProps, 'startAdornment' | 'endAdornment' | 'type'> {
+interface SearchBoxProps extends Omit<TextInputProps, 'startAdornment' | 'endAdornment' | 'type'> {
     /** Fires on Enter with the current query string. */
     onSearch?: (value: string) => void;
+    /** Show the SDGA voice-search mic while the field is empty. Default `true`. */
+    voiceSearch?: boolean;
+    /** Fires when the voice-search mic is activated, with the current query. */
+    onVoiceSearch?: (value: string) => void;
     /** Fires when the field is cleared (clear button or Escape). */
     onClear?: () => void;
     /** Show the clear (×) button while the field has a value. Default `true`. */
     clearable?: boolean;
     /** Accessible label for the clear button. Default `'Clear search'`. */
     clearLabel?: string;
+    /** Accessible label for the voice-search mic. Default `'Search by voice'`. */
+    voiceLabel?: string;
 }
-declare function SearchBox({ value, defaultValue, onChange, onKeyDown, onSearch, onClear, clearable, clearLabel, className, ref, ...rest }: SearchBoxProps): react_jsx_runtime.JSX.Element;
+declare function SearchBox({ value, defaultValue, onChange, onKeyDown, onSearch, voiceSearch, onVoiceSearch, onClear, clearable, clearLabel, voiceLabel, helperIcon, disabled, readOnly, className, ref, ...rest }: SearchBoxProps): react_jsx_runtime.JSX.Element;
 
 declare const listVariants: (props?: ({
-    variant?: "plain" | "bulleted" | "numbered" | "lettered" | null | undefined;
-    divided?: boolean | null | undefined;
+    variant?: "ordered" | "unordered" | "with-icon" | null | undefined;
+    tone?: "neutral" | "primary" | "on-color" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ListProps extends Omit<React.ComponentProps<'ul'>, 'type'>, VariantProps<typeof listVariants> {
-    /** Ordered variants (`numbered` / `lettered`) only — the ordinal to start from. */
-    start?: number;
-    /** Ordered variants only — count the ordinals down instead of up. */
-    reversed?: boolean;
 }
-type ListItemProps = React.ComponentProps<'li'>;
-type ListItemIconProps = React.ComponentProps<'span'>;
-type ListItemActionProps = React.ComponentProps<'div'>;
-interface ListItemContentProps extends React.ComponentProps<'div'> {
-    /**
-     * Primary line. Ignored if `children` is provided — `children` fully
-     * replaces the primary/secondary rendering (use one or the other).
-     */
-    primary?: ReactNode;
-    /** Secondary, de-emphasized line below the primary. Ignored if `children` is set. */
-    secondary?: ReactNode;
+interface ListItemProps extends React.ComponentProps<'li'> {
+    /** Nesting depth: `2` indents 24px and shifts the marker (ordered → letters, unordered → bullet). */
+    level?: 1 | 2;
+    /** `with-icon` lists only — overrides the default check-circle for this item. */
+    icon?: ReactNode;
 }
-declare function List({ variant, divided, className, start, reversed, ...props }: ListProps): react_jsx_runtime.JSX.Element;
-declare function ListItem({ className, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
-declare function ListItemIcon({ className, ...props }: ListItemIconProps): react_jsx_runtime.JSX.Element;
-declare function ListItemContent({ primary, secondary, className, children, ...props }: ListItemContentProps): react_jsx_runtime.JSX.Element;
-declare function ListItemAction({ className, ...props }: ListItemActionProps): react_jsx_runtime.JSX.Element;
+declare function List({ variant, tone, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+declare function ListItem({ level, icon, className, children, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 
 declare const quoteVariants: (props?: ({
-    variant?: "default" | "plain" | "pullquote" | "testimonial" | null | undefined;
+    size?: "sm" | "lg" | null | undefined;
+    whiteBackground?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface QuoteProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof quoteVariants> {
-    /** The quote text. Rendered inside the `<blockquote>`. */
+    /** The quote text — the cited sentence. Rendered inside the `<blockquote>`. */
     children?: ReactNode;
-    /** Show a decorative opening quotation mark (RTL-flipped). Defaults to `false`. */
-    quoteMark?: boolean;
-    /**
-     * Attribution media (e.g. an `<Avatar />`), rendered at the inline-start of the
-     * caption. Only shown alongside textual attribution (`author`/`byline`/`source`)
-     * — an avatar with no name is decorative-only and would leave the
-     * `<figcaption>` empty to assistive tech, so it is dropped on its own. Most
-     * natural on `testimonial`. Quote renders whatever node you pass — it takes no
-     * Avatar dependency.
-     */
-    avatar?: ReactNode;
-    /** Attribution name (e.g. the person quoted). Rendered as plain text. */
+    /** Optional bold lead-in above the quote (SDGA "Title of quote" — Display xs). */
+    quoteTitle?: ReactNode;
+    /** Attribution name (SDGA "Author's name" — Text xl, medium). */
     author?: ReactNode;
+    /** Secondary attribution line — role / brief (SDGA author title — Text lg). */
+    authorTitle?: ReactNode;
     /**
-     * Secondary attribution line below the author — typically a job title or
-     * affiliation (e.g. "Product Manager, DGA"). Named `byline` rather than `role`
-     * so the native ARIA `role` attribute stays available on the root element.
-     */
-    byline?: ReactNode;
-    /** Title of the work, rendered in a real `<cite>` element. */
-    source?: ReactNode;
-    /**
-     * URL of the source document — set as the `cite=` **attribute** on the
-     * `<blockquote>` (machine-readable, not visible). For a visible work title use
-     * `source`.
+     * Avatar media (e.g. an `<Avatar />`), shown 80px at the inline-start of the author row.
+     * Decorative (`aria-hidden`); only rendered alongside textual attribution.
      */
+    avatar?: ReactNode;
+    /** Source URL — set as the machine-readable `cite=` attribute on the `<blockquote>`. */
     cite?: string;
 }
-type QuoteContentProps = React.ComponentProps<'div'> & {
-    asChild?: boolean;
-};
-type QuoteCaptionProps = React.ComponentProps<'figcaption'> & {
-    asChild?: boolean;
-};
-type QuoteAuthorProps = React.ComponentProps<'span'> & {
-    asChild?: boolean;
-};
-type QuoteSourceProps = React.ComponentProps<'cite'> & {
-    asChild?: boolean;
-};
 /**
- * Visual-only quote. Renders a `<blockquote>`; when textual attribution
- * (`author`/`byline`/`source`) is present it is wrapped in a `<figure>` with a
- * `<figcaption>` (a `<figcaption>` must not be empty, so a bare quote stays a
- * lone `<blockquote>`).
- *
- * No `asChild` on the root: the `figure`/`blockquote`/`figcaption` composite has
- * fixed semantics (documented carve-out, mirrors `EmptyState`/`Timeline`/`List`).
- * The exported sub-parts carry `asChild` for hand-assembled compositions.
+ * SDGA Quote — a card-style quotation block: an optional bold title, the quote body, an optional
+ * author (name + brief, with optional avatar), framed by two large SA-flag-green quotation marks.
+ * Renders a bare `<blockquote>`; with author attribution it becomes a `<figure>` + `<figcaption>`
+ * (a `<figcaption>` must not be empty). The corner marks are decorative (`aria-hidden`).
  */
-declare function Quote({ variant, quoteMark, avatar, author, byline, source, cite, className, children, ...props }: QuoteProps): react_jsx_runtime.JSX.Element;
-/** Body wrapper inside the `<blockquote>`. */
-declare function QuoteContent({ asChild, className, ...props }: QuoteContentProps): react_jsx_runtime.JSX.Element;
-/** Caption (attribution) below the quote. Pair with a `<figure>` root. */
-declare function QuoteCaption({ asChild, className, ...props }: QuoteCaptionProps): react_jsx_runtime.JSX.Element;
-/** Attribution name. */
-declare function QuoteAuthor({ asChild, className, ...props }: QuoteAuthorProps): react_jsx_runtime.JSX.Element;
-/** Title of the cited work — a real `<cite>` element. */
-declare function QuoteSource({ asChild, className, ...props }: QuoteSourceProps): react_jsx_runtime.JSX.Element;
+declare function Quote({ size, whiteBackground, quoteTitle, author, authorTitle, avatar, cite, className, children, ...props }: QuoteProps): react_jsx_runtime.JSX.Element;
 
 type CollapsibleProps = React.ComponentProps<typeof Collapsible$1.Root>;
 type CollapsibleTriggerProps = React.ComponentProps<typeof Collapsible$1.Trigger>;
@@ -1873,8 +1992,8 @@ interface TagInputProps extends NativeInputProps, Omit<VariantProps<typeof tagIn
     validate?: (tag: string, tags: string[]) => boolean;
     /** Characters that commit the draft and split a paste. Newline always splits a paste. */
     delimiters?: string[];
-    /** Badge variant used for the chips. */
-    chipVariant?: BadgeProps['variant'];
+    /** Tag variant used for the chips. */
+    chipVariant?: TagProps['variant'];
     /** Accessible name for each chip's remove button. */
     removeLabel?: (tag: string) => string;
     /** Live-region text announced on add/remove (screen readers). */
@@ -1883,11 +2002,13 @@ interface TagInputProps extends NativeInputProps, Omit<VariantProps<typeof tagIn
 declare function TagInput({ id: externalId, value, defaultValue, onChange, label, helperText, errorMessage, error, size, disabled, required, placeholder, max, allowDuplicates, caseSensitive, validate, delimiters, chipVariant, removeLabel, formatAnnouncement, className, ...props }: TagInputProps): react_jsx_runtime.JSX.Element;
 
 declare const dateRangePickerTriggerVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+    variant?: "default" | "filled-lighter" | "filled-darker" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const dateRangePickerVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+    variant?: "default" | "filled-lighter" | "filled-darker" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /** A complete, inclusive date range. Both ends are local Y/M/D. */
@@ -1918,6 +2039,8 @@ interface DateRangePickerProps extends VariantProps<typeof dateRangePickerTrigge
     required?: boolean;
     /** Disables the trigger entirely. */
     disabled?: boolean;
+    /** Read-only: value is shown but not editable (segments + calendar locked). */
+    readOnly?: boolean;
     /** Caller-supplied id for the field. */
     id?: string;
     /** Forwarded to the Group (the trigger row), matching Input/Select. */
@@ -1943,7 +2066,7 @@ interface DateRangePickerProps extends VariantProps<typeof dateRangePickerTrigge
      */
     showSecondaryCalendar?: boolean;
 }
-declare function DateRangePicker({ value: controlledValue, defaultValue, onChange, minValue, maxValue, label, helperText, errorMessage, error, required, disabled, size, id, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, calendar: controlledCalendar, defaultCalendar, onCalendarChange, showCalendarToggle, calendarLabels, showSecondaryCalendar, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateRangePicker({ value: controlledValue, defaultValue, onChange, minValue, maxValue, label, helperText, errorMessage, error, required, disabled, readOnly, size, variant, id, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, calendar: controlledCalendar, defaultCalendar, onCalendarChange, showCalendarToggle, calendarLabels, showSecondaryCalendar, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
 
 interface AspectRatioProps extends React.ComponentProps<'div'> {
     /**
@@ -1972,6 +2095,498 @@ interface AspectRatioProps extends React.ComponentProps<'div'> {
  */
 declare function AspectRatio({ ratio, asChild, className, style, ...props }: AspectRatioProps): react_jsx_runtime.JSX.Element;
 
+declare const structuredListVariants: (props?: ({
+    compact?: boolean | null | undefined;
+    contained?: boolean | null | undefined;
+    rowDivider?: boolean | null | undefined;
+    colDivider?: boolean | null | undefined;
+    selectable?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type Align = 'start' | 'center' | 'end';
+interface StructuredListProps extends React.ComponentProps<'table'>, VariantProps<typeof structuredListVariants> {
+}
+interface StructuredListRowProps extends React.ComponentProps<'tr'> {
+    /** Selected state of a `selectable` row (controlled). Drives the row's
+     *  auto-rendered checkbox + `data-state="selected"`. */
+    selected?: boolean;
+    /** Fired when a `selectable` row toggles — by its checkbox, a click anywhere
+     *  on the row, or keyboard on the checkbox. */
+    onSelectedChange?: (selected: boolean) => void;
+    /** Visually + interactively mutes the row and its checkbox. */
+    disabled?: boolean;
+    /** Accessible name for a `selectable` row's auto-rendered checkbox. */
+    selectionLabel?: string;
+}
+interface StructuredListHeadProps extends Omit<React.ComponentProps<'th'>, 'align'> {
+    align?: Align;
+}
+interface StructuredListCellProps extends Omit<React.ComponentProps<'td'>, 'align'> {
+    align?: Align;
+    /** @internal Selection control injected into the first cell of a selectable row. */
+    __control?: ReactNode;
+}
+declare function StructuredList({ compact, contained, rowDivider, colDivider, selectable, className, ...props }: StructuredListProps): react_jsx_runtime.JSX.Element;
+declare function StructuredListHeader({ className, ...props }: React.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element;
+declare function StructuredListBody({ className, ...props }: React.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element;
+declare function StructuredListRow({ className, selected, onSelectedChange, disabled, selectionLabel, onClick, children, ...props }: StructuredListRowProps): react_jsx_runtime.JSX.Element;
+declare function StructuredListHead({ className, align, children, ...props }: StructuredListHeadProps): react_jsx_runtime.JSX.Element;
+declare function StructuredListCell({ className, align, children, __control, ...props }: StructuredListCellProps): react_jsx_runtime.JSX.Element;
+
+declare const notificationVariants: (props?: ({
+    type?: "neutral" | "success" | "warning" | "info" | "critical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface NotificationProps extends React.ComponentProps<'div'>, VariantProps<typeof notificationVariants> {
+    /** The message body — always present per SDGA (the one required content). */
+    children: ReactNode;
+    /** Bold lead-in shown before the message, e.g. `"Important:"`. */
+    lead?: ReactNode;
+    /** Featured leading icon. Pass `false` to hide it; defaults to the type's glyph. */
+    icon?: ReactNode | false;
+    /**
+     * Trailing action row — compose `<Link tone="neutral">` and/or
+     * `<Button variant="black" size="md">` (the exact SDGA action variants).
+     */
+    actions?: ReactNode;
+    /** Provide to render the trailing ✕ and make the banner dismissible. */
+    onClose?: () => void;
+    /** Controlled visibility. Pair with `onClose` to own the state yourself. */
+    open?: boolean;
+    /** Localized close-button label. Defaults to `"Dismiss"`. */
+    closeLabel?: string;
+    /**
+     * Wire the banner into the a11y tree as a live region. `polite` (role=status)
+     * announces gracefully; `assertive` (role=alert) interrupts. Omit for static banners.
+     */
+    live?: 'polite' | 'assertive';
+}
+declare function Notification({ type, lead, icon, actions, onClose, open: controlledOpen, closeLabel, live, className, children, ...props }: NotificationProps): react_jsx_runtime.JSX.Element | null;
+
+declare const floatingButtonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "black" | null | undefined;
+    size?: "sm" | "lg" | null | undefined;
+    onColor?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface FloatingButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof floatingButtonVariants> {
+    /** Lead action glyph, rendered at 24px (e.g. a plus for "create"). */
+    icon: ReactNode;
+    /**
+     * Optional label. Present → an **extended** pill (icon + label, gap 8); omit →
+     * a circular **icon-only** FAB (then provide an `aria-label`).
+     */
+    children?: ReactNode;
+    /** Flip the icon horizontally in RTL (for directional glyphs). */
+    iconFlip?: boolean;
+    /**
+     * Render as the single child element instead of a `<button>`, to compose with
+     * router links: `<FloatingButton asChild icon={…}><a href="…" /></FloatingButton>`.
+     * `type` and native `disabled` are dropped; disabled then relies on
+     * `aria-disabled` + `tabIndex={-1}` (consumer must still gate the action).
+     */
+    asChild?: boolean;
+}
+declare function FloatingButton({ variant, size, onColor, icon, iconFlip, asChild, disabled, className, children, type, ...props }: FloatingButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const filtrationPanelVariants: (props?: ({
+    inline?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface FiltrationProps {
+    /** Floating overlay anchored to the trigger (default) vs an embedded inline panel. */
+    overlay?: boolean;
+    /** Controlled open state (overlay only). */
+    open?: boolean;
+    /** Uncontrolled initial open state (overlay only). */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+}
+type FiltrationTriggerProps = Omit<ButtonProps, 'variant' | 'asChild'>;
+interface FiltrationResultsProps extends React.ComponentProps<'div'> {
+    /** Names the applied-filters chip group for assistive tech, e.g. "Applied filters". */
+    'aria-label'?: string;
+}
+type FiltrationPanelProps = Omit<React.ComponentProps<typeof PopoverContent>, 'size' | 'arrow'>;
+interface FiltrationSectionProps extends React.ComponentProps<'div'> {
+    /** Section heading (Text sm/Semibold). */
+    label: ReactNode;
+    /** Selected-count badge; rendered via `formatCount`. */
+    count?: number;
+    /** Maps `count` → the suffix text. Defaults to `(n selections)`. Override for i18n. */
+    formatCount?: (count: number) => ReactNode;
+}
+interface FiltrationCheckboxOption {
+    value: string;
+    label: ReactNode;
+    /** Optional trailing count, e.g. number of matching results. */
+    count?: number;
+    disabled?: boolean;
+}
+interface FiltrationCheckboxFilterProps extends Omit<React.ComponentProps<'div'>, 'defaultValue'> {
+    options: FiltrationCheckboxOption[];
+    /** Controlled selected values. */
+    value?: string[];
+    /** Uncontrolled initial selected values. */
+    defaultValue?: string[];
+    onValueChange?: (next: string[]) => void;
+    /** Show a search field that filters options by label. */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Accessible label for the search field (it has no visible label). */
+    searchLabel?: string;
+    /** Collapse to the first N options behind a "Show more" toggle. */
+    collapseAfter?: number;
+    /** Maps the hidden-count → the expand button label. Default `Show {n} more`. */
+    showMoreLabel?: (remaining: number) => ReactNode;
+    showLessLabel?: ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    className?: string;
+}
+type FiltrationOptionListProps = Omit<React.ComponentProps<typeof RadioGroup$1.Root>, 'asChild'>;
+interface FiltrationOptionProps extends Omit<React.ComponentProps<typeof RadioGroup$1.Item>, 'children'> {
+    children: ReactNode;
+}
+interface FiltrationFooterProps extends React.ComponentProps<'div'> {
+    applyLabel?: ReactNode;
+    clearLabel?: ReactNode;
+    /** Appended to the apply label as `(n)`. */
+    appliedCount?: number;
+    onApply?: () => void;
+    onClear?: () => void;
+    /** Close the overlay when Apply is pressed (overlay only). Default `true`. */
+    closeOnApply?: boolean;
+}
+declare function Filtration({ overlay, open, defaultOpen, onOpenChange, children, }: FiltrationProps): react_jsx_runtime.JSX.Element;
+declare function FiltrationTrigger({ size, startIcon, endIcon, className, children, ...props }: FiltrationTriggerProps): react_jsx_runtime.JSX.Element | null;
+declare function FiltrationResults({ className, children, 'aria-label': ariaLabel, ...props }: FiltrationResultsProps): react_jsx_runtime.JSX.Element;
+declare function FiltrationPanel({ className, children, ...props }: FiltrationPanelProps): react_jsx_runtime.JSX.Element;
+declare function FiltrationSection({ label, count, formatCount, className, children, ...props }: FiltrationSectionProps): react_jsx_runtime.JSX.Element;
+declare function FiltrationCheckboxFilter({ options, value, defaultValue, onValueChange, searchable, searchPlaceholder, searchLabel, collapseAfter, showMoreLabel, showLessLabel, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...rest }: FiltrationCheckboxFilterProps): react_jsx_runtime.JSX.Element;
+declare function FiltrationOptionList({ className, ...props }: FiltrationOptionListProps): react_jsx_runtime.JSX.Element;
+declare function FiltrationOption({ className, children, ...props }: FiltrationOptionProps): react_jsx_runtime.JSX.Element;
+declare function FiltrationFooter({ applyLabel, clearLabel, appliedCount, onApply, onClear, closeOnApply, className, ...props }: FiltrationFooterProps): react_jsx_runtime.JSX.Element;
+
+declare const carouselVariants: (props?: ({
+    controls?: "both" | "dots" | "arrows" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const carouselArrowVariants: (props?: ({
+    arrowStyle?: "primary" | "subtle" | null | undefined;
+    arrowSize?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const carouselDotsVariants: (props?: ({
+    dotSize?: "sm" | "md" | "lg" | null | undefined;
+    bare?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CarouselProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {
+    /** Controlled active slide index. */
+    index?: number;
+    /** Uncontrolled initial index. Defaults to 0. */
+    defaultIndex?: number;
+    /** Fires with the new index on any navigation. */
+    onIndexChange?: (index: number) => void;
+    /** Which controls to lay out: dots below, arrows flanking, or both. */
+    controls?: 'dots' | 'arrows' | 'both';
+    /** Wrap past the ends instead of stopping. */
+    loop?: boolean;
+    /** Dot indicator diameter — `sm` 8 · `md` 12 · `lg` 16 px. */
+    dotSize?: 'sm' | 'md' | 'lg';
+    /** Arrow button style — filled green `primary` or transparent `subtle`. */
+    arrowStyle?: 'primary' | 'subtle';
+    /** Arrow button diameter — `sm` 32 · `md` 40 · `lg` 48 px. */
+    arrowSize?: 'sm' | 'md' | 'lg';
+    /** Enable pointer/touch swipe to navigate. Defaults to true. */
+    swipe?: boolean;
+    /** Auto-advance (house extension; pauses on hover/focus + reduced-motion). */
+    autoplay?: boolean;
+    /** Auto-advance interval in ms. Defaults to 5000. */
+    autoplayInterval?: number;
+}
+declare function Carousel({ index, defaultIndex, onIndexChange, controls, loop, dotSize, arrowStyle, arrowSize, swipe, autoplay, autoplayInterval, className, children, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
+type CarouselViewportProps = React.ComponentProps<'div'>;
+declare function CarouselViewport({ className, children, ...props }: CarouselViewportProps): react_jsx_runtime.JSX.Element;
+interface CarouselSlideProps extends React.ComponentProps<'div'> {
+    /** 0-based position — injected by `CarouselViewport`. */
+    index?: number;
+}
+declare function CarouselSlide({ index, className, children, ...props }: CarouselSlideProps): react_jsx_runtime.JSX.Element;
+interface CarouselNavProps extends Omit<React.ComponentProps<'button'>, 'children'> {
+    /** Accessible label for the icon-only button. */
+    label?: string;
+    /** Compose with a custom element (e.g. a router link) via Radix Slot. */
+    asChild?: boolean;
+    /** Override the default chevron glyph. */
+    children?: ReactNode;
+}
+declare function CarouselPrevious(props: CarouselNavProps): react_jsx_runtime.JSX.Element;
+declare function CarouselNext(props: CarouselNavProps): react_jsx_runtime.JSX.Element;
+interface CarouselDotsProps extends React.ComponentProps<'div'> {
+    /** Drop the pill padding (SDGA "Dots Only"). */
+    bare?: boolean;
+    /** Build each dot's accessible label. Defaults to `Go to slide {n}`. */
+    dotLabel?: (index: number, count: number) => string;
+}
+declare function CarouselDots({ bare, dotLabel, className, ...props }: CarouselDotsProps): react_jsx_runtime.JSX.Element;
+
+interface CodeSnippetLanguage {
+    /** Stable id for the tab + active state. */
+    value: string;
+    /** Tab label (shown only when more than one language). */
+    label: string;
+    /** The code for this language — drives the gutter, copy, and default rendering. */
+    code: string;
+}
+interface CodeSnippetProps extends Omit<React.ComponentProps<'div'>, 'children' | 'onCopy'> {
+    /** One entry per language. A single entry hides the tab bar (SDGA single-tab). */
+    languages: CodeSnippetLanguage[];
+    /** Controlled active language. */
+    value?: string;
+    /** Uncontrolled initial active language (defaults to the first). */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Render the line-number gutter. @default true */
+    lineNumbers?: boolean;
+    /** Collapse to this many lines with a Show More toggle when exceeded. */
+    maxLines?: number;
+    /** Escape hatch: render highlighted code yourself; the active `code` still drives copy + line count. */
+    renderCode?: (ctx: {
+        code: string;
+        language: string;
+    }) => ReactNode;
+    onCopy?: (text: string) => void;
+    /** Accessible name for the copy button. @default 'Copy code' */
+    copyLabel?: string;
+    /** Live-region text announced after a successful copy. @default 'Copied' */
+    copiedLabel?: string;
+}
+interface CodeSnippetInlineProps extends Omit<React.ComponentProps<'div'>, 'onCopy' | 'prefix' | 'children'> {
+    /** The command text — copied verbatim. */
+    children: string;
+    /** Leading label (e.g. `npm`) — rendered in gold. */
+    prefix?: ReactNode;
+    onCopy?: (text: string) => void;
+    /** Accessible name for the copy button. @default 'Copy code' */
+    copyLabel?: string;
+    /** Live-region text announced after a successful copy. @default 'Copied' */
+    copiedLabel?: string;
+}
+declare function CodeSnippet({ languages, value, defaultValue, onValueChange, lineNumbers, maxLines, renderCode, onCopy, copyLabel, copiedLabel, className, ...props }: CodeSnippetProps): react_jsx_runtime.JSX.Element;
+declare function CodeSnippetInline({ prefix, children, onCopy, copyLabel, copiedLabel, className, ...props }: CodeSnippetInlineProps): react_jsx_runtime.JSX.Element;
+
+declare const digitalStampVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/** Saudi government domain extension — selects the default verification copy + highlighted domain. */
+type DigitalStampExtension = 'gov.sa' | 'edu.sa' | 'med.sa' | 'org.sa' | 'sch.sa' | 'sa';
+interface DigitalStampProps extends React.ComponentProps<'section'> {
+    /** Domain extension — selects the default verification copy + highlighted domain. @default 'gov.sa' */
+    extension?: DigitalStampExtension;
+    /** Bar statement, shown beside the flag. */
+    statement?: ReactNode;
+    /** Disclosure trigger label. @default 'How you know?' */
+    triggerLabel?: ReactNode;
+    /** Domain-verification column title. Defaults to the SDGA copy for `extension` (domain in `<strong>`). */
+    domainTitle?: ReactNode;
+    /** Domain-verification column body. */
+    domainDescription?: ReactNode;
+    /** Security/HTTPS column title. Defaults to the SDGA copy (`HTTPS` in `<strong>`). */
+    securityTitle?: ReactNode;
+    /** Security/HTTPS column body. */
+    securityDescription?: ReactNode;
+    /** Registration-panel lead label. */
+    registrationLabel?: ReactNode;
+    /** DGA registration number shown (and linked) in the panel. The panel is omitted when this is empty. */
+    registrationNumber?: ReactNode;
+    /** href for the registration-number link. Falls back to plain text when omitted. */
+    registrationHref?: string;
+    /** Official DGA logo node rendered in the registration panel (consumer-supplied asset; it's trademarked). */
+    logo?: ReactNode;
+    /** Controlled open state of the disclosure panel. */
+    open?: boolean;
+    /** Uncontrolled initial open state. @default false */
+    defaultOpen?: boolean;
+    /** Called with the next open state when the user toggles the panel. */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * **DigitalStamp** — the SDGA government-site verification bar. A slim banner (flag + statement) that
+ * expands via "How you know?" to explain how to verify the site's domain extension, HTTPS usage, and DGA
+ * registration. Responsive (compact bar ↔ stacked panel) and fully RTL/bilingual — every string is a prop.
+ */
+declare function DigitalStamp({ extension, statement, triggerLabel, domainTitle, domainDescription, securityTitle, securityDescription, registrationLabel, registrationNumber, registrationHref, logo, open, defaultOpen, onOpenChange, className, 'aria-label': ariaLabel, ...props }: DigitalStampProps): react_jsx_runtime.JSX.Element;
+
+declare const slideoutMenuContentVariants: (props?: ({
+    side?: "end" | "start" | null | undefined;
+    background?: "gray" | "white" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SlideoutMenuProps = React.ComponentProps<typeof Dialog.Root>;
+type SlideoutMenuTriggerProps = React.ComponentProps<typeof Dialog.Trigger>;
+type SlideoutMenuCloseProps = React.ComponentProps<typeof Dialog.Close>;
+interface SlideoutMenuContentProps extends React.ComponentProps<typeof Dialog.Content>, VariantProps<typeof slideoutMenuContentVariants> {
+}
+interface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {
+    /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */
+    icon?: React.ReactNode;
+    /** Render the close (X) button. Defaults to `true`. */
+    showClose?: boolean;
+    /** Localized aria-label for the close button. Defaults to `"Close"`. */
+    closeLabel?: string;
+}
+interface SlideoutMenuTitleProps extends React.ComponentProps<typeof Dialog.Title> {
+    asChild?: boolean;
+}
+interface SlideoutMenuDescriptionProps extends React.ComponentProps<typeof Dialog.Description> {
+    asChild?: boolean;
+}
+type SlideoutMenuSectionProps = React.ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+interface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {
+    /** Section heading rendered above the list (SDGA "Group Label"). */
+    label?: React.ReactNode;
+}
+interface SlideoutMenuItemProps extends React.ComponentProps<'button'> {
+    /** Render as the child element (e.g. an `<a>` or router `<Link>`). */
+    asChild?: boolean;
+    /** Leading 24px icon. */
+    icon?: React.ReactNode;
+    /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */
+    trailing?: React.ReactNode;
+    /** Marks the current page — sets `aria-current="page"` and the active style. */
+    active?: boolean;
+}
+declare function SlideoutMenu(props: SlideoutMenuProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuContent({ side, background, className, children, ...props }: SlideoutMenuContentProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuHeader({ icon, showClose, closeLabel, className, children, ...props }: SlideoutMenuHeaderProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuItem({ asChild, icon, trailing, active, className, children, ...props }: SlideoutMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps): react_jsx_runtime.JSX.Element;
+
+/** One category/series datum. */
+interface ChartSeries {
+    /** Series name shown in the legend + data table. */
+    label: string;
+    /** One value per category (same length/order as `categories`). */
+    data: number[];
+    /** Override the palette colour for this series (any CSS colour). */
+    color?: string;
+}
+/** One pie/donut slice. */
+interface ChartSlice {
+    label: string;
+    value: number;
+    color?: string;
+}
+type Palette = 'categorical' | 'brand';
+interface CommonChartProps extends Omit<React.ComponentProps<'figure'>, 'children'> {
+    /** Colour set: DGA categorical (default) or the monochrome brand-green sequence. */
+    palette?: Palette;
+    /** Show the legend. @default true */
+    legend?: boolean;
+    /** Accessible name for the chart (also the data-table caption). */
+    title?: string;
+}
+interface PieChartProps extends CommonChartProps {
+    data: ChartSlice[];
+    /** Render a donut (50% hole) instead of a full pie. */
+    donut?: boolean;
+    /** Disk diameter in px. @default 240 */
+    size?: number;
+}
+declare function PieChart({ data, donut, size, palette, legend, title, className, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
+interface CartesianProps extends CommonChartProps {
+    series: ChartSeries[];
+    categories: string[];
+    /** X-axis title. */
+    xAxisLabel?: string;
+    /** Y-axis title (rotated). */
+    yAxisLabel?: string;
+    /** Force the Y-axis maximum (default: auto, rounded to a nice value). */
+    yMax?: number;
+    /** viewBox width / height. Charts scale responsively to their container. */
+    width?: number;
+    height?: number;
+}
+interface LineChartProps extends CartesianProps {
+    /** Draw a soft area gradient under each line. @default true */
+    area?: boolean;
+    /** A smooth Catmull-Rom curve (SDGA "Gradual" default) or straight segments. */
+    curve?: 'linear' | 'smooth';
+}
+declare function LineChart({ series, categories, palette, legend, title, xAxisLabel, yAxisLabel, yMax: yMaxProp, width, height, area, curve, className, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
+interface BarChartProps extends CartesianProps {
+    /** Stack series into one column per category (default). `false` groups them side by side. */
+    stacked?: boolean;
+}
+declare function BarChart({ series, categories, palette, legend, title, xAxisLabel, yAxisLabel, yMax: yMaxProp, width, height, stacked, className, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+declare const chipVariants: (props?: ({
+    variant?: "neutral" | "primary" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ChipProps extends Omit<React.ComponentProps<'button'>, 'onChange'>, VariantProps<typeof chipVariants> {
+    /** Controlled selected state — drives `aria-pressed` and the filled treatment. */
+    selected?: boolean;
+    /** Uncontrolled initial selected state. */
+    defaultSelected?: boolean;
+    /** Called with the next selected value when the chip toggles. */
+    onSelectedChange?: (selected: boolean) => void;
+    /** Leading icon (inherits the chip text colour; 14px, 16px at `lg`). */
+    leadingIcon?: ReactNode;
+    /** Trailing icon. */
+    trailingIcon?: ReactNode;
+    /** Render as the child element (Radix `Slot`) — e.g. wrap a router link. */
+    asChild?: boolean;
+}
+/**
+ * Interactive selectable chip (SDGA "Chip") — a toggle button, distinct from the
+ * static `Tag` (SDGA "Tags"). Selecting fills the chip (`#1B8354` primary / gray-700 neutral).
+ */
+declare function Chip({ variant, size, rounded, selected, defaultSelected, onSelectedChange, leadingIcon, trailingIcon, asChild, className, children, disabled, onClick, type, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+
+declare const saudiRiyalSymbolVariants: (props?: ({
+    size?: "sm" | "lg" | "xl" | "base" | "xs" | "2xl" | "3xl" | "2xs" | null | undefined;
+    tone?: "error" | "default" | "success" | "inverted" | "brand" | "muted" | null | undefined;
+    appearance?: "plain" | "coin" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const saudiRiyalVariants: (props?: ({
+    size?: "sm" | "lg" | "xl" | "base" | "xs" | "2xl" | "3xl" | "2xs" | null | undefined;
+    tone?: "error" | "default" | "success" | "inverted" | "brand" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SaudiRiyalSymbolProps = Omit<React.SVGProps<SVGSVGElement>, 'children'> & VariantProps<typeof saudiRiyalSymbolVariants>;
+/**
+ * The official Saudi Riyal symbol as an inline SVG. Renders at `1em` (tracks the
+ * surrounding font-size, so its height aligns with the text), inherits `currentColor`,
+ * and is never mirrored in RTL. Standalone it exposes `role="img"` + a localized
+ * `aria-label`; pass `aria-hidden` to silence it (e.g. inside `SaudiRiyal`).
+ */
+declare function SaudiRiyalSymbol({ size, tone, appearance, className, role, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, ...props }: SaudiRiyalSymbolProps): react_jsx_runtime.JSX.Element;
+type Numerals = 'latn' | 'arab' | 'auto';
+interface SaudiRiyalProps extends Omit<React.ComponentProps<'span'>, 'children'>, VariantProps<typeof saudiRiyalVariants> {
+    /** The amount. A `number` is formatted (grouping, `decimals`, `numerals`); a string renders as-is (e.g. "123 million"). */
+    value?: number | string;
+    /** Fixed fraction digits (e.g. `2` → halalas). Omit to use the locale default. Numbers only. */
+    decimals?: number;
+    /** Digit system for a numeric `value`. @default 'latn' (matches SDGA examples); `'auto'` follows the locale. */
+    numerals?: Numerals;
+    /** Screen-reader currency name read after the amount. Defaults to a localized "Saudi Riyal". */
+    currencyLabel?: ReactNode;
+    /** Merge props onto a single child (e.g. an `<a>`) instead of a `<span>`. Content still comes from `value`. */
+    asChild?: boolean;
+    /** Passthrough content when `value` is omitted (ignored in `asChild` mode, where the child is the wrapper element). */
+    children?: ReactNode;
+}
+/**
+ * A Saudi Riyal amount: the official symbol always at the physical start (left) of a
+ * formatted number, enforcing the SDGA usage rules. The symbol never moves — the minus
+ * sign sits left of the digits in LTR and to their right in RTL. Omit `value` to render
+ * passthrough `children`; omit `size`/`tone` to inherit the surrounding text.
+ */
+declare function SaudiRiyal({ value, size, tone, decimals, numerals, currencyLabel, asChild, className, children, ...props }: SaudiRiyalProps): react_jsx_runtime.JSX.Element;
+
 type DgaRootElement = 'div' | 'main' | 'nav' | 'section' | 'article' | 'aside' | 'header' | 'footer';
 interface DgaProviderProps {
     dir?: 'ltr' | 'rtl';
@@ -2077,10 +2692,12 @@ interface FieldMessageProps {
     id: string;
     /** `error` announces politely; `helper` is static. */
     variant: 'error' | 'helper';
+    /** Optional 16px leading feedback icon (SDGA helper/error glyph). */
+    icon?: ReactNode;
     children: ReactNode;
 }
-declare function FieldMessage({ id, variant, children }: FieldMessageProps): react_jsx_runtime.JSX.Element;
+declare function FieldMessage({ id, variant, icon, children }: FieldMessageProps): react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type CalendarLabels, type CalendarSystem, Card, CardContent, CardDescription, type CardDescriptionProps, CardFooter, CardHeader, CardIcon, CardImage, type CardImageProps, type CardProps, type CardSectionProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Combobox, ComboboxGroup, type ComboboxGroupProps, ComboboxItem, type ComboboxItemProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, DescriptionDetails, type DescriptionDetailsProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DescriptionTerm, type DescriptionTermProps, DgaProvider, type DgaProviderProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, DrawerHeader, type DrawerProps, type DrawerSectionProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateMedia, type EmptyStateMediaProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, type FieldA11y, FieldMessage, type FieldMessageProps, type FileRejection, type FileStatus, FileUpload, type FileUploadProps, Input, InputOTP, type InputOTPProps, type InputProps, Link, type LinkProps, List, ListItem, ListItemAction, type ListItemActionProps, ListItemContent, type ListItemContentProps, ListItemIcon, type ListItemIconProps, type ListItemProps, type ListProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, type MenubarGroupProps, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, type MenubarSubProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, Modal, ModalBody, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, ModalHeader, type ModalProps, type ModalSectionProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, NumberInput, type NumberInputProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, type PaginationRangeOptions, type PaginationSlot, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, Quote, QuoteAuthor, type QuoteAuthorProps, QuoteCaption, type QuoteCaptionProps, QuoteContent, type QuoteContentProps, type QuoteProps, QuoteSource, type QuoteSourceProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, type RejectionCode, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, SearchBox, type SearchBoxProps, Select, SelectItem, type SelectItemProps, type SelectProps, Sidebar, SidebarContent, type SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupDivProps, SidebarGroupLabel, SidebarHeader, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarSectionProps, SidebarSeparator, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderValue, Spinner, type SpinnerProps, Stat, StatChange, type StatChangeProps, StatChart, type StatChartProps, StatGroup, type StatGroupProps, StatLabel, type StatLabelProps, type StatProps, StatValue, type StatValueProps, Step, StepDescription, type StepDescriptionProps, StepIndicator, type StepIndicatorProps, type StepProps, type StepState, StepTitle, type StepTitleProps, Steps, type StepsProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, type TagInputProps, Textarea, type TextareaProps, Timeline, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, TimelineItem, type TimelineItemProps, TimelineMarker, type TimelineMarkerProps, type TimelineProps, type TimelineStatus, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastStore, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, type UploadFile, type UseFieldA11yOptions, accordionVariants, alertVariants, avatarVariants, badgeVariants, breadcrumbVariants, buttonVariants, cardVariants, checkboxVariants, circularProgressVariants, cn, comboboxTriggerVariants, comboboxVariants, commandVariants, createToast, createToastStore, datePickerVariants, dateRangePickerTriggerVariants, dateRangePickerVariants, descriptionListVariants, dividerVariants, drawerVariants, dropdownMenuVariants, emptyStateVariants, inputOTPVariants, inputVariants, linkVariants, listVariants, menubarContentVariants, menubarTriggerVariants, modalContentVariants, numberInputVariants, paginationLinkVariants, paginationRange, paginationVariants, popoverContentVariants, progressVariants, quoteVariants, radioGroupVariants, radioVariants, ratingVariants, scrollAreaVariants, selectTriggerVariants, sidebarMenuButtonVariants, sidebarMenuSubButtonVariants, skeletonVariants, sliderVariants, spinnerVariants, statGroupVariants, statVariants, stepVariants, stepsVariants, switchVariants, tableVariants, tabsListVariants, tabsVariants, tagInputVariants, textareaVariants, timelineMarkerVariants, timelineVariants, toast, toastStore, toastVariants, toastViewportVariants, toggleGroupVariants, toggleVariants, tooltipContentVariants, useDga, useDir, useFieldA11y, useIsMobile, useSidebar };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarStatus, BarChart, type BarChartProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbEllipsisTrigger, type BreadcrumbEllipsisTriggerProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type CalendarLabels, type CalendarSystem, Card, CardContent, CardDescription, type CardDescriptionProps, CardExpandableContent, CardFooter, CardHeader, CardIcon, type CardIconProps, CardImage, type CardImageProps, type CardProps, type CardSectionProps, CardTitle, type CardTitleProps, Carousel, CarouselDots, type CarouselDotsProps, type CarouselNavProps, CarouselNext, CarouselPrevious, type CarouselProps, CarouselSlide, type CarouselSlideProps, CarouselViewport, type CarouselViewportProps, type ChartSeries, type ChartSlice, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeSnippet, CodeSnippetInline, type CodeSnippetInlineProps, type CodeSnippetLanguage, type CodeSnippetProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, ContentSwitcher, ContentSwitcherItem, type ContentSwitcherItemProps, type ContentSwitcherProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, DescriptionDetails, type DescriptionDetailsProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DescriptionTerm, type DescriptionTermProps, DgaProvider, type DgaProviderProps, DigitalStamp, type DigitalStampExtension, type DigitalStampProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, DrawerHeader, type DrawerProps, type DrawerSectionProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, Dropdown, DropdownGroup, type DropdownGroupProps, DropdownItem, type DropdownItemProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownMultipleProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, type DropdownSingleProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateMedia, type EmptyStateMediaProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, type FieldA11y, FieldMessage, type FieldMessageProps, type FileRejection, type FileStatus, FileUpload, type FileUploadProps, Filtration, FiltrationCheckboxFilter, type FiltrationCheckboxFilterProps, type FiltrationCheckboxOption, FiltrationFooter, type FiltrationFooterProps, FiltrationOption, FiltrationOptionList, type FiltrationOptionListProps, type FiltrationOptionProps, FiltrationPanel, type FiltrationPanelProps, type FiltrationProps, FiltrationResults, type FiltrationResultsProps, FiltrationSection, type FiltrationSectionProps, FiltrationTrigger, type FiltrationTriggerProps, FloatingButton, type FloatingButtonProps, HelpIcon, type HelpIconProps, InlineAlert, InlineAlertAction, type InlineAlertActionProps, type InlineAlertProps, InputOTP, type InputOTPProps, LineChart, type LineChartProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, type MenubarGroupProps, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, type MenubarSubProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, Metric, MetricChange, type MetricChangeProps, MetricChart, type MetricChartProps, MetricGroup, type MetricGroupProps, type MetricProps, Modal, ModalBody, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSectionProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, Notification, type NotificationProps, NotificationToast, type NotificationToastProps, NumberInput, type NumberInputProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, type PaginationNavProps, PaginationNext, PaginationOverflow, type PaginationOverflowProps, PaginationPrevious, type PaginationProps, type PaginationRangeOptions, type PaginationSlot, PieChart, type PieChartProps, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, Quote, type QuoteProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, type RejectionCode, SaudiRiyal, type SaudiRiyalProps, SaudiRiyalSymbol, type SaudiRiyalSymbolProps, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, SearchBox, type SearchBoxProps, Select, SelectItem, type SelectItemProps, type SelectProps, Sidebar, SidebarContent, type SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupDivProps, SidebarGroupLabel, SidebarHeader, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarSectionProps, SidebarSeparator, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, SlideoutMenu, SlideoutMenuBody, SlideoutMenuClose, type SlideoutMenuCloseProps, SlideoutMenuContent, type SlideoutMenuContentProps, SlideoutMenuDescription, type SlideoutMenuDescriptionProps, SlideoutMenuFooter, SlideoutMenuGroup, type SlideoutMenuGroupProps, SlideoutMenuHeader, type SlideoutMenuHeaderProps, SlideoutMenuItem, type SlideoutMenuItemProps, type SlideoutMenuProps, type SlideoutMenuSectionProps, SlideoutMenuSeparator, SlideoutMenuTitle, type SlideoutMenuTitleProps, SlideoutMenuTrigger, type SlideoutMenuTriggerProps, Slider, type SliderProps, type SliderValue, Spinner, type SpinnerProps, StatusTag, type StatusTagProps, Step, StepContent, type StepContentProps, StepDescription, type StepDescriptionProps, StepIndicator, type StepIndicatorProps, type StepProps, type StepState, StepTitle, type StepTitleProps, StructuredList, StructuredListBody, StructuredListCell, type StructuredListCellProps, StructuredListHead, type StructuredListHeadProps, StructuredListHeader, type StructuredListProps, StructuredListRow, type StructuredListRowProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Tag, TagInput, type TagInputProps, type TagProps, TextInput, TextInputAffix, type TextInputAffixProps, TextInputDropdown, type TextInputDropdownProps, type TextInputProps, Textarea, type TextareaProps, Timeline, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, TimelineItem, type TimelineItemProps, TimelineMarker, type TimelineMarkerProps, type TimelineProps, type TimelineStatus, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastStore, type ToastVariant, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, type UploadFile, type UseFieldA11yOptions, accordionVariants, avatarVariants, breadcrumbVariants, buttonVariants, cardVariants, carouselArrowVariants, carouselDotsVariants, carouselVariants, checkboxVariants, chipVariants, circularProgressVariants, cn, commandVariants, contentSwitcherVariants, createToast, createToastStore, datePickerVariants, dateRangePickerTriggerVariants, dateRangePickerVariants, descriptionListVariants, digitalStampVariants, dividerVariants, drawerVariants, dropdownMenuVariants, dropdownTriggerVariants, emptyStateVariants, filtrationPanelVariants, floatingButtonVariants, inlineAlertVariants, inputOTPVariants, linkVariants, listVariants, menubarContentVariants, menubarTriggerVariants, metricGroupVariants, metricVariants, modalContentVariants, notificationToastVariants, notificationToastViewportVariants, notificationVariants, numberInputVariants, paginationLinkVariants, paginationRange, paginationVariants, popoverContentVariants, progressIndicatorVariants, progressVariants, quoteVariants, radioGroupVariants, radioVariants, ratingVariants, saudiRiyalSymbolVariants, saudiRiyalVariants, scrollAreaVariants, selectTriggerVariants, sidebarMenuButtonVariants, sidebarMenuSubButtonVariants, skeletonVariants, slideoutMenuContentVariants, sliderVariants, spinnerVariants, statusTagVariants, stepVariants, structuredListVariants, switchVariants, tableVariants, tabsListVariants, tabsVariants, tagInputVariants, tagVariants, textInputVariants, textareaVariants, timelineMarkerVariants, timelineVariants, toast, toastStore, toggleVariants, tooltipContentVariants, useDga, useDir, useFieldA11y, useIsMobile, useSidebar };