gridsmith-ui 0.24.0 → 0.25.0

package/dist/index.d.ts

@@ -1,11 +1,12 @@
 import * as react from 'react';
 import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, Ref, ReactElement, CSSProperties, HTMLAttributes, RefObject, KeyboardEvent, AnchorHTMLAttributes, ElementType } from 'react';
+import { IconSlot, IconName } from './icons.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IconName } from './icons.js';
+import { M as MentionSuggestion } from './MentionList-CoNBRFGR.js';
 import { C as ColumnKind, B as BreakpointKey } from './table-utils-BkjNEWts.js';
 export { a as BreakpointWidthProvider, u as useBreakpoint } from './table-utils-BkjNEWts.js';
-import { P as Pager, A as AppShellPreferences } from './use-pagination-DiJo0aW5.js';
-export { a as PaginationOptions, b as PreferencesContext, R as ResolvedPreferences, p as preferenceActionKey, u as usePagination, c as usePreferences } from './use-pagination-DiJo0aW5.js';
+import { P as Pager, A as AppShellPreferences } from './use-pagination-BnKOnBdz.js';
+export { a as PaginationOptions, b as PreferencesContext, R as ResolvedPreferences, p as preferenceActionKey, u as usePagination, c as usePreferences } from './use-pagination-BnKOnBdz.js';
 export { B as BreadcrumbItem, a as Breadcrumbs, b as BreadcrumbsSeparator, c as BreadcrumbsSize, d as BreadcrumbsVariant } from './Breadcrumbs-CGS8GKl-.js';
 
 type ButtonVariant = "default" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "warning" | "link";
@@ -16,8 +17,10 @@ declare const ButtonSizeContext: react.Context<ControlSize | null>;
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;
-    iconLeft?: ReactNode;
-    iconRight?: ReactNode;
+    /** An icon name ("clock"), drawn as the theme's icon at the button's icon size, or an element. Not text: use children. */
+    iconLeft?: IconSlot;
+    /** As iconLeft, after the label. */
+    iconRight?: IconSlot;
     loading?: boolean;
     children?: ReactNode;
 }
@@ -206,8 +209,87 @@ interface ComboboxProps extends FieldControlWiring {
     container?: Element | DocumentFragment;
     error?: boolean;
     size?: ControlSize;
+    /** The control's name when no Field labels it (a toolbar's filter). Inside a Field, the Field's label names it. */
+    "aria-label"?: string;
+}
+declare function Combobox({ value, onChange: onChangeProp, options, placeholder, disabled, loading, className, ref, container, error, size: sizeProp, "aria-label": ariaLabel, ...wiring }: ComboboxProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * The browser's own name for a zone (Sprint 25.17 A28, R28-51): one browser always names a zone one way, so a stored
+ * "Asia/Calcutta" and a listed "Asia/Kolkata" are one zone, with no alias table shipped. An id the browser doesn't know
+ * stays as given.
+ */
+declare function canonicalTimeZone(zone: string): string;
+/** The browser's time zone, by its own name; "UTC" where the browser names none. */
+declare function browserTimeZone(): string;
+/**
+ * A zone's offset from UTC at an instant, as the page's language names it ("GMT+1", "GMT-5", "GMT+5:30"): read at that
+ * instant, so it follows daylight saving.
+ */
+declare function timeZoneOffset(zone: string, at?: Date): string;
+interface TimezoneSelectProps extends FieldControlWiring {
+    /**
+     * The stored zone, an IANA id ("Europe/London"). Empty: the field is empty, and the browser's zone is the list's first
+     * option, marked as the user's, to pick with one key. Start the page's state from the stored zone, else
+     * browserTimeZone(), to show the browser's as chosen.
+     */
+    value?: string;
+    /** Called with the chosen zone's id, by the browser's own name. */
+    onChange: (zone: string) => void;
+    size?: ControlSize;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+    /** The control's name when no Field labels it. In a settings form, a Field labels it ("Time zone"). */
+    "aria-label"?: string;
+}
+/**
+ * A time zone select (Sprint 25.17 A28, R28-51): every IANA zone the browser knows, each shown with its offset now
+ * (which follows daylight saving), searchable by city, region or offset, with the house keyboard (the Combobox's).
+ * UTC is always offered. A stored zone is matched by the browser's own name for it, and one the browser doesn't list
+ * is still shown, never a blank.
+ */
+declare function TimezoneSelect({ value, onChange, placeholder, ...rest }: TimezoneSelectProps): react_jsx_runtime.JSX.Element;
+
+/** A time: an ISO string, a Date, or milliseconds since the epoch. */
+type TimeValue = string | Date | number;
+/**
+ * A time as people read it (Sprint 25.17 A29, R28-48; date_time#1, #11 and #13): within `thresholdHours` of now,
+ * relative ("now", "5 minutes ago", "in 2 hours", "yesterday", counting days on the calendar), in the page's language;
+ * beyond it, the date and the time. The threshold is given: the project's is the shell's
+ * (dateTime.relativeThresholdHours), which RelativeTime and useRelativeTimeFormat read for you.
+ */
+declare function formatRelativeTime(time: TimeValue, options: {
+    thresholdHours: number;
+    now?: number;
+}): string;
+/**
+ * formatRelativeTime with the project's threshold, the shell's (dateTime.relativeThresholdHours), for a time drawn as
+ * text in a slot that takes a string: a Timeline item's `timestamp`, with the time itself as its `dateTime` so the exact
+ * time shows on hover. The text is read when the page renders; RelativeTime draws a time that refreshes as it ages.
+ */
+declare function useRelativeTimeFormat(): (time: TimeValue) => string;
+/** The full timestamp, as the tooltip and a screen reader give it: the date, the time and its zone, in the page's language. */
+declare function formatFullTime(time: TimeValue): string;
+interface RelativeTimeProps {
+    /** The time: an ISO string, a Date, or milliseconds since the epoch. */
+    time: TimeValue;
+    /** Within this many hours it reads relative, else the date and time. Leave it out: the project's (the shell's dateTime.relativeThresholdHours). */
+    thresholdHours?: number;
+    /** The time's own classes (its colour, its size); the tooltip keeps the library's. */
+    className?: string;
 }
-declare function Combobox({ value, onChange: onChangeProp, options, placeholder, disabled, loading, className, ref, container, error, size: sizeProp, ...wiring }: ComboboxProps): react_jsx_runtime.JSX.Element;
+/**
+ * A time drawn as the project reads times (Sprint 25.17 A29, R28-48): relative within the project's threshold, the date
+ * and time beyond it, and the full timestamp, with its zone, on hover and, outside a collection's rows, on focus
+ * (date_time#1, #2, #13). Outside them it is a Tab stop; among a table's, a list's or a grid's rows it isn't (a stop per
+ * row would make the collection hard to cross, and nest a stop in a row that is a button), and a screen reader hears the
+ * full timestamp with the time everywhere. It refreshes as it ages, each minute in its first hour and each hour after,
+ * and becomes the date and time once past the threshold; a time that changes is read against the clock afresh. Drawn on a
+ * server, the browser's reading of the clock replaces the server's when the page hydrates, with no error for the moment
+ * between them. In a sortable Table column, pass the time itself as the column's sort value.
+ */
+declare function RelativeTime({ time, thresholdHours, className }: RelativeTimeProps): react_jsx_runtime.JSX.Element | null;
 
 type CheckboxSize = "sm" | "md";
 /** A Field passes its wiring (0.21.0): its label names the box, and its hint and error describe it. */
@@ -660,13 +742,7 @@ interface TransferListProps {
 }
 declare function TransferList({ available, selected, onChange: onChangeProp, availableTitle, selectedTitle, searchable, className, ref, }: TransferListProps): react_jsx_runtime.JSX.Element;
 
-interface MentionSuggestion {
-    id: string;
-    label: string;
-    avatar?: string;
-    description?: string;
-}
-interface MentionInputProps {
+interface MentionInputProps extends FieldControlWiring {
     value?: string;
     onChange?: (value: string) => void;
     suggestions: MentionSuggestion[];
@@ -674,8 +750,10 @@ interface MentionInputProps {
     placeholder?: string;
     disabled?: boolean;
     className?: string;
+    /** The field's name when no Field labels it. Inside a Field, the Field's label names it. */
+    "aria-label"?: string;
 }
-declare function MentionInput({ value: controlledValue, onChange: onChangeProp, suggestions, trigger, placeholder, disabled, className, }: MentionInputProps): react_jsx_runtime.JSX.Element;
+declare function MentionInput({ value: controlledValue, onChange: onChangeProp, suggestions, trigger, placeholder, disabled, className, error, "aria-label": ariaLabel, ...wiring }: MentionInputProps): react_jsx_runtime.JSX.Element;
 
 type CardVariant = "default" | "featured" | "interactive" | "outline" | "ghost";
 type CardSelectType = "radio" | "checkbox" | "toggle";
@@ -866,9 +944,11 @@ interface Column {
      * What the column sorts by, when its cells don't say (Sprint 25.13 A3): a column of elements (an avatar beside a name,
      * a badge, a time) gives each row's name, number or date here, `sortValue: (row) => row.actorName`, and a column of
      * sizes gives bytes. Without it a sortable column sorts by the cell itself, which works for text and numbers; a cell
-     * that is an element can't be compared, and the column warns in development (data_display#1).
+     * that is an element can't be compared, and the column warns in development (data_display#1). It may return any of a
+     * row's fields as they are (a row's values are typed for its cells): a string, a number or a Date sorts; an element
+     * doesn't.
      */
-    sortValue?: (row: TableRow) => string | number | Date | null | undefined;
+    sortValue?: (row: TableRow) => unknown;
     /**
      * Keep the column in view while the table scrolls sideways (Sprint 25.13 A35): "end" for the row's actions, pinned on
      * the right; "start" for the row's name, drawn first and pinned beside the selection while it leaves room. Without a
@@ -1098,9 +1178,11 @@ interface EmptyStateProps {
      * An icon name from the theme's pack ("inbox", "filter") or an element. A
      * name is the easy path: the state renders it at the frame's size. An `Icon`
      * element is resized to match; any other element is rendered as given. A
-     * string that is not an icon name is a type error, not a printed word.
-     * (The Sprint 22 bench saw builders pass names into a ReactNode prop and
-     * React print the word — 14 Sep 2026.)
+     * string is always read as a name, never printed as a word (the Sprint 22
+     * bench saw builders pass names into a ReactNode prop and React print the
+     * word — 14 Sep 2026). `IconName` takes any string, so a name the theme's
+     * pack lacks still type-checks: it draws nothing, and in development the Icon
+     * says so (Sprint 25.17 A26).
      */
     icon?: IconName | Exclude<ReactNode, string>;
     /** How the icon is framed: the neutral circle (default), or none when the icon element brings its own frame. */
@@ -1223,7 +1305,14 @@ declare function TableToolbar({ search, primaryFilter, filters, filtersOpen, onF
 interface TimelineItem {
     title: string;
     description?: string;
-    /** What the item shows for its time: "2 hours ago", "Mon 14:05". */
+    /**
+     * When it happened (an ISO string, a Date or milliseconds), drawn as the project reads times, with RelativeTime:
+     * relative within the shell's threshold, the date and time beyond it, the full timestamp on hover, refreshing as it
+     * ages (Sprint 25.17's second review: a time the page formatted itself read differently on a server and in the browser,
+     * and read the date twice to a screen reader). With `time`, leave timestamp and dateTime out.
+     */
+    time?: TimeValue;
+    /** What the item shows for its time, as text the page wrote: "Mon 14:05". For a time ago, pass `time`. */
     timestamp?: string;
     /**
      * The item's exact time (an ISO string or a Date). The timestamp is then a <time> element, with the exact date and
@@ -1231,8 +1320,11 @@ interface TimelineItem {
      * "2 hours ago" with no way to the date). Without a timestamp, the exact date is shown.
      */
     dateTime?: string | Date;
-    /** Takes the dot's place — the actor's Avatar (size="sm") on an activity feed, or an Icon. `variant` colours the dot only. */
-    icon?: ReactNode;
+    /**
+     * Takes the dot's place — the actor's Avatar (size="sm") on an activity feed, or an icon: its name ("upload"), drawn as
+     * the theme's icon at 16 px, or an element. `variant` colours the dot only.
+     */
+    icon?: IconSlot;
     variant?: "default" | "success" | "warning" | "error";
 }
 interface TimelineProps {
@@ -1669,7 +1761,7 @@ interface TimeScaleOptions {
     today?: DateInput;
     /** Default 1 (Monday), as Calendar's. */
     weekStartsOn?: 0 | 1;
-    /** Default the browser's. */
+    /** Default the page's language (its `lang`, in the visitor's formats where they speak it: formatLocale). */
     locale?: string;
     /** Px per day at each level, where a view needs another density (the defaults fit each level's labels). */
     pxPerDay?: Partial<Record<TimeZoom, number>>;
@@ -2028,7 +2120,7 @@ interface GanttProps<T extends GanttItem = GanttItem> {
     today?: DateInput;
     /** Default 1 (Monday), as Calendar's. */
     weekStartsOn?: 0 | 1;
-    /** Default the browser's: the scale's labels and the items' dates. */
+    /** Default the page's language (its `lang`, in the visitor's formats where they speak it): the scale's labels and the items' dates. */
     locale?: string;
     /**
      * Beside the title in the name column (assignees' avatars): shown, not announced (say it in `describe`), and left out
@@ -2083,8 +2175,10 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
      * strict TypeScript (Sprint 25.16 A19).
      */
     component?: ElementType;
-    iconLeft?: ReactNode;
-    iconRight?: ReactNode;
+    /** An icon name ("info"), drawn as the theme's icon at 14 px, or an element. Not text: use children. */
+    iconLeft?: IconSlot;
+    /** As iconLeft, after the label. */
+    iconRight?: IconSlot;
 }
 /**
  * Navigation link. Renders a real <a> (or a router link via `component`) so
@@ -2884,7 +2978,8 @@ interface AlertAction {
     label: string;
     onClick: () => void;
     variant?: "secondary" | "outline";
-    iconLeft?: ReactNode;
+    /** An icon name ("refresh"), drawn as the theme's icon at 14 px, or an element. */
+    iconLeft?: IconSlot;
 }
 interface AlertProps {
     variant: AlertVariant;
@@ -3492,6 +3587,8 @@ interface SectionHeadingProps {
     onTitleChange?: (title: string) => void;
     /** The editable title's name for a screen reader, what it is the title of ("Document title"). Default "Title". */
     titleLabel?: string;
+    /** The heading's id, for a section named by its heading (`aria-labelledby`). */
+    titleId?: string;
     description?: string;
     /** The section's buttons. Below sm they sit under the title, like PageHeader's actions. */
     actions?: ReactNode;
@@ -3527,6 +3624,31 @@ interface ActionPanelGroupProps {
 }
 declare const ActionPanelGroup: react.ForwardRefExoticComponent<ActionPanelGroupProps & react.RefAttributes<HTMLDivElement>>;
 
+interface DangerZoneProps {
+    /** The section's heading. Default "Danger zone". */
+    title?: string;
+    /** A line under the heading ("Irreversible actions for this project"). */
+    description?: string;
+    /**
+     * One ActionPanel per action: what the action does and what it costs, and its destructive Button that opens the
+     * confirmation (destructive_actions#3).
+     */
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * A danger zone (Sprint 25.17 A39, R28-75; destructive_actions#7): the page's last section, holding its irreversible
+ * actions. Its heading, then a frame drawn as a Card is, in the error colour, with one row per action, divided:
+ *
+ *   <DangerZone>
+ *     <ActionPanel title="Delete project" description="Removes the project and its tasks. This can't be undone."
+ *       action={<Button variant="destructive" onClick={confirm}>Delete project</Button>} />
+ *   </DangerZone>
+ *
+ * The rows sit at a card's inset, so they line up with the cards above it.
+ */
+declare function DangerZone({ title, description, children, className }: DangerZoneProps): react_jsx_runtime.JSX.Element;
+
 interface TextOverflowProps {
     /** Max visible lines before truncation. 1 = single-line ellipsis, >1 = line-clamp-N. */
     lines?: number;
@@ -3571,4 +3693,4 @@ interface UseTextOverflowResult {
  */
 declare function useTextOverflow(options?: UseTextOverflowOptions): UseTextOverflowResult;
 
-export { Accordion, ActionPanel, ActionPanelGroup, AddAnother, type AddAnotherProps, Alert, type AlertPlacement, AppShell, type AppShellContextValue, type AppShellFocus, AppShellPreferences, 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, BreakpointKey, BulkActionBar, Button, ButtonSizeContext, Calendar, type CalendarDay, Card, CardContent, CardDescription, CardFooter, CardGrid, type CardGridProps, 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, type DateInput, DatePicker, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangeWords, type DescriptionItem, DescriptionList, type DescriptionListOrientation, type DescriptionListSize, type DestructiveActionHandle, type DestructiveActionOptions, Dialog, Divider, Dock, Drawer, Dropdown, DropdownMenu, type DropdownMenuDivider, type DropdownMenuEntry, type DropdownMenuItem, EmptyState, EntityCell, Field, type FieldControlProps, type FieldLabel, type FieldProps, FileUpload, type FileUploadItem, type FileUploadRequestOptions, type FileUploadStatus, type FitLabelsOptions, type FittedLabel, type FlowNavigate, type FlowProgress, FlowSaved, type FlowSavedProps, type FlowStep, type FlowSteps, FormWrapper, Gantt, type GanttGroup, type GanttItem, type GanttProps, type GanttStatus, type GanttTone, type GridKeyboard, type GridKeyboardOptions, HoverCard, InlineFieldError, Input, Kbd, Label, type LabelBox, 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, PageActions, PageContainer, type PageContainerWidth, PageHeader, type PageHeaderBehavior, type PageHeaderIntensity, type PageHeaderProps, type PageHeaderVariant, Pager, 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, type SortDir, Spinner, StackedList, type StackedListVariant, StatsCard, StatusDot, type StatusDotVariant, Stepper, TIME_ZOOMS, type Tab, Table, type TableDensity, type TableProps, type TableRow, TableToolbar, type TableToolbarActiveFilter, type TableToolbarFilterOption, Tabs, Tag, TagInput, type TagPaletteColor, type TagVariant, TextOverflow, type TextOverflowProps, Textarea, TimeBar, type TimeBarProps, TimePicker, TimeRow, type TimeRowProps, type TimeScale, TimeScaleHeader, type TimeScaleHeaderProps, type TimeScaleOptions, type TimeTick, TimeViewport, type TimeViewportHandle, type TimeViewportLayout, type TimeViewportProps, type TimeViewportState, type TimeZoom, Timeline, Toast, type ToastAction, type ToastApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, Toggle, Tooltip, Tour, TransferList, TreeView, type Trend, type UseFlowStepsOptions, type UseTextOverflowOptions, type UseTextOverflowResult, dateOfDay, dayOf, endDayOf, fitLabel, fitLabels, formatDateRange, readFlowProgress, timeExtent, useAppShell, useContentWidth, useDestructiveAction, useFittedLabels, useFlowSteps, useFormContext, useGridKeyboard, useSidebar, useTextMeasure, useTextOverflow, useTimeScale, useTimeViewport, useTimeViewportLayout, useToast, useToastOptional, useUnsavedChanges };
+export { Accordion, ActionPanel, ActionPanelGroup, AddAnother, type AddAnotherProps, Alert, type AlertPlacement, AppShell, type AppShellContextValue, type AppShellFocus, AppShellPreferences, 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, BreakpointKey, BulkActionBar, Button, ButtonSizeContext, Calendar, type CalendarDay, Card, CardContent, CardDescription, CardFooter, CardGrid, type CardGridProps, 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, DangerZone, type DangerZoneProps, DataList, type DateInput, DatePicker, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangeWords, type DescriptionItem, DescriptionList, type DescriptionListOrientation, type DescriptionListSize, type DestructiveActionHandle, type DestructiveActionOptions, Dialog, Divider, Dock, Drawer, Dropdown, DropdownMenu, type DropdownMenuDivider, type DropdownMenuEntry, type DropdownMenuItem, EmptyState, EntityCell, Field, type FieldControlProps, type FieldLabel, type FieldProps, FileUpload, type FileUploadItem, type FileUploadRequestOptions, type FileUploadStatus, type FitLabelsOptions, type FittedLabel, type FlowNavigate, type FlowProgress, FlowSaved, type FlowSavedProps, type FlowStep, type FlowSteps, FormWrapper, Gantt, type GanttGroup, type GanttItem, type GanttProps, type GanttStatus, type GanttTone, type GridKeyboard, type GridKeyboardOptions, HoverCard, InlineFieldError, Input, Kbd, Label, type LabelBox, Launcher, type LauncherEdge, type LauncherProps, type LauncherVariant, type LauncherWhenOpen, Link, type LinkProps, MentionInput, type MentionInputProps, MentionSuggestion, MobileHeaderMenu, type MobileHeaderMenuItemData, type MobileHeaderMenuType, NavItem, type NavItemProps, type NavItemType, NavMenu, type NavMenuItem, Navbar, type NavbarSize, type NavbarType, type NavbarVariant, NotificationCenter, NumberInput, PageActions, PageContainer, type PageContainerWidth, PageHeader, type PageHeaderBehavior, type PageHeaderIntensity, type PageHeaderProps, type PageHeaderVariant, Pager, Pagination, PinInput, Popover, Progress, type PromiseToastMessages, RadioGroup, Rating, RelativeTime, type RelativeTimeProps, 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, type SortDir, Spinner, StackedList, type StackedListVariant, StatsCard, StatusDot, type StatusDotVariant, Stepper, TIME_ZOOMS, type Tab, Table, type TableDensity, type TableProps, type TableRow, TableToolbar, type TableToolbarActiveFilter, type TableToolbarFilterOption, Tabs, Tag, TagInput, type TagPaletteColor, type TagVariant, TextOverflow, type TextOverflowProps, Textarea, TimeBar, type TimeBarProps, TimePicker, TimeRow, type TimeRowProps, type TimeScale, TimeScaleHeader, type TimeScaleHeaderProps, type TimeScaleOptions, type TimeTick, type TimeValue, TimeViewport, type TimeViewportHandle, type TimeViewportLayout, type TimeViewportProps, type TimeViewportState, type TimeZoom, Timeline, TimezoneSelect, type TimezoneSelectProps, Toast, type ToastAction, type ToastApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, Toggle, Tooltip, Tour, TransferList, TreeView, type Trend, type UseFlowStepsOptions, type UseTextOverflowOptions, type UseTextOverflowResult, browserTimeZone, canonicalTimeZone, dateOfDay, dayOf, endDayOf, fitLabel, fitLabels, formatDateRange, formatFullTime, formatRelativeTime, readFlowProgress, timeExtent, timeZoneOffset, useAppShell, useContentWidth, useDestructiveAction, useFittedLabels, useFlowSteps, useFormContext, useGridKeyboard, useRelativeTimeFormat, useSidebar, useTextMeasure, useTextOverflow, useTimeScale, useTimeViewport, useTimeViewportLayout, useToast, useToastOptional, useUnsavedChanges };