@voxel51/voodo 2.9.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/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/Dropdown/DropdownTrigger.d.ts

@@ -31,11 +31,14 @@ export type DropdownTriggerProps = Omit<ButtonProps, "variant" | "trailingIcon">
  * ```
  *
  * @param children Button label.
- * @param prefix What the value names, shown as `prefix: value`. Below 640px
- *  only the value shows and a tooltip reads prefix and value; the
- *  `aria-label` keeps both unless one is passed.
+ * @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.
+ * @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,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAY/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2CpD,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"}

package/dist/components/EmptyArt/EmptyArt.d.ts

@@ -0,0 +1,96 @@
+import { FC } from 'react';
+export interface EmptyArtProps {
+    className?: string;
+}
+/**
+ * Attention travelling across a frame and resolving into a thread: the
+ * "no comments yet" art.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState art={<CommentsEmptyArt />} title="No comments yet" />
+ * ```
+ *
+ * @param className Extra classes for the SVG; it fills its container's width.
+ */
+export declare const CommentsEmptyArt: FC<EmptyArtProps>;
+/**
+ * A timeline assembling itself: the "no history yet" art.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState art={<HistoryEmptyArt />} title="No history yet" />
+ * ```
+ *
+ * @param className Extra classes for the SVG; it fills its container's width.
+ */
+export declare const HistoryEmptyArt: FC<EmptyArtProps>;
+/**
+ * A scan converging on one match in a grid: the "no results" art.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState art={<SearchEmptyArt />} title="Nothing matches yet" />
+ * ```
+ *
+ * @param className Extra classes for the SVG; it fills its container's width.
+ */
+export declare const SearchEmptyArt: FC<EmptyArtProps>;
+/**
+ * Scattered samples pulled into a neighbourhood around one anchor: the
+ * "no similarity index yet" art.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState art={<SimilarityEmptyArt />} title="No similarity index yet" />
+ * ```
+ *
+ * @param className Extra classes for the SVG; it fills its container's width.
+ */
+export declare const SimilarityEmptyArt: FC<EmptyArtProps>;
+/**
+ * Bars rising into a comparison, a scorecard writing itself: the
+ * "no evaluations yet" art.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState art={<EvaluationEmptyArt />} title="No evaluations yet" />
+ * ```
+ *
+ * @param className Extra classes for the SVG; it fills its container's width.
+ */
+export declare const EvaluationEmptyArt: FC<EmptyArtProps>;
+/**
+ * A panel surface assembling itself: the neutral "nothing here yet" art.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState art={<PanelEmptyArt />} title="No runs yet" />
+ * ```
+ *
+ * @param className Extra classes for the SVG; it fills its container's width.
+ */
+export declare const PanelEmptyArt: FC<EmptyArtProps>;
+/**
+ * A box drawn and locked onto its subject: the "no annotations yet" art.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState art={<AnnotationEmptyArt />} title="No annotations yet" />
+ * ```
+ *
+ * @param className Extra classes for the SVG; it fills its container's width.
+ */
+export declare const AnnotationEmptyArt: FC<EmptyArtProps>;
+/**
+ * Weights settling into a served model: the "no models yet" art.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState art={<ModelsEmptyArt />} title="No models yet" />
+ * ```
+ *
+ * @param className Extra classes for the SVG; it fills its container's width.
+ */
+export declare const ModelsEmptyArt: FC<EmptyArtProps>;
+//# sourceMappingURL=EmptyArt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyArt.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyArt/EmptyArt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAC;AAM3E,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,aAAa,CAwH9C,CAAC;AAGF;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,aAAa,CAkD7C,CAAC;AAGF;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,aAAa,CAoD5C,CAAC;AAGF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,CAqDhD,CAAC;AAGF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,CA0ChD,CAAC;AAGF;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,aAAa,CAoC3C,CAAC;AAGF;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,CA6ChD,CAAC;AAGF;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,aAAa,CAuD5C,CAAC"}

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

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

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

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

package/dist/components/EmptyState/EmptyState.d.ts

@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { IconInput } from '../Icons';
 import { StackProps } from '../Stack';
 export interface EmptyStateProps extends StackProps {
     icon?: IconInput;
+    art?: ReactNode;
     title: string;
     description?: string;
 }
@@ -18,9 +19,21 @@ export interface EmptyStateProps extends StackProps {
  * />
  * ```
  *
+ * With `art` (such as {@link PanelEmptyArt}), the illustration replaces the
+ * icon and the text follows the illustrated layout; `children` render below
+ * the text as an action area.
+ *
+ * ```tsx
+ * <EmptyState art={<PanelEmptyArt />} title="No runs yet">
+ *   <Button variant="primary">Run a workflow</Button>
+ * </EmptyState>
+ * ```
+ *
  * @param icon The icon to display in the empty state: a per-icon component.
+ * @param art An illustration shown instead of the icon, 150px wide.
  * @param title The title to display in the empty state.
  * @param description An optional description to display in the empty state.
+ * @param children An optional action area below the text.
  * @param props Additional {@link Stack} properties to apply to the component.
  */
 export declare const EmptyState: FC<EmptyStateProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgBvD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwC1C,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgBvD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+D1C,CAAC"}

package/dist/components/FilterBar/FilterBar.d.ts

@@ -0,0 +1,33 @@
+import { FC, ReactNode } from 'react';
+export interface FilterBarProps {
+    /** A title or heading: at the start of the row, or on its own row when narrow. */
+    leading?: ReactNode;
+    /** The search input; the bar sizes its slot. */
+    search?: ReactNode;
+    /** Filter and sort controls, such as {@link ChipSelect}s. */
+    children?: ReactNode;
+    /** Primary actions (a create button), kept at the end of the row. */
+    actions?: ReactNode;
+}
+/**
+ * The search, filter and action controls above a list. One row on a wide screen;
+ * below 1024px the title, then the search and actions, then the filters each
+ * take a row, the filters scrolling sideways.
+ *
+ * @example
+ * ```tsx
+ * <FilterBar
+ *   search={<Input type="search" icon={SearchIcon} placeholder="Search" />}
+ *   actions={<Button variant="primary" leadingIcon={AddIcon} collapse="sm">New</Button>}
+ * >
+ *   <ChipSelect aria-label="Group by" prefix="Group by" value="none" onChange={() => {}} options={[{ id: "none", label: "None" }]} />
+ * </FilterBar>
+ * ```
+ *
+ * @param leading A title or heading: at the start of the row on a wide screen, on its own row below 1024px.
+ * @param search The search input. Its slot grows to fill the row.
+ * @param children Filter and sort controls.
+ * @param actions Primary actions, kept at the end of the row.
+ */
+export declare const FilterBar: FC<FilterBarProps>;
+//# sourceMappingURL=FilterBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/FilterBar/FilterBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAoCxC,CAAC"}

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

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

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

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

package/dist/components/FilterChip/FilterChip.d.ts

@@ -0,0 +1,28 @@
+import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+export interface FilterChipProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /** The chip text. */
+    children: ReactNode;
+    /** A count after the text, in a smaller muted figure. */
+    count?: number;
+    /** Whether the filter is on; shows the chip inverted and sets `aria-pressed`. */
+    selected?: boolean;
+}
+/**
+ * A pill button that toggles one filter, such as a tag in a tag cloud, with an
+ * optional count.
+ *
+ * @example
+ * ```tsx
+ * <FilterChip count={6} selected={on} onClick={() => setOn(!on)}>
+ *   automotive
+ * </FilterChip>
+ * ```
+ *
+ * @param children The chip text.
+ * @param count A count after the text, shown smaller and muted, locale formatted.
+ * @param selected Whether the filter is on: the chip inverts and `aria-pressed` is set.
+ * @param className `class` overrides to apply to the component.
+ * @param props Additional button properties.
+ */
+export declare const FilterChip: FC<FilterChipProps>;
+//# sourceMappingURL=FilterChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChip.d.ts","sourceRoot":"","sources":["../../../src/components/FilterChip/FilterChip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWjE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,CACX;IACC,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsC1C,CAAC"}

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

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

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

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

package/dist/components/IconAction/IconAction.d.ts

@@ -1,10 +1,15 @@
 import { ButtonHTMLAttributes, FC } from 'react';
 import { IconInput } from '../Icons';
 import { Size } from '../../types';
-type IconActionSize = `${Size.Sm | Size.Md | Size.Lg}`;
+type IconActionSize = `${Size.Xs | Size.Sm | Size.Md | Size.Lg}`;
+export type IconActionTone = "default" | "brand" | "danger";
 export interface IconActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     icon: IconInput;
     size?: IconActionSize;
+    /** On (a pinned pin, say): a filled brand-coloured glyph on a nested-card fill. */
+    active?: boolean;
+    /** `"brand"`: brand-tinted on hover while off, as it is when on. `"danger"`: a danger fill on hover (remove, delete). */
+    tone?: IconActionTone;
     "aria-label": string;
 }
 /**
@@ -16,7 +21,9 @@ export interface IconActionProps extends ButtonHTMLAttributes<HTMLButtonElement>
  * ```
  *
  * @param icon The icon to show: a per-icon component such as `CloseIcon`.
- * @param size `"sm"`, `"md"` or `"lg"`. Defaults to `"md"`.
+ * @param size `"xs"`, `"sm"`, `"md"` or `"lg"`. Defaults to `"md"`.
+ * @param active Shows the action as on: a filled brand-coloured glyph on a nested-card fill, brand-tinted on hover.
+ * @param tone `"brand"` gives the off state the same brand-tinted hover (a pin that is not pinned yet); `"danger"` fills with the danger colour on hover (remove, delete). Defaults to `"default"`.
  * @param aria-label Required, because the action has no visible text.
  * @param className Additional CSS class names to apply to the button.
  * @param props Additional HTML button properties, such as `onClick`.

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

@@ -1 +1 @@
-{"version":3,"file":"IconAction.d.ts","sourceRoot":"","sources":["../../../src/components/IconAction/IconAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAML,IAAI,EAEL,MAAM,SAAS,CAAC;AAEjB,KAAK,cAAc,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAiBD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsB1C,CAAC"}
+{"version":3,"file":"IconAction.d.ts","sourceRoot":"","sources":["../../../src/components/IconAction/IconAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAOL,IAAI,EAEL,MAAM,SAAS,CAAC;AAEjB,KAAK,cAAc,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yHAAyH;IACzH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAoBD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoD1C,CAAC"}