@stealthscale/component-disclosure 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,919 @@
+import { ComponentProps, ReactElement } from "react";
+import "@stealthscale/theme/authoring";
+import * as collapsible from "@zag-js/collapsible";
+import * as menu from "@zag-js/menu";
+import * as popover from "@zag-js/popover";
+import * as tabs from "@zag-js/tabs";
+import * as tooltip from "@zag-js/tooltip";
+//#region src/collapsible/content.d.ts
+/**
+ * Draws the block at the room the root states.
+ */
+declare const Shown$1: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the content takes.
+ */
+type ContentProps$4 = ComponentProps<typeof Shown$1>;
+/**
+ * Appears and goes as the trigger is pressed.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The block, measured and named by the machine.
+ */
+declare function Content$4(props: ContentProps$4): ReactElement;
+//#endregion
+//#region src/collapsible/indicator.d.ts
+/**
+ * Draws the mark at the box the root states.
+ */
+declare const Turned$1: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes what the indicator takes.
+ */
+type IndicatorProps$3 = ComponentProps<typeof Turned$1>;
+/**
+ * Turns half a revolution while the block is open.
+ *
+ * @param props - Everything a styled span takes.
+ * @returns The mark, turned to whichever way the machine is.
+ */
+declare function Indicator$3(props: IndicatorProps$3): ReactElement;
+//#endregion
+//#region src/collapsible/machine.d.ts
+/**
+ * Describes what a caller sets on the machine, less the id it is given.
+ */
+type CollapsibleOptions = Partial<collapsible.Props>;
+//#endregion
+//#region src/collapsible/root.d.ts
+/**
+ * Draws the frame and sets the variants every part below it reads.
+ */
+declare const Framed$4: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly motion?: "fade" | "none" | "slide";
+  readonly size?: import("@stealthscale/theme/authoring").Scale;
+  readonly variant?: "outline" | "plain" | "subtle" | "surface";
+}>;
+/**
+ * Describes what the root takes: the machine's options, the recipe's variants, and the element's.
+ *
+ * @remarks
+ *   The element's own `id` and `dir` are left out, because the machine states both. It builds every
+ *   ARIA reference from the id, and it reads the direction to decide which way the block opens.
+ */
+interface RootProps$4 extends CollapsibleOptions, Omit<ComponentProps<typeof Framed$4>, "dir" | "id"> {}
+/**
+ * Shows and hides the block beneath a control.
+ *
+ * @param props - The machine's options, the recipe's variants and the element's props together.
+ * @returns The frame, holding the parts, under the running machine.
+ */
+declare function Root$4(props: RootProps$4): ReactElement;
+//#endregion
+//#region src/collapsible/trigger.d.ts
+/**
+ * Draws the control at the size the root states.
+ */
+declare const Pressed$4: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes what the trigger takes.
+ */
+type TriggerProps$4 = ComponentProps<typeof Pressed$4>;
+/**
+ * Shows the block where it is hidden, and hides it where it is shown.
+ *
+ * @param props - Everything a styled button takes.
+ * @returns The control, carrying what the machine says it does.
+ */
+declare function Trigger$4(props: TriggerProps$4): ReactElement;
+declare namespace index_d_exports {
+  export { Content$4 as Content, ContentProps$4 as ContentProps, Indicator$3 as Indicator, IndicatorProps$3 as IndicatorProps, Root$4 as Root, RootProps$4 as RootProps, Trigger$4 as Trigger, TriggerProps$4 as TriggerProps };
+}
+//#endregion
+//#region src/menu/arrow-tip.d.ts
+/**
+ * Draws the square at the look the root states.
+ */
+declare const Tipped: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the square takes.
+ */
+type ArrowTipProps$2 = ComponentProps<typeof Tipped>;
+/**
+ * Gives the point its shape.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The square, carrying the place the machine measured.
+ */
+declare function ArrowTip$2(props: ArrowTipProps$2): ReactElement;
+//#endregion
+//#region src/menu/arrow.d.ts
+/**
+ * Draws the point at the size the root states.
+ */
+declare const Pointed: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the point takes.
+ */
+type ArrowProps$2 = ComponentProps<typeof Pointed>;
+/**
+ * Points from the panel back at the control.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The point, carrying the place the machine measured.
+ */
+declare function Arrow$2(props: ArrowProps$2): ReactElement;
+//#endregion
+//#region src/menu/content.d.ts
+/**
+ * Draws the panel at the size the root states.
+ */
+declare const Drawn$10: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the panel takes.
+ */
+type ContentProps$3 = ComponentProps<typeof Drawn$10>;
+/**
+ * Shows the rows of the menu.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The panel, carrying what the machine writes onto it.
+ */
+declare function Content$3(props: ContentProps$3): ReactElement;
+//#endregion
+//#region src/menu/context-trigger.d.ts
+/**
+ * Draws the region at the size the root states.
+ */
+declare const Held: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the region takes.
+ */
+interface ContextTriggerProps extends ComponentProps<typeof Held> {
+  /**
+   * The value that identifies this region, for a menu opened from more than one.
+   */
+  readonly value?: string | undefined;
+}
+/**
+ * Opens the menu where the pointer is.
+ *
+ * @param props - The name of this region, and everything a styled div takes.
+ * @returns The region, carrying what the machine writes onto it.
+ */
+declare function ContextTrigger({ value, ...rest }: ContextTriggerProps): ReactElement;
+//#endregion
+//#region src/menu/indicator.d.ts
+/**
+ * Draws the mark at the size the root states.
+ */
+declare const Marked$1: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the mark takes.
+ */
+type IndicatorProps$2 = ComponentProps<typeof Marked$1>;
+/**
+ * Says whether the menu is open.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The mark, carrying the open state.
+ */
+declare function Indicator$2(props: IndicatorProps$2): ReactElement;
+//#endregion
+//#region src/menu/item-group-label.d.ts
+/**
+ * Draws the heading at the size the root states.
+ */
+declare const Titled: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the heading takes.
+ */
+interface ItemGroupLabelProps extends ComponentProps<typeof Titled> {
+  /**
+   * Ties the heading to the set it names.
+   */
+  readonly value: string;
+}
+/**
+ * Says what the rows below it have in common.
+ *
+ * @param props - The name the set shares, beside everything a styled div takes.
+ * @returns The heading, carrying what the machine writes onto it.
+ */
+declare function ItemGroupLabel({ value, ...rest }: ItemGroupLabelProps): ReactElement;
+//#endregion
+//#region src/menu/item-group.d.ts
+/**
+ * Draws the set at the size the root states.
+ */
+declare const Grouped: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what a set takes.
+ */
+interface ItemGroupProps extends ComponentProps<typeof Grouped> {
+  /**
+   * Ties the set to the label that names it.
+   */
+  readonly value: string;
+}
+/**
+ * Groups the rows that belong together.
+ *
+ * @param props - The name the label shares, beside everything a styled div takes.
+ * @returns The set, carrying what the machine writes onto it.
+ */
+declare function ItemGroup({ value, ...rest }: ItemGroupProps): ReactElement;
+//#endregion
+//#region src/menu/item-indicator.d.ts
+/**
+ * Draws the mark at the size the root states.
+ */
+declare const Marked: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes what the mark takes.
+ */
+type ItemIndicatorProps = ComponentProps<typeof Marked>;
+/**
+ * Says the row is on.
+ *
+ * @param props - Everything a styled span takes.
+ * @returns The mark, carrying the row's state.
+ */
+declare function ItemIndicator(props: ItemIndicatorProps): ReactElement;
+//#endregion
+//#region src/menu/item-text.d.ts
+/**
+ * Draws the words at the size the root states.
+ */
+declare const Worded: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes what the words take.
+ */
+type ItemTextProps = ComponentProps<typeof Worded>;
+/**
+ * Says what the row offers.
+ *
+ * @param props - Everything a styled span takes.
+ * @returns The words, carrying the row's state.
+ */
+declare function ItemText(props: ItemTextProps): ReactElement;
+//#endregion
+//#region src/menu/tone.d.ts
+/**
+ * States what a row of a menu is for, which decides the ink it is drawn in.
+ *
+ * @remarks
+ *   This is a prop rather than an axis of the recipe, because a slot recipe resolves its variants
+ *   once at the root and a menu draws one row in a different ink from the rest. The row writes it
+ *   as a data attribute and the recipe's base styles it, which is the hook a theme extends to add
+ *   another.
+ */
+/**
+ * Selects what a row is for.
+ *
+ * @remarks
+ *   A row that undoes something is the one case a menu draws differently, and colour is a second
+ *   reading of what its words already say rather than the only one.
+ */
+type Tone = "critical";
+//#endregion
+//#region src/menu/item.d.ts
+/**
+ * Draws the row at the size the root states.
+ */
+declare const Chosen$1: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what a row takes.
+ */
+interface ItemProps extends Omit<ComponentProps<typeof Chosen$1>, "onSelect"> {
+  /**
+   * Whether choosing the row closes the menu, which it does unless the row says otherwise.
+   */
+  readonly closeOnSelect?: boolean | undefined;
+  /**
+   * Whether a reader can choose the row at all.
+   */
+  readonly disabled?: boolean | undefined;
+  /**
+   * The purpose of the row, which decides the ink it is drawn in.
+   */
+  readonly tone?: Tone | undefined;
+  /**
+   * The value the machine identifies the row by and reports when the reader chooses it.
+   */
+  readonly value: string;
+  /**
+   * The words typeahead matches the row on, where they differ from what it shows.
+   */
+  readonly valueText?: string | undefined;
+}
+/**
+ * Offers one thing a reader can choose.
+ *
+ * @param props - The row's name and purpose, beside everything a styled div takes.
+ * @returns The row, carrying what the machine writes onto it.
+ */
+declare function Item({ closeOnSelect, disabled, tone, value, valueText, ...rest }: ItemProps): ReactElement;
+//#endregion
+//#region src/menu/option-item.d.ts
+/**
+ * Draws the row at the size the root states, in the same slot as a plain row.
+ */
+declare const Chosen: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what a row carrying a choice takes.
+ */
+interface OptionItemProps extends Omit<ComponentProps<typeof Chosen>, "onSelect"> {
+  /**
+   * Whether the row is on.
+   */
+  readonly checked: boolean;
+  /**
+   * Whether choosing the row closes the menu, which it does unless the row says otherwise.
+   */
+  readonly closeOnSelect?: boolean | undefined;
+  /**
+   * Whether a reader can choose the row at all.
+   */
+  readonly disabled?: boolean | undefined;
+  /**
+   * Tells the caller the reader turned the row on or off.
+   */
+  readonly onCheckedChange?: ((checked: boolean) => void) | undefined;
+  /**
+   * The purpose of the row, which decides the ink it is drawn in.
+   */
+  readonly tone?: Tone | undefined;
+  /**
+   * Whether the row stands on its own or is one of a set.
+   */
+  readonly type: "checkbox" | "radio";
+  /**
+   * The value the machine identifies the row by and reports when the reader chooses it.
+   */
+  readonly value: string;
+  /**
+   * The words typeahead matches the row on, where they differ from what it shows.
+   */
+  readonly valueText?: string | undefined;
+}
+/**
+ * Offers one thing a reader can turn on.
+ *
+ * @param props - The choice the row carries, beside everything a styled div takes.
+ * @returns The row, carrying what the machine writes onto it.
+ */
+declare function OptionItem({ checked, closeOnSelect, disabled, onCheckedChange, tone, type, value, valueText, ...rest }: OptionItemProps): ReactElement;
+//#endregion
+//#region src/menu/positioner.d.ts
+/**
+ * Draws the box at the size the root states.
+ */
+declare const Placed$2: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the box takes.
+ */
+type PositionerProps$2 = ComponentProps<typeof Placed$2>;
+/**
+ * Places the panel against the control.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The box, carrying the position the machine measured.
+ */
+declare function Positioner$2(props: PositionerProps$2): ReactElement;
+//#endregion
+//#region src/menu/machine.d.ts
+/**
+ * Describes what a caller sets on the machine, every setting of it optional.
+ */
+type MenuOptions = Partial<menu.Props>;
+//#endregion
+//#region src/menu/root.d.ts
+/**
+ * Draws the element that sets the variants every part below it reads, and no box.
+ */
+declare const Framed$3: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly highlight?: import("@stealthscale/theme/authoring").Highlight;
+  readonly inset?: boolean;
+  readonly size?: import("@stealthscale/theme/authoring").Scale;
+  readonly variant?: "elevated" | "glass" | "surface";
+}>;
+/**
+ * Describes what the root takes: the machine's settings, the recipe's variants, and the element's.
+ *
+ * @remarks
+ *   The element's own `id` and `dir` are left out, because the machine states both. It names every
+ *   part from the id, and it reads the direction to decide which side a submenu opens on. The
+ *   element's `onSelect` is left out too: a div reports a text selection under that name, and the
+ *   machine reports the row the reader chose.
+ */
+interface RootProps$3 extends MenuOptions, Omit<ComponentProps<typeof Framed$3>, "dir" | "id" | "onSelect"> {}
+/**
+ * Opens a list of things a reader chooses from, beside the control that opens it.
+ *
+ * @param props - The machine's settings, the recipe's variants and the element's props together.
+ * @returns The parts, under the running machine.
+ */
+declare function Root$3(props: RootProps$3): ReactElement;
+//#endregion
+//#region src/menu/separator.d.ts
+/**
+ * Draws the line at the size the root states.
+ */
+declare const Ruled: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the line takes.
+ */
+type SeparatorProps = ComponentProps<typeof Ruled>;
+/**
+ * Breaks the rows into sets.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The line, carrying what the machine writes onto it.
+ */
+declare function Separator(props: SeparatorProps): ReactElement;
+//#endregion
+//#region src/menu/trigger-item.d.ts
+/**
+ * Draws the row at the size the root states.
+ */
+declare const Pressed$3: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes what the row takes.
+ */
+type TriggerItemProps = ComponentProps<typeof Pressed$3>;
+/**
+ * Opens a submenu from a row of the menu above it.
+ *
+ * @param props - Everything a styled button takes.
+ * @returns The row, carrying what both machines write onto it.
+ * @throws {@link Error} Where the menu it belongs to opens from no other menu.
+ */
+declare function TriggerItem(props: TriggerItemProps): ReactElement;
+//#endregion
+//#region src/menu/trigger.d.ts
+/**
+ * Draws the control at the size the root states.
+ */
+declare const Pressed$2: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes what the control takes.
+ */
+interface TriggerProps$3 extends ComponentProps<typeof Pressed$2> {
+  /**
+   * The value that identifies this control, for a menu opened from more than one.
+   */
+  readonly value?: string | undefined;
+}
+/**
+ * Opens the menu.
+ *
+ * @param props - The name of this control, and everything a styled button takes.
+ * @returns The control, carrying what the machine writes onto it.
+ */
+declare function Trigger$3({ value, ...rest }: TriggerProps$3): ReactElement;
+declare namespace index_d_exports$1 {
+  export { Arrow$2 as Arrow, ArrowProps$2 as ArrowProps, ArrowTip$2 as ArrowTip, ArrowTipProps$2 as ArrowTipProps, Content$3 as Content, ContentProps$3 as ContentProps, ContextTrigger, ContextTriggerProps, Indicator$2 as Indicator, IndicatorProps$2 as IndicatorProps, Item, ItemGroup, ItemGroupLabel, ItemGroupLabelProps, ItemGroupProps, ItemIndicator, ItemIndicatorProps, ItemProps, ItemText, ItemTextProps, OptionItem, OptionItemProps, Positioner$2 as Positioner, PositionerProps$2 as PositionerProps, Root$3 as Root, RootProps$3 as RootProps, Separator, SeparatorProps, Tone, Trigger$3 as Trigger, TriggerItem, TriggerItemProps, TriggerProps$3 as TriggerProps };
+}
+//#endregion
+//#region src/popover/anchor.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$9: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the part takes.
+ */
+type AnchorProps = ComponentProps<typeof Drawn$9>;
+/**
+ * Marks what the panel is positioned against, where that is not the control.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function Anchor(props: AnchorProps): ReactElement;
+//#endregion
+//#region src/popover/arrow-tip.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$8: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the part takes.
+ */
+type ArrowTipProps$1 = ComponentProps<typeof Drawn$8>;
+/**
+ * Draws the turned square inside the point.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function ArrowTip$1(props: ArrowTipProps$1): ReactElement;
+//#endregion
+//#region src/popover/arrow.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$7: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the part takes.
+ */
+type ArrowProps$1 = ComponentProps<typeof Drawn$7>;
+/**
+ * Draws the point that ties the panel to its control.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function Arrow$1(props: ArrowProps$1): ReactElement;
+//#endregion
+//#region src/popover/close-trigger.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$6: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes what the part takes.
+ */
+type CloseTriggerProps = ComponentProps<typeof Drawn$6>;
+/**
+ * Draws the control that shuts the panel.
+ *
+ * @param props - Everything a styled button takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function CloseTrigger(props: CloseTriggerProps): ReactElement;
+//#endregion
+//#region src/popover/content.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$5: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the part takes.
+ */
+type ContentProps$2 = ComponentProps<typeof Drawn$5>;
+/**
+ * Draws the panel itself.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function Content$2(props: ContentProps$2): ReactElement;
+//#endregion
+//#region src/popover/description.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$4: import("@stealthscale/theme").StyledComponent<"p", {}>;
+/**
+ * Describes what the part takes.
+ */
+type DescriptionProps = ComponentProps<typeof Drawn$4>;
+/**
+ * Draws the paragraph the panel is described by.
+ *
+ * @param props - Everything a styled p takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function Description(props: DescriptionProps): ReactElement;
+//#endregion
+//#region src/popover/indicator.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$3: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes what the part takes.
+ */
+type IndicatorProps$1 = ComponentProps<typeof Drawn$3>;
+/**
+ * Draws the mark that turns as the panel opens.
+ *
+ * @param props - Everything a styled span takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function Indicator$1(props: IndicatorProps$1): ReactElement;
+//#endregion
+//#region src/popover/positioner.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$2: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the part takes.
+ */
+type PositionerProps$1 = ComponentProps<typeof Drawn$2>;
+/**
+ * Draws the box that holds the panel in place beside its control.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function Positioner$1(props: PositionerProps$1): ReactElement;
+//#endregion
+//#region src/popover/machine.d.ts
+/**
+ * Describes what a caller sets on the machine, every setting of it optional.
+ */
+type PopoverOptions = Partial<popover.Props>;
+//#endregion
+//#region src/popover/root.d.ts
+/**
+ * Draws the element that sets the variants every part below it reads, and no box.
+ */
+declare const Framed$2: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly size?: "lg" | "md" | "sm" | "xl" | "xs";
+  readonly variant?: "elevated" | "glass" | "surface";
+}>;
+/**
+ * Describes what the root takes: the machine's settings, the recipe's variants, and the element's.
+ *
+ * @remarks
+ *   The element's own `id` and `dir` are left out, because the machine states both. It names every
+ *   part from the id, and it reads the direction to decide which side the panel opens on.
+ */
+interface RootProps$2 extends Omit<ComponentProps<typeof Framed$2>, "dir" | "id">, PopoverOptions {}
+/**
+ * Opens a panel beside a control.
+ *
+ * @param props - The machine's settings, the recipe's variants and the element's props together.
+ * @returns The parts, under the running machine.
+ */
+declare function Root$2(props: RootProps$2): ReactElement;
+//#endregion
+//#region src/popover/title.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn$1: import("@stealthscale/theme").StyledComponent<"h2", {}>;
+/**
+ * Describes what the part takes.
+ */
+type TitleProps = ComponentProps<typeof Drawn$1>;
+/**
+ * Draws the heading the panel is announced by.
+ *
+ * @param props - Everything a styled h2 takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function Title(props: TitleProps): ReactElement;
+//#endregion
+//#region src/popover/trigger.d.ts
+/**
+ * Draws the part at the size the root states.
+ */
+declare const Drawn: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes what the part takes.
+ */
+type TriggerProps$2 = ComponentProps<typeof Drawn>;
+/**
+ * Draws the control that opens the panel.
+ *
+ * @param props - Everything a styled button takes.
+ * @returns The part, carrying what the machine writes onto it.
+ */
+declare function Trigger$2(props: TriggerProps$2): ReactElement;
+declare namespace index_d_exports$2 {
+  export { Anchor, AnchorProps, Arrow$1 as Arrow, ArrowProps$1 as ArrowProps, ArrowTip$1 as ArrowTip, ArrowTipProps$1 as ArrowTipProps, CloseTrigger, CloseTriggerProps, Content$2 as Content, ContentProps$2 as ContentProps, Description, DescriptionProps, Indicator$1 as Indicator, IndicatorProps$1 as IndicatorProps, Positioner$1 as Positioner, PositionerProps$1 as PositionerProps, Root$2 as Root, RootProps$2 as RootProps, Title, TitleProps, Trigger$2 as Trigger, TriggerProps$2 as TriggerProps };
+}
+//#endregion
+//#region src/tabs/content.d.ts
+/**
+ * Draws the panel at the room the root states.
+ */
+declare const Shown: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what a panel takes.
+ */
+interface ContentProps$1 extends ComponentProps<typeof Shown> {
+  /**
+   * Says which control shows this panel.
+   */
+  readonly value: string;
+}
+/**
+ * Appears while the control it names is the one in force.
+ *
+ * @param props - The control it names, and everything a styled div takes.
+ * @returns The panel, named and hidden by the machine.
+ */
+declare function Content$1({ value, ...rest }: ContentProps$1): ReactElement;
+//#endregion
+//#region src/tabs/indicator.d.ts
+/**
+ * Draws the bar at the thickness the look states.
+ */
+declare const Bar: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the bar takes.
+ */
+type IndicatorProps = ComponentProps<typeof Bar>;
+/**
+ * Moves to whichever control is in force.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The bar, positioned by the machine.
+ */
+declare function Indicator(props: IndicatorProps): ReactElement;
+//#endregion
+//#region src/tabs/list.d.ts
+/**
+ * Draws the strip, which turns into a column where the set runs down.
+ */
+declare const Strip: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the strip takes.
+ */
+type ListProps = ComponentProps<typeof Strip>;
+/**
+ * Draws the controls in a row, with the bar that marks the one in force.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The strip, carrying its role and its orientation.
+ */
+declare function List(props: ListProps): ReactElement;
+//#endregion
+//#region src/tabs/machine.d.ts
+/**
+ * Describes what a caller sets on the machine, every setting of it optional.
+ */
+type TabsOptions = Partial<tabs.Props>;
+//#endregion
+//#region src/tabs/root.d.ts
+/**
+ * Draws the frame and sets the variants every part below it reads.
+ */
+declare const Framed$1: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly fitted?: boolean;
+  readonly justify?: import("@stealthscale/theme/authoring").Justify;
+  readonly size?: import("@stealthscale/theme/authoring").Scale;
+  readonly variant?: "enclosed" | "line" | "plain" | "subtle";
+}>;
+/**
+ * Describes what the root takes: the machine's options, the recipe's variants, and the element's.
+ *
+ * @remarks
+ *   The element's own `id` and `dir` are left out, because the machine states both. It builds every
+ *   ARIA reference from the id, and it reads the direction to decide which arrow key moves which
+ *   way.
+ */
+interface RootProps$1 extends Omit<ComponentProps<typeof Framed$1>, "defaultValue" | "dir" | "id" | "onChange" | "value">, TabsOptions {}
+/**
+ * Shows one panel at a time, chosen from a strip of controls.
+ *
+ * @param props - The machine's options, the recipe's variants and the element's props together.
+ * @returns The frame, holding the parts, under the running machine.
+ */
+declare function Root$1(props: RootProps$1): ReactElement;
+//#endregion
+//#region src/tabs/trigger.d.ts
+/**
+ * Draws the control at the size the root states.
+ */
+declare const Pressed$1: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes what a control takes.
+ */
+interface TriggerProps$1 extends ComponentProps<typeof Pressed$1> {
+  /**
+   * Whether a person can reach it at all.
+   */
+  readonly disabled?: boolean | undefined;
+  /**
+   * Says which panel this control shows.
+   */
+  readonly value: string;
+}
+/**
+ * Shows the panel it names.
+ *
+ * @param props - The panel it names, and everything a styled button takes.
+ * @returns The control, carrying its role and its selection.
+ */
+declare function Trigger$1({ disabled, value, ...rest }: TriggerProps$1): ReactElement;
+declare namespace index_d_exports$3 {
+  export { Content$1 as Content, ContentProps$1 as ContentProps, Indicator, IndicatorProps, List, ListProps, Root$1 as Root, RootProps$1 as RootProps, Trigger$1 as Trigger, TriggerProps$1 as TriggerProps };
+}
+//#endregion
+//#region src/tooltip/arrow-tip.d.ts
+/**
+ * Draws the shape the arrow shows.
+ */
+declare const Turned: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the tip takes.
+ */
+type ArrowTipProps = ComponentProps<typeof Turned>;
+/**
+ * Shows one corner past the edge of the box.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The tip, turned by the machine.
+ */
+declare function ArrowTip(props: ArrowTipProps): ReactElement;
+//#endregion
+//#region src/tooltip/arrow.d.ts
+/**
+ * Draws the outer element the machine places.
+ */
+declare const Placed$1: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the arrow takes.
+ */
+type ArrowProps = ComponentProps<typeof Placed$1>;
+/**
+ * Points from the box back at the control.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The arrow, placed by the machine.
+ */
+declare function Arrow(props: ArrowProps): ReactElement;
+//#endregion
+//#region src/tooltip/content.d.ts
+/**
+ * Draws the box at the size the root states.
+ */
+declare const Boxed: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the box takes.
+ */
+type ContentProps = ComponentProps<typeof Boxed>;
+/**
+ * Appears beside the control while a pointer rests on it.
+ *
+ * @param props - The recipe's variants, and everything a styled div takes.
+ * @returns The box, named and placed by the machine.
+ */
+declare function Content(props: ContentProps): ReactElement;
+//#endregion
+//#region src/tooltip/positioner.d.ts
+/**
+ * Draws the box the machine positions.
+ */
+declare const Placed: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes what the positioner takes.
+ */
+type PositionerProps = ComponentProps<typeof Placed>;
+/**
+ * Draws the box wherever the machine measured room for it.
+ *
+ * @param props - Everything a styled div takes.
+ * @returns The box, positioned by the machine.
+ */
+declare function Positioner(props: PositionerProps): ReactElement;
+//#endregion
+//#region src/tooltip/machine.d.ts
+/**
+ * Describes what a caller sets on the machine, every setting of it optional.
+ */
+type TooltipOptions = Partial<tooltip.Props>;
+//#endregion
+//#region src/tooltip/root.d.ts
+/**
+ * Draws the element that sets the variants every part below it reads, and no box.
+ */
+declare const Framed: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly size?: import("@stealthscale/theme/authoring").Scale;
+  readonly variant?: "inverted" | "surface";
+}>;
+/**
+ * Describes what the root takes: the machine's settings, the recipe's variants, and the element's.
+ *
+ * @remarks
+ *   The element's own `id` and `dir` are left out, because the machine states both. It names the
+ *   box from the id so the control can point at it, and it reads the direction to decide which side
+ *   the box opens on.
+ */
+interface RootProps extends Omit<ComponentProps<typeof Framed>, "dir" | "id">, TooltipOptions {}
+/**
+ * Shows a short label beside whatever a pointer rests on.
+ *
+ * @param props - The machine's settings, the recipe's variants and the element's props together.
+ * @returns The parts, under the running machine.
+ */
+declare function Root(props: RootProps): ReactElement;
+//#endregion
+//#region src/tooltip/trigger.d.ts
+/**
+ * Draws the control, styled by whatever the caller drew rather than by this recipe.
+ */
+declare const Pressed: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes what the control takes.
+ */
+type TriggerProps = ComponentProps<typeof Pressed>;
+/**
+ * Opens the box as a pointer rests on it or focus reaches it.
+ *
+ * @param props - Everything a styled button takes.
+ * @returns The control, carrying what the machine needs to open the box.
+ */
+declare function Trigger(props: TriggerProps): ReactElement;
+declare namespace index_d_exports$4 {
+  export { Arrow, ArrowProps, ArrowTip, ArrowTipProps, Content, ContentProps, Positioner, PositionerProps, Root, RootProps, Trigger, TriggerProps };
+}
+//#endregion
+export { index_d_exports as Collapsible, index_d_exports$1 as Menu, index_d_exports$2 as Popover, index_d_exports$3 as Tabs, index_d_exports$4 as Tooltip };