@voxel51/voodo 2.8.0 → 2.10.0-app-revamp.0

package/dist/components/Avatar/Avatar.d.ts

@@ -1,23 +1,53 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { Size } from '../../types';
 export type AvatarSize = `${Size.Sm | Size.Md | Size.Lg}`;
+/** `"auto"`: a fill picked from the name; `"neutral"`: the muted fill. */
+export type AvatarTone = "auto" | "neutral";
 export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
     name: string;
     src?: string;
     size?: AvatarSize;
+    /** Shows the name beside the avatar, truncating, as in a "Run by" cell. */
+    showName?: boolean;
+    /** With `showName`, a second line under the name, such as an email. */
+    subtitle?: ReactNode;
+    tone?: AvatarTone;
+    /** Shown in place of the initials (an invite, a group), on the muted fill. */
+    icon?: ReactNode;
+    /** What picks the colour, such as an email; defaults to the initials. */
+    colorKey?: string;
+    /** Rounded square instead of a circle, for a group rather than a person. */
+    square?: boolean;
 }
 /**
  * A round picture of a person, falling back to their initials when there is
- * no image.
+ * no image or it fails to load.
  *
  * @example
  * ```tsx
  * <Avatar name="Ada Lovelace" src={user.photoUrl} size="sm" />
+ * <Avatar name={run.runBy.name} size="sm" showName />
+ * <Avatar name="Ada Lovelace" size="lg" showName subtitle="ada@example.com" />
+ * <Avatar name="Ada Lovelace" tone="neutral" />
+ * <Avatar name="ada@example.com" icon={<MailOutlineIcon size="md" />} />
+ * <Avatar name="Labelers" icon={<UsersRoundIcon size={14} />} />
+ * <Avatar name="Ada Lovelace" colorKey={user.email} />
  * ```
  *
  * @param name The person's name: it makes the initials and the accessible label.
  * @param src Image URL. Initials show when it is missing.
  * @param size `"sm"` (20px), `"md"` (24px) or `"lg"` (32px). Defaults to `"md"`.
+ * @param showName Shows the name beside the avatar (body text, truncating).
+ * @param subtitle With `showName`, a second line under a larger name, such
+ *  as an email or a group's description; both lines truncate.
+ * @param tone `"auto"` (default): initials on one of twenty tuned colours
+ *  picked from `colorKey`, the same for a key everywhere; `"neutral"`: on the
+ *  muted fill.
+ * @param icon Shown in place of the initials when there is no image, on the
+ *  muted fill: a person not known yet (an invite) or not a person (a group).
+ * @param colorKey What picks the colour: a stable id such as the email.
+ *  Defaults to the initials.
+ * @param square Rounded square instead of a circle, for a group.
  * @param className `class` overrides to apply to the component.
  * @param props Additional HTML properties to apply to the component.
  */

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,EAIL,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,UAAU,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAgBD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0BlC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAIL,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,UAAU,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE1D,0EAA0E;AAC1E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAkHD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAoFlC,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,6 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, FC } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, FC, ReactNode } from 'react';
 import { IconInput } from '../Icons';
+import { Collapse } from '../../styles/collapse';
 import { Size, Variant } from '../../types';
 type ButtonSize = `${Exclude<Size, Size.Lg | Size.Xl>}`;
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "rel"> {
@@ -14,6 +15,17 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pi
     leadingIcon?: IconInput;
     trailingIcon?: IconInput;
     borderless?: boolean;
+    /**
+     * Hides the text label below a breakpoint, leaving the icons: `true` or
+     * `"lg"` below 1024px, `"sm"` below 640px, `"always"` at every width,
+     * `"auto"` while the enclosing row is compact. Give it an `aria-label`.
+     */
+    collapse?: Collapse;
+    /**
+     * More about the action, such as why it is disabled: its tooltip, under its
+     * name while the label is collapsed.
+     */
+    hint?: ReactNode;
 }
 /**
  * A basic button component.
@@ -33,6 +45,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pi
  *  rounding the corners.
  * @param leadingIcon Optional icon component which prefixes the button's content.
  * @param trailingIcon Optional icon component which postfixes the button's content.
+ * @param collapse Hides the text label below a breakpoint, leaving the icons (including icons passed as children): `true` or `"lg"` below 1024px, `"sm"` below 640px, `"always"` at every width, `"auto"` while the enclosing row is compact (then its tooltip names it). Pass an `aria-label`.
+ * @param hint More about the action, such as why it is disabled: its tooltip, under its name while the label is collapsed.
  * @param className `class` overrides to apply to the component.
  * @param children Button content.
  * @param props Additional HTML properties to apply to the component.

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EAEpB,EAAE,EAEH,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAGjE,OAAO,EAOL,IAAI,EAIJ,OAAO,EACR,MAAM,SAAS,CAAC;AAKjB,KAAK,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAExD,MAAM,WAAW,WACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA2HD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA2FlC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EAEpB,EAAE,EAGF,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAuB,EACrB,KAAK,QAAQ,EAGd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAOL,IAAI,EAIJ,OAAO,EACR,MAAM,SAAS,CAAC;AAMjB,KAAK,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAExD,MAAM,WAAW,WACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA6ID;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA+HlC,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,EAML,MAAM,EACN,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC3D,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAsFtC,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,EAML,MAAM,EACN,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC3D,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAwFtC,CAAC"}

package/dist/components/ChipSelect/ChipSelect.d.ts

@@ -0,0 +1,51 @@
+import { JSX } from 'react';
+import { ButtonProps } from '../Button';
+export interface ChipSelectOption<T extends string = string> {
+    id: T;
+    label: string;
+}
+export interface ChipSelectProps<T extends string = string> {
+    /** The choices, one checked at a time. */
+    options: ChipSelectOption<T>[];
+    /** The `id` of the checked option. */
+    value: T;
+    /** Called with the `id` of the option picked. */
+    onChange: (value: T) => void;
+    /** Names the control; also the accessible name of the trigger. */
+    "aria-label": string;
+    /** Leading icon of the trigger. */
+    icon?: ButtonProps["leadingIcon"];
+    /** What the value is (`Sort by`), shown before it; on a phone only in the tooltip. */
+    prefix?: string;
+    /** The trigger text, when it should differ from the checked option's label (a count, say). */
+    label?: string;
+    "data-cy"?: string;
+}
+/**
+ * A borderless single-choice menu for filter and sort rows: an icon, an optional
+ * `prefix: value` and a caret, opening a checklist of options.
+ *
+ * @example
+ * ```tsx
+ * <ChipSelect
+ *   aria-label="Sort by"
+ *   prefix="Sort by"
+ *   icon={ArrowDownWideNarrowIcon}
+ *   value={sort}
+ *   onChange={setSort}
+ *   options={[
+ *     { id: "newest", label: "Newest" },
+ *     { id: "oldest", label: "Oldest" },
+ *   ]}
+ * />
+ * ```
+ *
+ * @param options The choices, one checked at a time. See {@link ChipSelectOption}.
+ * @param value The `id` of the checked option.
+ * @param onChange Called with the `id` of the option picked.
+ * @param icon Leading icon of the trigger.
+ * @param prefix What the value is, shown before it. Below 640px only the value shows and a tooltip names both.
+ * @param label The trigger text, when it should differ from the checked option's label. Defaults to that label.
+ */
+export declare function ChipSelect<T extends string = string>({ options, value, onChange, icon, prefix, label, "aria-label": ariaLabel, "data-cy": dataCy, }: ChipSelectProps<T>): JSX.Element;
+//# sourceMappingURL=ChipSelect.d.ts.map

package/dist/components/ChipSelect/ChipSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSelect.d.ts","sourceRoot":"","sources":["../../../src/components/ChipSelect/ChipSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKvD,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACzD,EAAE,EAAE,CAAC,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD,0CAA0C;IAC1C,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,sCAAsC;IACtC,KAAK,EAAE,CAAC,CAAC;IACT,iDAAiD;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,kEAAkE;IAClE,YAAY,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAClC,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACpD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,MAAM,GAClB,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA6BlC"}

package/dist/components/ChipSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ChipSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ChipSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChipSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -0,0 +1,29 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCopy" | "children"> {
+    code: string;
+    children?: ReactNode;
+    language?: string;
+    onCopy?: (code: string) => void;
+}
+/**
+ * A read-only code snippet on a card, with a copy action in its corner.
+ *
+ * @param code The code to show and copy.
+ * @param language A Prism language for syntax colours (`"python"`, `"json"`,
+ *  `"yaml"`, `"ts"`, ...). Defaults to `"python"`; unknown languages render plain.
+ * @param children Already highlighted markup to show instead of `language`
+ *  colours; `code` is still what is copied.
+ * @param onCopy Called with the code after it is copied.
+ * @param props Additional HTML properties to apply to the card.
+ *
+ * @example
+ * ```tsx
+ * <CodeBlock
+ *   language="python"
+ *   code={'import fiftyone as fo\n\ndataset = fo.load_dataset("quickstart")'}
+ *   onCopy={() => toast("Copied")}
+ * />
+ * ```
+ */
+export declare const CodeBlock: FC<CodeBlockProps>;
+//# sourceMappingURL=CodeBlock.d.ts.map

package/dist/components/CodeBlock/CodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAwDf,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,cAAc,CAAC,cAAc,CAAC,EAC9B,QAAQ,GAAG,UAAU,CACtB;IACC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA4DxC,CAAC"}

package/dist/components/CodeBlock/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CodeBlock';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CodeBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/Combobox/Combobox.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import { FC, HTMLAttributes, ReactNode, RefObject } from 'react';
 import { IconInput } from '../Icons';
 import { Size, ZIndex } from '../../types';
 /** `data-*` attributes a host attaches to a part — a test id, a tracking hook. */
@@ -11,6 +11,11 @@ export interface ComboboxOption {
     label: string;
     /** Optional second line — a definition, a slug, an owner. */
     description?: ReactNode;
+    /**
+     * The section the row belongs to. A titled section starts wherever the
+     * group changes, so pass the rows ordered by group.
+     */
+    group?: string;
     /** `data-*` attributes for the row — a test id, a tracking hook. */
     [dataAttribute: `data-${string}`]: string | undefined;
 }
@@ -71,6 +76,18 @@ export interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, "onC
      * @default false
      */
     portal?: boolean;
+    /**
+     * With `portal`, the element the list drops under and takes its width
+     * from, instead of the field — for a field inside a larger frame, such as
+     * a search bar, whose list spans the frame.
+     */
+    anchor?: RefObject<HTMLElement | null>;
+    /**
+     * The list always shows, in the flow under the field, with no frame of its
+     * own — for a picker inside a popover, like a command palette. Escape and
+     * picking still report `onOpenChange(false)`, so the host can close.
+     */
+    inline?: boolean;
     /** Explicit z-index for the list. A portaled list defaults to above-modal. */
     zIndex?: ZIndex;
     /**
@@ -87,8 +104,8 @@ export interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, "onC
     /** Focus the field on mount — for a combobox that opens on demand. */
     focusOnMount?: boolean;
     /**
-     * Highlight the first row whenever there is text, so Enter takes the top
-     * match without an arrow key first. Off by default: with it off, Enter on
+     * Highlight the first row whenever there is text (an inline list: always),
+     * so Enter takes the top match without an arrow key first. Off by default: with it off, Enter on
      * unmatched text commits free text (or nothing), never a row the user
      * has not pointed at.
      * @default false
@@ -145,12 +162,14 @@ export interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, "onC
  * @param emptyMessage Shown when there are no options; a function receives `close`.
  * @param className `class` overrides for the wrapper.
  * @param portal Render the list in a portal, anchored to the field.
+ * @param anchor With `portal`, the element the list drops under instead of the field.
+ * @param inline The list always shows, in the flow, unframed.
  * @param zIndex Explicit z-index for the list.
  * @param commitOnBlur Commit free text on blur (default `true`).
  * @param borderless No frame on the field.
  * @param icon A leading icon in the field.
  * @param focusOnMount Focus the field on mount.
- * @param autoHighlight Highlight the first row whenever there is text.
+ * @param autoHighlight Highlight the first row whenever there is text (inline: always).
  * @param inputProps Attributes for the field itself.
  * @param header Shown above the list's contents whenever the list is open.
  * @param listProps Attributes for the list.

package/dist/components/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,EAAE,EACP,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAIL,IAAI,EAGJ,MAAM,EAEP,MAAM,SAAS,CAAC;AAGjB,kFAAkF;AAClF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE1E,4CAA4C;AAC5C,MAAM,WAAW,cAAc;IAC7B,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CACvD;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC;;;;OAIG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,8EAA8E;IAC9E,UAAU,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACzE,2DAA2D;IAC3D,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAAC;IAC/D,4EAA4E;IAC5E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC;IAC5D,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA0BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAyRtC,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,115 @@
+import { FC, HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+import { Breakpoint } from '../../util/breakpoints';
+/** A column of a {@link DataTable}. */
+export type DataTableColumn = {
+    /** Key of this column's cell in each row's `cells`. */
+    key: string;
+    /** Header text; in card mode it labels `meta` values. */
+    label: ReactNode;
+    /**
+     * Place of the column in card mode: `"primary"` is the card title,
+     * `"status"` sits beside it, `"actions"` at its end and `"meta"` (default)
+     * on the line below as `Label: value`.
+     */
+    role?: "primary" | "status" | "meta" | "actions";
+    /** Hides the column (header and cells) on windows narrower than this. Wide mode only. */
+    hideBelow?: Breakpoint;
+    align?: "start" | "end";
+    /**
+     * Column width in wide mode: a length such as `"16rem"`; `"fit"` hugs the
+     * content without wrapping; `"fill"` takes the free space and truncates
+     * first. Give the `primary` column `"fill"` and the others `"fit"` for a
+     * row of one flexible card then compact cells.
+     */
+    width?: string;
+};
+/** A row of a {@link DataTable}. */
+export type DataTableRow = {
+    id: string;
+    /** Cell content keyed by column `key`. */
+    cells: Record<string, ReactNode>;
+    /** Called on a click or Enter on the row; the event tells e.g. a ⌘-click to open in a new tab. */
+    onClick?: (event: SyntheticEvent) => void;
+    /** Spread onto the row (`tr`, or the card in card mode), e.g. `data-cy`. */
+    props?: HTMLAttributes<HTMLTableRowElement>;
+    /**
+     * Content shown under the row, full width (e.g. an expanded row's
+     * details); in card mode at the end of the card. Clicks in it do not
+     * reach `onClick`.
+     */
+    detail?: ReactNode;
+};
+export interface DataTableProps {
+    columns: DataTableColumn[];
+    rows: DataTableRow[];
+    /** Shown in place of the rows when there are none. */
+    empty?: ReactNode;
+    /** The table shows cards while it is narrower than this. Defaults to `"sm"`. */
+    cardBelow?: Breakpoint;
+    className?: string;
+    /** Names the table for assistive technology. */
+    "aria-label"?: string;
+    /**
+     * More rows, as {@link DataTableRowItem} elements: for a row which needs
+     * hooks or state of its own. They follow `rows`.
+     */
+    children?: ReactNode;
+}
+/**
+ * A table built from a column model. While the table itself is narrower
+ * than `cardBelow` (by its own width, so a table in a narrow pane also
+ * changes), each row shows as a card: the `primary` cell as title with
+ * `status` beside it and `actions` (icon-only) at the end, then the `meta`
+ * cells as wrapping `Label: value` items. Empty meta values are skipped.
+ * A row's `detail` (e.g. expanded details) shows full width under it.
+ *
+ * Clicks and Enter in an `actions` cell or a `detail` do not reach the
+ * row's `onClick`.
+ *
+ * @example
+ * ```tsx
+ * <DataTable
+ *   columns={[
+ *     { key: "name", label: "Name", role: "primary" },
+ *     { key: "status", label: "Status", role: "status" },
+ *     { key: "updated", label: "Updated", hideBelow: "md" },
+ *     { key: "menu", label: "", role: "actions", align: "end" },
+ *   ]}
+ *   rows={runs.map((run) => ({
+ *     id: run.id,
+ *     cells: { name: run.name, status: <RunStatus run={run} />, updated: run.updated, menu: <RunMenu run={run} /> },
+ *     onClick: () => openRun(run.id),
+ *     props: { "data-cy": "run-row" } as HTMLAttributes<HTMLTableRowElement>,
+ *   }))}
+ *   empty="No runs yet"
+ * />
+ * ```
+ *
+ * @param columns The columns, in wide-mode order. See {@link DataTableColumn}.
+ * @param rows The rows. See {@link DataTableRow}.
+ * @param empty Shown in place of the rows when there are none.
+ * @param cardBelow Breakpoint under which the table shows cards. Defaults to `"sm"` (640px).
+ * @param className Additional CSS class names for the table, or the box holding the cards.
+ * @param aria-label Names the table for assistive technology.
+ * @param children More rows as {@link DataTableRowItem} elements, for rows with hooks or state.
+ */
+export declare const DataTable: FC<DataTableProps>;
+/**
+ * A row of a {@link DataTable}, rendered as a table row or a card to match
+ * the table. Use it as a child of `DataTable` when a row needs hooks or state
+ * of its own; its props are those of a {@link DataTableRow}, without `id`.
+ *
+ * @example
+ * ```tsx
+ * const RunRow = ({ run }: { run: Run }) => {
+ *   const [open, setOpen] = useState(false);
+ *   return <DataTableRowItem cells={{ name: run.name, menu: <Menu open={open} /> }} />;
+ * };
+ *
+ * <DataTable columns={columns} rows={[]}>
+ *   {runs.map((run) => <RunRow key={run.id} run={run} />)}
+ * </DataTable>
+ * ```
+ */
+export declare const DataTableRowItem: FC<Omit<DataTableRow, "id">>;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EAEd,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAsBf,OAAO,EAAqB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKxE,uCAAuC;AACvC,MAAM,MAAM,eAAe,GAAG;IAC5B,uDAAuD;IACvD,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,yFAAyF;IACzF,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oCAAoC;AACpC,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACjC,kGAAkG;IAClG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,4EAA4E;IAC5E,KAAK,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC5C;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAyOD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAiDxC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAQzD,CAAC"}

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DataTable';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/Drawer/Drawer.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import { UseDisclosureOptions } from '../../util/useDisclosure';
 export type DrawerSide = `${"left" | "right" | "top" | "bottom"}`;
+/** A length in pixels, or a percentage of the viewport along the drawer's axis. */
+export type DrawerLength = number | `${number}%`;
 export interface DrawerHeaderState {
     open: boolean;
     toggle: () => void;
@@ -11,12 +13,16 @@ export interface DrawerProps extends UseDisclosureOptions {
      * Maximum content-area size in pixels. The header and resize handle are
      * excluded — `maxSize` caps only the scrollable body region.
      */
-    maxSize: number;
+    maxSize: DrawerLength;
     mode?: "push" | "float";
+    /** Shade the container behind an open floating drawer; a click on it closes the drawer. */
+    scrim?: boolean;
+    /** Offer the drag handle. Defaults to `true`. */
+    resizable?: boolean;
     header?: (state: DrawerHeaderState) => React.ReactNode;
     onSizeChange?: (size: number) => void;
-    /** Controlled content-area size in pixels, up to `maxSize`. */
-    size?: number;
+    /** Controlled content-area size, up to `maxSize`. */
+    size?: DrawerLength;
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
@@ -41,20 +47,30 @@ export interface DrawerProps extends UseDisclosureOptions {
  * >
  *   <LogList />
  * </Drawer>
+ *
+ * <Drawer side="bottom" mode="float" scrim resizable={false} size="62%" maxSize="90%" open={open} onOpenChange={setOpen}>
+ *   <Inspector />
+ * </Drawer>
  * ```
  *
  * @param side The edge the drawer docks to. Defaults to `"bottom"`.
- * @param maxSize Maximum size of the content area in pixels. The header and
- *  resize handle are not counted.
+ * @param maxSize Maximum size of the content area, in pixels or as a
+ *  percentage of the viewport (`"62%"`). The header and resize handle are not
+ *  counted.
  * @param mode `"push"` keeps the drawer in the layout flow, so it pushes
- *  neighbouring content aside; `"float"` positions it over the content.
- *  Defaults to `"push"`.
+ *  neighbouring content aside; `"float"` positions it over the content along
+ *  its edge. Content stays mounted while closed in both modes. Defaults to
+ *  `"push"`.
+ * @param resizable Whether the drag handle shows. Defaults to `true`.
+ * @param scrim With `mode="float"`, shades the container behind the open
+ *  drawer; clicking the shade closes the drawer. Defaults to `false`.
  * @param header Renders the header. Receives `{ open, toggle }`.
  * @param defaultOpen Initial open state when uncontrolled. Defaults to `true`.
  * @param open Controlled open state.
  * @param onOpenChange Called when the open state changes.
  * @param onSizeChange Called with the new content size in pixels.
- * @param size Controlled content size in pixels. Drags report the new size
+ * @param size Controlled content size, in pixels or as a percentage of the
+ *  viewport; the content then fills that size. Drags report the new size
  *  through `onSizeChange` instead of resizing the drawer themselves; dragging
  *  it shut closes it through `onOpenChange` and reports no size.
  * @param children The drawer content.

package/dist/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAKjE,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAE,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAYD,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAKjE,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAE,CAAC;AAElE,mFAAmF;AACnF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AA+CD,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Drawer/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Drawer } from './Drawer';
-export type { DrawerProps, DrawerSide, DrawerHeaderState } from './Drawer';
+export type { DrawerProps, DrawerSide, DrawerHeaderState, DrawerLength, } from './Drawer';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EACV,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,YAAY,GACb,MAAM,UAAU,CAAC"}

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -1,15 +1,14 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { ButtonProps } from '../Button';
-/**
- * Props for {@link DropdownTrigger}. Accepts {@link ButtonProps} except
- * `variant` and `trailingIcon`, which are fixed by the trigger preset
- * (secondary variant + caret-down icon).
- */
-export type DropdownTriggerProps = Omit<ButtonProps, "variant" | "trailingIcon">;
+export type DropdownTriggerProps = Omit<ButtonProps, "variant" | "trailingIcon"> & {
+    /** What the value is, shown before it (`Sort by: Newest`); on a phone only in the tooltip. */
+    prefix?: ReactNode;
+};
 /**
  * The standard trigger button for a {@link Dropdown}.
- * Always renders as a secondary button with a trailing caret-down icon
- * so users know the element opens a menu.
+ * Renders as a secondary button with a trailing caret-down icon so users
+ * know the element opens a menu. `borderless` drops the outline for a
+ * rounded pill that fills only on hover, for toolbars and filter rows.
  *
  * @example
  * ```tsx
@@ -18,8 +17,28 @@ export type DropdownTriggerProps = Omit<ButtonProps, "variant" | "trailingIcon">
  * </Dropdown>
  * ```
  *
+ * @example
+ * ```tsx
+ * <Dropdown
+ *   trigger={
+ *     <DropdownTrigger borderless leadingIcon={SlidersHorizontalIcon} prefix="Sort by">
+ *       Newest
+ *     </DropdownTrigger>
+ *   }
+ * >
+ *   <MenuTextItem onClick={() => {}}>Oldest</MenuTextItem>
+ * </Dropdown>
+ * ```
+ *
  * @param children Button label.
+ * @param prefix What the value names, shown as `prefix: value`. Below 640px,
+ *  or in a row out of room (`useCompactRow`, `OverflowRow`), only the value
+ *  shows and a tooltip reads prefix and value; the `aria-label` keeps both
+ *  unless one is passed.
  * @param size Button size. Defaults to `"sm"`.
+ * @param borderless No outline; a rounded fill appears on hover. The leading
+ *  icon shrinks to 14px and both icons take the muted icon colour.
+ * @param leadingIcon Optional icon before the label.
  * @param props Additional {@link ButtonProps} (excluding `variant` and `trailingIcon`).
  */
 export declare const DropdownTrigger: FC<DropdownTriggerProps>;

package/dist/components/Dropdown/DropdownTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAI/D;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,WAAW,EACX,SAAS,GAAG,cAAc,CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}
+{"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AA4C/D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,WAAW,EACX,SAAS,GAAG,cAAc,CAC3B,GAAG;IACF,8FAA8F;IAC9F,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAuEpD,CAAC"}