@caqophony/ui 0.2.0 → 0.3.0

package/dist/index.d.mts

@@ -11,8 +11,8 @@ import { LucideIcon } from 'lucide-react';
 import { ClassValue } from 'clsx';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -23,24 +23,35 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
+declare const fieldVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;
+
 /**
  * Input Component
  *
  * Standard form input with consistent sizing, focus ring, and disabled state.
- * Mobile-first: 44px minimum height for touch targets.
+ * Mobile-first: 44px minimum height for touch targets (the default `md`).
+ * The surface (border, focus, error, size) is `fieldVariants` (W1.5 Batch 1,
+ * #5823), shared with Textarea and Select.
  *
  * Usage:
  *   import { Input } from '@caqophony/ui';
  *   <Input type="email" placeholder="Enter email" />
+ *   <Input size="sm" placeholder="Filter" />
  *
  * Authored by Caqophony
  */
 
-interface InputProps extends React.ComponentProps<'input'> {
+interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'> {
     /** Show error styling (red border + aria-invalid) */
     error?: boolean;
     /** ID of the element describing the error, for aria-describedby */
     errorMessageId?: string;
+    /** sm 36px, md 44px (the default, unchanged), lg 48px */
+    size?: FieldSize;
 }
 declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
@@ -412,7 +423,7 @@ declare function ConfirmDialog({ title, message, confirmLabel, onConfirm, onCanc
 /** Supported DiceBear avatar styles */
 type DiceBearStyle = 'adventurer' | 'adventurer-neutral' | 'avataaars' | 'avataaars-neutral' | 'big-ears' | 'big-ears-neutral' | 'bottts' | 'bottts-neutral' | 'croodles' | 'croodles-neutral' | 'fun-emoji' | 'icons' | 'identicon' | 'initials' | 'lorelei' | 'lorelei-neutral' | 'micah' | 'miniavs' | 'notionists' | 'notionists-neutral' | 'open-peeps' | 'personas' | 'pixel-art' | 'pixel-art-neutral' | 'rings' | 'shapes' | 'thumbs';
 declare const avatarVariants: (props?: ({
-    size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
+    size?: "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Build a DiceBear avatar URL from a seed and style.
@@ -1287,7 +1298,7 @@ declare namespace SkeletonDetail {
  *   bg-transparent → transparent         (inactive toggle)
  *   text-foreground → colors.foreground  (active)
  *   text-muted-fg  → colors.mutedFg     (inactive)
- *   border-input   → colors.border      (outline variant)
+ *   border-border   → colors.border      (outline variant)
  *
  * Usage:
  *   import { Toggle, ToggleGroup } from '@caqophony/ui';
@@ -1994,21 +2005,265 @@ declare const ClampedList: React.ForwardRefExoticComponent<ClampedListProps & Re
 
 /**
  * One-artifact W1 (#5823) — the scroll hint: the ONE writer of how a box
- * that scrolls says there is more. The last 1.5rem of the box (its end edge)
- * fades out through a mask (3rem for a vertical box, below); the box carries
- * the same length of end padding,
- * so when nothing is clipped only that empty padding fades, and when content
- * runs past the edge the clipped item fades, which is the hint.
+ * that scrolls says there is more: a drawn chevron mark on the box's end
+ * edge, on either axis (each below).
+ *
+ * The mark is static markup and shows in a server render and in a still
+ * capture alike. On x a small client script (`watchScrollHintX`, run by
+ * `ScrollHintXMark`) hides it after mount when there is nothing more; on y
+ * the hide is a `scroll-state` container query (Chromium only). The style
+ * sheet's `scrollHint` check fails on a box that overflows on an axis it
+ * scrolls without a hint, and its `hintVisible` check on one whose hint
+ * draws nothing on the end edge.
+ *
+ * Authored by Caqophony
+ */
+/**
+ * A horizontally scrolling box (a tab bar, a stepper, nav links, a table).
+ * W1.5 Batch 0 (#5823): the W1 x hint was a 1.5rem mask fade, and a fade
+ * draws only what happens to sit in its band. Measured at 390px, the
+ * underline TabBar's band fell on the gap between two tabs (the most any
+ * pixel changed, content shown vs hidden, was 11/255) and the small
+ * horizontal Stepper's on its 1px connector (5/255): a clipped row that
+ * looked complete. So x carries a drawn mark as y does
+ * (`SCROLL_HINT_X_MARK`, the box's last child, rendered by
+ * `ScrollHintXMark`) and no mask (a mask fades the mark too).
+ *
+ * Fix round 1: the box itself needs no class any more. Whether the mark
+ * shows is decided by one writer, the measuring script, in every browser;
+ * the Batch 0 `[container-type:scroll-state]` query (Chromium only) is
+ * removed so the two never disagree. The constant stays exported (it is in
+ * the 0.2.0 barrel) as the empty string so a consumer that applied it keeps
+ * compiling; on its own it draws nothing, so such a box needs the mark.
+ */
+declare const SCROLL_HINT_X = "";
+
+/**
+ * Label (W1.5 Batch 1, #5823) — the ONE writer of a form label: FormField,
+ * Checkbox and a hand-composed field all draw it.
+ *
+ * A plain `<label>`: the native element already focuses its control on
+ * click, so `@radix-ui/react-label` adds nothing here.
+ *
+ *  - `required` draws an asterisk in the error intent (aria-hidden: the
+ *    control carries `required`, which assistive technology announces).
+ *  - `optional` draws a muted "(optional)".
+ *  - `disabled` dims the text through the muted token, never opacity: a
+ *    label is not a control, so WCAG 1.4.3's inactive-control exemption
+ *    does not reach it and it must stay AA.
+ *  - `error` draws the text in the error intent's text colour.
+ *
+ * Usage:
+ *   <Label htmlFor="email" required>Email</Label>
+ *   <Input id="email" required />
+ *
+ * Authored by Caqophony
+ */
+
+interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+    /** Draws a muted "(optional)" after the text. */
+    optional?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md';
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+
+/**
+ * Textarea (W1.5 Batch 1, #5823) — multi-line text on the shared field
+ * surface (`fieldVariants`: border, focus, error, size), so it matches
+ * Input and Select exactly.
+ *
+ * Its height is `rows` (no auto-grow: `field-sizing: content` is
+ * Chromium-only). Text past the rows scrolls with the platform's own
+ * scrollbar; the style sheet's scroll-hint checks exempt native form
+ * controls for that reason.
+ *
+ * `showCount` draws the character count under the field (`12 / 280` with a
+ * `maxLength`), and the count turns to the error intent at the limit.
+ *
+ * Usage:
+ *   <Textarea rows={4} maxLength={280} showCount placeholder="Notes" />
+ *
+ * Authored by Caqophony
+ */
+
+interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'size'> {
+    error?: boolean;
+    /** ID of the element describing the error, for aria-describedby */
+    errorMessageId?: string;
+    size?: FieldSize;
+    resize?: 'none' | 'vertical';
+    /** Draws the character count (against `maxLength`, when set). */
+    showCount?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+
+/**
+ * Select (W1.5 Batch 1, #5823) — a styled NATIVE `<select>` on the shared
+ * field surface (`fieldVariants`), with the library chevron at its end.
+ *
+ * Native, not a custom listbox: it renders in server markup with no portal,
+ * the operating system draws (and makes accessible) the option list, and on
+ * a phone it opens the platform picker. A searchable or multi-value picker
+ * is `Combobox`.
+ *
+ *  - `color-scheme` follows the scheme (`scheme-light dark:scheme-dark`), so
+ *    the OS list the browser draws is dark on a dark page, not white.
+ *  - `placeholder` is a disabled, hidden first option with the empty value;
+ *    with no `value`/`defaultValue` it is what shows, in the muted colour.
+ *  - The chevron sits in the end padding (`pr-9`): a long label truncates
+ *    inside the box and never runs under it, and the box never widens.
+ *
+ * Usage:
+ *   <Select placeholder="Choose a stage" options={[{ value: 'a', label: 'Applied' }]} />
+ *
+ * Authored by Caqophony
+ */
+
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps extends Omit<React.ComponentProps<'select'>, 'size' | 'multiple'> {
+    /** The options; or pass `<option>` children instead. */
+    options?: readonly SelectOption[];
+    /** Shown (muted) while no option is chosen. */
+    placeholder?: string;
+    error?: boolean;
+    /** ID of the element describing the error, for aria-describedby */
+    errorMessageId?: string;
+    size?: FieldSize;
+}
+declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+
+/**
+ * Checkbox + CheckboxGroup (W1.5 Batch 1, #5823).
+ *
+ * A native `input type="checkbox"` (`appearance-none`) on a token-drawn box:
+ * keyboard, form submission and the label click are the platform's.
  *
- * Static CSS (no script, no animation): it shows in a server render and in a
- * still capture alike. A mask is surface-agnostic (no gradient in a guessed
- * background colour). The style sheet's `scrollHint` check fails on a box
- * that overflows on an axis it scrolls without one of these.
+ *  - checked: the box fills with the primary solid and draws the check.
+ *  - `indeterminate`: drawn FROM THE PROP at render time (the filled box and
+ *    a bar), with `aria-checked="mixed"`; the DOM property is also set after
+ *    mount. Server markup has no `indeterminate` property at all, so the
+ *    drawing cannot wait for `:indeterminate`.
+ *  - `appearance-none` drops the native focus ring, so the box draws
+ *    `focus-visible:ring` itself.
+ *  - the box's border is the field border (`--input`), which the owner kept
+ *    as the light hairline (2026-10-28, #5846), so it is not marked
+ *    `data-ui-boundary`.
+ *
+ * CheckboxGroup is a `fieldset` + `legend` of Checkboxes over a `string[]`.
+ *
+ * Usage:
+ *   <Checkbox label="Email me" defaultChecked />
+ *   <Checkbox label="Select all" indeterminate checked={false} onCheckedChange={toggleAll} />
+ *   <CheckboxGroup legend="Stages" options={stages} value={picked} onChange={setPicked} />
  *
  * Authored by Caqophony
  */
-/** A horizontally scrolling box (a tab bar). */
-declare const SCROLL_HINT_X = "pr-6 [mask-image:linear-gradient(to_right,black_calc(100%-1.5rem),transparent)]";
+
+interface CheckboxProps extends Omit<React.ComponentProps<'input'>, 'type' | 'size' | 'onChange'> {
+    /** Drawn from the prop (filled box + bar, `aria-checked="mixed"`). */
+    indeterminate?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    /** true: the error border; a string: also the message under it. */
+    error?: boolean | string;
+    size?: 'sm' | 'md';
+}
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+interface CheckboxGroupOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+interface CheckboxGroupProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'defaultValue'> {
+    legend: string;
+    options: readonly CheckboxGroupOption[];
+    /** The checked values. */
+    value: readonly string[];
+    onChange?: (value: string[]) => void;
+    orientation?: 'vertical' | 'horizontal';
+    /** The group's error message (drawn under the options). */
+    error?: string;
+    name?: string;
+    size?: 'sm' | 'md';
+}
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+/**
+ * Progress (W1.5 Batch 1, #5823) — a linear progress bar, determinate
+ * (`value` 0–100) or indeterminate (`value` omitted).
+ *
+ *  - `role="progressbar"` with aria-valuemin/max, and aria-valuenow only when
+ *    determinate; named by `label` (aria-labelledby) or an `aria-label`.
+ *  - The fill is the intent's colour that stands out from the muted track at
+ *    3:1 (WCAG 1.4.11; `data-ui-boundary`, measured by the style sheet's
+ *    `nonTextContrast` check): the solid fill in light, the base intent
+ *    colour in dark (the solids are darkened for white text, which sinks
+ *    them into a dark track).
+ *  - Indeterminate: a 40% segment sliding across (`animate-progress-
+ *    indeterminate`, keyframes in the library theme). Its resting position,
+ *    with animation off (reduced motion, a held-still capture), is the
+ *    track's first 40%: a visible segment, never an empty track.
+ *  - 0% still draws the track.
+ *
+ * Usage:
+ *   <Progress value={40} label="Uploading" showValue />
+ *   <Progress label="Loading candidates" />
+ *
+ * Authored by Caqophony
+ */
+
+type ProgressIntent = 'primary' | 'success' | 'warning' | 'error';
+interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** 0–100; omitted = indeterminate. */
+    value?: number;
+    intent?: ProgressIntent;
+    size?: 'sm' | 'md';
+    /** Drawn above the bar, and the bar's accessible name. */
+    label?: string;
+    /** Draws the percentage beside the label (determinate only). */
+    showValue?: boolean;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Spinner (W1.5 Batch 1, #5823) — the ONE writer of "busy": the closed
+ * set's `loader` icon, spinning. Button's `loading` draws it too.
+ *
+ * Two forms, so an unnamed live region cannot be written:
+ *  - `label`: a `role="status"` region announcing the label, which is
+ *    visually hidden (`sr-only`: clipped to 1px, never low-contrast text);
+ *  - `decorative`: hidden from assistive technology, for a control that
+ *    already says it is busy (Button sets `aria-busy` and shows its text).
+ *
+ * Usage:
+ *   <Spinner label="Loading candidates" />
+ *   <Spinner decorative size="xs" />
+ *
+ * Authored by Caqophony
+ */
+
+interface SpinnerBase {
+    size?: IconSize;
+    className?: string;
+}
+type SpinnerProps = SpinnerBase & ({
+    label: string;
+    decorative?: never;
+} | {
+    decorative: true;
+    label?: never;
+});
+declare function Spinner(props: SpinnerProps): React.ReactElement;
 
 /**
  * UI Package Utilities
@@ -2026,4 +2281,4 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare function useDebounce<T>(value: T, ms: number): T;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, type ActionCardProps, ActionPanel, type ActionPanelProps, ActivityFeed, ActivityFeedItem, type ActivityFeedItemProps, type ActivityFeedProps, Alert, type AlertProps, AppShell, type AppShellProps, AvatarGroup, AvatarGroupItem, type AvatarGroupItemProps, type AvatarGroupProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClampedList, type ClampedListProps, CollapsibleSidebar, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteProps, type CommandPaletteResult, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DiceBearAvatar, type DiceBearAvatarProps, type DiceBearStyle, DistributionChip, type DistributionChipProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerFooter, DrawerHeader, type DrawerProps, EMPTY_VALUE_GLYPH, EmptyState, type EmptyStateProps, EmptyValue, type EmptyValueProps, FilterChip, type FilterChipProps, FormError, type FormErrorProps, FormField, FormFieldGroup, type FormFieldGroupProps, type FormFieldProps, FormLayout, type FormLayoutProps, FormLayoutSection, type FormLayoutSectionProps, FormSection, type FormSectionProps, FormSuccess, type FormSuccessProps, GlobalErrorContent, type GlobalErrorContentProps, GridList, GridListItem, type GridListItemProps, type GridListProps, HorizontalCard, type HorizontalCardProps, HoverCard, type HoverCardProps, ICONS, ICON_SIZES, INTENT_SUBTLE_STYLES, Icon, type IconName, type IconProps, type IconSize, ImageCard, type ImageCardProps, Input, InputGroup, type InputGroupProps, type InputProps, IntentBadge, type IntentBadgeIntent, type IntentBadgeProps, IntentIcon, type IntentIconProps, MediaObject, type MediaObjectProps, ModalBody, ModalDialog, type ModalDialogProps, ModalFooter, ModalHeader, type NavItem, Navbar, NavbarLink, type NavbarLinkProps, type NavbarProps, NotificationBanner, type NotificationBannerProps, NotificationPanel, NotificationPanelItem, type NotificationPanelItemProps, type NotificationPanelProps, OverflowMenu, type OverflowMenuItem, type OverflowMenuProps, PageContent, type PageContentProps, PageGutter, type PageGutterProps, PageHeading, type PageHeadingProps, Pagination, PaginationButton, type PaginationProps, Popover, type PopoverProps, RadioGroup, type RadioGroupOption, type RadioGroupProps, SCROLL_HINT_X, SectionCard, type SectionCardProps, SectionHeading, type SectionHeadingProps, SidePanelLayout, type SidePanelLayoutProps, type NavItem as SidebarNavItem, SimpleAccordion, SkeletonBar, type SkeletonBarProps, SkeletonCard, SkeletonCardGrid, type SkeletonCardGridProps, type SkeletonCardProps, SkeletonDetail, type SkeletonDetailProps, SkeletonRow, type SkeletonRowProps, SkeletonTable, type SkeletonTableProps, StackedList, StackedListItem, type StackedListItemProps, type StackedListProps, type Stage, StageList, type StageListProps, StatCardExtended, type StatCardExtendedProps, StatGroup, type StatGroupProps, Stepper, type StepperProps, StepperStep, type StepperStepProps, StickyActionBar, type StickyActionBarProps, Switch, type SwitchProps, TabBar, TabBarItem, type TabBarItemProps, type TabBarProps, TabbedCard, type TabbedCardProps, TableBody, TableCaption, TableCell, type TableCellProps, TableHeader, TableRow, type TableRowProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, buildDiceBearUrl, buttonVariants, cn, getPageRange, isEmptyValue, useDebounce, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, type ActionCardProps, ActionPanel, type ActionPanelProps, ActivityFeed, ActivityFeedItem, type ActivityFeedItemProps, type ActivityFeedProps, Alert, type AlertProps, AppShell, type AppShellProps, AvatarGroup, AvatarGroupItem, type AvatarGroupItemProps, type AvatarGroupProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, ClampedList, type ClampedListProps, CollapsibleSidebar, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteProps, type CommandPaletteResult, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DiceBearAvatar, type DiceBearAvatarProps, type DiceBearStyle, DistributionChip, type DistributionChipProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerFooter, DrawerHeader, type DrawerProps, EMPTY_VALUE_GLYPH, EmptyState, type EmptyStateProps, EmptyValue, type EmptyValueProps, type FieldSize, FilterChip, type FilterChipProps, FormError, type FormErrorProps, FormField, FormFieldGroup, type FormFieldGroupProps, type FormFieldProps, FormLayout, type FormLayoutProps, FormLayoutSection, type FormLayoutSectionProps, FormSection, type FormSectionProps, FormSuccess, type FormSuccessProps, GlobalErrorContent, type GlobalErrorContentProps, GridList, GridListItem, type GridListItemProps, type GridListProps, HorizontalCard, type HorizontalCardProps, HoverCard, type HoverCardProps, ICONS, ICON_SIZES, INTENT_SUBTLE_STYLES, Icon, type IconName, type IconProps, type IconSize, ImageCard, type ImageCardProps, Input, InputGroup, type InputGroupProps, type InputProps, IntentBadge, type IntentBadgeIntent, type IntentBadgeProps, IntentIcon, type IntentIconProps, Label, type LabelProps, MediaObject, type MediaObjectProps, ModalBody, ModalDialog, type ModalDialogProps, ModalFooter, ModalHeader, type NavItem, Navbar, NavbarLink, type NavbarLinkProps, type NavbarProps, NotificationBanner, type NotificationBannerProps, NotificationPanel, NotificationPanelItem, type NotificationPanelItemProps, type NotificationPanelProps, OverflowMenu, type OverflowMenuItem, type OverflowMenuProps, PageContent, type PageContentProps, PageGutter, type PageGutterProps, PageHeading, type PageHeadingProps, Pagination, PaginationButton, type PaginationProps, Popover, type PopoverProps, Progress, type ProgressIntent, type ProgressProps, RadioGroup, type RadioGroupOption, type RadioGroupProps, SCROLL_HINT_X, SectionCard, type SectionCardProps, SectionHeading, type SectionHeadingProps, Select, type SelectOption, type SelectProps, SidePanelLayout, type SidePanelLayoutProps, type NavItem as SidebarNavItem, SimpleAccordion, SkeletonBar, type SkeletonBarProps, SkeletonCard, SkeletonCardGrid, type SkeletonCardGridProps, type SkeletonCardProps, SkeletonDetail, type SkeletonDetailProps, SkeletonRow, type SkeletonRowProps, SkeletonTable, type SkeletonTableProps, Spinner, type SpinnerProps, StackedList, StackedListItem, type StackedListItemProps, type StackedListProps, type Stage, StageList, type StageListProps, StatCardExtended, type StatCardExtendedProps, StatGroup, type StatGroupProps, Stepper, type StepperProps, StepperStep, type StepperStepProps, StickyActionBar, type StickyActionBarProps, Switch, type SwitchProps, TabBar, TabBarItem, type TabBarItemProps, type TabBarProps, TabbedCard, type TabbedCardProps, TableBody, TableCaption, TableCell, type TableCellProps, TableHeader, TableRow, type TableRowProps, Textarea, type TextareaProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, buildDiceBearUrl, buttonVariants, cn, fieldVariants, getPageRange, isEmptyValue, useDebounce, useSidebar };