@leta-io/components 0.2.0 → 0.4.0

package/dist/index.d.ts

@@ -204,8 +204,11 @@ interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'childr
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
 interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
-    /** Tag label text. */
-    label: string;
+    /**
+     * Tag label. Usually text; a node is accepted so a host can wrap the text in a
+     * hover target (the group filter's tag tooltip) without the ✕ joining it.
+     */
+    label: React.ReactNode;
     /**
      * When provided, renders a trailing Cancel icon as a <button>.
      * Callback fires on button click.
@@ -213,7 +216,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'> {
@@ -221,6 +234,12 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
     label: string;
     /** Optional icon before the label. */
     leadingIcon?: IconName;
+    /**
+     * Colour for the leading icon (a CSS colour / `var(--…)`). Defaults to the
+     * neutral button icon. For a chip that names a state with its own colour — the
+     * Deliveries "Filter by: Delayed" chip draws its SLA icon in the error colour.
+     */
+    leadingIconColor?: string;
     /** Optional icon after the label. */
     trailingIcon?: IconName;
     /** When true the chip renders in the Active (selected) state. Caller-controlled. */
@@ -288,6 +307,12 @@ interface FeaturedIconProps extends React.HTMLAttributes<HTMLSpanElement> {
      * @default false
      */
     outlined?: boolean;
+    /**
+     * Replace the glyph with your own node (sized to the icon box, coloured via
+     * `currentColor`) — e.g. an animated version of the same icon. `icon` still
+     * names what it is for assistive tech's sake.
+     */
+    glyph?: React.ReactNode;
 }
 /**
  * Featured Icon — a rounded-square container with a centered icon, used as a
@@ -883,20 +908,53 @@ interface TopFilterProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEleme
     /** Filter label. Typically the dimension being filtered (e.g. "Status"). */
     label?: string;
     /**
-     * When true, renders a trailing Chevron-Down affordance. Advanced filters open
-     * an options dropdown on click — the overlay is a separate (later) molecule, so
-     * this component only fires `onClick`; it does not own or render the dropdown.
+     * Advanced type: a **joined split control** — the label side (label + optional
+     * tag) and, flush against it, a Secondary / Medium / Icon-Only `Chevron-Down`
+     * button (Figma `1572:12741`, restructured 2026-10-09). Basic is the label alone.
      */
     advanced?: boolean;
     /**
-     * When true, the filter is currently applied. Caller-controlled. Switches the
-     * border to the secondary (active) treatment and, at rest, fills with the
-     * active surface. Exposed to assistive tech via `aria-pressed`.
+     * When true, the filter is currently applied (Figma's `-Selected` states).
+     * Switches the border to the secondary (active) treatment and, at rest, fills
+     * with the active surface. Exposed to assistive tech via `aria-pressed`.
      */
     selected?: boolean;
     /**
-     * Optional badge shown between the label and chevron when `advanced && selected`.
-     * Pass a Delivery Badge (`<Badge />`) to indicate which sub-status is active.
+     * Advanced only — Figma's `Tags` chip (`Show Tag`), a Neutral Tag naming what the
+     * filter holds, e.g. "Pending, +1". It shows whether or not the filter is
+     * selected, so a dispatcher can see what each group will show before choosing it
+     * (Doc 3 §11). Its ✕ fires {@link onTagClear}.
+     */
+    tag?: string;
+    /** The tag's ✕. Clears the filter's selection; never activates the filter. */
+    onTagClear?: () => void;
+    /**
+     * Tooltip shown when the pointer is over the **tag's text** (not its ✕, which
+     * is about to be clicked). The group filter lists every selected status with
+     * its count here, since the tag names only the first (Doc 3 §11). A function is
+     * resolved each time the tip opens. Hugs its content up to 232px and is centred
+     * on the tag; never shown while the chevron's options are open.
+     */
+    tagTooltip?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Advanced only. When set, the chevron is **its own button** — the split-button
+     * form (Doc 3 §11): the body (`onClick`) activates the filter, the chevron opens
+     * its options. Without it the whole pill is one button and the chevron is only
+     * an affordance, the older single-target form.
+     */
+    onChevronClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Whether the chevron's options are open — `aria-expanded` on the chevron. */
+    expanded?: boolean;
+    /** Accessible name for the chevron button. Default "Show {label} statuses". */
+    chevronLabel?: string;
+    /**
+     * Forces a visual state — for catalogs and docs that show every Figma variant at
+     * rest. Real use leaves it unset and lets hover/press drive the state.
+     */
+    state?: 'idle' | 'hover' | 'pressed';
+    /**
+     * @deprecated Use {@link tag}. A free-form node shown before the chevron while
+     * `advanced && selected`; kept so existing callers keep rendering.
      */
     badge?: React.ReactNode;
 }
@@ -915,8 +973,29 @@ interface TopFilterProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEleme
  * - As a general-purpose chip/tag — use Chip or Tag.
  *
  * 2 types (Basic / Advanced) × 6 states (Idle / Hover / Pressed and their
- * `-Selected` counterparts) = 12 Figma variants (`1572:12741`). Renders a
- * `<button>`; hover/press are tracked internally, `selected` is caller-controlled.
+ * `-Selected` counterparts) = 12 Figma variants (`1572:12741`, re-enumerated
+ * 2026-10-09).
+ *
+ * **Basic** — one pill: pad 8/12, `Main Title` (pad 4/0, gap 8) holding the label.
+ * Fill/border follow the state; selected draws a 1.5px secondary border (1px
+ * otherwise) and, at rest, the *active* surface.
+ *
+ * **Advanced** (restructured 2026-10-09) — a joined split control, no padding of
+ * its own:
+ * - **Container** (the label side): pad 8/12, left corners rounded, border on
+ *   left/top/bottom only — the seam is the chevron button's own left border. In
+ *   Pressed the container's border closes on the right too and the button's left
+ *   edge drops, so the darker pressed border reads as the seam.
+ * - **Chevron**: a real Desktop Button, Secondary / Medium / Icon Only
+ *   `Chevron-Down`, 40×40, right corners rounded, its own idle/hover/pressed.
+ * - **Selected**: the container goes transparent, the *root* takes the fill
+ *   (`top-filter-tab-idle/hover/pressed` — the idle one, not `-active`, at rest)
+ *   and a 1.5px secondary ring drawn over both halves.
+ *
+ * **Two forms.** Pass `onChevronClick` for the split control the group filter uses
+ * (Doc 3 §11): body, tag ✕ and chevron are separate targets, since a button cannot
+ * contain buttons. Without it the whole control is one `<button>` and the chevron
+ * half is drawn, not interactive.
  */
 declare const TopFilter: React.ForwardRefExoticComponent<TopFilterProps & React.RefAttributes<HTMLButtonElement>>;
 
@@ -928,8 +1007,24 @@ interface TopFilterSectionItem {
     advanced?: boolean;
     /** When true, this filter is currently applied. Caller-controlled. */
     selected?: boolean;
-    /** Optional badge (e.g. Delivery Badge) shown inside Advanced filters when selected. */
+    /** @deprecated Use `tag`. Free-form node shown inside Advanced filters when selected. */
     badge?: React.ReactNode;
+    /** Advanced: the Neutral Tag naming what this filter holds, e.g. "Pending, +1". */
+    tag?: string;
+    /** The tag's ✕ — clears this filter's selection. */
+    onTagClear?: () => void;
+    /** Advanced: makes the chevron its own button (the split form, Doc 3 §11). */
+    onChevronClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Whether this filter's options are open. */
+    expanded?: boolean;
+    /**
+     * Shown on hover over the **tag's text** (passed to TopFilter's `tagTooltip`)
+     * — what the tag abbreviates ("Pending, +1" hides which statuses the "+1" is).
+     * Pass a sentence such as "Pending (40), Broadcasted (50)." so the selection is
+     * readable without opening the checklist (Doc 3 §11). Suppressed while the
+     * checklist is open.
+     */
+    tooltip?: React.ReactNode | (() => React.ReactNode);
 }
 interface TopFilterSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** The filters to render, left to right. */
@@ -1346,7 +1441,7 @@ interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'on
  * `7292:86007`: **Table** — count + page-number controls + rows-per-page selector;
  * **Stacked List** — same controls, condensed; **Combobox** — compact count +
  * prev/next only. Prev/next reuse Ghost icon Buttons; the page cell is a 32×32
- * numbered button (Active = `--surface-secondary-pagination-active`).
+ * numbered button (Active = light `--surface-secondary-pagination-active` + 1px border, dark number).
  */
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -1534,6 +1629,13 @@ interface ModalHeadersProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     leadingIcon?: IconName;
     /** Color of the leading icon. Defaults to `--icons-neutral-default`. */
     leadingIconColor?: string;
+    /**
+     * Draw the leading icon's outline glyph. Default `true`, the library-wide
+     * default. Pass `false` where Figma binds the filled glyph — the Alert Dialog's
+     * warning header uses `Icon/Warning` (filled), and once `Warning` gained an
+     * outline (2026-10-05) the default would have silently swapped it.
+     */
+    leadingIconOutlined?: boolean;
     /**
      * Controls the **Secondary Content** slot (Figma `9200:38903`). Defaults to
      * `true` to mirror Figma, where the slot frame is visible. The slot reserves
@@ -1614,6 +1716,169 @@ 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;
+    /**
+     * The trigger ELEMENT, for a panel that must stay attached to it as it moves.
+     *
+     * `anchorRect` is a snapshot taken when the panel opened. That is right for most
+     * triggers, which never move while their panel is open — but not for one whose
+     * own panel changes it: a status filter whose checklist rewrites the filter's
+     * tag ("Pending, +1" → nothing) resizes the pill under the open panel, and a
+     * snapshot leaves the panel stranded where the pill used to be (reported
+     * 2026-10-05). With `anchorEl` the anchor is re-read on every render, whenever
+     * the element resizes, and on window resize — so the panel follows it.
+     * `anchorRect` still provides the first frame and the fallback if the element
+     * leaves the DOM.
+     */
+    anchorEl?: HTMLElement | 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, anchorEl, 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
@@ -1661,6 +1926,8 @@ interface ContentPrimitivesProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      * that instance unreproducible.
      */
     featuredIconColor?: FeaturedIconColor;
+    /** Replaces the Featured Icon's glyph (see `FeaturedIcon.glyph`). */
+    featuredIconGlyph?: React.ReactNode;
     showMonogramIcon?: boolean;
     monogramLabel?: string;
     showTrailingContent?: boolean;
@@ -1678,13 +1945,32 @@ interface ContentPrimitivesProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     contentAlign?: 'center' | 'top';
     showDescriptionLeadingIcon?: boolean;
     descriptionLeadingIcon?: IconName;
+    /**
+     * Colour of the value line's leading icon. Default `--icons-neutral-default`,
+     * the Library's binding. An instance may tint it — the cancelled order's
+     * "Cancellation reason" card draws its Note in `--icons-warning-default`
+     * (Figma `2734:163256`).
+     */
+    descriptionLeadingIconColor?: string;
+    /**
+     * Text-style class for the value line. Default `text-body-m-medium`, the
+     * Library's binding. The cancellation reason card overrides it to
+     * `text-label-m-medium` (Figma `2734:163256`; the two differ only in kerning).
+     */
+    listRowTextClassName?: string;
     onCopy?: () => void;
     showMetricVariance?: boolean;
     metricVarianceLabel?: string;
-    /** Variance badge color (Figma "Variance": Neutral→neutral, Positive→success, Negative→error). */
+    /**
+     * Direction of the variance figure (Figma "Variance": Neutral→neutral,
+     * Positive→success, Negative→error). Colours the figure only — the variance is
+     * plain text since 2026-10-06, no longer a Badge.
+     */
     metricVarianceColor?: BadgeColor;
-    /** Leading icon on the variance badge (e.g. Up-Arrow for positive, Down-Arrow for negative). */
+    /** @deprecated No longer drawn — the variance stopped being a Badge (Figma 2026-10-06). */
     metricVarianceIcon?: IconName;
+    /** The muted phrase after the figure. Default "vs last period". */
+    metricVarianceContext?: string;
     showMetricSubtext?: boolean;
     showEyebrowTrailingIcon?: boolean;
     eyebrowTrailingIcon?: IconName;
@@ -1707,7 +1993,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;
@@ -1725,7 +2020,7 @@ interface NotificationBannerProps extends Omit<React.HTMLAttributes<HTMLDivEleme
 declare const NotificationBanner: React.ForwardRefExoticComponent<NotificationBannerProps & React.RefAttributes<HTMLDivElement>>;
 
 type MetricVariance = 'none' | 'neutral' | 'positive' | 'negative';
-interface DesktopMetricCardProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+interface DesktopMetricCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** The large metric value, e.g. "10". */
     metric?: string;
     /** Eyebrow / period label above the metric, e.g. "This week". */
@@ -1736,27 +2031,49 @@ interface DesktopMetricCardProps extends Omit<React.ButtonHTMLAttributes<HTMLBut
     leadingIconOutlined?: boolean;
     /** Show the outlined Question help icon after the eyebrow text. Default true. */
     showEyebrowTrailingIcon?: boolean;
-    /** Variance treatment for the trailing badge. Default "none" (no badge). */
+    /** Direction of change. Default "none" (no variance line). */
     variance?: MetricVariance;
-    /** Variance badge label, e.g. "20%". Shown when variance ≠ "none". */
+    /** The variance figure, e.g. "+10%". Shown when variance ≠ "none". */
     varianceLabel?: string;
+    /** The muted phrase after the figure. Default "vs last period". */
+    varianceContext?: string;
     /** Optional subtext below the metric. Hidden by default (mirrors Figma). */
     subtext?: string;
     /** Show the metric subtext row. Default false. */
     showMetricSubtext?: boolean;
     /**
-     * Trailing content (top-right). Defaults to a Proceed (↗) arrow.
-     * Pass `null` to render nothing.
+     * Makes the card explorable: renders Figma's trailing **Secondary / Medium / Icon
+     * Only `Open`** button, which calls this. Omit it for a card whose number is the
+     * whole story — the trailing slot is then empty.
      */
-    trailingContent?: React.ReactNode;
+    onExplore?: () => void;
+    /** Accessible name for the explore button. Default "View details". */
+    exploreLabel?: string;
     /**
-     * Force a visual state (Figma `State` axis). When set, overrides the
-     * interactive hover/pressed tracking — useful for catalogs/snapshots.
+     * Custom trailing content (Figma's trailing **Slot**), replacing the explore
+     * button — e.g. the Deliveries cards' SLA shortcuts. `null` renders nothing.
      */
+    trailingContent?: React.ReactNode;
+    /** The 24px leading icon (Figma `Visual Anchor`). Default `true`. */
+    showVisualAnchor?: boolean;
+    /** @deprecated The card no longer has states — it is always Default. Ignored. */
     state?: MetricCardState;
+    /** @deprecated The card is never a button now; interactivity lives in its trailing slot. Ignored. */
+    interactive?: boolean;
 }
-type MetricCardState = 'default' | 'hover' | 'pressed' | 'focus';
-declare const DesktopMetricCard: React.ForwardRefExoticComponent<DesktopMetricCardProps & React.RefAttributes<HTMLButtonElement>>;
+/** @deprecated Figma removed Hover / Pressed / Focus (2026-10-06); only Default remains. */
+type MetricCardState = 'default';
+/**
+ * Desktop Metric Card (Figma `4239:74634`) — a KPI on a bordered card.
+ *
+ * **The card itself is not interactive** (Figma removed its Hover / Pressed / Focus
+ * variants, 2026-10-06). When its data can be explored further, the affordance lives
+ * in the trailing slot: by default a Secondary icon-only `Open` button
+ * ({@link DesktopMetricCardProps.onExplore}), or any caller content — the Deliveries
+ * summary cards put their clickable SLA shortcuts there. One target per action, and the
+ * card never competes with the controls inside it.
+ */
+declare const DesktopMetricCard: React.ForwardRefExoticComponent<DesktopMetricCardProps & React.RefAttributes<HTMLDivElement>>;
 
 interface OptionCardProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> {
     /** Card title (Label/M/SemiBold). */
@@ -1966,12 +2283,20 @@ declare function AccordionHeader({ open, onToggle, children }: AccordionHeaderPr
  * - `plain` — **Plain / Icon-Only / Small**, a bare glyph hugging the icon with no
  *   hover fill. Used by the Activity-tab timeline entries (Figma `1487:173235`,
  *   where the chevron instance is `Variant=Plain, Type=Icon Only, Size=Small`
- *   at 16×16).
+ *   at 16×16) and the Trip Route Accordions (`2594:161717`). Its glyph takes the
+ *   **Plain button's own colour**, `Icons/secondary/plain-button-idle`, darkening to
+ *   `-hover` while the header is hovered — not the neutral icon colour the ghost
+ *   variant uses, which is what it painted until 2026-10-05.
+ *
+ * `color` overrides the glyph colour outright, for an instance that rebinds it in
+ * Figma (the Broadcast Event Accordion binds `Icons/neutral/default`).
  */
-declare function AccordionChevron({ open, onToggle, size, variant, label, }: {
+declare function AccordionChevron({ open, onToggle, size, variant, label, color, }: {
     open: boolean;
     onToggle: () => void;
     size?: number;
+    /** Overrides the glyph colour (a CSS colour / `var(--…)`). See the doc comment. */
+    color?: string;
     /** Visual treatment — see the doc comment. Defaults to `ghost`. */
     variant?: 'ghost' | 'plain';
     /**
@@ -2183,6 +2508,13 @@ interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title
      * is an *instance*, not the component.
      */
     width?: number;
+    /**
+     * `standard` only — **hug the content** up to this width, px, instead of a
+     * fixed width. Short copy ("Broadcasted (18).") gets a snug panel; longer copy
+     * wraps once it reaches the cap. Takes precedence over `width`. The group-filter
+     * tag tooltip uses 232 (Playground spec `2784:408287`, ruled 2026-10-09).
+     */
+    maxWidth?: number;
     step?: number;
     totalSteps?: number;
     skipLabel?: string;
@@ -2239,6 +2571,8 @@ interface HoverTipProps {
     ariaLabel?: string;
     /** Body width override, px — see {@link TooltipProps.width}. */
     width?: number;
+    /** Hug the content up to this width, px — see {@link TooltipProps.maxWidth}. */
+    maxWidth?: number;
     /**
      * Which `Tooltip` surface to render. Default `small` — the compact dark chip
      * used for terse labels ("Copy ID", a truncated value).
@@ -2292,7 +2626,7 @@ interface HoverTipProps {
  * name (e.g. the Copy button's `aria-label`); for plain decorative icons the
  * label is also exposed via `aria-label` on the wrapper.
  */
-declare function HoverTip({ label, ariaLabel, width, variant, children, delay, placement, shouldShow, style }: HoverTipProps): React.ReactElement;
+declare function HoverTip({ label, ariaLabel, width, maxWidth, variant, children, delay, placement, shouldShow, style }: HoverTipProps): React.ReactElement;
 
 /** Which side of the trigger the panel ended up on. */
 type TooltipSide = 'above' | 'below' | 'right';
@@ -2341,7 +2675,46 @@ interface TooltipPosition {
 }
 declare function computeTooltipPosition({ trigger, panel, placement, boundary, margin, }: TooltipPositionInput): TooltipPosition;
 
-type EmptyStateType = 'no-results' | 'no-reviews' | 'no-broadcast-logs' | 'image-upload' | 'file-upload' | 'no-suspensions' | 'no-items' | 'no-orders' | 'no-network' | 'new-update' | 'no-data' | 'no-trips' | 'no-drivers' | 'no-products' | 'error' | 'comments' | 'notifications';
+interface TruncatedTextProps {
+    /** The full value. Rendered on one line, clipped with an ellipsis. */
+    text: string;
+    /** Typography class, e.g. `text-label-m-regular`. */
+    className?: string;
+    /** Text colour, e.g. `var(--text-default-label)`. */
+    color?: string;
+    /**
+     * What the tooltip says. Defaults to `text` — the whole value, which is the
+     * point for an address. Order ids pass a head/tail abbreviation instead.
+     */
+    tipLabel?: React.ReactNode;
+    /** Accessible name for the tip when `tipLabel` isn't the full text. */
+    ariaLabel?: string;
+    /**
+     * Tooltip surface. `standard` (default) fits a long value such as an address on
+     * a 288px paragraph; `small` suits a short label.
+     */
+    variant?: 'small' | 'standard';
+    /** Wrapper style overrides (the wrapper is `display:block`, full width). */
+    style?: React.CSSProperties;
+}
+/**
+ * TruncatedText — one line of text that ellipsises inside its column and shows
+ * the **full value on hover, only when it was actually cut off**.
+ *
+ * Whether it truncates depends on the rendered width, not the string, so it's
+ * measured — and measured **when the pointer arrives** (`shouldShow`), not at
+ * mount. A mount-time read happens before the parent has sized its columns and
+ * reports "not clipped" for everything; by hover time layout has settled. A line
+ * that fits shows no tooltip at all, so the tip never just repeats what's on
+ * screen.
+ *
+ * Shared by the table's Order ID cell (abbreviated tip) and every address line
+ * (pickup / drop-off in tables, trip route cards) — ruled 2026-10-09: every
+ * truncated address reveals itself, and only the line you hover.
+ */
+declare function TruncatedText({ text, className, color, tipLabel, ariaLabel, variant, style, }: TruncatedTextProps): React.ReactElement;
+
+type EmptyStateType = 'no-results' | 'no-reviews' | 'no-broadcast-logs' | 'image-upload' | 'file-upload' | 'no-suspensions' | 'no-items' | 'no-orders' | 'no-network' | 'new-update' | 'no-data' | 'no-trips' | 'no-drivers' | 'no-products' | 'error' | 'comments' | 'notifications' | 'calendar';
 type EmptyStateSize = 'mobile' | 'desktop';
 interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /** Preset scenario — sets the illustration + default copy. Default `no-orders`. */
@@ -2816,8 +3189,12 @@ interface MapSearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputEl
     disabled?: boolean;
 }
 /**
- * Web-map search — the `Search Input` type of Data Entry `38:42` (Web Map variant):
- * a 480px `--surface-neutral-alt-search-field` field with an attached results dropdown.
+ * Overlay search — the `Search Input` type of Data Entry `38:42`, **Overlay** variant
+ * (renamed from "Web Map", 2026-10-06; the component keeps its name so imports don't
+ * break). Use it when search is **overlaid on top of a screen**: map interfaces with
+ * search, and the global search reachable from the Top Bar on any screen. Closed it is
+ * a 350px field; open, a 480px card on `--surface-neutral-search-field` with the
+ * results attached.
  * The `state` prop drives the panel (Figma states):
  * - `idle` — field only.
  * - `no-history` — "No recent searches" helper.
@@ -2846,7 +3223,7 @@ interface MobileMapSearchInputProps extends Omit<React.InputHTMLAttributes<HTMLI
 }
 /**
  * Mobile-map search — the `Search Input` type of Data Entry `38:42` (Mobile Map
- * variant): a pill `--surface-neutral-alt-search-field` field with an attached
+ * variant): a pill `--surface-neutral-search-field` field with an attached
  * `MobileDropdown` results panel holding a list of `MobileMenuOptions` rows
  * (pass your own via `children`).
  *
@@ -2990,6 +3367,12 @@ interface DesktopMenuOptionsProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     active?: boolean;
     /** Caller-controlled selected (checkbox/radio selection rows; filter-group reveals tags). */
     selected?: boolean;
+    /**
+     * `checkbox-selection` only — draw the checkbox as **indeterminate** (a dash),
+     * for an "All" row whose options are partly ticked. The native checkbox carries
+     * it, so assistive tech hears "mixed". Takes precedence over `selected`.
+     */
+    indeterminate?: boolean;
     disabled?: boolean;
     /** Force a visual state for catalogs/stories — overrides interaction + active/selected/disabled. */
     state?: DesktopMenuOptionState;
@@ -3027,7 +3410,7 @@ interface DesktopMenuOptionsProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     /** Fired on activation (click / Enter / Space). For selection rows, fired with the next checked value. */
     onSelect?: (next: boolean) => void;
 }
-type DesktopMenuOptionState = 'idle' | 'hover' | 'pressed' | 'active' | 'disabled' | 'idle-selected' | 'hover-selected' | 'pressed-selected' | 'active-selected';
+type DesktopMenuOptionState = 'idle' | 'hover' | 'pressed' | 'active' | 'disabled' | 'disabled-selected' | 'idle-selected' | 'hover-selected' | 'pressed-selected' | 'active-selected';
 /**
  * Desktop Menu Options — a single row inside a desktop menu, dropdown, sidebar,
  * calendar, or pager. It's the basic building block of the things people pick
@@ -3156,6 +3539,12 @@ interface FilterGroupDimension {
 interface DesktopDropdownsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Which assembled dropdown panel to render (Figma `8230:26475`). Default `combobox`. */
     variant?: DesktopDropdownVariant;
+    /**
+     * Move focus onto the panel when it opens, so arrow keys work at once. Default
+     * `true`. Pass `false` for a combobox opened from a field the user is still
+     * typing in (an autocomplete) — the field must keep focus.
+     */
+    focusOnOpen?: boolean;
     /** Row labels for the main list (combobox / timepicker / basic-filter / filter list / actions). */
     options?: string[];
     /** Initially-selected option index (combobox / timepicker). */
@@ -3375,6 +3764,14 @@ interface CellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' |
     indeterminate?: boolean;
     /** `header-checkbox` / `default-checkbox`: fired with the next checked value. */
     onCheckedChange?: (checked: boolean) => void;
+    /** `header-checkbox` / `default-checkbox`: render the checkbox disabled. */
+    checkboxDisabled?: boolean;
+    /**
+     * `default-checkbox`: tooltip explaining why the checkbox is disabled, shown on
+     * hover (a dark Standard tooltip, as wireframe `2721:178853`). A disabled input
+     * fires no pointer events, so the tooltip is bound to a wrapper around it.
+     */
+    checkboxDisabledTooltip?: string;
     /** `sample`: the plain text value. Right-align numerics for scanning. Default "Content". */
     text?: string;
     /** `sample`: right-align the value (numeric quantities/amounts). Default false. */
@@ -3391,7 +3788,24 @@ interface CellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' |
     /** `text-link`: the link text. Default "contact@gmail.com". */
     link?: string;
     /** `text-link`: fired when the link is clicked. */
-    onLinkClick?: () => void;
+    onLinkClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * `text-link`: a trailing icon on the link — e.g. `Open` for an identifier that
+     * opens its own drawer ("TRP-103 ↗", "BC-4202 ↗").
+     *
+     * **Use `text-link`, not `actions`, for a link that names a record.** The Actions
+     * cell CENTRES its content (it was built for the ⋯ column, Library `Type=Actions`
+     * `CENTER`, padding 8), while every text cell is left-aligned at 12px, level with
+     * its header. A Trip or Batch ID link rendered in an Actions cell therefore sat
+     * centred while the "—" on rows without one sat flush left — a visible stagger
+     * down the column (reported 2026-10-05). The Library's Text Link cell is `MIN`,
+     * padding 10/12, so the link, the dash and the header share one left edge.
+     */
+    linkIcon?: IconName;
+    /** `text-link`: draw the link's underline. Default `true` (the Library default). */
+    linkShowUnderline?: boolean;
+    /** `text-link`: a tooltip on the link (e.g. "View Trip"). */
+    linkTooltip?: string;
     /** `list-item`: the title (truncates with ellipsis). Default "Text". */
     title?: string;
     /** `list-item`: the description (truncates with ellipsis). Default "Enter description here". */
@@ -3745,6 +4159,15 @@ interface TableRow {
      * changes needs this — currently {@link TableProps.highlightedIds}.
      */
     id?: string;
+    /**
+     * The row stays in the table but **cannot be selected** — its checkbox renders
+     * disabled and select-all skips it (ruled 2026-10-02: Returning rows in the
+     * Dispatched group keep the group's Checkbox column with the control off).
+     * Pair with {@link selectionDisabledReason} so the dispatcher learns why.
+     */
+    selectionDisabled?: boolean;
+    /** Tooltip shown when the pointer is over a disabled row checkbox. */
+    selectionDisabledReason?: string;
 }
 interface TableProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'rows'> {
     /** Column definitions (drive the header + shared column widths). */
@@ -3905,6 +4328,20 @@ declare const ORDER_TABLE_COLUMNS: TableColumn[];
  *   checkbox column the finished shape must not have.
  */
 declare const ORDER_TABLE_COLUMNS_FINISHED: TableColumn[];
+/**
+ * Instance A — Order Table, **Cancelled view** (ruled 2026-09-30). The finished
+ * shape **without Driver and Trip**: cancelling releases the order from any trip
+ * and driver, and many cancelled orders never had either, so the two columns would
+ * be blank on most rows. Route/Recipient keep Instance B's weights.
+ *
+ * At the 1320 design canvas: Order ID 191 · Route 321 · Recipient 222 · Distance 90
+ * · Duration 110 · Created 120 · Status 140 · Actions 126 (minimum 1106 — it
+ * flex-fills). Like the finished shape, **consume with `<Table selectable={false}>`**.
+ *
+ * When Delivered and Cancelled are selected together, the union rule (Table spec,
+ * Part II preamble) brings Trip and Driver back and the Cancelled rows read "—".
+ */
+declare const CANCELLED_ORDER_COLUMNS: TableColumn[];
 /**
  * Instance B — Unassigned Orders, **Pending view**. No driver and no trip yet, so
  * both columns are removed; Route/Recipient re-weight to 60/40 automatically.
@@ -4208,7 +4645,10 @@ interface SideBarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children
     footerItems?: SideBarItem[];
     /** Footer version string. Default "Leta Technologies v.3.1.5". */
     version?: string;
-    /** Show the Global Search field (expanded) / search icon (collapsed). Default true. */
+    /**
+     * @deprecated Global search moved to the Top Bar (Figma 2026-10-06) — the Side Bar
+     * no longer shows it. Defaults to `false`; kept only so existing callers compile.
+     */
     showSearch?: boolean;
     /** Search placeholder. Default "Global Search". */
     searchPlaceholder?: string;
@@ -4246,11 +4686,23 @@ interface TopBarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'
     onNotificationsClick?: () => void;
     /** Fired when the User-Menu is clicked. */
     onUserMenuClick?: () => void;
+    /**
+     * Show the global search field in the centre of the bar (Figma 2026-10-06 — it
+     * moved here from the Side Bar). Default `true`.
+     */
+    showSearch?: boolean;
+    /** Props for the default global search field (placeholder, value, handlers…). */
+    searchProps?: SearchInputProps;
+    /** Replace the default search field entirely (Figma's centre Data Entry). */
+    search?: React.ReactNode;
 }
 /**
  * Top Bar — the persistent application header: contextual wayfinding
- * (breadcrumbs) on the left, and global controls — notifications and the
- * User-Menu — on the right. The `active` variant shows an unread-notification dot
+ * (breadcrumbs) on the left, the **global search** in the centre (a fixed 350px
+ * Search Input, "Search anything..." — moved here from the Side Bar, Figma
+ * 2026-10-06), and global controls — notifications and the User-Menu — on the
+ * right. Left and right share the remaining width equally, so the search stays
+ * centred whatever the breadcrumb length. The `active` variant shows an unread-notification dot
  * on the bell. Composes Breadcrumbs, Button, and User-Menu.
  *
  * **Width:** the bar fills its container (`width: 100%`) — in a real app it
@@ -4598,7 +5050,9 @@ declare function useScrollEdges(containerRef: React.RefObject<HTMLElement | null
  * `Escape` is not handled here: overlays own dismissal through the shared Escape
  * stack, which is the only thing that knows which layer is on top.
  */
-declare function useRovingFocus<T extends HTMLElement>(ref: React.RefObject<T | null>): void;
+declare function useRovingFocus<T extends HTMLElement>(ref: React.RefObject<T | null>, { focusOnMount }?: {
+    focusOnMount?: boolean;
+}): void;
 
 /**
  * Smoothly animate an element's `scrollTop`, and **guarantee it lands**.
@@ -4716,4 +5170,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, CANCELLED_ORDER_COLUMNS, 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, TruncatedText, type TruncatedTextProps, UNASSIGNED_ORDER_COLUMNS, UserMenu, type UserMenuProps, type UserMenuState, ViewSwitcherTab, type ViewSwitcherTabProps, WizardTab, type WizardTabProps, animateScrollTop, computeTooltipPosition, downloadFile, htmlToPlainText, sanitizeRichText, useAccordion, useEscapeLayer, useRovingFocus, useScrollEdges, useScrollShadow };