@sableui/react 0.4.0 → 0.6.0

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { ClassValue } from 'clsx';
 import { C as ComponentMeta } from './meta-CcE_SeFu.js';
 export { A as AnatomyMeta, a as BestPracticeMeta, E as ExampleMeta, M as MotionMeta, b as MotionSlot, c as PropMeta, R as RelatedMeta, S as SubcomponentMeta, U as UsageMeta } from './meta-CcE_SeFu.js';
-import { T as ThemeManifest, a as ThemeMode$1 } from './_contract-Cn3lUpih.js';
-export { D as DENSITY_TOKENS, b as DensityToken, M as MOTION_TOKENS, c as MotionToken, R as RADIUS_TOKENS, d as RadiusToken, S as SEMANTIC_TOKENS, e as SemanticToken, f as TYPE_OVERLINE_TOKENS, g as TYPE_REFINEMENT_TOKENS, h as TYPE_SCALE_TOKENS, i as TYPE_UI_TOKENS, j as TypeOverlineToken, k as TypeRefinementToken, l as TypeScaleToken, m as TypeUiToken, W as WORKSPACE_SURFACE_TOKENS, n as WorkspaceSurfaceToken } from './_contract-Cn3lUpih.js';
-import { T as ThemeId } from './theme-provider-CGeiusgu.js';
-export { D as DEFAULT_THEME_ID, S as SABLE_COLOR_STORAGE_KEY, a as SABLE_THEME_ATTRIBUTE, b as SABLE_THEME_STORAGE_KEY, c as SableColorMode, d as SableThemeContextValue, e as SableThemePreference, f as SableThemeProvider, g as SableThemeProviderProps, h as applySableColorMode, i as applySableTheme, k as defaultThemeId, m as getThemeManifest, o as isThemeId, t as themeIds, p as themeManifestById, q as themeManifests, u as useSableTheme } from './theme-provider-CGeiusgu.js';
+import { T as ThemeManifest, a as ThemeMode$1 } from './_contract-C2M1SjBf.js';
+export { A as ART_TOKENS, D as DENSITY_TOKENS, b as DensityToken, M as MOTION_TOKENS, c as MotionToken, R as RADIUS_TOKENS, d as RadiusToken, S as SEMANTIC_TOKENS, e as SemanticToken, f as TYPE_OVERLINE_TOKENS, g as TYPE_REFINEMENT_TOKENS, h as TYPE_SCALE_TOKENS, i as TYPE_UI_TOKENS, j as TypeOverlineToken, k as TypeRefinementToken, l as TypeScaleToken, m as TypeUiToken, W as WORKSPACE_SURFACE_TOKENS, n as WorkspaceSurfaceToken } from './_contract-C2M1SjBf.js';
+import { T as ThemeId } from './theme-provider-kQszHYji.js';
+export { D as DEFAULT_THEME_ID, S as SABLE_COLOR_STORAGE_KEY, a as SABLE_THEME_ATTRIBUTE, b as SABLE_THEME_STORAGE_KEY, c as SableColorMode, d as SableThemeContextValue, e as SableThemePreference, f as SableThemeProvider, g as SableThemeProviderProps, h as applySableColorMode, i as applySableTheme, k as defaultThemeId, m as getThemeManifest, o as isThemeId, t as themeIds, p as themeManifestById, q as themeManifests, u as useSableTheme } from './theme-provider-kQszHYji.js';
 export { AspectBox, AspectBoxProps, Bleed, BleedProps, Breakpoint, Center, CenterProps, Col, ColProps, Columns, ColumnsProps, Grid, GridOverlay, GridOverlayProps, GridProps, Page, PageProps, Region, RegionMax, RegionProps, Responsive, Row, RowProps, SafeArea, SafeAreaProps, Spacer, SpacerProps, SplitPane, SplitPaneProps, Stack, StackProps } from './layout/index.js';
 export { Icon, IconContextValue, IconProps, IconProvider, IconProviderProps, composeIconSets, useIconSet } from './icon/index.js';
 export { reiconIconSet as fallbackIconSet, reiconIconNames, reiconIconSet } from './icon-sets/reicon.js';
@@ -417,7 +417,7 @@ interface CardProps extends ComponentPropsWithRef<"div"> {
      */
     render?: useRender.RenderProp;
 }
-declare function Card({ variant, density, className, style, render, ref, ...props }: CardProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare function Card({ variant, density, className, style, render, ref, ...props }: CardProps): react.JSX.Element;
 declare namespace Card {
     var displayName: string;
 }
@@ -479,6 +479,16 @@ declare function CardContent({ className, flush, ...props }: CardContentProps):
  *   </Card>
  */
 declare function CardList({ className, ...props }: ComponentPropsWithRef<"div">): react.JSX.Element;
+interface CardFooterProps extends ComponentPropsWithRef<"div"> {
+    /**
+     * The footer is the card's action row — its buttons and nothing else. On a
+     * page that changes nothing. In a sheet (`IosSheet`, a bottom `SheetContent`)
+     * the sheet owns the actions: the row becomes a full-width stack pinned to
+     * the bottom, the primary on top, every button at the cta height. Leave it
+     * off a footer that holds a caption, a price or a lone list affordance.
+     */
+    actions?: boolean;
+}
 /**
  * The card's closing band. Its top padding is zero because the part above
  * normally owns the seam (CardContent's own bottom padding) — so the two cases
@@ -491,7 +501,7 @@ declare function CardList({ className, ...props }: ComponentPropsWithRef<"div">)
  *   mirror of the hairline CardList draws under a CardHeader. Without it the
  *   footer read as one more row of the table or list above it.
  */
-declare function CardFooter({ className, ...props }: ComponentPropsWithRef<"div">): react.JSX.Element;
+declare function CardFooter({ actions, className, children, ...props }: CardFooterProps): react.JSX.Element;
 
 declare const cardMeta: ComponentMeta;
 
@@ -1095,7 +1105,11 @@ type TriggerProps$3 = Omit<ComponentProps<typeof Tabs$1.Tab>, "className"> & {
  * A single tab button (Base UI's Tabs.Tab). Underline: the active tab draws its
  * rule via `data-active`, and `-mb-px` overlaps the list's divider. Pill: the
  * active tab takes a muted fill on the control ladder, and its label is trimmed
- * to the cap height so it centres optically in the short pill.
+ * to the cap height so it centres optically in the short pill. A pill tab is a
+ * button-shaped control, so it takes the theme's button shape (`--button-radius`,
+ * as Button does): a pill in Sable, rounded in Poppy, square in Meridian.
+ * A badge or icon beside the label is spaced like Button's (`--control-gap`):
+ * the label is its own trimmed span, so a typed space after it collapses.
  */
 declare function TabsTrigger({ className, children, ...props }: TriggerProps$3): react.JSX.Element;
 type PanelProps$3 = Omit<ComponentProps<typeof Tabs$1.Panel>, "className"> & {
@@ -1252,12 +1266,25 @@ interface AvatarProps extends RootProps$4 {
      * so it reads as a cut-out, not a sticker.
      */
     status?: ReactNode;
+    /**
+     * What shows when there is no image. `neutral` (default): initials on the
+     * muted surface. `art`: initials over GradientArt seeded by the person, so
+     * everyone without a photo still gets their own, stable colour from the theme.
+     */
+    variant?: "neutral" | "art";
+    /**
+     * The art's seed. Defaults to the fallback text, then `alt`: the initials are
+     * on every appearance of a person, where `alt` is often empty on a decorative
+     * repeat, and a person must not change colour between two places on a page.
+     * Pass a user id to tell apart two people who share initials.
+     */
+    seed?: string | number;
 }
 /**
  * The ergonomic, all-in-one avatar. Composes Root + Image + Fallback from simple
  * props. Pass `src`/`alt` for the picture and `fallback` for the resting state.
  */
-declare function Avatar({ src, alt, fallback, fallbackDelay, size, status, className, ...props }: AvatarProps): react.JSX.Element;
+declare function Avatar({ src, alt, fallback, fallbackDelay, size, status, variant, seed, className, ...props }: AvatarProps): react.JSX.Element;
 declare namespace Avatar {
     var displayName: string;
 }
@@ -2504,7 +2531,7 @@ type TriggerProps$2 = Omit<ComponentProps<typeof Select$1.Trigger>, "className"
  */
 declare function SelectTrigger({ className, placeholder, size, children, ...props }: TriggerProps$2): react.JSX.Element;
 type PositionerProps$5 = ComponentProps<typeof Select$1.Positioner>;
-type ContentProps$6 = Omit<ComponentProps<typeof Select$1.Popup>, "className"> & {
+type ContentProps$7 = Omit<ComponentProps<typeof Select$1.Popup>, "className"> & {
     className?: string;
     /** Which side of the trigger to render against. @default "bottom" */
     side?: PositionerProps$5["side"];
@@ -2517,7 +2544,7 @@ type ContentProps$6 = Omit<ComponentProps<typeof Select$1.Popup>, "className"> &
  * The popup surface. Composes Portal + Positioner + Popup + List so callers pass
  * SelectItems directly. Scrolls when the option list overflows.
  */
-declare function SelectContent({ className, children, side, align, sideOffset, ...props }: ContentProps$6): react.JSX.Element;
+declare function SelectContent({ className, children, side, align, sideOffset, ...props }: ContentProps$7): react.JSX.Element;
 type ItemProps$4 = Omit<ComponentProps<typeof Select$1.Item>, "className"> & {
     className?: string;
 };
@@ -2567,7 +2594,7 @@ declare const PopoverPortal: {
 };
 declare const PopoverClose: react.ForwardRefExoticComponent<Omit<_base_ui_react.PopoverCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 type PositionerProps$4 = ComponentProps<typeof Popover$1.Positioner>;
-type ContentProps$5 = Omit<ComponentProps<typeof Popover$1.Popup>, "className"> & {
+type ContentProps$6 = Omit<ComponentProps<typeof Popover$1.Popup>, "className"> & {
     className?: string;
     /** Which side of the trigger to render against. @default "bottom" */
     side?: PositionerProps$4["side"];
@@ -2586,7 +2613,7 @@ type ContentProps$5 = Omit<ComponentProps<typeof Popover$1.Popup>, "className">
  * The popover surface. Composes Portal + Positioner + Popup so callers pass a
  * single element. Defaults to the `bottom` side with an 8px offset.
  */
-declare function PopoverContent({ className, children, side, align, sideOffset, anchor, ...props }: ContentProps$5): react.JSX.Element;
+declare function PopoverContent({ className, children, side, align, sideOffset, anchor, ...props }: ContentProps$6): react.JSX.Element;
 type TitleProps$2 = Omit<ComponentProps<typeof Popover$1.Title>, "className"> & {
     className?: string;
 };
@@ -2633,7 +2660,7 @@ declare const MenuPortal: {
     displayName: string;
 };
 type PositionerProps$3 = ComponentProps<typeof Menu$1.Positioner>;
-type ContentProps$4 = Omit<ComponentProps<typeof Menu$1.Popup>, "className"> & {
+type ContentProps$5 = Omit<ComponentProps<typeof Menu$1.Popup>, "className"> & {
     className?: string;
     /** Which side of the trigger to render against. @default "bottom" */
     side?: PositionerProps$3["side"];
@@ -2646,7 +2673,7 @@ type ContentProps$4 = Omit<ComponentProps<typeof Menu$1.Popup>, "className"> & {
  * The dropdown surface. Composes Portal + Positioner + Popup so callers pass a
  * single element. Defaults to the `bottom` side, `start` aligned, 6px offset.
  */
-declare function MenuContent({ className, children, side, align, sideOffset, ...props }: ContentProps$4): react.JSX.Element;
+declare function MenuContent({ className, children, side, align, sideOffset, ...props }: ContentProps$5): react.JSX.Element;
 type ItemProps$3 = Omit<ComponentProps<typeof Menu$1.Item>, "className"> & {
     className?: string;
     /**
@@ -2768,7 +2795,7 @@ declare const SheetPortal: {
     (props: _base_ui_react.DrawerPortalProps & react.RefAttributes<HTMLDivElement>): react.JSX.Element;
     displayName: string;
 };
-type ContentProps$3 = Omit<ComponentProps<typeof Drawer.Popup>, "className"> & VariantProps<typeof sheetVariants> & {
+type ContentProps$4 = Omit<ComponentProps<typeof Drawer.Popup>, "className"> & VariantProps<typeof sheetVariants> & {
     className?: string;
 };
 /**
@@ -2779,7 +2806,7 @@ type ContentProps$3 = Omit<ComponentProps<typeof Drawer.Popup>, "className"> & V
  * stay flex items of the popup column): a mouse drag that starts on content
  * selects text instead of dragging the sheet. Touch swipes work anywhere.
  */
-declare function SheetContent({ className, children, side, initialFocus, ref, ...props }: ContentProps$3): react.JSX.Element;
+declare function SheetContent({ className, children, side, initialFocus, ref, ...props }: ContentProps$4): react.JSX.Element;
 type TitleProps$1 = Omit<ComponentProps<typeof Drawer.Title>, "className"> & {
     className?: string;
 };
@@ -2790,8 +2817,12 @@ type DescriptionProps$1 = Omit<ComponentProps<typeof Drawer.Description>, "class
 declare function SheetDescription({ className, ...props }: DescriptionProps$1): react.JSX.Element;
 /** Stacked title + description block, pinned to the top of the sheet. */
 declare function SheetHeader({ className, ...props }: ComponentProps<"div">): react.JSX.Element;
-/** Action row, pushed to the bottom edge of the sheet via mt-auto. */
-declare function SheetFooter({ className, ...props }: ComponentProps<"div">): react.JSX.Element;
+/**
+ * Action row, pushed to the bottom edge of the sheet via mt-auto. In a bottom
+ * sheet it stacks: full width, the primary (last, on a page) on top, capped at
+ * a phone's width so a wide screen does not stretch two buttons across it.
+ */
+declare function SheetFooter({ className, children, ...props }: ComponentProps<"div">): react.JSX.Element;
 
 declare const sheetMeta: ComponentMeta;
 
@@ -3249,6 +3280,11 @@ type ViewportProps = Omit<ComponentProps<typeof Toast.Viewport>, "className"> &
     className?: string;
     /** Screen anchor for the toast stack. @default "top-right" */
     position?: ToastPosition;
+    /**
+     * Stack the toasts on top of one another, the newest in front, instead of
+     * listing them. Hovering or focusing the stack fans it out. @default false
+     */
+    stacked?: boolean;
 };
 /**
  * The fixed region that hosts the toast stack. Top-right by default; collision
@@ -3260,7 +3296,7 @@ type ViewportProps = Omit<ComponentProps<typeof Toast.Viewport>, "className"> &
  * with a transform, translate, filter or contain (a route's enter animation is
  * enough), so the stack landed in the content column instead of the screen corner.
  */
-declare function ToastViewport({ className, position, ...props }: ViewportProps): react.JSX.Element;
+declare function ToastViewport({ className, position, stacked, ...props }: ViewportProps): react.JSX.Element;
 type RootProps$1 = Omit<ComponentProps<typeof Toast.Root>, "className"> & {
     className?: string;
 };
@@ -3270,6 +3306,15 @@ type RootProps$1 = Omit<ComponentProps<typeof Toast.Root>, "className"> & {
  * is wired by Base UI.
  */
 declare function ToastRoot({ className, ...props }: RootProps$1): react.JSX.Element;
+type ContentProps$3 = Omit<ComponentProps<typeof Toast.Content>, "className"> & {
+    className?: string;
+};
+/**
+ * The toast's contents (icon, text, action, close) as one row. In a stacked
+ * viewport the contents of the cards behind the front one fade, since only an
+ * edge of them shows, and come back when the stack fans out.
+ */
+declare function ToastContent({ className, ...props }: ContentProps$3): react.JSX.Element;
 type TitleProps = Omit<ComponentProps<typeof Toast.Title>, "className"> & {
     className?: string;
 };
@@ -3320,6 +3365,12 @@ interface ToastProviderProps {
     closeIcon?: ReactNode;
     /** Screen anchor for the toast stack. @default "top-right" */
     position?: ToastPosition;
+    /**
+     * Stack the toasts like a deck of cards, the newest in front and the older
+     * ones peeking out behind it, instead of listing them one under another.
+     * Hovering or focusing the stack fans it out into the list. @default false
+     */
+    stacked?: boolean;
     /**
      * Extra classes merged LAST onto the fixed viewport region — for safe-area
      * insets or an offset (e.g. clearing a sidebar). @example
@@ -3340,7 +3391,7 @@ interface ToastProviderProps {
  * The action does NOT dismiss the toast — Base UI leaves that to the handler, so
  * call `toast.dismiss(id)` yourself when the action should close it.
  */
-declare function ToastProvider({ children, timeout, limit, closeIcon, position, viewportClassName, }: ToastProviderProps): react.JSX.Element;
+declare function ToastProvider({ children, timeout, limit, closeIcon, position, stacked, viewportClassName, }: ToastProviderProps): react.JSX.Element;
 
 declare const toastMeta: ComponentMeta;
 
@@ -3983,7 +4034,10 @@ interface CodeBlockProps extends ComponentPropsWithRef<"div"> {
 }
 /**
  * A multi-line code block. An optional header bar carries the filename and a
- * copy affordance; the body is a horizontally scrollable monospace pre.
+ * copy affordance; the body is a horizontally scrollable monospace pre whose
+ * edges fade while there is more to scroll (see useEdgeFade). Without a
+ * header, the copy button takes its own column beside the code rather than
+ * floating over it, so a long line can never scroll underneath it.
  * Highlighting is opt-in through `highlight` or `CodeHighlightProvider`.
  * Soft-square (rounded-md), never a pill.
  */
@@ -6672,6 +6726,66 @@ declare namespace Carousel {
 
 declare const carouselMeta: ComponentMeta;
 
+/**
+ * One WebGL2 context for every GradientArt on the page.
+ *
+ * Paper's own ShaderMount creates a context per mount. Browsers cap live WebGL
+ * contexts at roughly sixteen and drop the oldest past that, so a list of
+ * avatars, or the Blocks page, would lose art as it scrolled. Here one hidden
+ * canvas renders each piece once, at its size, and the frame is copied into that
+ * instance's own 2D canvas. The art is static, so nothing runs between paints:
+ * a paint happens on mount, on resize and when the theme changes.
+ *
+ * The fragment shaders are Paper's (Apache-2.0, see THIRD_PARTY_NOTICES.md);
+ * the package does not export its vertex shader, so VERTEX below is adapted
+ * from Paper Shaders 0.0.81 `vertex-shader.js`, cut down to the outputs the two
+ * fragment shaders read.
+ */
+type ArtVariant = "mesh" | "grain";
+
+/** The decorative tones art can be painted from — the palette's `--tone-*` family. */
+type ArtTone = "info" | "standard" | "collectible" | "edition" | "warning";
+interface GradientArtProps extends ComponentProps<"div"> {
+    /**
+     * `mesh` (default) — soft spots of colour pulled together by gentle waves
+     * (Paper's static mesh gradient). `grain` — glowing light over deep corners
+     * with a printed, grainy texture (Paper's grain gradient).
+     */
+    variant?: ArtVariant;
+    /**
+     * Paint these `--tone-*` colours instead of the theme's art palette. Leave it
+     * unset to follow the preset's own art direction (the --art-* tokens).
+     */
+    tones?: readonly ArtTone[];
+    /**
+     * Fixes the composition: the same seed paints the same art in every theme.
+     * Pass a stable id — a name for an avatar, a title for a cover — so each
+     * item keeps its own look across renders and reloads.
+     */
+    seed?: string | number;
+}
+/**
+ * GradientArt — placeholder artwork painted from the theme's art direction:
+ * the --art-* tokens (colours, ground, warp, softness, grain), which each
+ * preset sets for itself and which default to the decorative tones over the
+ * brand. It follows every preset, mode and live edit, the way a CSS gradient
+ * would, with a shader's depth.
+ *
+ * It renders a CSS gradient first (prerendered HTML, no WebGL2, the first
+ * frame) and fades the shader in over it once painted. The shader is static:
+ * it paints on mount, on resize and when the theme changes, through one WebGL
+ * context shared by every instance, so a page of avatars costs one context.
+ * Off-screen instances wait until they are near the viewport.
+ *
+ * Children render above the art: initials, a play glyph, a caption.
+ */
+declare function GradientArt({ variant, tones, seed, className, style, children, ...props }: GradientArtProps): react.JSX.Element;
+declare namespace GradientArt {
+    var displayName: string;
+}
+
+declare const gradientArtMeta: ComponentMeta;
+
 /**
  * Conversation rhythm. The class also publishes the gap as `--message-gap` so
  * `<Message grouped>` can close it without knowing which step is in play. The
@@ -7441,6 +7555,33 @@ declare function useTypeTier(): {
     heading: string;
 };
 
+/**
+ * Presentation: what a piece of content is shown IN — a page, or a sheet that
+ * slid up over one. The content is the same either way; who owns its actions
+ * is not.
+ *
+ * On a page, a card's actions belong to the card: a short row at its trailing
+ * edge, sized by the call site. In a sheet, the sheet is the surface, and its
+ * actions belong to the sheet: full width, the primary on top, pinned to the
+ * bottom where a thumb reaches them. A right-aligned pair of small buttons
+ * floating mid-sheet reads as a web card dropped into a phone, which is what
+ * the iOS canvas's Feedback sheet looked like.
+ *
+ * A `platform` or `variant` prop on every block would have pushed that
+ * knowledge into each one, and been forgotten at the next. The container
+ * already knows what it is, so it says so once: `IosSheet` and a bottom
+ * `SheetContent` provide "sheet", and an action row (`CardFooter actions`,
+ * `SheetFooter`) lays itself out from it. Nothing else reads it.
+ *
+ * React context crosses portals, so every surface that presents its own
+ * content — a Dialog, a Popover, a side Sheet — declares "page" again. A
+ * dialog opened from a bottom sheet is not a sheet, and its footer is a row.
+ */
+type Presentation = "page" | "sheet";
+/** Declares what its subtree is presented in. Sheets provide it; a page needs nothing. */
+declare const PresentationProvider: react.Provider<Presentation>;
+declare function usePresentation(): Presentation;
+
 /**
  * Mark a scroll region as actively scrolling.
  *
@@ -7499,6 +7640,6 @@ interface UseCopyResult {
  */
 declare function useCopy(text: string, { timeout }?: UseCopyOptions): UseCopyResult;
 
-declare const SABLE_UI_VERSION: "0.4.0";
+declare const SABLE_UI_VERSION: "0.6.0";
 
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, AppHeader, type AppHeaderProps, AppShell, type AppShellProps, AreaChart, type AreaChartProps, Attachment, type AttachmentProps, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, AvatarRoot, BADGE_APPEARANCES, BADGE_TONES, Badge, type BadgeAppearance, type BadgeProps, type BadgeTone, Banner, type BannerProps, BarChart, type BarChartProps, BottomNav, BottomNavItem, type BottomNavItemProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Browser, type BrowserProps, Bubble, type BubbleProps, BubbleReaction, type BubbleReactionProps, BubbleReactions, type BubbleReactionsProps, Button, type ButtonProps, CHART_SERIES_COUNT, COMPONENT_GROUPS, COMPONENT_TAXONOMY, Calendar, type CalendarProps, Card, CardAction, CardContent, type CardContentProps, CardDescription, CardFooter, CardHeader, CardList, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselProps, type CarouselSlidesToShow, type ChartCategories, type ChartCenterLabel, type ChartCurve, type ChartDatum, type ChartSeries, type ChartTone, type ChartTooltipIndicator, type ChartTooltipOptions, type ChartValueFormatter, ChatComposer, type ChatComposerProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxCardTone, CheckboxGroup, type CheckboxGroupProps, Code, CodeBlock, type CodeBlockProps, CodeHighlightProvider, type CodeHighlighter, type CodeProps, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleTrigger, ColorField, type ColorFieldProps, Combobox, ComboboxChips, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, type ComboboxItemGroup, ComboboxItemIndicator, ComboboxList, ComboboxPortal, type ComboboxProps, ComboboxValue, ComboboxVirtualList, type ComboboxVirtualListProps, type CommandFilter, type CommandItem, CommandMenu, CommandMenuGroup, type CommandMenuGroupProps, CommandMenuItem, type CommandMenuItemProps, CommandMenuPanel, type CommandMenuPanelProps, type CommandMenuProps, CommandMenuTrigger, type CommandMenuTriggerProps, type ComponentGroup, type ComponentGuidance, ComponentMeta, type ComponentRegister, ContextCard, ContextCardArrow, ContextCardContent, ContextCardPortal, ContextCardTrigger, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DateTile, type DateTileProps, Density, DensityProvider, Density as DensityValue, DestructiveActionModal, type DestructiveActionModalProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, EmptyState, type EmptyStateProps, Entity, type EntityProps, Feedback, type FeedbackData, type FeedbackProps, type FeedbackRating, Field, type FieldProps, Fieldset, FieldsetContent, FieldsetDescription, FieldsetFooter, FieldsetLegend, FileDropzone, type FileDropzoneProps, type FileRejection, type FileRejectionCode, Form, type FormProps, GlidingHighlight, type GlidingHighlightProps, type Hsv, InlineStatus, type InlineStatusProps, type StatusTone as InlineTone, Input, type InputProps$1 as InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps$2 as LabelProps, LineChart, type LineChartProps, Marker, type MarkerProps, Marquee, type MarqueeProps, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Message, type MessageProps, MessageScroller, type MessageScrollerHandle, type MessageScrollerProps, Meter, MeterIndicator, MeterLabel, type MeterSize, type MeterTone, MeterTrack, MeterValue, MiddleTruncate, type MiddleTruncateProps, type MotionPolicy, MotionProvider, type MotionProviderProps, Note, type NoteAction, type NoteProps, NotificationBadge, type NotificationBadgeProps, NumberField, type NumberFieldProps, type OrbMode, type OrbSize, OtpField, type OtpFieldProps, OverflowMenu, type OverflowMenuProps, PageHeader, type PageHeaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Panel, PanelGroup, PanelResizer, type PanelResizerProps, PanelSection, type PanelWidthBounds, Phone, type PhoneProps, PieChart, type PieChartProps, Pill, type PillProps, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Presence, type PresenceProps, Progress, ProgressIndicator, ProgressLabel, type ProgressSize, ProgressTrack, ProgressValue, PropertyPair, PropertyRow, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, Radio, RadioCard, type RadioCardProps, type RadioCardTone, RadioGroup, RelativeTime, type RelativeTimeProps, Reveal, type RevealProps, type Rgb, SABLE_UI_VERSION, SEGMENTED_BAR_TONES, STATUS_TONES, STATUS_TONE_ICON, type ScrollCommandOptions, Scroller, type ScrollerProps, ScrubField, type ScrubFieldProps, SearchInput, type SearchInputProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, type SegmentedBarTone, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPortal, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps$3 as SeparatorProps, SettingsMenu, type SettingsMenuProps, SettingsRow, type SettingsRowProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SideNav, type SideNavActiveVariant, SideNavGroup, type SideNavGroupProps, SideNavItem, type SideNavItemProps, type SideNavProps, type SideNavSize, Sidebar, SidebarFooter, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarProps, SimpleTooltip, Skeleton, Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, StatusBarGroup, StatusBarSeparator, StatusDot, type StatusDotProps, type StatusTone, type StepStatus, Stepper, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StreamingText, type StreamingTextProps, Switch, TRANSPARENT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTrigger, TextReveal, type TextRevealProps, Textarea, type TextareaProps, ThemeId, ThemeManifest, ThemeMode$1 as ThemeManifestMode, type ThemeMode, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, type ThemeSwitcherProps, ThinkingOrb, type ThinkingOrbProps, ToastAction, type ToastApi, ToastClose, ToastDescription, type ToastManagerApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastType, ToastViewport, Toggle, ToggleGroup, type ToggleGroupAppearance, Toggle as ToggleGroupItem, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Tree, TreeAddRow, TreeEmpty, TreeRow, TreeSection, type UseCopyOptions, type UseCopyResult, type UseInViewOptions, type UsePanelWidthOptions, Video, type VideoProps, ViewTransitionName, type ViewTransitionNameProps, Workspace, WorkspaceBar, WorkspaceCanvas, accordionMeta, appHeaderMeta, appShellMeta, areaChartMeta, attachmentMeta, avatarGroupVariants, avatarMeta, avatarVariants, badgeMeta, badgeVariants, bannerMeta, bannerVariants, barChartMeta, bottomNavMeta, breadcrumbsMeta, browserMeta, bubbleMeta, buttonMeta, buttonVariants, calendarMeta, cardMeta, carouselMeta, chartColor, toneColor as chartToneColor, chatComposerMeta, checkboxCardMeta, checkboxMeta, cn, codeBlockMeta, codeMeta, collapsibleMeta, colorFieldMeta, comboboxMeta, commandMenuMeta, componentGuidance, componentLabel, componentSlug, componentsInGroup, contextCardMeta, contextMenuMeta, dataTableMeta, datePickerMeta, dateTileMeta, destructiveActionModalMeta, dialogMeta, emptyStateMeta, entityMeta, feedbackMeta, fieldsetMeta, fileDropzoneMeta, fileDropzoneVariants, formMeta, formatFileSize, formatHex, glidingHighlightMeta, hsvToRgb, hueColor, inlineStatusMeta, inputMeta, isTransparent, kbdMeta, labelMeta, lineChartMeta, markerMeta, marqueeMeta, menuMeta, messageMeta, messageScrollerMeta, meterIndicatorVariants, meterMeta, meterTrackVariants, middleTruncateMeta, noteMeta, noteVariants, notificationBadgeMeta, notificationCountVariants, notificationDotVariants, numberFieldMeta, otpFieldMeta, overflowMenuMeta, pageHeaderMeta, pageLoaderMeta, paginationMeta, panelGroupMeta, panelSectionMeta, parseHex, phoneMeta, pieChartMeta, pillMeta, pillVariants, popoverMeta, progressMeta, progressTrackVariants, radarChartMeta, radialChartMeta, radioCardMeta, radioMeta, relativeTimeMeta, rgbToHsv, scrollerMeta, scrubFieldMeta, searchInputMeta, segmentedBarMeta, segmentedBarSegmentVariants, segmentedBarVariants, selectMeta, separatorMeta, settingsMenuMeta, sheetMeta, sheetVariants, showMoreMeta, sideNavMeta, sidebarMeta, skeletonMeta, sliderMeta, sparklineMeta, spinnerMeta, startViewTransition, statusBarMeta, statusDotMeta, statusDotVariants, stepperConnectorVariants, stepperIndicatorVariants, stepperMeta, streamingTextMeta, supportsViewTransitions, switchMeta, tableMeta, tabsMeta, textareaMeta, themeSelectorMeta, themeSwitcherMeta, thinkingOrbMeta, toast, toastMeta, toggleMeta, toolbarGroupVariants, toolbarMeta, toolbarSeparatorVariants, toolbarVariants, tooltipMeta, treeIndent, treeMeta, useAnchoredDensity, useComboboxFilteredItems, useCommandMenuShortcut, useCopy, useDensity, useInView, useMotion, usePanelWidth, useReducedMotion, useScrollActivity, useSidebar, useToast, useToastManager, useTypeTier, videoMeta, workspaceMeta };
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, AppHeader, type AppHeaderProps, AppShell, type AppShellProps, AreaChart, type AreaChartProps, type ArtTone, Attachment, type AttachmentProps, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, AvatarRoot, BADGE_APPEARANCES, BADGE_TONES, Badge, type BadgeAppearance, type BadgeProps, type BadgeTone, Banner, type BannerProps, BarChart, type BarChartProps, BottomNav, BottomNavItem, type BottomNavItemProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Browser, type BrowserProps, Bubble, type BubbleProps, BubbleReaction, type BubbleReactionProps, BubbleReactions, type BubbleReactionsProps, Button, type ButtonProps, CHART_SERIES_COUNT, COMPONENT_GROUPS, COMPONENT_TAXONOMY, Calendar, type CalendarProps, Card, CardAction, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, CardList, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselProps, type CarouselSlidesToShow, type ChartCategories, type ChartCenterLabel, type ChartCurve, type ChartDatum, type ChartSeries, type ChartTone, type ChartTooltipIndicator, type ChartTooltipOptions, type ChartValueFormatter, ChatComposer, type ChatComposerProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxCardTone, CheckboxGroup, type CheckboxGroupProps, Code, CodeBlock, type CodeBlockProps, CodeHighlightProvider, type CodeHighlighter, type CodeProps, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleTrigger, ColorField, type ColorFieldProps, Combobox, ComboboxChips, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, type ComboboxItemGroup, ComboboxItemIndicator, ComboboxList, ComboboxPortal, type ComboboxProps, ComboboxValue, ComboboxVirtualList, type ComboboxVirtualListProps, type CommandFilter, type CommandItem, CommandMenu, CommandMenuGroup, type CommandMenuGroupProps, CommandMenuItem, type CommandMenuItemProps, CommandMenuPanel, type CommandMenuPanelProps, type CommandMenuProps, CommandMenuTrigger, type CommandMenuTriggerProps, type ComponentGroup, type ComponentGuidance, ComponentMeta, type ComponentRegister, ContextCard, ContextCardArrow, ContextCardContent, ContextCardPortal, ContextCardTrigger, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DateTile, type DateTileProps, Density, DensityProvider, Density as DensityValue, DestructiveActionModal, type DestructiveActionModalProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, EmptyState, type EmptyStateProps, Entity, type EntityProps, Feedback, type FeedbackData, type FeedbackProps, type FeedbackRating, Field, type FieldProps, Fieldset, FieldsetContent, FieldsetDescription, FieldsetFooter, FieldsetLegend, FileDropzone, type FileDropzoneProps, type FileRejection, type FileRejectionCode, Form, type FormProps, GlidingHighlight, type GlidingHighlightProps, GradientArt, type GradientArtProps, type Hsv, InlineStatus, type InlineStatusProps, type StatusTone as InlineTone, Input, type InputProps$1 as InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps$2 as LabelProps, LineChart, type LineChartProps, Marker, type MarkerProps, Marquee, type MarqueeProps, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Message, type MessageProps, MessageScroller, type MessageScrollerHandle, type MessageScrollerProps, Meter, MeterIndicator, MeterLabel, type MeterSize, type MeterTone, MeterTrack, MeterValue, MiddleTruncate, type MiddleTruncateProps, type MotionPolicy, MotionProvider, type MotionProviderProps, Note, type NoteAction, type NoteProps, NotificationBadge, type NotificationBadgeProps, NumberField, type NumberFieldProps, type OrbMode, type OrbSize, OtpField, type OtpFieldProps, OverflowMenu, type OverflowMenuProps, PageHeader, type PageHeaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Panel, PanelGroup, PanelResizer, type PanelResizerProps, PanelSection, type PanelWidthBounds, Phone, type PhoneProps, PieChart, type PieChartProps, Pill, type PillProps, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Presence, type PresenceProps, type Presentation, PresentationProvider, Progress, ProgressIndicator, ProgressLabel, type ProgressSize, ProgressTrack, ProgressValue, PropertyPair, PropertyRow, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, Radio, RadioCard, type RadioCardProps, type RadioCardTone, RadioGroup, RelativeTime, type RelativeTimeProps, Reveal, type RevealProps, type Rgb, SABLE_UI_VERSION, SEGMENTED_BAR_TONES, STATUS_TONES, STATUS_TONE_ICON, type ScrollCommandOptions, Scroller, type ScrollerProps, ScrubField, type ScrubFieldProps, SearchInput, type SearchInputProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, type SegmentedBarTone, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPortal, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps$3 as SeparatorProps, SettingsMenu, type SettingsMenuProps, SettingsRow, type SettingsRowProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SideNav, type SideNavActiveVariant, SideNavGroup, type SideNavGroupProps, SideNavItem, type SideNavItemProps, type SideNavProps, type SideNavSize, Sidebar, SidebarFooter, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarProps, SimpleTooltip, Skeleton, Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, StatusBarGroup, StatusBarSeparator, StatusDot, type StatusDotProps, type StatusTone, type StepStatus, Stepper, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StreamingText, type StreamingTextProps, Switch, TRANSPARENT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTrigger, TextReveal, type TextRevealProps, Textarea, type TextareaProps, ThemeId, ThemeManifest, ThemeMode$1 as ThemeManifestMode, type ThemeMode, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, type ThemeSwitcherProps, ThinkingOrb, type ThinkingOrbProps, ToastAction, type ToastApi, ToastClose, ToastContent, ToastDescription, type ToastManagerApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastType, ToastViewport, Toggle, ToggleGroup, type ToggleGroupAppearance, Toggle as ToggleGroupItem, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Tree, TreeAddRow, TreeEmpty, TreeRow, TreeSection, type UseCopyOptions, type UseCopyResult, type UseInViewOptions, type UsePanelWidthOptions, Video, type VideoProps, ViewTransitionName, type ViewTransitionNameProps, Workspace, WorkspaceBar, WorkspaceCanvas, accordionMeta, appHeaderMeta, appShellMeta, areaChartMeta, attachmentMeta, avatarGroupVariants, avatarMeta, avatarVariants, badgeMeta, badgeVariants, bannerMeta, bannerVariants, barChartMeta, bottomNavMeta, breadcrumbsMeta, browserMeta, bubbleMeta, buttonMeta, buttonVariants, calendarMeta, cardMeta, carouselMeta, chartColor, toneColor as chartToneColor, chatComposerMeta, checkboxCardMeta, checkboxMeta, cn, codeBlockMeta, codeMeta, collapsibleMeta, colorFieldMeta, comboboxMeta, commandMenuMeta, componentGuidance, componentLabel, componentSlug, componentsInGroup, contextCardMeta, contextMenuMeta, dataTableMeta, datePickerMeta, dateTileMeta, destructiveActionModalMeta, dialogMeta, emptyStateMeta, entityMeta, feedbackMeta, fieldsetMeta, fileDropzoneMeta, fileDropzoneVariants, formMeta, formatFileSize, formatHex, glidingHighlightMeta, gradientArtMeta, hsvToRgb, hueColor, inlineStatusMeta, inputMeta, isTransparent, kbdMeta, labelMeta, lineChartMeta, markerMeta, marqueeMeta, menuMeta, messageMeta, messageScrollerMeta, meterIndicatorVariants, meterMeta, meterTrackVariants, middleTruncateMeta, noteMeta, noteVariants, notificationBadgeMeta, notificationCountVariants, notificationDotVariants, numberFieldMeta, otpFieldMeta, overflowMenuMeta, pageHeaderMeta, pageLoaderMeta, paginationMeta, panelGroupMeta, panelSectionMeta, parseHex, phoneMeta, pieChartMeta, pillMeta, pillVariants, popoverMeta, progressMeta, progressTrackVariants, radarChartMeta, radialChartMeta, radioCardMeta, radioMeta, relativeTimeMeta, rgbToHsv, scrollerMeta, scrubFieldMeta, searchInputMeta, segmentedBarMeta, segmentedBarSegmentVariants, segmentedBarVariants, selectMeta, separatorMeta, settingsMenuMeta, sheetMeta, sheetVariants, showMoreMeta, sideNavMeta, sidebarMeta, skeletonMeta, sliderMeta, sparklineMeta, spinnerMeta, startViewTransition, statusBarMeta, statusDotMeta, statusDotVariants, stepperConnectorVariants, stepperIndicatorVariants, stepperMeta, streamingTextMeta, supportsViewTransitions, switchMeta, tableMeta, tabsMeta, textareaMeta, themeSelectorMeta, themeSwitcherMeta, thinkingOrbMeta, toast, toastMeta, toggleMeta, toolbarGroupVariants, toolbarMeta, toolbarSeparatorVariants, toolbarVariants, tooltipMeta, treeIndent, treeMeta, useAnchoredDensity, useComboboxFilteredItems, useCommandMenuShortcut, useCopy, useDensity, useInView, useMotion, usePanelWidth, usePresentation, useReducedMotion, useScrollActivity, useSidebar, useToast, useToastManager, useTypeTier, videoMeta, workspaceMeta };