@dev-dga/react 0.5.0 → 0.6.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 } from 'radix-ui';
 import { Command } from 'cmdk';
 import { DgaTheme } from '@dev-dga/tokens';
 export { DgaTheme, PaletteName, ThemeColor } from '@dev-dga/tokens';
@@ -856,6 +856,275 @@ 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;
+
 type DgaRootElement = 'div' | 'main' | 'nav' | 'section' | 'article' | 'aside' | 'header' | 'footer';
 interface DgaProviderProps {
     dir?: 'ltr' | 'rtl';
@@ -881,18 +1150,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 +1236,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, type FieldA11y, FieldMessage, type FieldMessageProps, type FileRejection, type FileStatus, FileUpload, type FileUploadProps, 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, NumberInput, type NumberInputProps, 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, Rating, type RatingProps, type RejectionCode, Select, SelectItem, type SelectItemProps, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderValue, 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, 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, inputVariants, modalContentVariants, numberInputVariants, paginationLinkVariants, paginationVariants, progressVariants, radioGroupVariants, radioVariants, ratingVariants, selectTriggerVariants, skeletonVariants, sliderVariants, spinnerVariants, stepVariants, stepsVariants, switchVariants, tabsListVariants, tabsVariants, textareaVariants, toast, toastStore, toastVariants, toastViewportVariants, toggleGroupVariants, toggleVariants, tooltipContentVariants, useDga, useDir, useFieldA11y };