@leta-io/components 0.1.0 → 0.3.0

package/README.md

@@ -25,16 +25,64 @@ attribute. Import `@leta-io/design-tokens/dark-elevation.css` **after** the base
 tokens — dark shadows need a hairline ring to read against a near-black surface,
 and load order decides the winner.
 
+## Overlays
+
+`Popover`, `MenuPanel`, `MenuDivider`, `MenuFlyout` and `DialogOverlay` are the
+same overlay primitives the LETA platform uses, published since 0.3.0 so you
+don't have to rebuild them. Use them rather than hand-rolling a popover — they
+carry behaviour that is easy to get wrong and hard to notice:
+
+- **One popover open at a time**, platform-wide — opening one closes the last.
+- **Escape closes only the topmost overlay**, then the next press closes the one
+  beneath it.
+- **Focus returns to the trigger** when a popover closes.
+- **A closing popover stops blocking clicks immediately**, not when its exit
+  animation ends — so a stalled animation can never leave an invisible layer
+  swallowing every click on the page.
+- **`MenuFlyout`** opens a cascading submenu beside a menu row without closing
+  the parent menu.
+
+```tsx
+import { Popover, MenuPanel, DialogOverlay } from '@leta-io/components';
+
+<Popover anchorRect={rect} onClose={close} placement="bottom-end">
+  <MenuPanel width={220}>{/* DesktopMenuOptions rows */}</MenuPanel>
+</Popover>
+
+<DialogOverlay onClose={close}>
+  {({ close }) => <ModalDialog onCancel={close} /* … */ />}
+</DialogOverlay>
+```
+
+**Stacking.** `DialogOverlay`'s `tier` is the scrim's z-index (the panel sits
+one above), defaulting to `DIALOG_OVERLAY_DEFAULT_TIER`. A dialog opened from
+*inside* another overlay — a drawer, say — must pass a tier above it, or it
+renders underneath. Keep a named tier map in your app rather than scattering bare
+numbers; the design system deliberately doesn't ship one, because it can't know
+how your surfaces stack.
+
 ## Peer dependencies
 
 React 18 or 19. `leaflet` and `lottie-web` are required only if you use the map
 or loading-overlay components.
 
-## Notes
+## Bundle size
+
+Import what you need from the package root — the barrel tree-shakes. Every
+component factory carries a `/* @__PURE__ */` annotation, so a bundler drops the
+ones you never reference. Measured on an app importing only `Badge` and `Title`:
+1.69 MB → 565 KB raw, 739 KB → 175 KB gzip.
+
+There are no per-component subpaths, and you don't need them.
+
+Two caveats worth knowing:
 
-- The package entry is a barrel. Importing from it pulls in the whole library,
-  including Leaflet and Lottie; import the component's own path if bundle size
-  matters.
+- **Icons are all-or-nothing.** Components take an icon as a name string
+  (`leadingIcon="Check"`), so any component that can show one needs the whole
+  registry available — about 327 KB, and most of what remains above. Nothing you
+  can do at the import site changes that.
+- **Leaflet and Lottie are already lazy.** They load only when `MapView` or
+  `LoadingOverlay` actually renders, so they never touch your initial bundle.
 - Components never hardcode colours or sizes — every value resolves to a token
   from `@leta-io/design-tokens`.
 

package/dist/index.d.ts

@@ -213,7 +213,17 @@ interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children
     onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     /** Accessible label for the remove button. Default: "Remove". */
     removeLabel?: string;
+    /**
+     * Colour family (Figma `Tags` `7751:28982` `Color` axis, added 2026-09-25).
+     *
+     * `information` is the original Sky Blue; `neutral` was added alongside it and
+     * is what completed the `--surface/border-neutral-desktop-badge-*` token family
+     * in the same Figma change. Neutral takes `--text-default-label` rather than a
+     * `--text-neutral-label`, which does not exist.
+     */
+    color?: TagColor;
 }
+type TagColor = 'information' | 'neutral';
 declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
 
 interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
@@ -1614,6 +1624,155 @@ interface ModalShellProps extends React.HTMLAttributes<HTMLDivElement> {
  */
 declare const ModalShell: React.ForwardRefExoticComponent<ModalShellProps & React.RefAttributes<HTMLDivElement>>;
 
+type PopoverPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+interface PopoverProps$1 {
+    /** The trigger's bounding rect (e.g. from `el.getBoundingClientRect()`). */
+    anchorRect: DOMRect | null;
+    onClose: () => void;
+    placement?: PopoverPlacement;
+    /**
+     * Whether a `bottom-*` panel may flip above the trigger when it would overflow
+     * the viewport bottom. Default `true`.
+     *
+     * Pass `false` for an anchored panel that must **never** appear on top of or
+     * beside its trigger — a panel hanging off a top-bar control, for instance.
+     * Flipping is not the only thing this turns off: the
+     * default path also *shifts* a too-tall panel upward to fit, which drags it over
+     * the very control it is anchored to. With `flip: false` the top edge stays
+     * `offset` below the trigger, and the panel is expected to constrain its own
+     * height (see `maxHeight` on the child) so its content scrolls instead.
+     */
+    flip?: boolean;
+    /** Gap between the trigger and the panel. Default 4px. */
+    offset?: number;
+    children: React.ReactNode;
+}
+/**
+ * Popover — a portal-based overlay positioned from a trigger's bounding rect.
+ *
+ * Renders into `document.body` (escaping any ancestor stacking context — e.g. the
+ * Table's bordered/overflow card that previously buried dropdowns *under* page
+ * content) with a click-catching backdrop and a `zIndex` above the Toast region
+ * (1000) and the fixed Bulk Actions Toolbar (50).
+ *
+ * The panel is unstyled — the caller supplies a design-system surface
+ * (`DesktopDropdowns` / `DateTimePicker` render their own chrome; composed
+ * `DesktopMenuOptions` menus use {@link MenuPanel}). The panel is clamped to the
+ * viewport and flips above the trigger when it would overflow the bottom edge.
+ *
+ * **Single-open (Doc 3 §1):** opening a Popover force-closes any other open
+ * Popover, platform-wide. **Escape (Doc 3 §10):** registered on the shared
+ * `@leta-io/components` overlay stack, so Escape closes only the topmost overlay
+ * even when a Popover is nested inside a modal/drawer. **Focus-return (Doc 3
+ * §1.3/§10):** the element focused at the moment this Popover opened (almost
+ * always its trigger — clicking a button focuses it) regains focus once the
+ * Popover closes, however it closed.
+ */
+declare function Popover({ anchorRect, onClose, placement, flip, offset, children, }: PopoverProps$1): React.ReactElement | null;
+/**
+ * MenuPanel — the design-system dropdown card chrome (white surface, 1px border,
+ * `--rounding-xl`, `--shadow-neutral-3`, 8px padding) for composed
+ * `DesktopMenuOptions` menus rendered inside a {@link Popover}. Mirrors the
+ * chrome `DesktopDropdowns` applies to its own panels.
+ */
+declare function MenuPanel({ width, children, }: {
+    width?: number;
+    children: React.ReactNode;
+}): React.ReactElement;
+/**
+ * A 1px section demarcator inside a {@link MenuPanel}.
+ *
+ * **Default: full-bleed** — negative horizontal margin cancels the panel's 8px
+ * padding so the line spans edge-to-edge (the Figma Actions Dropdown's full-width
+ * section borders), while the rows keep their padding.
+ *
+ * **`inset`** — the line spans only the padded content width (panel − 16), sitting
+ * within the 8px gutter — e.g. a 344px divider inside a 360px, 8px-padded panel.
+ */
+declare function MenuDivider({ inset }?: {
+    inset?: boolean;
+}): React.ReactElement;
+/**
+ * **A cascading submenu, layered above an open `Popover`.**
+ *
+ * A menu row that opens a further menu cannot use `Popover`: it is single-open
+ * platform-wide, so mounting a second one force-closes the menu the row belongs to.
+ * This is the standing answer — its own `position: fixed` portal at zIndex 2001,
+ * one layer above a `Popover` panel (2000), so the parent menu stays open behind it.
+ * The parent's backdrop still handles click-away (dismissing both) and its Escape
+ * layer still closes the pair, so the submenu needs neither of its own.
+ *
+ * Placement is measured after layout, so the panel's real height and width clamp it
+ * to the viewport rather than a guessed size. `prefer` picks the side it opens on
+ * first; it flips to the other side only when that one would clip. A cascading
+ * submenu opens to the **right** (the Figma context menu draws it there), while a
+ * panel hanging off a right-anchored menu (one at the top-right of the page) wants
+ * `left`.
+ *
+ * Callers own the content — pass a `MenuPanel`.
+ */
+declare function MenuFlyout({ rowRect, prefer, children, }: {
+    /** The parent row's viewport rect — the flyout anchors beside it. */
+    rowRect: DOMRect;
+    /** Which side to try first. Flips only if that side would clip. */
+    prefer?: 'left' | 'right';
+    children: React.ReactNode;
+}): React.ReactElement;
+
+/** Props of {@link Popover} — derived, since the component declares them inline. */
+type PopoverProps = React.ComponentProps<typeof Popover>;
+type MenuPanelProps = React.ComponentProps<typeof MenuPanel>;
+type MenuFlyoutProps = React.ComponentProps<typeof MenuFlyout>;
+
+/**
+ * Scrim + animated, centred panel for a dialog — enter and exit choreographed
+ * with interruptible CSS transitions (ease-out in, ease-in out), so every dialog
+ * built on it opens and closes the same way.
+ *
+ * The dialog's own `onCancel`/`onClose`/`onConfirm` must call the `close` (or
+ * `closeAnd`) helper handed to the render-prop children — NOT the `onClose`
+ * prop directly — so the exit animation plays before the parent actually
+ * unmounts this component (a parent that clears its own state synchronously on
+ * confirm/close would otherwise skip the exit entirely).
+ *
+ * ## Stacking (`tier`)
+ *
+ * `tier` is the **scrim's** z-index; the panel sits one above it. The default
+ * suits a dialog over a page. A dialog opened from *inside* another overlay — a
+ * drawer, say — must sit above that overlay, and only the host knows how its
+ * overlays stack, so it passes the tier explicitly.
+ *
+ * ⚠ A dialog that shares its host's z-index ties with it and wins only on DOM
+ * order — which is how a proof viewer once rendered underneath the drawer that
+ * opened it. Keep a named tier map in the host app rather than scattering bare
+ * numbers, so "above that drawer" is something you express instead of something
+ * you get away with.
+ */
+/** The default scrim z-index — a dialog opened over a page. */
+declare const DIALOG_OVERLAY_DEFAULT_TIER = 1600;
+interface DialogOverlayHelpers {
+    /** Plays the exit animation, then calls the parent's `onClose`. */
+    close: () => void;
+    /** Plays the exit animation, then calls `fn` (e.g. the parent's `onConfirm`). */
+    closeAnd: (fn: () => void) => void;
+}
+declare function DialogOverlay({ onClose, children, extra, tier, }: {
+    onClose: () => void;
+    children: (helpers: DialogOverlayHelpers) => React.ReactNode;
+    /** Additional portal content rendered as a sibling of the animated panel
+     *  (e.g. a date picker popover the dialog opens) — not itself animated. */
+    extra?: React.ReactNode;
+    /**
+     * The scrim's z-index, with the panel one above. Defaults to a dialog over the
+     * page ({@link DIALOG_OVERLAY_DEFAULT_TIER}); pass the owning overlay's tier when
+     * the dialog opens from inside one, or it renders underneath it.
+     */
+    tier?: number;
+}): React.ReactElement;
+
+/** Props of {@link DialogOverlay} — derived, since the component declares them inline. */
+type DialogOverlayProps = React.ComponentProps<typeof DialogOverlay>;
+
 /**
  * Registers this overlay on the shared {@link pushOverlay} stack while
  * `active`, so Escape closes only the topmost overlay (Doc 3 §10) no matter
@@ -1707,7 +1866,16 @@ interface NotificationBannerProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     type?: NotificationBannerType;
     variant?: NotificationBannerVariant;
     title?: string;
-    description: string;
+    /**
+     * The banner's body copy.
+     *
+     * A **node** is accepted as well as a string so copy that quotes a *changing*
+     * figure can style just that figure — a live countdown needs tabular figures and
+     * a reserved width, or the rest of the sentence shifts each time the number
+     * loses a digit. Plain copy should stay a string: `\n` line breaks are honoured
+     * via `white-space: pre-line`, which a node has to author itself.
+     */
+    description: React.ReactNode;
     /** Override the leading icon (defaults to the icon derived from `type`). */
     icon?: IconName;
     onDismiss?: () => void;
@@ -4716,4 +4884,4 @@ interface ExtraLargeModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>
  */
 declare const ExtraLargeModal: React.ForwardRefExoticComponent<ExtraLargeModalProps & React.RefAttributes<HTMLDivElement>>;
 
-export { ALL_ORDER_COLUMNS, AVATAR_PHOTOS, AccordionChevron, AccordionContent, AccordionHeader, type AccordionHeaderProps, AlertDialog, type AlertDialogProps, type AlertDialogVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarTone, BROADCASTED_ORDER_COLUMNS, Badge, type BadgeColor, type BadgeProps, type BreadcrumbCrumb, Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsType, BulkActionsToolbar, type BulkActionsToolbarProps, Button, type ButtonPlatform, type ButtonProps, type ButtonSize, type ButtonVariant, CARET_SIDE, CREATED_BY_COLUMN, Calendar, type CalendarProps, type CaretAlign, type CaretSide, CarouselPagination, type CarouselPaginationProps, Cell, type CellProps, type CellState, type CellType, Checkbox, type CheckboxProps, Chip, type ChipProps, CollapsedSidebarLogo, type CollapsedSidebarLogoProps, ConfigurationCard, type ConfigurationCardProps, ConfigurationCardRow, type ConfigurationCardRowProps, type ConfigurationCardVariant, ContentCard, type ContentCardProps, ContentPrimitives, type ContentPrimitivesProps, type ContentPrimitivesType, DOORSTEP_DELIVERY_IMAGE, type DataRowCell, DataRows, type DataRowsProps, type DataRowsState, type DataRowsVariant, DateTimePicker, type DateTimePickerProps, type DateTimePickerType, type DesktopDropdownVariant, DesktopDropdowns, type DesktopDropdownsProps, type DesktopMenuOptionState, type DesktopMenuOptionType, DesktopMenuOptions, type DesktopMenuOptionsProps, DesktopMetricCard, type DesktopMetricCardProps, DesktopProgressIndicator, type DesktopProgressIndicatorProps, type DesktopProgressIndicatorVariant, DesktopSegmentControl, type DesktopSegmentControlItem, type DesktopSegmentControlProps, type DesktopSegmentControlVariant, DurationLabel, type DurationLabelProps, type DurationLabelStatus, type DurationLabelVariant, EmptyState, type EmptyStateProps, type EmptyStateSize, type EmptyStateType, ExtraLargeModal, type ExtraLargeModalProps, FeaturedIcon, type FeaturedIconColor, type FeaturedIconProps, type FeaturedIconSize, FileUpload, FileUploadCard, type FileUploadCardProps, type FileUploadCardStatus, type FileUploadProps, type FilterGroupDimension, Flag, type FlagProps, FooterFrame, type FooterFrameProps, type FooterFrameVariant, FormDemarcator, GroupedInput, type GroupedInputProps, type GroupedInputVariant, HoverTip, type HoverTipProps, InputField, type InputFieldProps, type InputFieldVariant, InputGroup, type InputGroupProps, InputSection, type InputSectionProps, LAST_UPDATED_COLUMN, LargeModal, type LargeModalProps, type LargeModalVariant, LeadingInputFieldElement, type LeadingInputFieldElementProps, type LeadingInputFieldElementVariant, LetaLogo, type LetaLogoProps, ListGroup, type ListGroupProps, type ListItemData, ListSection, type ListSectionProps, LoadingOverlay, type LoadingOverlayProps, MAP_ROUTE_DRIVEN, MAP_ROUTE_PLANNED, MapIcon, type MapIconProps, type MapIconVariant, MapLegend, type MapLegendEntry, type MapLegendProps, MapSearchInput, type MapSearchInputProps, MapView, type MapViewProps, MapZoomControl, type MapZoomControlProps, type MetricCardState, type MetricVariance, MobileBadge, type MobileBadgeColor, type MobileBadgeProps, type MobileBadgeVariant, MobileChip, type MobileChipProps, MobileDropdown, type MobileDropdownOption, type MobileDropdownProps, MobileFeaturedIcon, type MobileFeaturedIconColor, type MobileFeaturedIconProps, type MobileFeaturedIconSize, type MobileFeaturedIconVariant, MobileFileUpload, type MobileFileUploadImage, type MobileFileUploadProps, MobileMapSearchInput, type MobileMapSearchInputProps, type MobileMenuOptionState, type MobileMenuOptionType, MobileMenuOptions, type MobileMenuOptionsProps, MobileNavTab, type MobileNavTabProps, MobileSearchInput, type MobileSearchInputProps, MobileSegment, type MobileSegmentProps, ModalDialog, type ModalDialogProps, type ModalDialogVariant, ModalHeaders, type ModalHeadersProps, type ModalHeadersVariant, ModalShell, type ModalShellProps, NotificationBanner, type NotificationBannerProps, type NotificationBannerType, type NotificationBannerVariant, ORDER_TABLE_COLUMNS, ORDER_TABLE_COLUMNS_FINISHED, OptionCard, type OptionCardProps, type OptionCardState, Page, type PageProps, PageTab, type PageTabProps, PageTabsControl, type PageTabsControlItem, type PageTabsControlProps, type PageTabsControlVariant, type PageVariant, Pagination, type PaginationProps, type PaginationVariant, Placeholder, type PlaceholderProps, ProgressTracker, type ProgressTrackerProps, RadioButton, type RadioButtonProps, SCHEDULED_ORDER_COLUMNS, SIGNATURE_IMAGE, type ScrollEdges, SearchInput, type SearchInputProps, SegmentSwitcherTab, type SegmentSwitcherTabProps, Select, type SelectProps, SelectionControl, type SelectionControlProps, type SelectionControlVariant, Shortcut, type ShortcutProps, SideBar, type SideBarGroup, type SideBarItem, type SideBarProps, type SideBarVariant, Sidetab, type SidetabItem, type SidetabProps, Skeleton, type SkeletonProps, StackedCards, type StackedCardsProps, Stepper, StepperInput, type StepperInputProps, type StepperProps, type StepperVariant, Table, type TableColumn, type TableColumnRole, TableContainer, type TableContainerProps, type TableContainerVariant, TableDataControl, type TableDataControlProps, type TableDataControlVariant, type TableProps, type TableRow, TableSection, type TableSectionProps, Tag, type TagProps, TextArea, type TextAreaBasicProps, type TextAreaProps, type TextAreaRichProps, type TextAreaVariant, Title, type TitleProps, type TitleVariant, Toast, type ToastProps, type ToastType, Toggle, ToggleButton, type ToggleButtonProps, type ToggleProps, Tooltip, type TooltipPlatform, type TooltipPosition, type TooltipPositionInput, type TooltipProps, type TooltipRect, type TooltipSide, type TooltipVariant, TopBar, type TopBarProps, type TopBarVariant, TopFilter, type TopFilterProps, TopFilterSection, type TopFilterSectionItem, type TopFilterSectionProps, TrailingInputFieldElement, type TrailingInputFieldElementProps, type TrailingInputFieldElementVariant, UNASSIGNED_ORDER_COLUMNS, UserMenu, type UserMenuProps, type UserMenuState, ViewSwitcherTab, type ViewSwitcherTabProps, WizardTab, type WizardTabProps, animateScrollTop, computeTooltipPosition, downloadFile, htmlToPlainText, sanitizeRichText, useAccordion, useEscapeLayer, useRovingFocus, useScrollEdges, useScrollShadow };
+export { ALL_ORDER_COLUMNS, AVATAR_PHOTOS, AccordionChevron, AccordionContent, AccordionHeader, type AccordionHeaderProps, AlertDialog, type AlertDialogProps, type AlertDialogVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarTone, BROADCASTED_ORDER_COLUMNS, Badge, type BadgeColor, type BadgeProps, type BreadcrumbCrumb, Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsType, BulkActionsToolbar, type BulkActionsToolbarProps, Button, type ButtonPlatform, type ButtonProps, type ButtonSize, type ButtonVariant, CARET_SIDE, CREATED_BY_COLUMN, Calendar, type CalendarProps, type CaretAlign, type CaretSide, CarouselPagination, type CarouselPaginationProps, Cell, type CellProps, type CellState, type CellType, Checkbox, type CheckboxProps, Chip, type ChipProps, CollapsedSidebarLogo, type CollapsedSidebarLogoProps, ConfigurationCard, type ConfigurationCardProps, ConfigurationCardRow, type ConfigurationCardRowProps, type ConfigurationCardVariant, ContentCard, type ContentCardProps, ContentPrimitives, type ContentPrimitivesProps, type ContentPrimitivesType, DIALOG_OVERLAY_DEFAULT_TIER, DOORSTEP_DELIVERY_IMAGE, type DataRowCell, DataRows, type DataRowsProps, type DataRowsState, type DataRowsVariant, DateTimePicker, type DateTimePickerProps, type DateTimePickerType, type DesktopDropdownVariant, DesktopDropdowns, type DesktopDropdownsProps, type DesktopMenuOptionState, type DesktopMenuOptionType, DesktopMenuOptions, type DesktopMenuOptionsProps, DesktopMetricCard, type DesktopMetricCardProps, DesktopProgressIndicator, type DesktopProgressIndicatorProps, type DesktopProgressIndicatorVariant, DesktopSegmentControl, type DesktopSegmentControlItem, type DesktopSegmentControlProps, type DesktopSegmentControlVariant, DialogOverlay, type DialogOverlayHelpers, type DialogOverlayProps, DurationLabel, type DurationLabelProps, type DurationLabelStatus, type DurationLabelVariant, EmptyState, type EmptyStateProps, type EmptyStateSize, type EmptyStateType, ExtraLargeModal, type ExtraLargeModalProps, FeaturedIcon, type FeaturedIconColor, type FeaturedIconProps, type FeaturedIconSize, FileUpload, FileUploadCard, type FileUploadCardProps, type FileUploadCardStatus, type FileUploadProps, type FilterGroupDimension, Flag, type FlagProps, FooterFrame, type FooterFrameProps, type FooterFrameVariant, FormDemarcator, GroupedInput, type GroupedInputProps, type GroupedInputVariant, HoverTip, type HoverTipProps, InputField, type InputFieldProps, type InputFieldVariant, InputGroup, type InputGroupProps, InputSection, type InputSectionProps, LAST_UPDATED_COLUMN, LargeModal, type LargeModalProps, type LargeModalVariant, LeadingInputFieldElement, type LeadingInputFieldElementProps, type LeadingInputFieldElementVariant, LetaLogo, type LetaLogoProps, ListGroup, type ListGroupProps, type ListItemData, ListSection, type ListSectionProps, LoadingOverlay, type LoadingOverlayProps, MAP_ROUTE_DRIVEN, MAP_ROUTE_PLANNED, MapIcon, type MapIconProps, type MapIconVariant, MapLegend, type MapLegendEntry, type MapLegendProps, MapSearchInput, type MapSearchInputProps, MapView, type MapViewProps, MapZoomControl, type MapZoomControlProps, MenuDivider, MenuFlyout, type MenuFlyoutProps, MenuPanel, type MenuPanelProps, type MetricCardState, type MetricVariance, MobileBadge, type MobileBadgeColor, type MobileBadgeProps, type MobileBadgeVariant, MobileChip, type MobileChipProps, MobileDropdown, type MobileDropdownOption, type MobileDropdownProps, MobileFeaturedIcon, type MobileFeaturedIconColor, type MobileFeaturedIconProps, type MobileFeaturedIconSize, type MobileFeaturedIconVariant, MobileFileUpload, type MobileFileUploadImage, type MobileFileUploadProps, MobileMapSearchInput, type MobileMapSearchInputProps, type MobileMenuOptionState, type MobileMenuOptionType, MobileMenuOptions, type MobileMenuOptionsProps, MobileNavTab, type MobileNavTabProps, MobileSearchInput, type MobileSearchInputProps, MobileSegment, type MobileSegmentProps, ModalDialog, type ModalDialogProps, type ModalDialogVariant, ModalHeaders, type ModalHeadersProps, type ModalHeadersVariant, ModalShell, type ModalShellProps, NotificationBanner, type NotificationBannerProps, type NotificationBannerType, type NotificationBannerVariant, ORDER_TABLE_COLUMNS, ORDER_TABLE_COLUMNS_FINISHED, OptionCard, type OptionCardProps, type OptionCardState, Page, type PageProps, PageTab, type PageTabProps, PageTabsControl, type PageTabsControlItem, type PageTabsControlProps, type PageTabsControlVariant, type PageVariant, Pagination, type PaginationProps, type PaginationVariant, Placeholder, type PlaceholderProps, Popover, type PopoverPlacement, type PopoverProps, ProgressTracker, type ProgressTrackerProps, RadioButton, type RadioButtonProps, SCHEDULED_ORDER_COLUMNS, SIGNATURE_IMAGE, type ScrollEdges, SearchInput, type SearchInputProps, SegmentSwitcherTab, type SegmentSwitcherTabProps, Select, type SelectProps, SelectionControl, type SelectionControlProps, type SelectionControlVariant, Shortcut, type ShortcutProps, SideBar, type SideBarGroup, type SideBarItem, type SideBarProps, type SideBarVariant, Sidetab, type SidetabItem, type SidetabProps, Skeleton, type SkeletonProps, StackedCards, type StackedCardsProps, Stepper, StepperInput, type StepperInputProps, type StepperProps, type StepperVariant, Table, type TableColumn, type TableColumnRole, TableContainer, type TableContainerProps, type TableContainerVariant, TableDataControl, type TableDataControlProps, type TableDataControlVariant, type TableProps, type TableRow, TableSection, type TableSectionProps, Tag, type TagProps, TextArea, type TextAreaBasicProps, type TextAreaProps, type TextAreaRichProps, type TextAreaVariant, Title, type TitleProps, type TitleVariant, Toast, type ToastProps, type ToastType, Toggle, ToggleButton, type ToggleButtonProps, type ToggleProps, Tooltip, type TooltipPlatform, type TooltipPosition, type TooltipPositionInput, type TooltipProps, type TooltipRect, type TooltipSide, type TooltipVariant, TopBar, type TopBarProps, type TopBarVariant, TopFilter, type TopFilterProps, TopFilterSection, type TopFilterSectionItem, type TopFilterSectionProps, TrailingInputFieldElement, type TrailingInputFieldElementProps, type TrailingInputFieldElementVariant, UNASSIGNED_ORDER_COLUMNS, UserMenu, type UserMenuProps, type UserMenuState, ViewSwitcherTab, type ViewSwitcherTabProps, WizardTab, type WizardTabProps, animateScrollTop, computeTooltipPosition, downloadFile, htmlToPlainText, sanitizeRichText, useAccordion, useEscapeLayer, useRovingFocus, useScrollEdges, useScrollShadow };