@lessly/ui 3.0.0 → 4.0.0

package/dist/index.d.ts

@@ -304,6 +304,9 @@ interface OptionCardProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonEl
  */
 declare const OptionCard: React$1.ForwardRefExoticComponent<OptionCardProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+/** How loudly a header names its page. `'page'` is a page's own header; `'compact'` is the header
+ *  of a pane inside a container that has already named the section. */
+type PageHeaderSize = 'page' | 'compact';
 interface PageHeaderProps {
     /** The page title. Rendered as an `<h2>`. */
     title: React$1.ReactNode;
@@ -319,6 +322,11 @@ interface PageHeaderProps {
     badge?: React$1.ReactNode;
     /** A trailing slot (e.g. a `+ Add` button), right-aligned. */
     actions?: React$1.ReactNode;
+    /** `'page'` (the default) is the header of a page. `'compact'` is the header of a pane inside a
+     * container that has already named the section — a settings modal with a rail of its own — and
+     * drops the medallion and the subtitle, which only repeat what the container said. `media` and
+     * the title stay: an entity glyph is identity, and the title is the pane's only name for itself. */
+    size?: PageHeaderSize;
     id?: string;
 }
 /**
@@ -331,7 +339,7 @@ interface PageHeaderProps {
  * A header carrying a leading glyph indents its title past the content edge; a bare title sits on
  * it. That difference is deliberate — it is what tells you a page has a mark.
  */
-declare function PageHeader({ title, subtitle, icon: Icon, media, badge, actions, id }: PageHeaderProps): React$1.JSX.Element;
+declare function PageHeader({ title, subtitle, icon: Icon, media, badge, actions, size, id }: PageHeaderProps): React$1.JSX.Element;
 
 interface SectionIntroProps {
     what: React.ReactNode;
@@ -385,6 +393,16 @@ interface SettingRowProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, '
      * an object beside a block.
      */
     labelTone?: 'primary' | 'secondary';
+    /**
+     * The value is one nothing on this screen will ever set, so the row draws a lock before it.
+     *
+     * It is the shape of a stated fact rather than a disabled control: there is no control to
+     * disable, and the reader is not being told to come back later. What took the setting away goes
+     * in `description`, because an imposed state is shown with its reason in one line
+     * (`Guidelines/Controls/State with a reason`) and a reason behind a hover is a reason most
+     * readers never get.
+     */
+    locked?: boolean;
     /** Names the control this row carries; renders <label>, otherwise <span>. */
     htmlFor?: string;
     /** The right-hand side — a Switch, a Select, a Button, or the value the row states. */
@@ -666,15 +684,19 @@ declare const MenubarShortcut: {
 };
 
 /**
- * `status` (#359) is the console's state pill: borderless, filled with `bg-bg-sunken`.
- * `outline` gives a status the same hairline frame a button has — and since a ghost button carries
- * no border at rest, the status pill ended up the most button-shaped object in a row. A fill with no
- * frame reads as a label rather than a control. It is deliberately *not* `secondary`: that's the
- * attribute chip (scope, auth method), so a status painted with it reads as an attribute. Under the
- * cursor no neutral fill carries the pill's shape at all: `EntityRow` washes to `bg-bg-elevated`,
- * and `bg-bg-sunken` measures 1.12:1 against it in light, `bg-bg-secondary` 1.01:1, where a non-text
- * mark needs 3:1. `bg-bg-sunken` is the convention, not the measurement — there is no better fill in
- * the ramp to go looking for.
+ * `status` (#359) is the console's state pill, and it lifts off whatever it lands on: `bg-bg-overlay`
+ * is the one fill above the ground in both themes (`Guidelines/Look/Surface tone`), 1.07:1 on a light
+ * page and 1.18:1 on a dark one. `outline` gives a status the same hairline frame a button has — and
+ * since a ghost button carries no border at rest, the status pill ended up the most button-shaped
+ * object in a row. It is deliberately *not* `secondary`: that's the attribute chip (scope, auth
+ * method), so a status painted with it reads as an attribute.
+ *
+ * The plate runs out where the ground is already the top rung. On a `Card` the pill's fill and the
+ * card's are one colour in both themes, so the pill keeps `border-border-subtle`, the kit's quietest
+ * edge, which is what draws its shape there. That edge is a step below the one `outline` wears,
+ * which is what keeps the two apart. Under the cursor the plate is back either way: `EntityRow`
+ * washes to `--hov-bg`, and the pill reads 1.30:1 above that wash in light and 1.12:1 below it in
+ * dark.
  *
  * `danger-subtle`, `warning-subtle` and `neutral-subtle` are the three rungs of a severity ladder —
  * critical, important, and the rung that is only worth knowing. They are the one place colour marks
@@ -780,11 +802,19 @@ interface EntityTileProps {
     name?: string;
     /** A type glyph. Wins over the initial, and never tints. */
     glyph?: React$1.ReactNode;
+    /**
+     * `'neutral'` keeps a named object off the tint ramp. `Guidelines/Avatars` already names things
+     * that have a name and stay neutral — a group, a connector.
+     *
+     * Not the full palette: a call site that could pick violet is a call site that can contradict the
+     * name a thing is recognised by.
+     */
+    tone?: 'auto' | 'neutral';
     src?: string;
     size?: MarkSize;
     label?: string;
 }
-declare function EntityTile({ name, glyph, src, size, label }: EntityTileProps): React$1.JSX.Element;
+declare function EntityTile({ name, glyph, tone, src, size, label }: EntityTileProps): React$1.JSX.Element;
 
 declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -821,6 +851,24 @@ declare const CollapsibleContent: React$1.ForwardRefExoticComponent<Omit<Collaps
 declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * SEVERITY IS A TINT AND AN EDGE, NEVER A FILL.
+ *
+ * The four variants used to paint `--bg-danger`, `--bg-success` and `--bg-warning` — three saturated
+ * plates with reversed text on them, each carrying one value for both themes. Two things went wrong
+ * with that. A block of solid red is colour at maximum volume marking a *state*, which is the one
+ * thing colour does not do in this console (Guidelines/Look/Colour marks actions); and a set of them
+ * on one page reads as three warnings shouting over each other.
+ *
+ * So each variant takes its subtle ground, its own hairline and body text at the page's own tone,
+ * and the severity is carried by the edge and by the icon. The `-subtle` family is declared per
+ * theme, which the filled one is not — `--bg-danger` is `#78100b` on a white page as readily as on a
+ * dark one.
+ *
+ * `default` keeps the neutral plate and takes `--border-default` rather than `--border-subtle`: the
+ * elevated ground is 1.05:1 against the page it sits on, so with a hairline that quiet the box has
+ * no edge at all and reads as grey printed on grey.
+ */
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -898,7 +946,62 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     disablePointerSelection?: boolean;
     vimBindings?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandDialog: ({ children, ...props }: DialogProps) => React$1.JSX.Element;
+/** One place the palette can go. */
+interface CommandDialogItem {
+    /** Unique within its group. Falls back to the label. */
+    id?: string;
+    label: React$1.ReactNode;
+    /** The second line under the label — the thing this one sits inside. */
+    sub?: React$1.ReactNode;
+    /** Leading mark — an icon, an avatar, a tile. */
+    mark?: React$1.ReactNode;
+    /**
+     * What the input matches on. Defaults to the heading, the sub and the label joined, so a word
+     * that appears only in the group's name still finds the row — and two rows with one label are
+     * told apart by the groups they are in rather than reading as one line twice.
+     */
+    value?: string;
+    onSelect?: () => void;
+}
+interface CommandDialogGroup {
+    heading: string;
+    items: CommandDialogItem[];
+}
+interface CommandDialogProps extends DialogProps {
+    /**
+     * The destinations, as headings and rows. Supply these and the dialog draws its own input, list,
+     * empty line and key hints; supply `children` instead and it draws whatever you put in it.
+     */
+    groups?: CommandDialogGroup[];
+    /** The input's placeholder. Read only alongside `groups`. */
+    placeholder?: string;
+    /** What the list says when nothing matches. Read only alongside `groups`. */
+    empty?: React$1.ReactNode;
+    /**
+     * The strip under the list naming the keys that drive the palette. It is drawn by default because
+     * those keys are true of every palette; pass a node to say something else there, or `null` to draw
+     * none. Nothing is drawn while no row matches, whatever is passed — the slot is under a list, and
+     * an empty list has no keys. Read only alongside `groups`.
+     */
+    keyHints?: React$1.ReactNode;
+    /**
+     * Bind ⌘K (Ctrl+K off a Mac) to toggle the dialog.
+     *
+     * It is the dialog's rather than the caller's because the shortcut has to work from anywhere on
+     * the page, and a listener hung off whichever row happens to be mounted works from wherever that
+     * row is. Needs `onOpenChange` — there is nothing to toggle without it.
+     */
+    shortcut?: boolean;
+}
+/**
+ * A command palette in a dialog.
+ *
+ * `groups` is the whole of a palette that searches a navigation: one heading per area, one row per
+ * place. What it does not decide is where the rows come from — reading them off an app's own
+ * navigation tables is that app's business, and a list kept beside those tables is a list that
+ * drifts from them.
+ */
+declare const CommandDialog: ({ children, groups, placeholder, empty, keyHints, shortcut, open, onOpenChange, ...props }: CommandDialogProps) => React$1.JSX.Element;
 declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React$1.Ref<HTMLInputElement>;
 } & {
@@ -947,12 +1050,27 @@ interface CommandItemProps extends React$1.ComponentPropsWithoutRef<typeof Comma
     /** The second line under the label. */
     sub?: React$1.ReactNode;
 }
+/**
+ * `data-selected` here is where the arrow keys and the pointer are standing, not what the reader has
+ * chosen, so the row takes a plate and the tone and no weight step: bold is a wider glyph, and a row
+ * that thickens under the pointer reflows its own text and shifts every row below it
+ * (`Guidelines/Look/Selection weight`). The plate is `--hov-bg`, the one the pointer paints
+ * everywhere else in the console, so it steps the same way off the palette's own fill as a row does
+ * off a card: 1.12:1 down in light, 1.12:1 up in dark.
+ */
 declare const CommandItem: React$1.ForwardRefExoticComponent<CommandItemProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandShortcut: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
     displayName: string;
 };
 
+/**
+ * @deprecated A horizontal bar of menu triggers across the top of a page. This console navigates
+ * from a rail: `AppSidebar` (with `NavRow` for a row) holds the sections, `Tabs` switches within a
+ * page, and `DropdownMenu` or `MenuPopup` opens a menu from a trigger. It arrived with the shadcn
+ * set and no surface here has ever drawn one. Removed in a future major, and every
+ * `NavigationMenu*` part goes with it.
+ */
 declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
 declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
 declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
@@ -978,6 +1096,9 @@ declare function useTheme(): {
  * `system` remains a stored preference — a console nobody has told defaults to it — and pressing
  * this mark ends it. That is why the name says so while the preference is still `system`: the press
  * costs something a person cannot see, and `ThemePicker` is where it is given back.
+ *
+ * It rests on `topBarMarkClass` — it stands in the top bar's row of marks, and how that row rests is
+ * one thing rather than one per component.
  */
 declare function ThemeToggle(): React$1.JSX.Element;
 
@@ -1180,6 +1301,22 @@ interface StatCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     hint?: React$1.ReactNode;
     sub?: React$1.ReactNode;
     icon?: LucideIcon;
+    /**
+     * The shape behind the value, drawn under the figure and its delta: `delta` says how far the
+     * number moved, this says the path it took. A chart is what goes here, and the card never draws
+     * one — it holds the region and the caller fills it, so a card is still a card and not a
+     * charting API.
+     *
+     * Give what goes in it a height of its own. Passing `null` keeps the room anyway — 40px, the
+     * height a chart here is expected to take — so a card whose series is empty stands as tall as
+     * the cards beside it; omit the prop and there is no region at all.
+     *
+     * It is decoration: the value is written out above it. What goes in hides itself from the
+     * accessibility tree the way an `aria-hidden` chart does — the card will not do it for you, since
+     * hiding a region it has never seen would swallow a caption and put a chart's own tooltip out of
+     * reach.
+     */
+    trend?: React$1.ReactNode;
 }
 declare const StatCard: React$1.ForwardRefExoticComponent<StatCardProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1369,9 +1506,16 @@ interface UserMenuProps {
     user: UserMenuUser;
     items: UserMenuItem[];
     collapsed?: boolean;
+    /**
+     * The name-on-hover for the collapsed trigger. On by default, because in a 52px rail the tooltip
+     * is the only place the name appears at all. A top bar is the case for turning it off: the avatar
+     * sits among icon marks that name themselves the same way, and one more of them naming *you* is
+     * the thing you already know.
+     */
+    tooltip?: boolean;
     align?: 'start' | 'center' | 'end';
 }
-declare function UserMenu({ user, items, collapsed, align }: UserMenuProps): React$1.JSX.Element;
+declare function UserMenu({ user, items, collapsed, tooltip, align }: UserMenuProps): React$1.JSX.Element;
 
 /** True when `name` (kebab-case) maps to a real lucide-react icon. */
 declare function isKnownExtensionIcon(name: string): boolean;
@@ -1904,8 +2048,9 @@ interface BackLinkProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElem
  * edge, naming the parent rather than saying "Back".
  *
  * It is not a second trail: the top bar keeps the whole breadcrumb, and the back/forward history
- * arrows are gone (#337), which is what leaves this the one control that walks. A **wizard gets
- * none** — its steps are the navigation. See `Guidelines/Second level navigation`.
+ * arrows are gone (#337), which is what leaves this the one control that walks the content column.
+ * A rail's own drill-in walks with `SidebarBackHeader`, inside the rail. A **wizard gets none** —
+ * its steps are the navigation. See `Guidelines/Page & navigation/Second level navigation`.
  *
  * **Two ways to spell the destination, and one of them is required.**
  *
@@ -2147,8 +2292,8 @@ interface GrantRolePickerProps {
  * It is not a `Select`. A select answers with one of its options; this one can also take the thing
  * it describes away, and a command sitting among options is neither a listbox nor a set of radios.
  * So it is a menu, and the removal is a menu item (Guidelines/Controls/When it isn't a Button),
- * which reddens under the pointer or the keyboard and drops the red frame a destructive `Button`
- * rests on, because a row repeated down a menu would shout (Guidelines/Controls/Destructive
+ * which reddens under the pointer or the keyboard and drops the frame and the wash a destructive
+ * `Button` rests on, because a row repeated down a menu would shout (Guidelines/Controls/Destructive
  * actions).
  */
 declare const GrantRolePicker: React$1.ForwardRefExoticComponent<GrantRolePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -2261,7 +2406,7 @@ interface RemovableChipProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement
  * nothing in it to click. This carries a control, and everything below follows from that.
  *
  * **The ✕ stays grey on hover, and that is the point.** Every other remove in this console wears its
- * danger — `Button variant="destructive"` rests on a red frame and reddens under the pointer, which
+ * danger — `Button variant="destructive"` rests on a red wash and reddens under the pointer, which
  * is how a revoke or a teardown announces what it costs (Guidelines/Destructive actions). This one does
  * not, because **taking someone out of a draft has not done anything yet**: nothing is revoked,
  * nothing is saved, and the only state it changes is a list you are still assembling. Red here
@@ -2323,6 +2468,10 @@ declare function useSidebar(options?: UseSidebarOptions): UseSidebarResult;
 
 /** `rail` is the sidebar, `menu` a popup surface, `card` a settings line inside a `Card`. */
 type NavRowVariant = 'rail' | 'menu' | 'card';
+/** What pressing the row does, in the words of `Guidelines/Lists & rows/List items`: `drill` opens
+ *  the thing as a page of its own, `disclosure` grows its detail underneath. Everything else goes
+ *  bare, which is why there is no third name here. */
+type NavRowMark = 'drill' | 'disclosure';
 interface NavRowOwnProps {
     /** Leading glyph. Rendered in a fixed 20px box with SVGs normalized to 18px — 16px and 16px on
      *  `card`, where the row sits beside body text rather than in a rail.
@@ -2348,9 +2497,19 @@ interface NavRowOwnProps {
      *  A falsy value (`null`/`false`/`0`/`''`) renders nothing — e.g. passing
      *  `trailing={count}` with `count === 0` produces no adornment, not a "0". */
     trailing?: React$1.ReactNode;
+    /** The kit's own trailing mark, drawn into the same slot `trailing` fills. A row that names one
+     *  takes that slot: `trailing` fills it only where no mark is named, so a caller cannot declare
+     *  `mark="drill"` and draw something else in its place. Dropped at the narrow width — see
+     *  `hideLabel`. */
+    mark?: NavRowMark;
+    /** Whether a `disclosure` row's detail is open: the caret turns 180°, and the row states
+     *  `aria-expanded` unless its caller states one of its own. `drill` reads it as nothing. */
+    markOpen?: boolean;
     /** The trailing value is an absence ("None yet") — a step quieter. */
     mutedTrailing?: boolean;
-    /** Icon-only row (collapsed rails). `label` becomes the aria-label. */
+    /** Icon-only row (collapsed rails). `label` becomes the aria-label, and `mark` draws nothing:
+     *  at that width there is no label left for a mark to point at. A `trailing` node stays — what
+     *  a caller puts in the slot is the caller's to drop. */
     hideLabel?: boolean;
 }
 /** Render the single child element instead of a button, e.g. a router <Link>.
@@ -2369,14 +2528,71 @@ type NavRowProps = NavRowOwnProps & Omit<React$1.ComponentPropsWithoutRef<'butto
  *
  *  The `card` variant is the settings line that leaves the page for another section — People →
  *  Members, Security → Identity. It carries no trailing mark and no underline: a section jump is
- *  not an entity opening as a page, so the hover fill is the whole affordance.
- *
- *  Rail rows are designed for the `bg-surface` canvas. In the light theme `--hov-bg` is an
- *  opaque `#ffffff` plate, so a rail `NavRow` has no hover contrast on a surface that is
- *  already white — notably a `--menu-bg` plate. Use the `menu` variant there; its
- *  `--menu-hov` is tuned for that surface. */
+ *  not an entity opening as a page, so the hover fill is the whole affordance. */
 declare const NavRow: React$1.ForwardRefExoticComponent<NavRowProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+interface RailToggleProps extends React$1.ComponentPropsWithoutRef<'button'> {
+    /** Which state the rail is in now, not what the press will do. The mark and the accessible name
+     *  are both read off it, so a rail cannot say one thing and draw another. */
+    collapsed: boolean;
+}
+/**
+ * The control that opens and closes a rail: one box on the glyph column, and a mark whose bar
+ * crosses it while the rail travels. Both are timed from `.motion-rail-collapse`, so the bar and
+ * the edge arrive together and both go to nothing under `prefers-reduced-motion`. It draws its own
+ * mark: the mark is the state, so a caller's would be a rail saying nothing about which side it
+ * is on.
+ *
+ * `AppSidebar` already stands one at its foot, and a consumer of that rail never mounts this. It
+ * ships for the other rail — one a product draws itself, because it carries two panes or a shape
+ * `AppSidebar` does not offer — where the alternative is a hand-copied 40px box and a hand-copied
+ * seam that drift from the rail beside them.
+ *
+ * `collapsed` is the only required prop and it is state, not intent: the accessible name says what
+ * the press will do (`Expand sidebar` when closed), `aria-expanded` reports what is true now, and a
+ * caller's own `aria-label` replaces the first without touching the second — which is how the
+ * console gives the control the words its command palette already uses for it.
+ *
+ * No tooltip of its own. On a closed rail every neighbour has one, so the call site composes it —
+ * and the label it shows is then the same string this takes.
+ */
+declare const RailToggle: React$1.ForwardRefExoticComponent<RailToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface QuickSearchRowProps {
+    /** Opens the palette. The row is a way in, not the thing it opens. */
+    onOpen: () => void;
+    /** The words on the row, and the name it answers to at the narrow width. */
+    label?: string;
+    /**
+     * The second way in, stated rather than implied — this is the one fact a person needs before they
+     * stop reaching for the sidebar at all. `false` for a rail with no shortcut bound.
+     */
+    shortcut?: React$1.ReactNode;
+    /**
+     * The narrow rail, which draws the plain row instead of the field: the shortcut goes and the
+     * tooltip carries the words. Not `hideLabel` passed through — a rail this narrow has no field in
+     * it at all, so the two widths are two shapes rather than one shape with its words hidden.
+     */
+    collapsed?: boolean;
+    /** Leading mark. The magnifier, unless the rail draws search as something else. */
+    icon?: React$1.ReactNode;
+}
+/**
+ * A rail's first row: it opens the command palette, and states the shortcut that reaches the same
+ * palette without it.
+ *
+ * It wears a field — a frame, a magnifier inside it, the label at placeholder tone — because that is
+ * the shape a person looks for when they arrive wanting to search, and it is what Cloudflare, Linear
+ * and Vercel each put at the top of a sidebar. It is never a text input: what it opens is where the
+ * typing happens, and a field in the rail that ate keystrokes would be a second search. A collapsed
+ * rail draws the plain row instead — there is no field at 64px, and a frame with nothing in it is
+ * not one. Needs a `TooltipProvider` above it, like every tooltip here.
+ */
+declare function QuickSearchRow({ onOpen, label, shortcut, collapsed, icon, }: QuickSearchRowProps): React$1.JSX.Element;
+declare namespace QuickSearchRow {
+    var displayName: string;
+}
+
 type NavSectionLabelProps = React$1.HTMLAttributes<HTMLDivElement>;
 /** Section header for nav rails and menu popups. Insets match the 0.3.0 prototype
  *  (4px 4px 2px 8px), so it hangs slightly left of the rows it labels. */
@@ -2442,6 +2658,38 @@ interface OrgProductSwitcherItem {
     /** Optional leading mark. Falls back to a lettered tile built from `name`. */
     icon?: React$1.ReactNode;
 }
+/**
+ * A product's lifecycle state (#343). These are the platform's own three — the admin API has
+ * `product_block` / `unblock` and `product_archive` / `unarchive`, and nothing else. "Paused" was
+ * invented once and is gone; there is no pause operation to reach it.
+ *
+ * `active` renders nothing. It is what almost every product is, so a badge on it states nothing and
+ * turns a scannable list into a column of identical pills. The two states that stop a product being
+ * usable are the ones worth a mark, and they get the `status` badge (Guidelines/Marks/Badge kinds).
+ *
+ * `archived` is hidden org-wide and read-only, restorable any time. `blocked` is imposed from the
+ * outside — a platform admin blocks a product — so it is a state a console observes, never one it
+ * causes.
+ */
+type ProductStatus = 'active' | 'blocked' | 'archived';
+/**
+ * The one place the silent-when-active rule is written down, for every surface that lists products —
+ * this menu and the console's own product lists alike. Returns `undefined` rather than a badge
+ * rendering nothing, so a caller's `meta`/`badge` slot stays genuinely empty and doesn't reserve a
+ * gap.
+ */
+declare function productStatusBadge(status: ProductStatus): React$1.ReactNode | undefined;
+/**
+ * A product in the menu. An organization has no lifecycle state, which is why this is a second type
+ * rather than a field on the one above.
+ *
+ * `status` is optional so that adding it does not break every consumer already passing products, and
+ * an omission reads as `active` — which is the risk the field exists to answer: a blocked product
+ * listed without one is offered as if it were fine. Pass it wherever the state is known.
+ */
+interface OrgProductSwitcherProduct extends OrgProductSwitcherItem {
+    status?: ProductStatus;
+}
 /** A row in the menu's footer action group — e.g. Create product, Product settings, Org
  *  settings. `href` renders a link (right-click / new-tab work); otherwise `onSelect` fires. */
 interface OrgProductSwitcherAction {
@@ -2452,34 +2700,63 @@ interface OrgProductSwitcherAction {
     href?: string;
 }
 interface OrgProductSwitcherProps {
-    /** All organizations the user can switch to. */
-    organizations: OrgProductSwitcherItem[];
-    activeOrgId: string;
-    onOrgSelect: (id: string) => void;
-    /** Products for the ACTIVE org. The consumer re-supplies these when the org changes. Omit (or
-     *  leave `activeProductId` unset) for an org-level context — the trigger then shows just the org,
-     *  and the menu still lists any products so you can jump into one. */
-    products?: OrgProductSwitcherItem[];
+    /** The organizations the user can switch to. Supply these and the menu is the organizations —
+     *  whatever else is passed. Omit them for a switcher scoped to one org, and the menu is the
+     *  products. */
+    organizations?: OrgProductSwitcherItem[];
+    activeOrgId?: string;
+    onOrgSelect?: (id: string) => void;
+    /**
+     * The products to switch between. Each carries its `status`, which the row states.
+     *
+     * @deprecated Passing `products` alongside `organizations` is deprecated and now lists the
+     * organizations alone: give the products to their own switcher — the top bar's
+     * `trigger="inline"` — and leave this one the organizations. `products` on its own is unchanged,
+     * and so are `activeProductId` and `onProductSelect`, which the trigger reads either way.
+     */
+    products?: OrgProductSwitcherProduct[];
+    /** The product the trigger names. Read whichever list the menu shows, so a switcher listing
+     *  organizations still says which product you are in. */
     activeProductId?: string;
+    /** Fires when a product row is chosen. A menu showing the organizations has no product rows. */
     onProductSelect?: (id: string) => void;
-    /** Footer actions below the products (Create product, Product settings, …). The group and
+    /** Footer actions below the list (Create organization, Create product, …). The group and
      *  its divider render only when this is non-empty — the consumer owns which rows appear. */
     actions?: OrgProductSwitcherAction[];
+    /**
+     * The trigger's shape, and it follows from where the switcher sits rather than from taste.
+     *
+     * `stacked` is the sidebar header's box: the org over the product, full width, behind the mark
+     * the organizations switcher leads with — a products switcher leads with the name in either form.
+     * `inline` is one line at a top bar's weight — the name you are in and the chevron, hugging its
+     * own words — because a bar has no column to fill and the mark beside it is the page's, not the
+     * switcher's. The menu is the same either way: switching product is the same act wherever the
+     * console offers it.
+     */
+    trigger?: 'stacked' | 'inline';
     /** Accessible name for the trigger. Defaults to `"<org> / <product>"`, and to whatever the
      *  trigger reads before an org resolves. */
     'aria-label'?: string;
     className?: string;
 }
 /**
- * Compound organization·product switcher for the sidebar header (#81): a single control that
- * shows the current **org** as a label above the current **product**, and opens one menu to
- * switch either — Organizations, then the active org's Products.
+ * The switcher for the sidebar header (#81) and the top bar: a control that names where you are and
+ * opens one list to move.
+ *
+ * **One switcher, one list.** `organizations` supplied and it is the organizations; `organizations`
+ * omitted and it is the products. The rail carries the organizations and the bar's `inline` trigger
+ * carries the products, so a console offers each switch in one place and the trigger names the
+ * product either way.
+ *
+ * The list is always searched — a field above the rows whatever their number, so nothing about the
+ * control depends on how many things you happen to own. Every product states the state it is in on
+ * its row, in the console's own words: `active` says nothing, which is the rule and not a gap.
  *
  * Presentational: the consumer owns selection state and re-supplies `products` +
  * `activeProductId` for the newly-selected org. Wiring org/product switches to routing is the
  * consumer's job.
  */
-declare function OrgProductSwitcher({ organizations, activeOrgId, onOrgSelect, products, activeProductId, onProductSelect, actions, className, ...props }: OrgProductSwitcherProps): React$1.JSX.Element;
+declare function OrgProductSwitcher({ organizations, activeOrgId, onOrgSelect, products, activeProductId, onProductSelect, actions, trigger, className, ...props }: OrgProductSwitcherProps): React$1.JSX.Element;
 declare namespace OrgProductSwitcher {
     var displayName: string;
 }
@@ -2515,14 +2792,20 @@ interface SidebarBackHeaderProps extends Omit<React$1.HTMLAttributes<HTMLElement
  *    (`onTitleClick`).
  *  - **Single mode** (`onTitleClick` omitted): the whole row is one native button (`onBack`).
  *
- *  The row adds NO horizontal padding of its own — the parent pane owns horizontal inset. */
+ *  The row adds NO horizontal padding of its own — the parent pane owns horizontal inset.
+ *
+ *  **Beside `BackLink`.** This one walks the *rail*: it heads a drilled pane and takes the rail
+ *  back to the rows it came from, changing which navigation is on screen and not which page is.
+ *  `BackLink` walks the *page* — one control above a sub-page's title, on the content column's
+ *  left edge, naming the parent (`Guidelines/Second level navigation`). A drilled rail beside an
+ *  entity page shows both at once, so they are not two spellings of one control. */
 declare function SidebarBackHeader({ title, onBack, onTitleClick, backLabel, arrowProps, titleProps, className, ...rowProps }: SidebarBackHeaderProps): React$1.JSX.Element;
 declare namespace SidebarBackHeader {
     var displayName: string;
 }
 
 interface TopBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** The leading content — the page's trail. */
+    /** What sits at the leading edge. `OrgProductSwitcher` is what normally goes here. */
     left?: React$1.ReactNode;
     /** What rests at the right edge. `TopBarUtilities` is what normally goes here. */
     right?: React$1.ReactNode;
@@ -2532,7 +2815,7 @@ interface TopBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
  * Goes in `AppShell`'s `topBar` slot.
  *
  * It writes no horizontal inset, because `AppShell` spells that once for this row and for `main`
- * together — so the trail starts on the content's left edge because the shell puts them both there,
+ * together — so `left` starts on the content's left edge because the shell puts them both there,
  * not because two files agreed on the same number. It draws no bottom border either: the band already
  * aligns with the sidebar header, and the rail's divider is the line for both.
  *
@@ -2557,16 +2840,16 @@ interface TopBarUtilitiesProps extends React$1.HTMLAttributes<HTMLDivElement> {
     items: TopBarUtility[];
 }
 /**
- * The utility marks resting at the top bar's right edge — docs, MCP, feedback, notifications.
+ * The utility marks resting at the top bar's right edge — feedback, support, and whatever else
+ * a product parks there.
  *
  * The row is one set of marks, and that is the whole component: same form, same weight, name carried
  * by the tooltip. A visible label on one of them makes it read as a button standing among glyphs, and
  * a frame on one makes it read as a different kind of control — so the row spells neither, and a call
  * site cannot ask for them. Which marks a product picks, and in what order, is the `items` array; how
- * they rest is not negotiable, which is why this is a component and not four `Button`s in a `div`.
+ * they rest is `topBarMarkClass`, which is not negotiable and not this component's alone.
  *
- * Every mark is a button. A mark that navigates has no arm here yet — `Button`'s icon-only form takes
- * no `asChild`, so an anchor cannot wear it — and until it does, a destination is an `onClick`.
+ * Every mark is a button. A mark that navigates has no arm here yet — a destination is an `onClick`.
  *
  * Needs a `TooltipProvider` above it. `AppShell` mounts one, so a top bar inside the shell has it.
  */
@@ -3069,7 +3352,7 @@ interface NotificationToastProps {
     item: NotificationItem;
     /** Provenance shown once per run of same-source cards. Default `true`. */
     showSource?: boolean;
-    /** A short state line under the body, e.g. "Awaiting your decision — expires in 20s." */
+    /** A short state line under the body, e.g. "Awaiting your decision. Expires in 20s." */
     note?: React$1.ReactNode;
     /** The card's own controls: mute the source, turn its pushes off. Sits before the dismiss ✕. */
     overflow?: React$1.ReactNode;
@@ -3279,10 +3562,10 @@ type ThemePickerProps = ThemePickerBaseProps & ({
     onValueChange?: (theme: Theme) => void;
 });
 /**
- * Choosing the console's theme, by looking at it: Light and Dark are miniatures of the console they
- * offer, and Auto is the `Monitor` glyph, because it follows the machine and has no one console to
- * show. Auto is `system`, and it is here because `ThemeToggle` already cycles through it — a picker
- * offering only light and dark would contradict the console's own control.
+ * Choosing the console's theme, by looking at it: every card is a miniature of the console, Light and
+ * Dark in the theme they offer and Auto in both at once across one diagonal cut, because it follows
+ * the machine. Auto is `system`, and it is here because `ThemeToggle` already cycles through it — a
+ * picker offering only light and dark would contradict the console's own control.
  */
 declare const ThemePicker: React$1.ForwardRefExoticComponent<ThemePickerProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -3478,4 +3761,4 @@ interface RatingScaleProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
 }
 declare const RatingScale: React$1.ForwardRefExoticComponent<RatingScaleProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddPicker, type AddPickerItem, type AddPickerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AttachmentChip, type AttachmentChipProps, type AttachmentState, AutoHeight, type AutoHeightProps, Avatar, AvatarFallback, AvatarImage, BackLink, type BackLinkProps, Badge, type BadgeProps, type BeneficialOwnerPayload, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, COUNTRY_OPTIONS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNote, type CardNoteProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContextProps, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Code, CodeBlock, type CodeBlockProps, type CodeLang, type CodeProps, type CodeVariant, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogStepUp, ConnectorCard, type ConnectorCardProps, type ConnectorOrigin, type ConnectorStatus, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, DecorativeIcon, type DecorativeIconProps, type DeltaDirection, type DeltaTone, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocsLink, type DocsLinkProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, EntityRow, type EntityRowOpens, type EntityRowOpensProps, type EntityRowProps, EntityTile, type EntityTileProps, ExtensionIcon, type ExtensionIconProps, FeedbackButton, type FeedbackButtonLabels, type FeedbackButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GlyphAvatar, type GlyphAvatarProps, type GrantRole, type GrantRoleNotes, GrantRolePicker, type GrantRolePickerProps, GrantRow, type GrantRowProps, Grid, GridOverlay, type GridOverlayProps, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, IconHint, type IconHintProps, ImageCropDialog, type ImageCropDialogProps, type ImageCropShape, type ImageCropType, ImageCropper, type ImageCropperProps, ImageUpload, type ImageUploadProps, type ImageUploadSize, InlineError, type InlineErrorProps, Input, InputAddon, type InputAddonProps, InputGroup, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, ListCells, type ListCellsProps, type ListColumn, type ListColumnWidth, ListHeader, type ListHeaderProps, MISSING_TONE, Medallion, type MedallionProps, MenuDivider, MenuPopup, type MenuPopupProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavRow, type NavRowProps, type NavRowVariant, NavSectionLabel, type NavSectionLabelProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NotifClass, type NotificationAction, NotificationBell, type NotificationBellProps, NotificationCenter, type NotificationCenterProps, type NotificationClass, type NotificationDeepLink, type NotificationItem, type NotificationMute, type NotificationPreferences, type NotificationProduct, NotificationRow, type NotificationRowProps, NotificationSettings, type NotificationSettingsProps, type NotificationSeverity, type NotificationSubscription, type NotificationThreshold, NotificationToast, type NotificationToastDwell, type NotificationToastProps, NotificationToaster, type NotificationToasterPosition, type NotificationToasterProps, OptionCard, type OptionCardProps, OrgProductSwitcher, type OrgProductSwitcherAction, type OrgProductSwitcherItem, type OrgProductSwitcherProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, PageColumn, type PageColumnProps, PageHeader, type PageHeaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, PersonAvatar, type PersonAvatarProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RatingScale, type RatingScaleProps, type RatingScaleSize, RemovableChip, type RemovableChipProps, RemoveButton, type RemoveButtonProps, RequestRow, type RequestRowProps, type RequestState, type RequestSurface, type ResolvedTheme, type Responsive, ScrollArea, ScrollBar, SecretReveal, type SecretRevealProps, SectionIntro, type SectionIntroProps, Select, type SelectOption, type SelectProps, Separator, SettingRow, type SettingRowProps, type Severity, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarProductHeader, type SidebarProductHeaderProps, Skeleton, Slider, StarRating, type StarRatingProps, type StarRatingSize, StatCard, type StatCardProps, StatusDot, type StatusDotProps, StepUpChallenge, type StepUpChallengeProps, type StepUpMethod, type StepUpProof, Switch, type SwitchProps, TOAST_DWELL, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, ThemePicker, type ThemePickerProps, ThemeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, TopBarUtilities, type TopBarUtilitiesProps, type TopBarUtility, type UseFreshHighlightResult, type UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, WEIGHT_TONE, alertVariants, attachmentChipVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, grantRemoveLabel, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useFreshHighlight, useIsMobile, useSidebar, useTheme };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddPicker, type AddPickerItem, type AddPickerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AttachmentChip, type AttachmentChipProps, type AttachmentState, AutoHeight, type AutoHeightProps, Avatar, AvatarFallback, AvatarImage, BackLink, type BackLinkProps, Badge, type BadgeProps, type BeneficialOwnerPayload, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, COUNTRY_OPTIONS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNote, type CardNoteProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContextProps, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Code, CodeBlock, type CodeBlockProps, type CodeLang, type CodeProps, type CodeVariant, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, type CommandDialogGroup, type CommandDialogItem, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogStepUp, ConnectorCard, type ConnectorCardProps, type ConnectorOrigin, type ConnectorStatus, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, DecorativeIcon, type DecorativeIconProps, type DeltaDirection, type DeltaTone, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocsLink, type DocsLinkProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, EntityRow, type EntityRowOpens, type EntityRowOpensProps, type EntityRowProps, EntityTile, type EntityTileProps, ExtensionIcon, type ExtensionIconProps, FeedbackButton, type FeedbackButtonLabels, type FeedbackButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GlyphAvatar, type GlyphAvatarProps, type GrantRole, type GrantRoleNotes, GrantRolePicker, type GrantRolePickerProps, GrantRow, type GrantRowProps, Grid, GridOverlay, type GridOverlayProps, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, IconHint, type IconHintProps, ImageCropDialog, type ImageCropDialogProps, type ImageCropShape, type ImageCropType, ImageCropper, type ImageCropperProps, ImageUpload, type ImageUploadProps, type ImageUploadSize, InlineError, type InlineErrorProps, Input, InputAddon, type InputAddonProps, InputGroup, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, ListCells, type ListCellsProps, type ListColumn, type ListColumnWidth, ListHeader, type ListHeaderProps, MISSING_TONE, Medallion, type MedallionProps, MenuDivider, MenuPopup, type MenuPopupProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavRow, type NavRowMark, type NavRowProps, type NavRowVariant, NavSectionLabel, type NavSectionLabelProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NotifClass, type NotificationAction, NotificationBell, type NotificationBellProps, NotificationCenter, type NotificationCenterProps, type NotificationClass, type NotificationDeepLink, type NotificationItem, type NotificationMute, type NotificationPreferences, type NotificationProduct, NotificationRow, type NotificationRowProps, NotificationSettings, type NotificationSettingsProps, type NotificationSeverity, type NotificationSubscription, type NotificationThreshold, NotificationToast, type NotificationToastDwell, type NotificationToastProps, NotificationToaster, type NotificationToasterPosition, type NotificationToasterProps, OptionCard, type OptionCardProps, OrgProductSwitcher, type OrgProductSwitcherAction, type OrgProductSwitcherItem, type OrgProductSwitcherProduct, type OrgProductSwitcherProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, PageColumn, type PageColumnProps, PageHeader, type PageHeaderProps, type PageHeaderSize, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, PersonAvatar, type PersonAvatarProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type ProductStatus, Progress, QuickSearchRow, type QuickSearchRowProps, RadioGroup, RadioGroupItem, RailToggle, type RailToggleProps, RatingScale, type RatingScaleProps, type RatingScaleSize, RemovableChip, type RemovableChipProps, RemoveButton, type RemoveButtonProps, RequestRow, type RequestRowProps, type RequestState, type RequestSurface, type ResolvedTheme, type Responsive, ScrollArea, ScrollBar, SecretReveal, type SecretRevealProps, SectionIntro, type SectionIntroProps, Select, type SelectOption, type SelectProps, Separator, SettingRow, type SettingRowProps, type Severity, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarProductHeader, type SidebarProductHeaderProps, Skeleton, Slider, StarRating, type StarRatingProps, type StarRatingSize, StatCard, type StatCardProps, StatusDot, type StatusDotProps, StepUpChallenge, type StepUpChallengeProps, type StepUpMethod, type StepUpProof, Switch, type SwitchProps, TOAST_DWELL, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, ThemePicker, type ThemePickerProps, ThemeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, TopBarUtilities, type TopBarUtilitiesProps, type TopBarUtility, type UseFreshHighlightResult, type UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, WEIGHT_TONE, alertVariants, attachmentChipVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, grantRemoveLabel, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, productStatusBadge, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useFreshHighlight, useIsMobile, useSidebar, useTheme };