gridsmith-ui 0.8.0 → 0.9.1

package/dist/index.d.ts

@@ -2,12 +2,14 @@ import * as react from 'react';
 import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, Ref, CSSProperties, ReactElement, HTMLAttributes, AnchorHTMLAttributes, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconName } from './icons.js';
-import { B as BreakpointKey } from './use-breakpoint-BfKzmkxx.js';
-export { a as BreakpointWidthProvider, u as useBreakpoint } from './use-breakpoint-BfKzmkxx.js';
+import { C as ColumnKind, B as BreakpointKey } from './table-utils-GounRE6s.js';
+export { a as BreakpointWidthProvider, u as useBreakpoint } from './table-utils-GounRE6s.js';
 
 type ButtonVariant = "default" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "warning" | "link";
 type ButtonSize = "xs" | "sm" | "md" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg";
-declare const ButtonSizeContext: react.Context<ButtonSize | null>;
+type ControlSize = "sm" | "md" | "lg";
+declare const ControlSizeContext: react.Context<ControlSize | null>;
+declare const ButtonSizeContext: react.Context<ControlSize | null>;
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -55,8 +57,8 @@ interface BulkActionBarProps {
 }
 declare function BulkActionBar({ selectedCount, actions, onClearSelection, className }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
 
-type InputSize = "sm" | "md";
-declare function Input({ className, size, error, prefix, suffix, ...props }: Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
+type InputSize = "sm" | "md" | "lg";
+declare function Input({ className, size: sizeProp, error, prefix, suffix, ...props }: Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
     size?: InputSize;
     error?: boolean;
     prefix?: ReactNode;
@@ -88,7 +90,7 @@ interface Option {
     label: string;
     group?: string;
 }
-type DropdownSize = "sm" | "md";
+type DropdownSize = "sm" | "md" | "lg";
 interface DropdownProps {
     options: Option[];
     value: string | string[];
@@ -108,7 +110,7 @@ interface DropdownProps {
     /** Accessible name for the trigger, for when there is no visible `label` (e.g. in a toolbar). */
     "aria-label"?: string;
 }
-declare function Dropdown({ options, value, onChange, label, disabled, placeholder, multiple, searchable, size, className, ref, container, error, showChips, "aria-label": ariaLabel, }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function Dropdown({ options, value, onChange, label, disabled, placeholder, multiple, searchable, size: sizeProp, className, ref, container, error, showChips, "aria-label": ariaLabel, }: DropdownProps): react_jsx_runtime.JSX.Element;
 
 interface ComboboxOption {
     value: string;
@@ -126,8 +128,9 @@ interface ComboboxProps {
     ref?: Ref<HTMLDivElement>;
     container?: Element | DocumentFragment;
     error?: boolean;
+    size?: ControlSize;
 }
-declare function Combobox({ value, onChange, options, placeholder, disabled, loading, className, ref, container, error }: ComboboxProps): react_jsx_runtime.JSX.Element;
+declare function Combobox({ value, onChange, options, placeholder, disabled, loading, className, ref, container, error, size: sizeProp }: ComboboxProps): react_jsx_runtime.JSX.Element;
 
 type CheckboxSize = "sm" | "md";
 interface CheckboxProps {
@@ -186,6 +189,7 @@ interface DatePickerProps {
     label?: string;
     /** Forwarded to the trigger button so an external Label htmlFor can be associated. Defaults to a generated id used by the built-in label. */
     id?: string;
+    size?: ControlSize;
     /** Earliest / latest selectable day (inclusive). Days outside are disabled. */
     min?: Date;
     max?: Date;
@@ -200,7 +204,7 @@ interface DatePickerProps {
         end?: Date | null;
     };
 }
-declare function DatePicker({ value, onChange, placeholder, disabled, className, ref, container, error, label, id, min, max, range }: DatePickerProps): react_jsx_runtime.JSX.Element;
+declare function DatePicker({ value, onChange, placeholder, disabled, className, ref, container, error, label, id, size: sizeProp, min, max, range }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 interface DateRange {
     start: Date | null;
@@ -230,6 +234,7 @@ interface DateRangePickerProps {
     presets?: DateRangePreset[];
     /** First day of the week. Default 0 (Sunday). */
     weekStartsOn?: 0 | 1;
+    size?: ControlSize;
 }
 declare const DEFAULT_DATE_RANGE_PRESETS: DateRangePreset[];
 /**
@@ -238,7 +243,7 @@ declare const DEFAULT_DATE_RANGE_PRESETS: DateRangePreset[];
  * the end (clicking before the start restarts the selection). Closes on
  * Escape or outside click. Pair with <Field> for label/hint/error wiring.
  */
-declare function DateRangePicker({ value, onChange, placeholder, disabled, error, label, id, className, ref, container, min, max, presets, weekStartsOn, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateRangePicker({ value, onChange, placeholder, disabled, error, label, id, className, ref, container, min, max, presets, weekStartsOn, size: sizeProp, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
 
 interface FileUploadProps {
     onFiles: (files: File[]) => void;
@@ -284,8 +289,9 @@ interface TimePickerProps {
     error?: boolean;
     /** Forwarded to the trigger button so a Label htmlFor can be associated. */
     id?: string;
+    size?: ControlSize;
 }
-declare function TimePicker({ value, onChange, use24Hour, minuteStep, disabled, className, ref, container, error, id, }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ value, onChange, use24Hour, minuteStep, disabled, className, ref, container, error, id, size: sizeProp, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 interface NumberInputProps {
     value: number;
@@ -305,7 +311,7 @@ interface NumberInputProps {
     /** Forwarded to the inner input element so a Label htmlFor can be associated. */
     id?: string;
 }
-declare function NumberInput({ value, onChange, min, max, step, disabled, placeholder, prefix, suffix, size, className, error, allowDecimals, id, }: NumberInputProps): react_jsx_runtime.JSX.Element;
+declare function NumberInput({ value, onChange, min, max, step, disabled, placeholder, prefix, suffix, size: sizeProp, className, error, allowDecimals, id, }: NumberInputProps): react_jsx_runtime.JSX.Element;
 
 interface TagInputProps {
     value: string[];
@@ -334,7 +340,7 @@ interface PinInputProps {
     /** Forwarded to the first pin box so a Label htmlFor can be associated. */
     id?: string;
 }
-declare function PinInput({ value, onChange, length, mask, disabled, size, className, error, id, }: PinInputProps): react_jsx_runtime.JSX.Element;
+declare function PinInput({ value, onChange, length, mask, disabled, size: sizeProp, className, error, id, }: PinInputProps): react_jsx_runtime.JSX.Element;
 
 interface RatingProps {
     value: number;
@@ -593,6 +599,8 @@ interface Column {
     };
     /** CSS max-width for the column (e.g. "200px", "30ch"). Helps constrain wide text columns. */
     maxWidth?: string;
+    /** Explicit column kind. When omitted the Table infers it from data values. */
+    kind?: ColumnKind;
 }
 type SortDir = "asc" | "desc" | null;
 type TableDensity = "default" | "compact";
@@ -662,8 +670,11 @@ declare function Calendar({ events, view: controlledView, defaultView, onViewCha
 type BadgeVariant = "default" | "neutral" | "subtle" | "success" | "success-soft" | "warning" | "warning-soft" | "error" | "error-soft" | "outline";
 type BadgeSize = "xs" | "sm" | "md";
 type BadgePaletteColor = 1 | 2 | 3 | 4 | 5;
+type BadgeSeverity = "info" | "low" | "medium" | "high" | "critical";
 interface BadgeProps {
     variant?: BadgeVariant;
+    /** Severity shorthand — maps to a variant. When set, overrides `variant`. */
+    severity?: BadgeSeverity;
     size?: BadgeSize;
     /** Palette colour (1-5). Overrides variant colour with decorative palette tokens. */
     color?: BadgePaletteColor;
@@ -676,7 +687,7 @@ interface BadgeProps {
     className?: string;
     children?: ReactNode;
 }
-declare function Badge({ variant, size, color, iconLeft, iconRight, maxWidth, className, children }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ variant, severity, size, color, iconLeft, iconRight, maxWidth, className, children }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 type TagVariant = "default" | "subtle" | "success" | "warning" | "error" | "outline";
 type TagPaletteColor = 1 | 2 | 3 | 4 | 5;
@@ -762,6 +773,20 @@ interface EmptyStateProps {
 }
 declare function EmptyState({ icon, iconFrame, title, description, action, variant, bordered, className }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 
+interface EntityCellProps {
+    /** A ready-made element (an Avatar with a status, an icon), or a string: initials, or a URL when it looks like one. */
+    avatar?: ReactNode;
+    /** An image URL for the avatar. */
+    src?: string;
+    /** Initials for the avatar. Absent, and with no src or element, they are derived from `primary` ("Sarah Chen" → "SC"). */
+    initials?: string;
+    primary: string;
+    secondary?: string;
+    size?: "sm" | "md";
+    className?: string;
+}
+declare function EntityCell({ avatar, src, initials, primary, secondary, size, className }: EntityCellProps): react_jsx_runtime.JSX.Element;
+
 interface SkipLinkProps {
     /** The id of the main region (AppShell names its <main> "main"). */
     href?: string;
@@ -1140,15 +1165,24 @@ interface StackedListItem {
     selected?: boolean;
     onClick?: () => void;
 }
+type StackedListVariant = "list" | "articles";
 interface StackedListProps {
     items: StackedListItem[];
     divided?: boolean;
-    flush?: boolean;
+    /**
+     * "list" (default): records and reading panes — the row tints on hover, the current row takes the theme's
+     * selection treatment (rail, tint or pill), and the rows take their inset from the pane or card they sit in.
+     * "articles": a knowledge base, a changelog — flush to the surface edges, the title colours on hover, no row
+     * tint, no rail. Never inside a reading pane (Sprint 25.4, decision 4).
+     */
+    variant?: StackedListVariant;
     /** The current row in a master-detail list. Its treatment follows the theme's in-page vertical active style (rail, tint or pill), like Tabs. */
     selectedId?: string | number;
-    /** How an interactive row answers the pointer: "tint" (default) shades the row; "title" colours the title, for article lists (a knowledge base, a changelog). */
-    hover?: "tint" | "title";
     className?: string;
+    /** @deprecated Sprint 25.4: use variant="articles". Accepted for one version. */
+    flush?: boolean;
+    /** @deprecated Sprint 25.4: use variant="articles" (hover="title") — the default variant tints the row. */
+    hover?: "tint" | "title";
 }
 declare const StackedList: react.ForwardRefExoticComponent<StackedListProps & react.RefAttributes<HTMLUListElement>>;
 
@@ -1318,6 +1352,8 @@ interface AppShellTheme {
         /** Colourful on the home page only; other pages take `otherPagesVariant`. The shell decides which page is home. */
         colourfulHomeOnly?: boolean;
         otherPagesVariant?: "default" | "minimal";
+        /** Colourful: the container derives the overlap from the first content element and pulls it up. */
+        overlap?: boolean;
     };
     breadcrumbs?: {
         /** Inline in the header, or a contained strip the container renders above it. */
@@ -1374,49 +1410,6 @@ interface SettingsLayoutProps {
  */
 declare function SettingsLayout({ sections, value, onChange, layout: layoutProp, railWidth, collapseBelow, "aria-label": ariaLabel, children, className, }: SettingsLayoutProps): react_jsx_runtime.JSX.Element;
 
-interface SplitViewProps {
-    /** The list (an inbox, a queue): it scrolls on its own. */
-    list: ReactNode;
-    /** The selected item (a thread, a record): it fills the height and scrolls on its own. */
-    detail: ReactNode;
-    /** Context beside the detail (a contact, properties). Collapses to a toggle that opens it in a Drawer when the layout is narrower than `asideCollapseBelow`. */
-    aside?: ReactNode;
-    /** Names the aside's toggle and Drawer. */
-    asideTitle?: string;
-    /**
-     * Below `collapseBelow` the list shows alone; with `detailOpen` the detail replaces it, with a Back button that calls
-     * `onDetailClose` (detailMode "stack"). The page owns the selection, so it owns this flag.
-     */
-    detailOpen?: boolean;
-    onDetailClose?: () => void;
-    /** "stack" (default): the detail stacks over the list below the collapse width. "route": the app navigates to the detail's own route instead, and this renders the list alone there. */
-    detailMode?: "stack" | "route";
-    backLabel?: string;
-    /** Percent of the width the list takes; the divider is draggable. */
-    listWidth?: number;
-    listMinWidth?: number;
-    asideWidth?: number;
-    /** Below this width of the layout itself (px) the list and detail stop sitting side by side. */
-    collapseBelow?: number;
-    /** Below this width of the layout itself (px) the aside becomes a toggle. */
-    asideCollapseBelow?: number;
-    /** A bordered, rounded surface (inside a page with padding) instead of edge to edge (filling <main>). */
-    bordered?: boolean;
-    "aria-label"?: string;
-    className?: string;
-}
-/**
- * The reading-pane composition (Sprint 25.2, R3): one surface with dividers —
- * list, detail and an optional aside — that fills the height it is given (an
- * AppShell's <main> already gives it) and never three cards with gaps. The
- * panels compose ResizablePanelGroup, so the dividers drag. Below the collapse
- * width, measured on the layout itself, the list shows alone and the detail
- * stacks over it (or the app routes to it); the aside collapses to a toggle.
- * The page owns the selection and assembles the contents; keyboard movement
- * through the list is the list's job (StackedList selectedId).
- */
-declare function SplitView({ list, detail, aside, asideTitle, detailOpen, onDetailClose, detailMode, backLabel, listWidth, listMinWidth, asideWidth, collapseBelow, asideCollapseBelow, bordered, "aria-label": ariaLabel, className, }: SplitViewProps): react_jsx_runtime.JSX.Element;
-
 interface BreadcrumbItem$1 {
     label: string;
     href?: string;
@@ -1574,11 +1567,13 @@ interface SegmentedControlProps {
     "aria-label"?: string;
     /**
      * Above this many options the control renders a Dropdown with the same value, onChange and options — a row of
-     * eleven segments runs off the page (bench round 3). Default 6; raise it only where the row is known to fit.
+     * eleven segments runs off the page (bench round 3). Default 6; raise it only where the row is known to fit. A row
+     * that does not fit its container (a four-option range on a phone) renders the Dropdown too, and comes back as a
+     * row when the container widens (round 10).
      */
     maxOptions?: number;
 }
-declare function SegmentedControl({ value, onChange, options, size, variant, fullWidth, onHoverChange, className, "aria-label": ariaLabel, maxOptions, }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+declare function SegmentedControl({ value, onChange, options, size: sizeProp, variant, fullWidth, onHoverChange, className, "aria-label": ariaLabel, maxOptions, }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
 
 interface BottomNavItem {
     label: string;
@@ -1623,8 +1618,6 @@ interface PageHeaderProps {
     intensity?: PageHeaderIntensity;
     /** Colourful: background image URL — overlaid with accent colour */
     backgroundImage?: string;
-    /** Colourful: extra bottom padding (px) for content overlap. PageContainer pulls the content up by the same amount; the page adds no negative margin. */
-    overlapHeight?: number;
     /** Snapping: content shown only when expanded */
     expandedContent?: ReactNode;
     /** Snapping: scroll offset before collapse (px) */
@@ -2167,6 +2160,13 @@ interface AppShellContextValue {
     sidebarFloating: boolean;
     /** Called by Sidebar and Navbar so the shell knows the chrome that is actually rendered. Returns the unregister. */
     registerChrome: (kind: "navbar" | "sidebar", position: ChromePosition) => () => void;
+    /** True when the shell renders a Launcher above sm — PageContainer adjusts its bottom padding to clear the launcher. */
+    hasLauncher: boolean;
+    /** The bottom corner that launcher occupies (a ribbon occupies none), so the container reads that corner's inset variable. */
+    launcherCorner: "bottom-right" | "bottom-left" | null;
+    /** The shell renders an app footer under the page. Its children sit in a wrapper whose height is not definite, so a
+     *  `fill` SplitView reads `--ds-main-height` (published on the shell element) instead of `h-full`. */
+    hasFooter: boolean;
 }
 declare function useAppShell(): AppShellContextValue | null;
 type AppShellLayout = "sidebar" | "stacked" | "sidebar-header" | "multi-column";
@@ -2252,10 +2252,21 @@ declare const PageContainer: react.ForwardRefExoticComponent<PageContainerProps
 interface SectionHeadingProps {
     title: string;
     description?: string;
+    /** The section's buttons. Below sm they sit under the title, like PageHeader's actions. */
     actions?: ReactNode;
     badge?: ReactNode;
+    /** A count beside the title (unread, items), rendered as a neutral Badge. */
+    count?: number | string;
+    /** A row under the title: Tabs, a TableToolbar or a SegmentedControl. The heading lays it out; pass no wrapper. */
     tabs?: ReactNode;
     bordered?: boolean;
+    /**
+     * "section" (default): a heading within a page, spaced below by --ds-heading-gap. "pane": the title block at the
+     * top of a SplitView pane on a fill page (an inbox, a library), where there is no PageHeader — a 16 px inset that
+     * matches the list rows under it, a rule at the bottom and no margin below (Sprint 25.4 C-9, folded in from
+     * PaneHeader on the owner's review).
+     */
+    variant?: "section" | "pane";
     className?: string;
 }
 declare const SectionHeading: react.ForwardRefExoticComponent<SectionHeadingProps & react.RefAttributes<HTMLDivElement>>;
@@ -2318,4 +2329,4 @@ interface UseTextOverflowResult {
  */
 declare function useTextOverflow(options?: UseTextOverflowOptions): UseTextOverflowResult;
 
-export { Accordion, ActionPanel, ActionPanelGroup, Alert, type AlertPlacement, AppShell, type AppShellContextValue, type AppShellTheme, AsidePanel, type AsidePanelProps, type AsidePanelSide, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarStatus, Badge, type BadgePaletteColor, type BadgeSize, type BadgeVariant, BottomNav, type BottomNavItem, type BreadcrumbItem$1 as BreadcrumbItem, Breadcrumbs, type BreadcrumbsSeparator, type BreadcrumbsSize, type BreadcrumbsVariant, BreakpointKey, BulkActionBar, Button, ButtonSizeContext, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardSelectType, CardTitle, type CardVariant, Carousel, type ChatMessage, type ChatMessageAction, type ChatMessageLayout, ChatMessageList, type ChatMessageSender, type ChatMessageSource, type ChatMessageStatus, ChatPanel, type ChatPanelProps, type ChatPanelStatusTone, Checkbox, CheckboxGroup, CheckboxGroupItem, CodeBlock, Collapsible, ColorPicker, type Column, Combobox, CommandPalette, ContextMenu, CornerPanel, type CornerPanelEdge, type CornerPanelProps, DEFAULT_DATE_RANGE_PRESETS, DataList, DatePicker, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DescriptionItem, DescriptionList, type DescriptionListOrientation, type DescriptionListSize, Dialog, Divider, Dock, Drawer, Dropdown, DropdownMenu, type DropdownMenuDivider, type DropdownMenuEntry, type DropdownMenuItem, EmptyState, Field, type FieldControlProps, type FieldProps, FileUpload, FormWrapper, HoverCard, InlineFieldError, Input, Kbd, Label, Launcher, type LauncherEdge, type LauncherProps, type LauncherVariant, type LauncherWhenOpen, Link, type LinkProps, MentionInput, MobileHeaderMenu, type MobileHeaderMenuItemData, type MobileHeaderMenuType, NavItem, type NavItemProps, type NavItemType, NavMenu, type NavMenuItem, Navbar, type NavbarSize, type NavbarType, type NavbarVariant, NotificationCenter, NumberInput, PageContainer, type PageContainerWidth, PageHeader, type PageHeaderBehavior, type PageHeaderIntensity, type PageHeaderProps, type PageHeaderVariant, Pagination, PinInput, Popover, Progress, type PromiseToastMessages, RadioGroup, Rating, ScrollArea, SectionHeading, SegmentedControl, SettingsLayout, type SettingsLayoutProps, type SettingsSection, Sheet, Sidebar, type SidebarContextValue, type SidebarItem, SidebarNav, type SidebarNavSize, type SidebarPosition, type SidebarSection, type SidebarType, Skeleton, SkipLink, SliderRange, Spinner, SplitView, type SplitViewProps, StackedList, StatsCard, StatusDot, type StatusDotVariant, Stepper, type Tab, Table, type TableDensity, type TableProps, TableToolbar, type TableToolbarActiveFilter, type TableToolbarFilterOption, Tabs, Tag, TagInput, type TagPaletteColor, type TagVariant, TextOverflow, type TextOverflowProps, Textarea, TimePicker, Timeline, Toast, type ToastAction, type ToastApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, Toggle, Tooltip, Tour, TransferList, TreeView, type Trend, type UseTextOverflowOptions, type UseTextOverflowResult, useAppShell, useFormContext, useSidebar, useTextOverflow, useToast };
+export { Accordion, ActionPanel, ActionPanelGroup, Alert, type AlertPlacement, AppShell, type AppShellContextValue, type AppShellTheme, AsidePanel, type AsidePanelProps, type AsidePanelSide, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarStatus, Badge, type BadgePaletteColor, type BadgeSeverity, type BadgeSize, type BadgeVariant, BottomNav, type BottomNavItem, type BreadcrumbItem$1 as BreadcrumbItem, Breadcrumbs, type BreadcrumbsSeparator, type BreadcrumbsSize, type BreadcrumbsVariant, BreakpointKey, BulkActionBar, Button, ButtonSizeContext, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardSelectType, CardTitle, type CardVariant, Carousel, type ChatMessage, type ChatMessageAction, type ChatMessageLayout, ChatMessageList, type ChatMessageSender, type ChatMessageSource, type ChatMessageStatus, ChatPanel, type ChatPanelProps, type ChatPanelStatusTone, Checkbox, CheckboxGroup, CheckboxGroupItem, CodeBlock, Collapsible, ColorPicker, type Column, Combobox, CommandPalette, ContextMenu, type ControlSize, ControlSizeContext, CornerPanel, type CornerPanelEdge, type CornerPanelProps, DEFAULT_DATE_RANGE_PRESETS, DataList, DatePicker, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DescriptionItem, DescriptionList, type DescriptionListOrientation, type DescriptionListSize, Dialog, Divider, Dock, Drawer, Dropdown, DropdownMenu, type DropdownMenuDivider, type DropdownMenuEntry, type DropdownMenuItem, EmptyState, EntityCell, Field, type FieldControlProps, type FieldProps, FileUpload, FormWrapper, HoverCard, InlineFieldError, Input, Kbd, Label, Launcher, type LauncherEdge, type LauncherProps, type LauncherVariant, type LauncherWhenOpen, Link, type LinkProps, MentionInput, MobileHeaderMenu, type MobileHeaderMenuItemData, type MobileHeaderMenuType, NavItem, type NavItemProps, type NavItemType, NavMenu, type NavMenuItem, Navbar, type NavbarSize, type NavbarType, type NavbarVariant, NotificationCenter, NumberInput, PageContainer, type PageContainerWidth, PageHeader, type PageHeaderBehavior, type PageHeaderIntensity, type PageHeaderProps, type PageHeaderVariant, Pagination, PinInput, Popover, Progress, type PromiseToastMessages, RadioGroup, Rating, ScrollArea, SectionHeading, type SectionHeadingProps, SegmentedControl, SettingsLayout, type SettingsLayoutProps, type SettingsSection, Sheet, Sidebar, type SidebarContextValue, type SidebarItem, SidebarNav, type SidebarNavSize, type SidebarPosition, type SidebarSection, type SidebarType, Skeleton, SkipLink, SliderRange, Spinner, StackedList, type StackedListVariant, StatsCard, StatusDot, type StatusDotVariant, Stepper, type Tab, Table, type TableDensity, type TableProps, TableToolbar, type TableToolbarActiveFilter, type TableToolbarFilterOption, Tabs, Tag, TagInput, type TagPaletteColor, type TagVariant, TextOverflow, type TextOverflowProps, Textarea, TimePicker, Timeline, Toast, type ToastAction, type ToastApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, Toggle, Tooltip, Tour, TransferList, TreeView, type Trend, type UseTextOverflowOptions, type UseTextOverflowResult, useAppShell, useFormContext, useSidebar, useTextOverflow, useToast };