@ship-it-ui/ui 0.0.8 → 0.0.10

package/dist/index.d.cts

@@ -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';
 
@@ -585,7 +586,7 @@ declare const AccordionContent: react.ForwardRefExoticComponent<RadixAccordion.A
 
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type AvatarStatus = 'ok' | 'warn' | 'err' | 'off';
-interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
+interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
     /** Display name. Used to derive initials and a deterministic background color. */
     name?: string;
     /** Image source. Falls back to initials if loading fails. */
@@ -596,6 +597,11 @@ interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
     status?: AvatarStatus;
     /** Override the auto-generated initials (e.g., for non-Latin scripts). */
     initials?: string;
+    /**
+     * Override the hash-derived fallback background with a literal CSS color value.
+     * Only applies when the initials fallback is shown; image avatars are unaffected.
+     */
+    color?: string;
 }
 /**
  * Person/entity avatar. Auto-generates initials and a stable background color from
@@ -622,11 +628,21 @@ declare const badgeStyles: (props?: ({
     variant?: "outline" | "err" | "pink" | "purple" | "solid" | "warn" | "ok" | "accent" | "neutral" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeStyles> {
+/**
+ * Variant path: use one of the DS semantic variants.
+ *   <Badge variant="ok">Done</Badge>
+ *
+ * Color path (escape hatch): pass an arbitrary CSS color. When both are set,
+ * `color` wins at runtime.
+ *   <Badge color="#7c3aed">VIP</Badge>
+ */
+interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeStyles> {
     /** Show a colored leading dot. */
     dot?: boolean;
     /** Optional leading icon (defers to children). */
     icon?: ReactNode;
+    /** Arbitrary CSS color override. When set, replaces the `variant` tint. */
+    color?: string;
 }
 declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
 
@@ -709,7 +725,7 @@ interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare const StatCard: react.ForwardRefExoticComponent<StatCardProps & react.RefAttributes<HTMLDivElement>>;
 
-interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
+interface ChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
     /** Pill-style leading icon (typically a glyph or `@`/`#`). */
     icon?: ReactNode;
     /**
@@ -722,13 +738,10 @@ interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
      * `'touch'` swaps to a roomier 32px chip with larger text for mobile filter strips.
      */
     density?: 'comfortable' | 'touch';
+    /** Arbitrary CSS color. When set, the default neutral tint is replaced with this color. */
+    color?: string;
     children: ReactNode;
 }
-/**
- * Pill-shaped filter chip. Used in command palette tag rows, search filter strips,
- * and AI suggestion lists. Differs from `Tag` by being pill-shaped (full radius)
- * and slightly more decorative.
- */
 declare const Chip: react.ForwardRefExoticComponent<ChipProps & react.RefAttributes<HTMLSpanElement>>;
 
 type KbdProps = HTMLAttributes<HTMLElement>;
@@ -746,7 +759,7 @@ declare const Kbd: react.ForwardRefExoticComponent<KbdProps & react.RefAttribute
  * ratings step in whole units only — half-step input is uncommon UX and the
  * keyboard model (radiogroup) doesn't map cleanly to it.
  */
-interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'role'> {
+interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange' | 'defaultValue' | 'role'> {
     /** Current rating (controlled). Range `0` … `max`. */
     value?: number;
     /** Default rating (uncontrolled). */
@@ -766,6 +779,8 @@ interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' |
     readOnly?: boolean;
     /** Accessible label. For read-only this overrides the auto-generated "X out of Y stars" label. */
     'aria-label'?: string;
+    /** Override the filled-star color. Accepts any CSS color. */
+    color?: string;
 }
 declare const Rating: react.ForwardRefExoticComponent<RatingProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -848,9 +863,19 @@ interface SkeletonGroupProps extends HTMLAttributes<HTMLDivElement> {
 declare const SkeletonGroup: react.ForwardRefExoticComponent<SkeletonGroupProps & react.RefAttributes<HTMLDivElement>>;
 
 type StatusState = 'ok' | 'warn' | 'err' | 'off' | 'sync' | 'accent';
-interface StatusDotProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Semantic status. */
+/**
+ * State path: use a semantic state.
+ *   <StatusDot state="ok" />
+ *
+ * Color path (escape hatch): pass an arbitrary CSS color. When both are set,
+ * `color` wins at runtime.
+ *   <StatusDot color="#7c3aed" />
+ */
+interface StatusDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
+    /** Semantic state. Default `'ok'`. */
     state?: StatusState;
+    /** Arbitrary CSS color override. When set, replaces the state-derived color. */
+    color?: string;
     /** Optional label rendered next to the dot. */
     label?: ReactNode;
     /** Pulse the dot — used for `sync` state to indicate live activity. */
@@ -860,13 +885,15 @@ interface StatusDotProps extends HTMLAttributes<HTMLSpanElement> {
 }
 declare const StatusDot: react.ForwardRefExoticComponent<StatusDotProps & react.RefAttributes<HTMLSpanElement>>;
 
-interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
     /** Optional close button. When provided, a `×` rendered on the right calls it. */
     onRemove?: () => void;
     /** Optional leading icon. */
     icon?: ReactNode;
     /** Pixel height. Defaults to 22px. */
     size?: number;
+    /** Arbitrary CSS color. When set, the default neutral tint is replaced with this color. */
+    color?: string;
     children: ReactNode;
 }
 /**
@@ -1490,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`
@@ -2422,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 };