@ship-it-ui/ui 0.0.9 → 0.0.10

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { ClassValue } from 'clsx';
 export { ClassValue } from 'clsx';
 import * as react from 'react';
-import { useEffect, KeyboardEvent, RefObject, ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, AnchorHTMLAttributes, Ref, forwardRef, LabelHTMLAttributes, FC, SVGAttributes, MouseEventHandler } from 'react';
+import { useEffect, KeyboardEvent, RefObject, ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, AnchorHTMLAttributes, Ref, MouseEvent, forwardRef, LabelHTMLAttributes, FC, SVGAttributes, MouseEventHandler } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
@@ -18,6 +18,7 @@ import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import * as RadixHoverCard from '@radix-ui/react-hover-card';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { GlyphName } from '@ship-it-ui/icons';
 import * as RadixMenubar from '@radix-ui/react-menubar';
 import * as RadixTabs from '@radix-ui/react-tabs';
 
@@ -1516,44 +1517,296 @@ interface LightboxProps {
 declare const Lightbox: react.ForwardRefExoticComponent<LightboxProps & react.RefAttributes<HTMLDivElement>>;
 
 /**
- * ListingCard — a consumer-marketplace card composing photos (`Carousel`),
- * title, `Rating`, price, host, and an optional verified badge / favorite
- * toggle. Distinct from `EntityCard`, which is dev-tool entity chrome.
+ * ListingCard — a marketplace card for a single listing.
+ *
+ * Two visual variants share the same photo + price + title spine:
+ *
+ *   - `default` — consumer-stay style: rating, host, distance, favorite
+ *     heart. Built for marketplace grids (Airbnb / Turo search-result row).
+ *   - `spec`    — product-spec style: a flag pill, photo counter, a
+ *     spec grid (e.g. 0-60 / power / drive), and an inline CTA. Better
+ *     for premium / spec-driven inventory (sports cars, electronics).
+ *
+ * Distinct from `EntityCard`, which is dev-tool entity chrome.
  */
-interface ListingCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title'> {
+type ListingCardVariant = 'default' | 'spec';
+interface ListingCardFlag {
+    /** Glyph rendered to the left of the label. */
+    icon?: GlyphName;
+    /** Pill label, e.g. "Flagship", "New", "Editor's pick". */
+    label: ReactNode;
+    /** Badge tone. Default `accent`. */
+    tone?: 'accent' | 'purple' | 'pink' | 'ok' | 'warn';
+}
+interface ListingCardSpec {
+    /** Small label (typographically rendered as uppercase). */
+    label: ReactNode;
+    /** Headline value below the label. */
+    value: ReactNode;
+}
+interface ListingCardCta {
+    label: ReactNode;
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+}
+interface ListingCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title' | 'onClick'> {
+    /** Visual variant. Default `default`. */
+    variant?: ListingCardVariant;
     /** Photo URLs (or anything `Carousel` can render). At least one. */
     photos: ReadonlyArray<string>;
+    /**
+     * Override the photo renderer. Defaults to a decorative `<img src>`.
+     * Use this when consumers need theme-aware photos (e.g. inline SVG
+     * placeholders that follow `currentColor`) or non-image slides.
+     */
+    renderPhoto?: (src: string, index: number) => ReactNode;
     /** Listing title — e.g. "2023 Tesla Model 3". */
     title: ReactNode;
     /** Optional eyebrow text above the title (location, vehicle type). */
     eyebrow?: ReactNode;
-    /** Average rating (0–5). When undefined, the rating row is hidden. */
-    rating?: number;
-    /** Number of reviews — shown next to the rating. */
-    reviewCount?: number;
     /** Headline price (e.g. `89`). */
     price: ReactNode;
     /** Price unit suffix (e.g. `/day`). */
     priceUnit?: ReactNode;
     /** Original price for sale strike-through. */
     originalPrice?: ReactNode;
+    /** Prefix shown before the price — e.g. "from". `spec` variant only. */
+    pricePrefix?: ReactNode;
+    /** Card width override. */
+    width?: number | string;
+    /** Link target for the whole card (default) or the title (spec). */
+    href?: string;
+    /**
+     * Whole-card click handler. Renders an invisible stretched `<button>`
+     * underneath the inner actions (favorite, CTA, links) so clicks on
+     * those take precedence. Use this for "click card → open detail"
+     * without leaving the page.
+     */
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Visual treatment on hover. Default `lift` when the card is
+     * interactive (has `onClick` / `href`), otherwise `none`.
+     */
+    hoverEffect?: 'lift' | 'glow' | 'none';
+    /** Average rating (0–5). When undefined, the rating row is hidden. */
+    rating?: number;
+    /** Number of reviews — shown next to the rating. */
+    reviewCount?: number;
     /** Host / owner name. */
     host?: ReactNode;
     /** Distance label (e.g. `0.4 mi away`). */
     distance?: ReactNode;
     /** When true, shows a `verified` badge on the photo. */
     verified?: boolean;
-    /** Link target for the whole card. */
-    href?: string;
     /** Heart-icon favorite toggle handler. */
     onFavorite?: (next: boolean) => void;
     /** Current favorite state. */
     favorited?: boolean;
-    /** Card width override. */
-    width?: number | string;
+    /** Pill rendered top-left of the photo. */
+    flag?: ListingCardFlag;
+    /** Small category tag right-aligned in the title row. */
+    category?: ReactNode;
+    /** Dim secondary line under the title (e.g. listing ID · year). */
+    meta?: ReactNode;
+    /** Spec cells rendered as a grid below the title block. */
+    specs?: ReadonlyArray<ListingCardSpec>;
+    /** Bottom CTA button. When set, no whole-card stretched link is rendered. */
+    cta?: ListingCardCta;
+    /** Hide the photo counter overlay in `spec` variant. Default `false`. */
+    hidePhotoCounter?: boolean;
+    /**
+     * Per-section className overrides. Each key targets a specific element in
+     * the rendered tree; values are merged with the component's own utilities
+     * via `cn()` so consumers can override, extend, or replace any styling
+     * without forking the component.
+     *
+     * The `className` prop still controls the outer Card element — `classNames.root`
+     * is an alias that's also merged onto it.
+     */
+    classNames?: Partial<{
+        /** Outer Card element. Merged with `className`. */
+        root: string;
+        /** Wrapper around the photo Carousel (includes overlays). */
+        photos: string;
+        /** Top-left flag pill (spec variant). */
+        flag: string;
+        /** Top-right photo counter (spec variant). */
+        photoCounter: string;
+        /** Top-right favorite heart button (default variant). */
+        favorite: string;
+        /** Body content wrapper below the photos. */
+        body: string;
+        /** Header row containing title + (rating | category). */
+        header: string;
+        /** Title text. */
+        title: string;
+        /** Eyebrow text above the title (default variant). */
+        eyebrow: string;
+        /** Category tag in the title row (spec variant). */
+        category: string;
+        /** Meta line under the title (spec variant) or host/distance row (default). */
+        meta: string;
+        /** Spec grid container (spec variant). */
+        specs: string;
+        /** Each spec cell wrapper (spec variant). */
+        specCell: string;
+        /** Each spec cell's small uppercase label. */
+        specLabel: string;
+        /** Each spec cell's headline value. */
+        specValue: string;
+        /** Footer strip (price + CTA, spec variant) or price row (default). */
+        footer: string;
+        /** Price text. */
+        price: string;
+        /** Price unit (e.g. `/day`). */
+        priceUnit: string;
+        /** CTA button (spec variant). */
+        cta: string;
+    }>;
 }
 declare const ListingCard: react.ForwardRefExoticComponent<ListingCardProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * ListingDetail — full marketplace listing popup. Photos on the left
+ * (Carousel, click to open Lightbox for fullscreen), info on the right.
+ * Stacks on narrow viewports. Built on Radix Dialog so focus trap,
+ * Escape, and ARIA are inherited.
+ *
+ * Two visual variants mirror `ListingCard`:
+ *
+ *   - `default` — consumer-stay style: rating, host, features, primary /
+ *     secondary CTAs.
+ *   - `spec`    — product-spec style: a flag pill on the photo, photo
+ *     counter, spec grid, and a dark CTA bar with a single primary action.
+ */
+type ListingDetailVariant = 'default' | 'spec';
+interface ListingDetailHost {
+    name: ReactNode;
+    avatarUrl?: string;
+    /** Renders a small `verified` badge next to the name. */
+    verified?: boolean;
+    /** Free-text meta line under the name, e.g. "Host since 2022 · 312 trips". */
+    meta?: ReactNode;
+}
+interface ListingDetailFeature {
+    icon: GlyphName;
+    label: ReactNode;
+}
+interface ListingDetailAction {
+    label: ReactNode;
+    onClick?: () => void;
+    href?: string;
+    /** Disables the button while keeping it focusable for tooltips. */
+    disabled?: boolean;
+}
+interface ListingDetailProps {
+    /** Visual variant. Default `default`. */
+    variant?: ListingDetailVariant;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Photo URLs. At least one. */
+    photos: ReadonlyArray<string>;
+    /**
+     * Override the photo renderer for the gallery and the fullscreen
+     * `Lightbox`. Defaults to decorative `<img src>` (object-cover in the
+     * gallery, object-contain in the lightbox). Use this for theme-aware
+     * placeholders or non-image slides.
+     */
+    renderPhoto?: (src: string, index: number, mode: 'gallery' | 'lightbox') => ReactNode;
+    /** Listing title — e.g. "2023 Tesla Model 3". */
+    title: ReactNode;
+    /** Optional eyebrow above the title — vehicle type, location. */
+    eyebrow?: ReactNode;
+    /** Long-form description body. */
+    description?: ReactNode;
+    /** Average rating (0–5). When undefined, the rating row is hidden. */
+    rating?: number;
+    /** Total review count, shown next to the rating. */
+    reviewCount?: number;
+    /** Headline price (e.g. `$89`). */
+    price: ReactNode;
+    /** Suffix after the price (e.g. `/day`). */
+    priceUnit?: ReactNode;
+    /** Original price for a strike-through; renders only when set. */
+    originalPrice?: ReactNode;
+    /** Prefix shown before the price — e.g. "from". `spec` variant only. */
+    pricePrefix?: ReactNode;
+    /** Host card data — name + avatar + optional verified / meta line. */
+    host?: ListingDetailHost;
+    /** Feature chips (e.g. seats, fuel, A/C). */
+    features?: ReadonlyArray<ListingDetailFeature>;
+    /** Primary CTA — typically "Book now". Default variant. */
+    primaryAction?: ListingDetailAction;
+    /** Secondary CTA — typically "Message host". Default variant. */
+    secondaryAction?: ListingDetailAction;
+    /** Pill rendered top-left of the photo. */
+    flag?: ListingCardFlag;
+    /** Small category tag right-aligned in the title row. */
+    category?: ReactNode;
+    /** Dim secondary line under the title (e.g. listing ID · year). */
+    meta?: ReactNode;
+    /** Spec cells rendered as a grid in the info column. */
+    specs?: ReadonlyArray<ListingCardSpec>;
+    /** Primary CTA rendered in the dark bottom bar. `spec` variant. */
+    cta?: ListingCardCta;
+    /** Hide the photo counter overlay in `spec` variant. Default `false`. */
+    hidePhotoCounter?: boolean;
+    /**
+     * Per-section className overrides. Each key targets a specific element
+     * in the rendered tree; values are merged with the component's own
+     * utilities via `cn()`.
+     */
+    classNames?: Partial<{
+        /** RadixDialog.Overlay (the darkened backdrop). */
+        overlay: string;
+        /** RadixDialog.Content (the modal panel). */
+        content: string;
+        /** Two-column grid inside the panel. */
+        grid: string;
+        /** Photos column wrapper. */
+        photos: string;
+        /** Info column wrapper. */
+        info: string;
+        /** Header (title + category + meta + rating). */
+        header: string;
+        /** Title text. */
+        title: string;
+        /** Category tag (spec variant). */
+        category: string;
+        /** Meta line (spec variant). */
+        meta: string;
+        /** Spec grid container (spec variant). */
+        specs: string;
+        /** Each spec cell wrapper. */
+        specCell: string;
+        specLabel: string;
+        specValue: string;
+        /** Host row (default variant). */
+        host: string;
+        /** Feature chips list (default variant). */
+        features: string;
+        /** Description paragraph. */
+        description: string;
+        /** Footer / bottom CTA bar. */
+        footer: string;
+        /** Price text inside the footer. */
+        price: string;
+        /** Price unit text inside the footer. */
+        priceUnit: string;
+        /** CTA button (spec variant) or primary action button (default). */
+        cta: string;
+        /** Top-left flag pill on the photos (spec variant). */
+        flag: string;
+        /** Top-right photo counter (spec variant). */
+        photoCounter: string;
+        /** Close button (top-right corner). */
+        close: string;
+    }>;
+}
+declare const ListingDetail: react.ForwardRefExoticComponent<ListingDetailProps & react.RefAttributes<HTMLDivElement>>;
+
 /**
  * Country data for `PhoneInput`. Subset of common origins — extend as the
  * product grows or replace with a full ISO 3166-1 list (e.g. `libphonenumber-js`
@@ -2448,4 +2701,4 @@ interface WizardDialogProps {
 }
 declare const WizardDialog: react.ForwardRefExoticComponent<WizardDialogProps & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActivityActor, type ActivityEvent, ActivityTimeline, type ActivityTimelineProps, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, type AlertDialogProps, AlertDialogRoot, AlertDialogTrigger, type AlertProps, type AlertTone, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, type BannerTone, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarProps, Card, CardLink, type CardLinkProps, type CardProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteGroup, type CommandPaletteItem, type CommandPaletteProps, ContextMenu, ContextMenuContent, ContextMenuItem, type ContextMenuItemProps, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuTrigger, Crumb, type CrumbProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogOverlay, DialogPortal, type DialogProps, DialogRoot, DialogTrigger, Dots, type DotsProps, Drawer, type DrawerProps, type DrawerSide, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuTrigger, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, FAB, type FABProps, Field, type FieldProps, FileChip, type FileChipProps, type FilterFacet, type FilterFacetOption, FilterPanel, type FilterPanelProps, type FilterPanelValue, HealthScore, type HealthScoreBreakdownEntry, type HealthScoreProps, HoverCard, HoverCardContent, HoverCardPortal, type HoverCardProps, HoverCardRoot, HoverCardTrigger, IconButton, type IconButtonProps, InlineEdit, type InlineEditHandle, type InlineEditProps, Input, type InputProps, Kbd, type KbdProps, LargeTitle, type LargeTitleProps, Lightbox, type LightboxProps, ListingCard, type ListingCardProps, MenuCheckboxItem, MenuItem, type MenuItemProps, MenuSeparator, Menubar, MenubarContent, MenubarItem, type MenubarItemProps, MenubarMenu, MenubarSeparator, MenubarTrigger, NavBar, type NavBarItem, type NavBarOrientation, type NavBarProps, NavItem, type NavItemProps, NavSection, type NavSectionProps, type NormalizedOption, NumberInput, type NumberInputProps, OTP, type OTPHandle, type OTPProps, OnboardingChecklist, type OnboardingChecklistProps, type OnboardingItem, type OnboardingItemStatus, Pagination, type PaginationProps, type PhoneCountry, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, PriceBreakdown, type PriceBreakdownItem, PriceBreakdownLine, type PriceBreakdownLineProps, type PriceBreakdownProps, Progress, type ProgressProps, PullToRefresh, type PullToRefreshProps, type PullToRefreshState, RadialProgress, type RadialProgressProps, type RadialTone, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, ReviewCard, type ReviewCardProps, ScrollArea, type ScrollAreaProps, type ScrollAreaType, SearchInput, type SearchInputProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectTrigger, SelectValue, Sheet, type SheetProps, Sidebar, type SidebarProps, SimpleTooltip, type SimpleTooltipProps, Skeleton, SkeletonGroup, type SkeletonGroupProps, type SkeletonProps, Slider, type SliderProps, Sparkline, type SparklineProps, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, StatCard, type StatCardProps, type StatTrend, StatusDot, type StatusDotProps, type StatusState, type StepState, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Tab, TabBar, type TabBarItem, type TabBarProps, type TabProps, Tabs, TabsContent, TabsList, type TabsProps, type TabsVariantProps, Tag, type TagProps, Textarea, type TextareaProps, type Theme, Timeline, type TimelineEvent, type TimelineEventTone, TimelineItem, type TimelineItemProps, type TimelineProps, ToastCard, type ToastInput, ToastProvider, type ToastVariant, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Topbar, type TopbarProps, Tree, type TreeItem, type TreeProps, type UseControllableStateProps, type UseKeyboardListOptions, type UseKeyboardListResult, type WizardContext, WizardDialog, type WizardDialogProps, type WizardStep, badgeStyles, buttonStyles, cardStyles, cn, filterCommandItems, formatRelative, iconButtonStyles, phoneCountries, useControllableState, useDisclosure, useEscape, useIsomorphicLayoutEffect, useKeyboardList, useOutsideClick, useTheme, useToast };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActivityActor, type ActivityEvent, ActivityTimeline, type ActivityTimelineProps, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, type AlertDialogProps, AlertDialogRoot, AlertDialogTrigger, type AlertProps, type AlertTone, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, type BannerTone, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarProps, Card, CardLink, type CardLinkProps, type CardProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteGroup, type CommandPaletteItem, type CommandPaletteProps, ContextMenu, ContextMenuContent, ContextMenuItem, type ContextMenuItemProps, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuTrigger, Crumb, type CrumbProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogOverlay, DialogPortal, type DialogProps, DialogRoot, DialogTrigger, Dots, type DotsProps, Drawer, type DrawerProps, type DrawerSide, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuTrigger, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, FAB, type FABProps, Field, type FieldProps, FileChip, type FileChipProps, type FilterFacet, type FilterFacetOption, FilterPanel, type FilterPanelProps, type FilterPanelValue, HealthScore, type HealthScoreBreakdownEntry, type HealthScoreProps, HoverCard, HoverCardContent, HoverCardPortal, type HoverCardProps, HoverCardRoot, HoverCardTrigger, IconButton, type IconButtonProps, InlineEdit, type InlineEditHandle, type InlineEditProps, Input, type InputProps, Kbd, type KbdProps, LargeTitle, type LargeTitleProps, Lightbox, type LightboxProps, ListingCard, type ListingCardCta, type ListingCardFlag, type ListingCardProps, type ListingCardSpec, type ListingCardVariant, ListingDetail, type ListingDetailAction, type ListingDetailFeature, type ListingDetailHost, type ListingDetailProps, type ListingDetailVariant, MenuCheckboxItem, MenuItem, type MenuItemProps, MenuSeparator, Menubar, MenubarContent, MenubarItem, type MenubarItemProps, MenubarMenu, MenubarSeparator, MenubarTrigger, NavBar, type NavBarItem, type NavBarOrientation, type NavBarProps, NavItem, type NavItemProps, NavSection, type NavSectionProps, type NormalizedOption, NumberInput, type NumberInputProps, OTP, type OTPHandle, type OTPProps, OnboardingChecklist, type OnboardingChecklistProps, type OnboardingItem, type OnboardingItemStatus, Pagination, type PaginationProps, type PhoneCountry, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, PriceBreakdown, type PriceBreakdownItem, PriceBreakdownLine, type PriceBreakdownLineProps, type PriceBreakdownProps, Progress, type ProgressProps, PullToRefresh, type PullToRefreshProps, type PullToRefreshState, RadialProgress, type RadialProgressProps, type RadialTone, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, ReviewCard, type ReviewCardProps, ScrollArea, type ScrollAreaProps, type ScrollAreaType, SearchInput, type SearchInputProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectTrigger, SelectValue, Sheet, type SheetProps, Sidebar, type SidebarProps, SimpleTooltip, type SimpleTooltipProps, Skeleton, SkeletonGroup, type SkeletonGroupProps, type SkeletonProps, Slider, type SliderProps, Sparkline, type SparklineProps, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, StatCard, type StatCardProps, type StatTrend, StatusDot, type StatusDotProps, type StatusState, type StepState, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Tab, TabBar, type TabBarItem, type TabBarProps, type TabProps, Tabs, TabsContent, TabsList, type TabsProps, type TabsVariantProps, Tag, type TagProps, Textarea, type TextareaProps, type Theme, Timeline, type TimelineEvent, type TimelineEventTone, TimelineItem, type TimelineItemProps, type TimelineProps, ToastCard, type ToastInput, ToastProvider, type ToastVariant, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Topbar, type TopbarProps, Tree, type TreeItem, type TreeProps, type UseControllableStateProps, type UseKeyboardListOptions, type UseKeyboardListResult, type WizardContext, WizardDialog, type WizardDialogProps, type WizardStep, badgeStyles, buttonStyles, cardStyles, cn, filterCommandItems, formatRelative, iconButtonStyles, phoneCountries, useControllableState, useDisclosure, useEscape, useIsomorphicLayoutEffect, useKeyboardList, useOutsideClick, useTheme, useToast };