@dev-dga/react 0.5.0 → 0.7.0

package/dist/index.d.ts

@@ -2,7 +2,7 @@ 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 } 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 as ToggleGroup$1, Popover as Popover$1, ScrollArea as ScrollArea$1, Menubar as Menubar$1 } from 'radix-ui';
 import { Command } from 'cmdk';
 import { DgaTheme } from '@dev-dga/tokens';
 export { DgaTheme, PaletteName, ThemeColor } from '@dev-dga/tokens';
@@ -856,6 +856,585 @@ declare function ComboboxItem({ value, keywords, disabled, onSelect, className,
 declare function ComboboxGroup({ className, heading, ...props }: ComboboxGroupProps): react_jsx_runtime.JSX.Element;
 declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): react_jsx_runtime.JSX.Element;
 
+declare const datePickerTriggerVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const datePickerVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CalendarSystem = 'gregorian' | 'hijri';
+interface CalendarLabels {
+    gregorian: string;
+    hijri: string;
+}
+interface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants> {
+    /** Currently selected date (controlled). Local Y/M/D. */
+    value?: Date | null;
+    /** Initial value when uncontrolled. */
+    defaultValue?: Date | null;
+    /** Fires whenever the user picks a day. `null` when cleared. */
+    onChange?: (value: Date | null) => void;
+    /** Earliest pickable date (inclusive). */
+    minValue?: Date;
+    /** Latest pickable date (inclusive). */
+    maxValue?: Date;
+    /** Visible label above the trigger. */
+    label?: ReactNode;
+    /** Hint shown below the trigger. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the trigger when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid — sets `aria-invalid` and error styling. */
+    error?: boolean;
+    /** Marks the field required — adds the asterisk + `aria-required`. */
+    required?: boolean;
+    /** Disables the trigger entirely. */
+    disabled?: boolean;
+    /** Caller-supplied id for the field. */
+    id?: string;
+    /** Forwarded to the Group (the trigger row), matching Input/Select. */
+    className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /**
+     * Calendar system (controlled). Omit to let the user toggle freely with
+     * the in-popover switch.
+     */
+    calendar?: CalendarSystem;
+    /** Initial calendar system when uncontrolled. Defaults to `'gregorian'`. */
+    defaultCalendar?: CalendarSystem;
+    /** Fires whenever the calendar system toggles. */
+    onCalendarChange?: (calendar: CalendarSystem) => void;
+    /**
+     * Show the Gregorian↔Hijri toggle inside the popover. Defaults to `true`,
+     * but is forced off when `calendar` is controlled — a toggle that ignores
+     * its click is a worse footgun than no toggle.
+     */
+    showCalendarToggle?: boolean;
+    /** Override the toggle labels. Defaults are locale-aware (English / Arabic). */
+    calendarLabels?: CalendarLabels;
+    /**
+     * When `true`, each day cell also shows the *other* calendar's day number
+     * as small secondary text (e.g., Hijri active → Gregorian day shown small
+     * underneath). Helps users cross-reference dates between calendar systems
+     * without round-tripping the toggle. Defaults to `false`.
+     */
+    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;
+
+type FileStatus = 'pending' | '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).
+ */
+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. */
+    status?: FileStatus;
+    /** 0–100. Rendered as a {@link Progress} bar while `status === 'uploading'`. */
+    progress?: number;
+    /** Shown inline (red) while `status === 'error'`. */
+    error?: string;
+}
+interface FileRejection {
+    file: File;
+    errors: RejectionCode[];
+}
+interface FileUploadProps {
+    /** 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
+     *  an {@link UploadFile} (assigning an `id`) and starts the upload. */
+    onFilesAdded: (accepted: File[]) => void;
+    /** Called with files that failed validation. Never enter `files`. */
+    onFilesRejected?: (rejections: FileRejection[]) => void;
+    /** Per-row remove handler. Omit to hide the remove button. */
+    onRemove?: (id: string) => void;
+    /** Native `accept` string (e.g. `'image/*,.pdf'`). Also drives validation. */
+    accept?: string;
+    /** Maximum size per file, in bytes. */
+    maxSize?: number;
+    /** Maximum total files (existing + incoming). When `multiple` is false this
+     *  is forced to 1. */
+    maxFiles?: number;
+    /** Allow selecting/dropping more than one file. Defaults to true. */
+    multiple?: boolean;
+    /** Disables the drop zone 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;
+    /** 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;
+    className?: string;
+    '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 const sliderVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SliderValue = number | number[];
+interface SliderProps extends Omit<React.ComponentProps<typeof Slider$1.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit' | 'asChild'>, VariantProps<typeof sliderVariants> {
+    /** Controlled value. `number` → single thumb, `number[]` → one thumb each. */
+    value?: SliderValue;
+    /** Uncontrolled initial value. Defaults to a single thumb at `min`. */
+    defaultValue?: SliderValue;
+    /** Fires continuously while dragging. Shape mirrors `value`/`defaultValue`. */
+    onValueChange?: (value: SliderValue) => void;
+    /** Fires once on release (pointer up / keyboard commit). */
+    onValueCommit?: (value: SliderValue) => void;
+    /** Visible field label, associated to the thumb(s) via `aria-labelledby`. */
+    label?: ReactNode;
+    /** Hint shown below the field. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the field when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid: sets `aria-invalid` and error styling. */
+    error?: boolean;
+    /** Render the current value(s) as text beside the label. */
+    showValue?: boolean;
+    /** Formats each value for `showValue` and the thumb's `aria-valuetext`
+     *  (e.g. percentages or currency). */
+    formatValue?: (value: number) => string;
+    /** Accessible names for the two range thumbs. Ignored for single thumbs.
+     *  Defaults to `['Minimum', 'Maximum']`. */
+    thumbLabels?: [string, string];
+}
+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;
+    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> {
+    /** Controlled value. `null` represents an empty field. */
+    value?: number | null;
+    /** Uncontrolled initial value. */
+    defaultValue?: number | null;
+    /** Fires with the parsed value, or `null` when the field is cleared. */
+    onValueChange?: (value: number | null) => void;
+    /** Lower bound. Clamped on blur and at the stepper buttons. */
+    min?: number;
+    /** Upper bound. Clamped on blur and at the stepper buttons. */
+    max?: number;
+    /** Stepper / ArrowUp-Down increment. Defaults to 1. */
+    step?: number;
+    /** Hide the − / + buttons (keyboard + typing only). */
+    hideControls?: boolean;
+    /** Accessible label for the decrement button. Defaults to `'Decrease'`. */
+    decrementLabel?: string;
+    /** Accessible label for the increment button. Defaults to `'Increase'`. */
+    incrementLabel?: string;
+    /** 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;
+    /** Message shown below the field when `error` is true. */
+    errorMessage?: ReactNode;
+    /** 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 const ratingVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RatingProps extends VariantProps<typeof ratingVariants> {
+    /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. */
+    value?: number;
+    /** Uncontrolled initial value. Defaults to 0. */
+    defaultValue?: number;
+    /** Fires with the chosen rating. */
+    onValueChange?: (value: number) => void;
+    /** Number of stars. Defaults to 5. */
+    max?: number;
+    /** Allow half-star (`.5`) precision. */
+    allowHalf?: boolean;
+    /** Display only — no interaction, exposed as `role="img"`. */
+    readOnly?: boolean;
+    /** Non-interactive and dimmed. */
+    disabled?: boolean;
+    /** Visible field label. */
+    label?: ReactNode;
+    /** Hint shown below the field. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the field when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid: sets `aria-invalid` and error styling. */
+    error?: boolean;
+    /** Builds the accessible value text / read-only label. Defaults to
+     *  `"{value} out of {max} stars"`. Override for localization. */
+    formatValueText?: (value: number, max: number) => string;
+    id?: string;
+    className?: string;
+    '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 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 descriptionListVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    divided?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DescriptionListProps extends React.ComponentProps<'dl'>, VariantProps<typeof descriptionListVariants> {
+}
+type DescriptionItemProps = React.ComponentProps<'div'>;
+type DescriptionTermProps = React.ComponentProps<'dt'>;
+type DescriptionDetailsProps = React.ComponentProps<'dd'>;
+declare function DescriptionList({ orientation, divided, className, ...props }: DescriptionListProps): react_jsx_runtime.JSX.Element;
+declare function DescriptionItem({ className, ...props }: DescriptionItemProps): react_jsx_runtime.JSX.Element;
+declare function DescriptionTerm({ className, ...props }: DescriptionTermProps): react_jsx_runtime.JSX.Element;
+declare function DescriptionDetails({ className, ...props }: DescriptionDetailsProps): react_jsx_runtime.JSX.Element;
+
+declare const emptyStateVariants: (props?: ({
+    variant?: "search" | "error" | "default" | "success" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface EmptyStateProps extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof emptyStateVariants> {
+    /**
+     * Leading media (icon or illustration). Pass `false` to hide the media.
+     * Defaults to a variant-appropriate icon. Ignored when `children` is set.
+     */
+    icon?: ReactNode | false;
+    /** Title. Ignored when `children` is set. */
+    title?: ReactNode;
+    /** Supporting description below the title. Ignored when `children` is set. */
+    description?: ReactNode;
+    /** Primary action, e.g. a `<Button>`. Ignored when `children` is set. */
+    action?: ReactNode;
+    /** Secondary action beside the primary one. Ignored when `children` is set. */
+    secondaryAction?: ReactNode;
+}
+type EmptyStateMediaProps = React.ComponentProps<'div'>;
+interface EmptyStateTitleProps extends React.ComponentProps<'h3'> {
+    /** Override the heading element (e.g. render an `<h2>` on full-page states). */
+    asChild?: boolean;
+}
+type EmptyStateDescriptionProps = React.ComponentProps<'p'> & {
+    asChild?: boolean;
+};
+type EmptyStateActionsProps = React.ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+declare function EmptyState({ variant, size, icon, title, description, action, secondaryAction, className, children, ...props }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyStateMedia({ className, ...props }: EmptyStateMediaProps): react_jsx_runtime.JSX.Element;
+declare function EmptyStateTitle({ asChild, className, ...props }: EmptyStateTitleProps): react_jsx_runtime.JSX.Element;
+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" | "accent" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+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. */
+    label?: ReactNode;
+    /** The metric, pre-formatted by the consumer (e.g. "3,204", "SAR 1.2M"). */
+    value?: ReactNode;
+    /** Change text — include the sign (e.g. "+12.5%") so AT conveys direction. */
+    change?: ReactNode;
+    /** Muted context beside the change (e.g. "vs last month"). */
+    changeLabel?: ReactNode;
+    /** Arrow direction: up → CaretUp, down → CaretDown, flat → Minus. */
+    trend?: Trend;
+    /** Change color. Omitted → derived from `trend`. Explicit always wins. */
+    sentiment?: Sentiment;
+    /** Optional icon at the inline-end of the label row (decorative). */
+    icon?: ReactNode;
+}
+type StatLabelProps = React.ComponentProps<'div'>;
+type StatValueProps = React.ComponentProps<'div'>;
+interface StatChangeProps extends React.ComponentProps<'div'> {
+    trend?: Trend;
+    sentiment?: Sentiment;
+}
+declare function Stat({ variant, size, label, value, change, changeLabel, trend, sentiment, 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 StatChange({ trend, sentiment, className, children, ...props }: StatChangeProps): react_jsx_runtime.JSX.Element;
+
+declare const statGroupVariants: (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> {
+    /**
+     * 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 const popoverContentVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type PopoverProps = React.ComponentProps<typeof Popover$1.Root>;
+type PopoverTriggerProps = React.ComponentProps<typeof Popover$1.Trigger>;
+type PopoverAnchorProps = React.ComponentProps<typeof Popover$1.Anchor>;
+interface PopoverContentProps extends Omit<React.ComponentProps<typeof Popover$1.Content>, 'asChild'>, VariantProps<typeof popoverContentVariants> {
+    /** Show a small arrow pointing at the trigger. Defaults to false. */
+    arrow?: boolean;
+}
+interface PopoverCloseProps extends React.ComponentProps<typeof Popover$1.Close> {
+    /**
+     * Localized label for the default corner-X button. Only used when no
+     * `children` (and no `asChild`) are provided. Defaults to `"Close"`.
+     */
+    closeLabel?: string;
+}
+declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor(props: PopoverAnchorProps): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ size, arrow, sideOffset, className, children, ...props }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+declare function PopoverClose({ className, children, closeLabel, asChild, ...props }: PopoverCloseProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarContextValue {
+    /** Desktop collapse state, derived from `open`. */
+    state: 'expanded' | 'collapsed';
+    /** Desktop expanded (true) / collapsed-to-rail (false). */
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    /** Mobile off-canvas drawer open state. */
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    /** True below the provider's `mobileBreakpoint`. */
+    isMobile: boolean;
+    /** Toggles `openMobile` on mobile, else `open`. */
+    toggleSidebar: () => void;
+}
+declare function useSidebar(): SidebarContextValue;
+
+interface SidebarProviderProps extends React.ComponentProps<'div'> {
+    /** Uncontrolled initial desktop state. Default true (expanded). */
+    defaultOpen?: boolean;
+    /** Controlled desktop open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Viewport width (px) below which the mobile Drawer engages. Default 768. */
+    mobileBreakpoint?: number;
+    /** Register Cmd/Ctrl+B to toggle. Default true. */
+    keyboardShortcut?: boolean;
+}
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange, mobileBreakpoint, keyboardShortcut, className, style, children, ...props }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
+interface SidebarProps extends React.ComponentProps<'div'> {
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'icon' | 'offcanvas' | 'none';
+    /** Logical side; flips with dir. Default 'start'. */
+    side?: 'start' | 'end';
+}
+declare function Sidebar({ variant, collapsible, side, className, children, 'aria-label': ariaLabel, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+interface SidebarTriggerProps extends React.ComponentProps<'button'> {
+    asChild?: boolean;
+}
+declare function SidebarTrigger({ asChild, className, onClick, children, 'aria-label': ariaLabel, ...props }: SidebarTriggerProps): react_jsx_runtime.JSX.Element;
+declare function SidebarRail({ className, 'aria-label': ariaLabel, ...props }: React.ComponentProps<'button'>): react_jsx_runtime.JSX.Element;
+interface SidebarInsetProps extends React.ComponentProps<'main'> {
+    asChild?: boolean;
+}
+declare function SidebarInset({ asChild, className, ...props }: SidebarInsetProps): react_jsx_runtime.JSX.Element;
+type SidebarSectionProps = React.ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+declare function SidebarHeader({ asChild, className, ...props }: SidebarSectionProps): react_jsx_runtime.JSX.Element;
+declare function SidebarContent({ asChild, className, ...props }: SidebarSectionProps): react_jsx_runtime.JSX.Element;
+declare function SidebarFooter({ asChild, className, ...props }: SidebarSectionProps): react_jsx_runtime.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<'hr'>): react_jsx_runtime.JSX.Element;
+
+/**
+ * True when the viewport is narrower than `breakpoint`. SSR-safe: returns
+ * `false` until the mount effect runs, so the desktop layout renders first
+ * and the mobile Drawer (a client-only overlay) only engages after hydration.
+ */
+declare function useIsMobile(breakpoint?: number): boolean;
+
+type SidebarGroupDivProps = React.ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+declare function SidebarGroup({ asChild, className, ...props }: SidebarGroupDivProps): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupLabel({ asChild, className, ...props }: SidebarGroupDivProps): react_jsx_runtime.JSX.Element;
+interface SidebarGroupActionProps extends React.ComponentProps<'button'> {
+    asChild?: boolean;
+}
+declare function SidebarGroupAction({ asChild, className, ...props }: SidebarGroupActionProps): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupContent({ asChild, className, ...props }: SidebarGroupDivProps): react_jsx_runtime.JSX.Element;
+
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SidebarMenuButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof sidebarMenuButtonVariants> {
+    asChild?: boolean;
+    isActive?: boolean;
+    /** Tooltip content shown only when the rail is collapsed (desktop). */
+    tooltip?: React.ReactNode;
+}
+declare function SidebarMenuButton({ asChild, isActive, size, tooltip, className, ...props }: SidebarMenuButtonProps): react_jsx_runtime.JSX.Element;
+interface SidebarMenuActionProps extends React.ComponentProps<'button'> {
+    asChild?: boolean;
+    /** Reveal the action only on row hover/focus (CSS-driven). */
+    showOnHover?: boolean;
+}
+declare function SidebarMenuAction({ asChild, showOnHover, className, ...props }: SidebarMenuActionProps): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+interface SidebarMenuSkeletonProps extends React.ComponentProps<'div'> {
+    showIcon?: boolean;
+}
+declare function SidebarMenuSkeleton({ showIcon, className, ...props }: SidebarMenuSkeletonProps): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare const sidebarMenuSubButtonVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SidebarMenuSubButtonProps extends React.ComponentProps<'a'>, VariantProps<typeof sidebarMenuSubButtonVariants> {
+    asChild?: boolean;
+    isActive?: boolean;
+}
+declare function SidebarMenuSubButton({ asChild, isActive, size, className, ...props }: SidebarMenuSubButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const scrollAreaVariants: (props?: ({
+    orientation?: "both" | "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ScrollAreaOrientation = 'vertical' | 'horizontal' | 'both';
+interface ScrollAreaProps extends Omit<React.ComponentProps<typeof ScrollArea$1.Root>, 'asChild' | 'orientation'>, Omit<VariantProps<typeof scrollAreaVariants>, 'orientation'> {
+    /** Which scrollbar(s) to render. Default `'vertical'`. */
+    orientation?: ScrollAreaOrientation;
+    /** Ref to the scrollable viewport — use for programmatic scrolling. */
+    viewportRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Extra props forwarded to the viewport element (use `viewportRef` for the ref).
+     * To drop the extra tab stop when the scrolled content is itself fully focusable
+     * (e.g. a list of links), pass `viewportProps={{ tabIndex: -1 }}`.
+     */
+    viewportProps?: Omit<React.ComponentProps<'div'>, 'ref'>;
+    /** Names the scroll region. Warns (dev only) if neither this nor `aria-labelledby` is set. */
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+/**
+ * Cross-browser, design-system-styled scroll container (wraps Radix ScrollArea).
+ *
+ * Set the bounding size (height / max-height) on the element via `className` /
+ * `style` — without a bounded size nothing scrolls, exactly like native overflow.
+ * The viewport is keyboard-focusable (`tabIndex={0}`) so keyboard users can scroll
+ * with the arrow / Page keys; pass `aria-label` to name the region.
+ *
+ * Does not support `asChild`: it is a structural wrapper composing several Radix
+ * parts, and the meaningful node — the viewport — is exposed via `viewportRef`.
+ */
+declare function ScrollArea({ className, orientation, type, scrollHideDelay, viewportRef, viewportProps, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+
+declare const menubarContentVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const menubarTriggerVariants: (props?: ({
+    variant?: "outline" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type MenubarProps = React.ComponentProps<typeof Menubar$1.Root>;
+declare function Menubar({ className, ...props }: MenubarProps): react_jsx_runtime.JSX.Element;
+type MenubarMenuProps = React.ComponentProps<typeof Menubar$1.Menu>;
+declare function MenubarMenu(props: MenubarMenuProps): react_jsx_runtime.JSX.Element;
+type MenubarTriggerProps = React.ComponentProps<typeof Menubar$1.Trigger> & VariantProps<typeof menubarTriggerVariants>;
+declare function MenubarTrigger({ variant, className, ...props }: MenubarTriggerProps): react_jsx_runtime.JSX.Element;
+type MenubarContentProps = React.ComponentProps<typeof Menubar$1.Content> & VariantProps<typeof menubarContentVariants>;
+declare function MenubarContent({ size, className, sideOffset, ...props }: MenubarContentProps): react_jsx_runtime.JSX.Element;
+type MenubarItemProps = React.ComponentProps<typeof Menubar$1.Item> & {
+    /** Style as a destructive action (red text, red hover). */
+    destructive?: boolean;
+    /** Icon rendered before the label. Sized to 1em. */
+    startIcon?: ReactNode;
+    /** Trailing text shown muted, e.g. a keyboard shortcut hint ("⌘K"). */
+    shortcut?: ReactNode;
+};
+declare function MenubarItem({ className, destructive, startIcon, shortcut, children, ...props }: MenubarItemProps): react_jsx_runtime.JSX.Element;
+type MenubarCheckboxItemProps = React.ComponentProps<typeof Menubar$1.CheckboxItem>;
+declare function MenubarCheckboxItem({ className, children, onSelect, ...props }: MenubarCheckboxItemProps): react_jsx_runtime.JSX.Element;
+type MenubarRadioGroupProps = React.ComponentProps<typeof Menubar$1.RadioGroup>;
+declare function MenubarRadioGroup(props: MenubarRadioGroupProps): react_jsx_runtime.JSX.Element;
+type MenubarRadioItemProps = React.ComponentProps<typeof Menubar$1.RadioItem>;
+declare function MenubarRadioItem({ className, children, onSelect, ...props }: MenubarRadioItemProps): react_jsx_runtime.JSX.Element;
+type MenubarLabelProps = React.ComponentProps<typeof Menubar$1.Label>;
+declare function MenubarLabel({ className, ...props }: MenubarLabelProps): react_jsx_runtime.JSX.Element;
+type MenubarSeparatorProps = React.ComponentProps<typeof Menubar$1.Separator>;
+declare function MenubarSeparator({ className, ...props }: MenubarSeparatorProps): react_jsx_runtime.JSX.Element;
+type MenubarGroupProps = React.ComponentProps<typeof Menubar$1.Group>;
+declare function MenubarGroup(props: MenubarGroupProps): react_jsx_runtime.JSX.Element;
+type MenubarSubProps = React.ComponentProps<typeof Menubar$1.Sub>;
+declare function MenubarSub(props: MenubarSubProps): react_jsx_runtime.JSX.Element;
+type MenubarSubTriggerProps = React.ComponentProps<typeof Menubar$1.SubTrigger> & {
+    startIcon?: ReactNode;
+};
+declare function MenubarSubTrigger({ className, startIcon, children, ...props }: MenubarSubTriggerProps): react_jsx_runtime.JSX.Element;
+type MenubarSubContentProps = React.ComponentProps<typeof Menubar$1.SubContent> & VariantProps<typeof menubarContentVariants>;
+declare function MenubarSubContent({ size, className, ...props }: MenubarSubContentProps): react_jsx_runtime.JSX.Element;
+
+declare const timelineVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TimelineStatus = 'default' | 'success' | 'error' | 'warning' | 'info';
+declare const timelineMarkerVariants: (props?: ({
+    status?: "error" | "default" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TimelineProps extends React.ComponentProps<'ol'>, VariantProps<typeof timelineVariants> {
+}
+type TimelineItemProps = React.ComponentProps<'li'>;
+interface TimelineMarkerProps extends React.ComponentProps<'span'>, VariantProps<typeof timelineMarkerVariants> {
+}
+type TimelineContentProps = React.ComponentProps<'div'>;
+type TimelineTitleProps = React.ComponentProps<'span'>;
+type TimelineDescriptionProps = React.ComponentProps<'span'>;
+type TimelineTimeProps = React.ComponentProps<'time'>;
+declare function Timeline({ size, orientation, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
+declare function TimelineItem({ className, ...props }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+declare function TimelineMarker({ status, className, children, ...props }: TimelineMarkerProps): react_jsx_runtime.JSX.Element;
+declare function TimelineContent({ className, ...props }: TimelineContentProps): react_jsx_runtime.JSX.Element;
+declare function TimelineTitle({ className, ...props }: TimelineTitleProps): react_jsx_runtime.JSX.Element;
+declare function TimelineDescription({ className, ...props }: TimelineDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function TimelineTime({ className, ...props }: TimelineTimeProps): react_jsx_runtime.JSX.Element;
+
 type DgaRootElement = 'div' | 'main' | 'nav' | 'section' | 'article' | 'aside' | 'header' | 'footer';
 interface DgaProviderProps {
     dir?: 'ltr' | 'rtl';
@@ -881,18 +1460,40 @@ interface DgaContextValue {
     locale: string;
     mode: 'light' | 'dark';
     /**
-     * The DgaProvider root element. Portal-rendering components (Select, and
-     * future Tooltip / Modal / Toast / Popover / DropdownMenu) MUST pass this
-     * as their Radix `Portal container={…}` so that `data-theme`, custom
-     * theme vars, and `.ddga-theme-*` classes set on the root inherit into
-     * the portaled content. Without it, portals mount under <body> and
-     * silently miss dark mode + custom themes.
+     * The DgaProvider's rendered root element. Exposed for non-portaled
+     * descendants that need to read theme attributes (e.g., layout decorators).
+     *
+     * **For overlay portals, prefer `portalEl`** — `rootEl` lives inside the
+     * consumer's normal DOM tree and inherits any `overflow: hidden` /
+     * `transform` ancestors. Inside Storybook's autodocs preview block (or any
+     * scoped wrapper a consumer might wrap us in), portaling into `rootEl`
+     * makes the overlay get clipped by the wrapper and breaks `position: fixed`
+     * positioning (a `transform` ancestor establishes a new containing block).
      *
-     * Exposed as state (not a ref) so consumers re-render once the element
-     * mounts , a useRef wouldn't fire that update and the portal would
-     * race to <body> on the first commit.
+     * State (not ref) so subscribers re-render when the element mounts; a
+     * useRef update wouldn't fire a render and `defaultOpen` portals would
+     * race to the wrong target on first commit.
      */
     rootEl: HTMLElement | null;
+    /**
+     * Body-mounted portal container that mirrors this provider's theme
+     * attributes (`data-theme`, `dir`) and CSS custom properties. Overlay
+     * components (Modal / Drawer / DropdownMenu / Combobox / Select / Tooltip
+     * / DatePicker) should portal into this so:
+     *
+     *  1. They escape any clipping (`overflow: hidden`) or transform ancestor
+     *     the consumer wraps the provider in.
+     *  2. `position: fixed` semantics survive (no `transform` ancestor breaks
+     *     the viewport containing block).
+     *  3. Theme inheritance still works — the container carries `data-theme`,
+     *     `dir`, and the same CSS variables as the provider's root, so
+     *     `var(--ddga-color-*)` lookups inside the portal resolve correctly.
+     *
+     * `null` until the DOM mount effect runs (e.g., during SSR or the very
+     * first commit on the client). Components should fall back to `rootEl`
+     * (and finally `document.body`) when this is null.
+     */
+    portalEl: HTMLElement | null;
 }
 declare function useDga(): DgaContextValue;
 
@@ -945,4 +1546,4 @@ declare function FieldMessage({ id, variant, children }: FieldMessageProps): rea
 
 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, type AlertSectionProps, AlertTitle, type AlertTitleProps, 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, Card, CardContent, CardDescription, type CardDescriptionProps, CardFooter, CardHeader, CardImage, type CardImageProps, type CardProps, type CardSectionProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, Combobox, ComboboxGroup, type ComboboxGroupProps, ComboboxItem, type ComboboxItemProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, 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, type FieldA11y, FieldMessage, type FieldMessageProps, Input, type InputProps, Modal, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, ModalHeader, type ModalProps, type ModalSectionProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectItem, type SelectItemProps, type SelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Step, StepDescription, type StepDescriptionProps, StepIndicator, type StepIndicatorProps, type StepProps, type StepState, StepTitle, type StepTitleProps, Steps, type StepsProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastStore, type ToastVariant, Toaster, type ToasterProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, type UseFieldA11yOptions, accordionVariants, alertVariants, avatarVariants, badgeVariants, breadcrumbVariants, buttonVariants, cardVariants, checkboxVariants, circularProgressVariants, cn, comboboxTriggerVariants, comboboxVariants, createToast, createToastStore, dividerVariants, drawerVariants, dropdownMenuVariants, inputVariants, modalContentVariants, paginationLinkVariants, paginationVariants, progressVariants, radioGroupVariants, radioVariants, selectTriggerVariants, skeletonVariants, spinnerVariants, stepVariants, stepsVariants, switchVariants, tabsListVariants, tabsVariants, textareaVariants, toast, toastStore, toastVariants, toastViewportVariants, tooltipContentVariants, useDga, useDir, useFieldA11y };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertSectionProps, AlertTitle, type AlertTitleProps, 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, Card, CardContent, CardDescription, type CardDescriptionProps, CardFooter, CardHeader, CardImage, type CardImageProps, type CardProps, type CardSectionProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, Combobox, ComboboxGroup, type ComboboxGroupProps, ComboboxItem, type ComboboxItemProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, DatePicker, type DatePickerProps, 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, type InputProps, 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, 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, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, type RejectionCode, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, 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, 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, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, 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, createToast, createToastStore, datePickerVariants, descriptionListVariants, dividerVariants, drawerVariants, dropdownMenuVariants, emptyStateVariants, inputVariants, menubarContentVariants, menubarTriggerVariants, modalContentVariants, numberInputVariants, paginationLinkVariants, paginationVariants, popoverContentVariants, progressVariants, radioGroupVariants, radioVariants, ratingVariants, scrollAreaVariants, selectTriggerVariants, sidebarMenuButtonVariants, sidebarMenuSubButtonVariants, skeletonVariants, sliderVariants, spinnerVariants, statGroupVariants, statVariants, stepVariants, stepsVariants, switchVariants, tabsListVariants, tabsVariants, textareaVariants, timelineMarkerVariants, timelineVariants, toast, toastStore, toastVariants, toastViewportVariants, toggleGroupVariants, toggleVariants, tooltipContentVariants, useDga, useDir, useFieldA11y, useIsMobile, useSidebar };