@antscorp/ui 0.1.1 → 0.1.3

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export { PathMark, type PathMarkProps, useEnclosingPath } from "./atoms/PathMark
 export { RowSkeletons, type RowSkeletonsProps } from "./atoms/RowSkeletons.js";
 export { TextAction, type TextActionProps } from "./atoms/TextAction.js";
 export { TruncatedText, type TruncatedTextProps } from "./atoms/TruncatedText.js";
+export { TruncatedOption, type TruncatedOptionProps } from "./atoms/TruncatedOption.js";
 export { AccentCard, type AccentCardProps } from "./molecules/AccentCard.js";
 export { ChoiceDialog, type ChoiceDialogProps } from "./molecules/ChoiceDialog.js";
 export { type ChoiceTile, ChoiceTiles, type ChoiceTilesProps } from "./molecules/ChoiceTiles.js";
@@ -66,3 +67,4 @@ export { HourOfDayRow, type HourOfDayRowProps } from "./organisms/HourOfDayRow.j
 export { HourOfWeekGrid, type HourOfWeekGridProps } from "./organisms/HourOfWeekGrid.js";
 export { ResizableDrawer, type ResizableDrawerProps } from "./organisms/ResizableDrawer.js";
 export { TreeSelect, type TreeSelectItem, type TreeSelectProps } from "./organisms/TreeSelect.js";
+export { TreeSearchPanel, type TreeSearchPanelProps } from "./organisms/TreeSearchPanel.js";

package/dist/index.js

@@ -16,54 +16,56 @@ import { PathMark as y, useEnclosingPath as b } from "./atoms/PathMark.js";
 import { RowSkeletons as x } from "./atoms/RowSkeletons.js";
 import { TextAction as S } from "./atoms/TextAction.js";
 import { TruncatedText as C } from "./atoms/TruncatedText.js";
-import { AccentCard as w } from "./molecules/AccentCard.js";
-import { RevealRadioGroup as T } from "./molecules/RevealRadioGroup.js";
-import { ChoiceDialog as E } from "./molecules/ChoiceDialog.js";
-import { ChoiceTiles as D } from "./molecules/ChoiceTiles.js";
-import { errorStatus as O } from "./lib/errorStatus.js";
-import { tokenLength as k } from "./lib/tokenLength.js";
-import { fitToMaxLength as A } from "./lib/fitToMaxLength.js";
-import { useDraft as j } from "./lib/useDraft.js";
-import { CommitTextField as M } from "./molecules/CommitTextField.js";
-import { FieldSkeleton as N } from "./molecules/FieldSkeleton.js";
-import { TokenTextField as P } from "./molecules/TokenTextField.js";
-import { TreeOptions as F } from "./molecules/TreeOptions.js";
-import { LoadMoreRow as I } from "./molecules/LoadMoreRow.js";
-import { TreeSelect as L } from "./organisms/TreeSelect.js";
-import { TokenPickerDialog as R } from "./organisms/TokenPickerDialog.js";
-import { ConfirmDialog as z } from "./molecules/ConfirmDialog.js";
-import { dateValue as B, timeValue as V } from "./lib/iso.js";
-import { FieldGroup as H } from "./molecules/FieldGroup.js";
-import { DateTimeInput as U } from "./molecules/DateTimeInput.js";
-import { DurationInput as W } from "./molecules/DurationInput.js";
-import { FieldRow as G } from "./molecules/FieldRow.js";
-import { PercentRow as K } from "./molecules/PercentRow.js";
-import { PhoneFrame as q } from "./molecules/PhoneFrame.js";
-import { ProblemsButton as J } from "./molecules/ProblemsButton.js";
-import { RemovableRow as Y } from "./molecules/RemovableRow.js";
-import { RevealSwitch as X } from "./molecules/RevealSwitch.js";
-import { RuleRow as Z } from "./molecules/RuleRow.js";
-import { Select as Q } from "./molecules/Select.js";
-import { SideLabelRow as $ } from "./molecules/SideLabelRow.js";
-import { CheckRow as ee } from "./molecules/CheckRow.js";
-import { MetaTable as te } from "./molecules/MetaTable.js";
-import { TransferLayout as ne } from "./molecules/TransferLayout.js";
-import { CheckGroup as re } from "./molecules/CheckGroup.js";
-import { FrequencyLimitRow as ie } from "./molecules/FrequencyLimitRow.js";
-import { InlineEditableText as ae } from "./molecules/InlineEditableText.js";
-import { LoadState as oe } from "./molecules/LoadState.js";
-import { SplitButton as se } from "./molecules/SplitButton.js";
-import { StatusButton as ce } from "./molecules/StatusButton.js";
-import { TagSelect as le } from "./molecules/TagSelect.js";
-import { ToggleGrid as ue } from "./molecules/ToggleGrid.js";
-import { useConfirmedChange as de } from "./lib/useConfirmedChange.js";
-import { RepeatableList as fe } from "./organisms/RepeatableList.js";
-import { RuleGroups as pe } from "./organisms/RuleGroups.js";
-import { RuleList as me } from "./organisms/RuleList.js";
-import { SearchableGroupedList as he } from "./organisms/SearchableGroupedList.js";
-import { TransferPicker as ge } from "./organisms/TransferPicker.js";
-import { ChipListAddPopover as _e } from "./organisms/ChipListAddPopover.js";
-import { HourOfDayRow as ve } from "./organisms/HourOfDayRow.js";
-import { HourOfWeekGrid as ye } from "./organisms/HourOfWeekGrid.js";
-import { ResizableDrawer as be } from "./organisms/ResizableDrawer.js";
-export { w as AccentCard, n as AddButton, t as AddGlyph, e as AntsomiTheme, re as CheckGroup, ee as CheckRow, i as Chip, _e as ChipListAddPopover, l as ChipSkeletons, E as ChoiceDialog, D as ChoiceTiles, M as CommitTextField, z as ConfirmDialog, U as DateTimeInput, W as DurationInput, p as FIELD_PATH_ATTRIBUTE, H as FieldGroup, s as FieldHeading, G as FieldRow, N as FieldSkeleton, ie as FrequencyLimitRow, ve as HourOfDayRow, ye as HourOfWeekGrid, a as HoverSwap, o as InfoTip, ae as InlineEditableText, c as JointLabel, u as LabeledDivider, I as LoadMoreRow, oe as LoadState, f as LogoImage, te as MetaTable, d as PanelSearchInput, y as PathMark, m as PathRevealContext, K as PercentRow, q as PhoneFrame, J as ProblemsButton, Y as RemovableRow, r as RemoveButton, fe as RepeatableList, be as ResizableDrawer, T as RevealRadioGroup, X as RevealSwitch, x as RowSkeletons, pe as RuleGroups, me as RuleList, Z as RuleRow, he as SearchableGroupedList, Q as Select, $ as SideLabelRow, se as SplitButton, ce as StatusButton, le as TagSelect, S as TextAction, ue as ToggleGrid, R as TokenPickerDialog, P as TokenTextField, ne as TransferLayout, ge as TransferPicker, F as TreeOptions, L as TreeSelect, C as TruncatedText, B as dateValue, O as errorStatus, A as fitToMaxLength, h as pathMarkOf, g as revealPath, V as timeValue, k as tokenLength, de as useConfirmedChange, j as useDraft, b as useEnclosingPath, _ as usePathReveal, v as useRevealedState };
+import { TruncatedOption as w } from "./atoms/TruncatedOption.js";
+import { AccentCard as T } from "./molecules/AccentCard.js";
+import { RevealRadioGroup as E } from "./molecules/RevealRadioGroup.js";
+import { ChoiceDialog as D } from "./molecules/ChoiceDialog.js";
+import { ChoiceTiles as O } from "./molecules/ChoiceTiles.js";
+import { errorStatus as k } from "./lib/errorStatus.js";
+import { tokenLength as A } from "./lib/tokenLength.js";
+import { fitToMaxLength as j } from "./lib/fitToMaxLength.js";
+import { useDraft as M } from "./lib/useDraft.js";
+import { CommitTextField as N } from "./molecules/CommitTextField.js";
+import { FieldSkeleton as P } from "./molecules/FieldSkeleton.js";
+import { TokenTextField as F } from "./molecules/TokenTextField.js";
+import { TreeOptions as I } from "./molecules/TreeOptions.js";
+import { LoadMoreRow as L } from "./molecules/LoadMoreRow.js";
+import { TreeSearchPanel as R } from "./organisms/TreeSearchPanel.js";
+import { TreeSelect as z } from "./organisms/TreeSelect.js";
+import { TokenPickerDialog as B } from "./organisms/TokenPickerDialog.js";
+import { ConfirmDialog as V } from "./molecules/ConfirmDialog.js";
+import { dateValue as H, timeValue as U } from "./lib/iso.js";
+import { FieldGroup as W } from "./molecules/FieldGroup.js";
+import { DateTimeInput as G } from "./molecules/DateTimeInput.js";
+import { DurationInput as K } from "./molecules/DurationInput.js";
+import { FieldRow as q } from "./molecules/FieldRow.js";
+import { PercentRow as J } from "./molecules/PercentRow.js";
+import { PhoneFrame as Y } from "./molecules/PhoneFrame.js";
+import { ProblemsButton as X } from "./molecules/ProblemsButton.js";
+import { RemovableRow as Z } from "./molecules/RemovableRow.js";
+import { RevealSwitch as Q } from "./molecules/RevealSwitch.js";
+import { RuleRow as $ } from "./molecules/RuleRow.js";
+import { Select as ee } from "./molecules/Select.js";
+import { SideLabelRow as te } from "./molecules/SideLabelRow.js";
+import { CheckRow as ne } from "./molecules/CheckRow.js";
+import { MetaTable as re } from "./molecules/MetaTable.js";
+import { TransferLayout as ie } from "./molecules/TransferLayout.js";
+import { CheckGroup as ae } from "./molecules/CheckGroup.js";
+import { FrequencyLimitRow as oe } from "./molecules/FrequencyLimitRow.js";
+import { InlineEditableText as se } from "./molecules/InlineEditableText.js";
+import { LoadState as ce } from "./molecules/LoadState.js";
+import { SplitButton as le } from "./molecules/SplitButton.js";
+import { StatusButton as ue } from "./molecules/StatusButton.js";
+import { TagSelect as de } from "./molecules/TagSelect.js";
+import { ToggleGrid as fe } from "./molecules/ToggleGrid.js";
+import { useConfirmedChange as pe } from "./lib/useConfirmedChange.js";
+import { RepeatableList as me } from "./organisms/RepeatableList.js";
+import { RuleGroups as he } from "./organisms/RuleGroups.js";
+import { RuleList as ge } from "./organisms/RuleList.js";
+import { SearchableGroupedList as _e } from "./organisms/SearchableGroupedList.js";
+import { TransferPicker as ve } from "./organisms/TransferPicker.js";
+import { ChipListAddPopover as ye } from "./organisms/ChipListAddPopover.js";
+import { HourOfDayRow as be } from "./organisms/HourOfDayRow.js";
+import { HourOfWeekGrid as xe } from "./organisms/HourOfWeekGrid.js";
+import { ResizableDrawer as Se } from "./organisms/ResizableDrawer.js";
+export { T as AccentCard, n as AddButton, t as AddGlyph, e as AntsomiTheme, ae as CheckGroup, ne as CheckRow, i as Chip, ye as ChipListAddPopover, l as ChipSkeletons, D as ChoiceDialog, O as ChoiceTiles, N as CommitTextField, V as ConfirmDialog, G as DateTimeInput, K as DurationInput, p as FIELD_PATH_ATTRIBUTE, W as FieldGroup, s as FieldHeading, q as FieldRow, P as FieldSkeleton, oe as FrequencyLimitRow, be as HourOfDayRow, xe as HourOfWeekGrid, a as HoverSwap, o as InfoTip, se as InlineEditableText, c as JointLabel, u as LabeledDivider, L as LoadMoreRow, ce as LoadState, f as LogoImage, re as MetaTable, d as PanelSearchInput, y as PathMark, m as PathRevealContext, J as PercentRow, Y as PhoneFrame, X as ProblemsButton, Z as RemovableRow, r as RemoveButton, me as RepeatableList, Se as ResizableDrawer, E as RevealRadioGroup, Q as RevealSwitch, x as RowSkeletons, he as RuleGroups, ge as RuleList, $ as RuleRow, _e as SearchableGroupedList, ee as Select, te as SideLabelRow, le as SplitButton, ue as StatusButton, de as TagSelect, S as TextAction, fe as ToggleGrid, B as TokenPickerDialog, F as TokenTextField, ie as TransferLayout, ve as TransferPicker, I as TreeOptions, R as TreeSearchPanel, z as TreeSelect, w as TruncatedOption, C as TruncatedText, H as dateValue, k as errorStatus, j as fitToMaxLength, h as pathMarkOf, g as revealPath, U as timeValue, A as tokenLength, pe as useConfirmedChange, M as useDraft, b as useEnclosingPath, _ as usePathReveal, v as useRevealedState };

package/dist/lib/useLoadingShown.d.ts

@@ -1,5 +1,5 @@
 /**
- * When a loading state shows, for every view of the kit (marketinghub ADR 0080): only after the load has
+ * When a loading state shows, for every view of the kit: only after the load has
  * lasted `delay` ms, then for at least `minDuration` ms, so a fast load shows nothing and a slow
  * one never flashes. `delay` matches the antsomi theme's skeleton `animationDelay`.
  */

package/dist/molecules/AccentCard.d.ts

@@ -21,9 +21,8 @@ export type AccentCardProps = {
     readonly isDisabled?: boolean | undefined;
     /**
      * `stripe` (default): a grey border with an accent stripe down the start edge and a light
-     * header bar, as fe-app's Perform event card. `banner`: no border nor stripe but a soft shadow,
-     * under a dark blue header bar with the title in white capitals and a white close cross, as
-     * fe-app's audience picker.
+     * header bar. `banner`: no border nor stripe but a soft shadow,
+     * under a dark blue header bar with the title in white capitals and a white close cross.
      */
     readonly variant?: "stripe" | "banner" | undefined;
 };

package/dist/molecules/AccentCard.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for AccentCard. */
+export declare const doc: {
+    category: "Layout";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/CheckGroup.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for CheckGroup. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/CheckRow.d.ts

@@ -25,7 +25,7 @@ export type CheckRowProps = {
  * One row of a list to tick: a checkbox (md, as every checkbox), the row's text on one line (and
  * an optional second line), and content at its end that `hoverContent` replaces while the row is
  * hovered or focused. The box is the control and is named by the text; the text itself is not a
- * click target, as in fe-app. As high as a small control, so `RowSkeletons variant="check"`
+ * click target. As high as a small control, so `RowSkeletons variant="check"`
  * stands in for it without a shift. It holds no state.
  */
 export declare function CheckRow(props: CheckRowProps): ReactNode;

package/dist/molecules/CheckRow.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for CheckRow. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/ChoiceDialog.doc.d.ts

@@ -0,0 +1,21 @@
+/** Usage guidance for ChoiceDialog. */
+export declare const doc: {
+    category: "Overlays";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: {
+            name: string;
+            required: true;
+            description: string;
+        }[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/ChoiceTiles.d.ts

@@ -22,7 +22,7 @@ export type ChoiceTilesProps<V extends string> = {
     readonly isDisabled?: boolean | undefined;
 };
 /**
- * A choice among a few ways to go on, as antsomi-ui's tiles: a wrapping row of 180×170 cards, each
+ * A choice among a few ways to go on: a wrapping row of 180×170 cards, each
  * a button with its glyph in a soft accent circle, a bold title and a description under it. A pick
  * is an action, not a selected state: the host shows what follows instead. It holds no state.
  */

package/dist/molecules/ChoiceTiles.doc.d.ts

@@ -0,0 +1,21 @@
+/** Usage guidance for ChoiceTiles. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: {
+            name: string;
+            required: true;
+            description: string;
+        }[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/CommitTextField.doc.d.ts

@@ -0,0 +1,29 @@
+/** Usage guidance for CommitTextField. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    related: {
+        name: string;
+        when: string;
+    }[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/ConfirmDialog.doc.d.ts

@@ -0,0 +1,21 @@
+/** Usage guidance for ConfirmDialog. */
+export declare const doc: {
+    category: "Overlays";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: {
+            name: string;
+            required: true;
+            description: string;
+        }[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/DateTimeInput.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for DateTimeInput. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/DurationInput.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for DurationInput. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/FieldGroup.d.ts

@@ -11,7 +11,7 @@ export type FieldGroupProps = {
     readonly frame?: "none" | "card" | undefined;
     /** Help under the label. */
     readonly description?: string | undefined;
-    /** Disables every field in the group, e.g. for a read-only form. */
+    /** Disables fields through the unframed fieldset; with `frame="card"`, disable children yourself. */
     readonly isDisabled?: boolean | undefined;
     /** A problem with the group as a whole, already in the user's language. */
     readonly error?: string | undefined;

package/dist/molecules/FieldGroup.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for FieldGroup. */
+export declare const doc: {
+    category: "Layout";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/FieldRow.d.ts

@@ -3,7 +3,7 @@ import type { ReactNode } from "react";
 export type FieldRowProps = {
     /**
      * The row's caption, in a column at the start. Without it the column stays, empty, so the
-     * content lines up with the captioned rows around it (as fe-app's empty title column); stacked,
+     * content lines up with the captioned rows around it; stacked,
      * nothing is drawn above the content.
      */
     readonly label?: string | undefined;

package/dist/molecules/FieldRow.doc.d.ts

@@ -0,0 +1,24 @@
+/** Usage guidance for FieldRow. */
+export declare const doc: {
+    category: "Layout";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: false;
+            description: string;
+        } | {
+            name: string;
+            required: true;
+            description: string;
+        })[];
+    };
+};

package/dist/molecules/FieldSkeleton.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for FieldSkeleton. */
+export declare const doc: {
+    category: "Feedback";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: false;
+            description: string;
+        } | {
+            name: string;
+            required: true;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/FrequencyLimitRow.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for FrequencyLimitRow. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/InlineEditableText.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for InlineEditableText. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/LoadMoreRow.doc.d.ts

@@ -0,0 +1,21 @@
+/** Usage guidance for LoadMoreRow. */
+export declare const doc: {
+    category: "Feedback";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: {
+            name: string;
+            required: false;
+            description: string;
+        }[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/LoadState.doc.d.ts

@@ -0,0 +1,21 @@
+/** Usage guidance for LoadState. */
+export declare const doc: {
+    category: "Feedback";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: {
+            name: string;
+            required: false;
+            description: string;
+        }[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/MetaTable.d.ts

@@ -32,7 +32,7 @@ export type MetaTableProps = {
     } | undefined;
 };
 /**
- * A read-only table of names and a short value each, as fe-app shows a pick in view mode: a name
+ * A read-only table of names and a short value each: a name
  * column (each name a link when it has an `href`, on one line with the whole name in a tooltip when
  * cut; a problem in the error tone with a ⚠ tip) and, with `labels.meta`, a value column at the
  * end. A row that `isLoading` shows shimmer bars in its cells, in the table's real columns; the

package/dist/molecules/MetaTable.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for MetaTable. */
+export declare const doc: {
+    category: "Data display";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};