@orianatech/pire 0.15.0 → 0.17.0

package/dist/components/data/DataTable.d.cts

@@ -7,12 +7,28 @@ export interface DataTableColumn<T = any> {
     /** Right-aligns and switches to tabular mono. Use for every amount, quantity and ID. */
     numeric?: boolean;
     sortable?: boolean;
+    /**
+     * Keeps `label` for assistive tech but not on screen. For a utility column — a disclosure or
+     * row-action column — where a visible header is noise. An *empty* label is not the answer: a
+     * header with no text leaves its column unnamed for anyone using a screen reader.
+     */
+    hideLabel?: boolean;
     render?: (row: T) => React.ReactNode;
 }
 export interface DataTableSort {
     key: string;
     dir: 'asc' | 'desc';
 }
+export interface DataTableRowProps {
+    /** Extra class on the `<tr>`. */
+    className?: string;
+    /**
+     * Greys the row and takes it out of selection and row actions. Use it when a row is present for
+     * context but cannot be acted on — and pair it with a cell that says *why*, since a greyed row
+     * on its own does not explain itself.
+     */
+    isDisabled?: boolean;
+}
 export interface DataTableProps<T extends {
     id: string | number;
 } = any> {
@@ -29,6 +45,25 @@ export interface DataTableProps<T extends {
     onSortChange?: (sort: DataTableSort) => void;
     onRowAction?: (row: T) => void;
     emptyLabel?: React.ReactNode;
+    /**
+     * Summary cells keyed by column, rendered in a real `<tfoot>`.
+     *
+     * Keyed rather than free-form so a total sits under the column it totals, and stays there when
+     * columns are reordered or resized. Columns missing from the map get an empty cell. Hidden while
+     * `isLoading`, since a total from the previous response next to skeleton rows reads as current.
+     */
+    footer?: Record<string, React.ReactNode>;
+    /** Per-row presentation and interactivity. Called for every row on every render — keep it cheap. */
+    rowProps?: (row: T) => DataTableRowProps;
+    /**
+     * Detail rendered in a full-width row beneath its parent, for the rows named by `expandedIds`.
+     *
+     * Expansion is controlled: put the trigger in a column's `render` and track the ids yourself.
+     * The table has no opinion on what opens a row, because the affordance differs per screen.
+     */
+    renderExpanded?: (row: T) => React.ReactNode;
+    /** Ids whose `renderExpanded` content is currently shown. */
+    expandedIds?: Array<string | number>;
     /** Swaps the body for skeleton rows derived from `columns` and `density`, keeping the header. */
     isLoading?: boolean;
     /** Skeleton row count. Defaults to the current `rows` length, or 5 when there are none. */
@@ -43,4 +78,4 @@ export interface DataTableProps<T extends {
  *  screen-reader row/column announcements — do not hand-roll a <table> in product code. */
 export declare function DataTable<T extends {
     id: string | number;
-}>({ columns, rows, density, selectable, selected, onSelectionChange, sort, onSortChange, onRowAction, stickyHeader, emptyLabel, isLoading, loadingRowCount, loadingLabel, className, style, ...rest }: DataTableProps<T>): React.JSX.Element;
+}>({ columns, rows, density, selectable, selected, onSelectionChange, sort, onSortChange, onRowAction, stickyHeader, emptyLabel, isLoading, loadingRowCount, loadingLabel, footer, rowProps, renderExpanded, expandedIds, className, style, ...rest }: DataTableProps<T>): React.JSX.Element;

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

@@ -7,12 +7,28 @@ export interface DataTableColumn<T = any> {
     /** Right-aligns and switches to tabular mono. Use for every amount, quantity and ID. */
     numeric?: boolean;
     sortable?: boolean;
+    /**
+     * Keeps `label` for assistive tech but not on screen. For a utility column — a disclosure or
+     * row-action column — where a visible header is noise. An *empty* label is not the answer: a
+     * header with no text leaves its column unnamed for anyone using a screen reader.
+     */
+    hideLabel?: boolean;
     render?: (row: T) => React.ReactNode;
 }
 export interface DataTableSort {
     key: string;
     dir: 'asc' | 'desc';
 }
+export interface DataTableRowProps {
+    /** Extra class on the `<tr>`. */
+    className?: string;
+    /**
+     * Greys the row and takes it out of selection and row actions. Use it when a row is present for
+     * context but cannot be acted on — and pair it with a cell that says *why*, since a greyed row
+     * on its own does not explain itself.
+     */
+    isDisabled?: boolean;
+}
 export interface DataTableProps<T extends {
     id: string | number;
 } = any> {
@@ -29,6 +45,25 @@ export interface DataTableProps<T extends {
     onSortChange?: (sort: DataTableSort) => void;
     onRowAction?: (row: T) => void;
     emptyLabel?: React.ReactNode;
+    /**
+     * Summary cells keyed by column, rendered in a real `<tfoot>`.
+     *
+     * Keyed rather than free-form so a total sits under the column it totals, and stays there when
+     * columns are reordered or resized. Columns missing from the map get an empty cell. Hidden while
+     * `isLoading`, since a total from the previous response next to skeleton rows reads as current.
+     */
+    footer?: Record<string, React.ReactNode>;
+    /** Per-row presentation and interactivity. Called for every row on every render — keep it cheap. */
+    rowProps?: (row: T) => DataTableRowProps;
+    /**
+     * Detail rendered in a full-width row beneath its parent, for the rows named by `expandedIds`.
+     *
+     * Expansion is controlled: put the trigger in a column's `render` and track the ids yourself.
+     * The table has no opinion on what opens a row, because the affordance differs per screen.
+     */
+    renderExpanded?: (row: T) => React.ReactNode;
+    /** Ids whose `renderExpanded` content is currently shown. */
+    expandedIds?: Array<string | number>;
     /** Swaps the body for skeleton rows derived from `columns` and `density`, keeping the header. */
     isLoading?: boolean;
     /** Skeleton row count. Defaults to the current `rows` length, or 5 when there are none. */
@@ -43,5 +78,5 @@ export interface DataTableProps<T extends {
  *  screen-reader row/column announcements — do not hand-roll a <table> in product code. */
 export declare function DataTable<T extends {
     id: string | number;
-}>({ columns, rows, density, selectable, selected, onSelectionChange, sort, onSortChange, onRowAction, stickyHeader, emptyLabel, isLoading, loadingRowCount, loadingLabel, className, style, ...rest }: DataTableProps<T>): React.JSX.Element;
+}>({ columns, rows, density, selectable, selected, onSelectionChange, sort, onSortChange, onRowAction, stickyHeader, emptyLabel, isLoading, loadingRowCount, loadingLabel, footer, rowProps, renderExpanded, expandedIds, className, style, ...rest }: DataTableProps<T>): React.JSX.Element;
 //# sourceMappingURL=DataTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/data/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE;AAEnE,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,GAAG;IACrE,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,oEAAoE;IACpE,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,iGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;2FAC2F;AAC3F,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAmB,EAC/F,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,YAAmB,EAC7F,UAAoD,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAC9F,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,qBAkF/C"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/data/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE;AAEnE,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,GAAG;IACrE,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,oEAAoE;IACpE,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACzC,oGAAoG;IACpG,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,iBAAiB,CAAC;IACzC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,iGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;2FAC2F;AAC3F,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAmB,EAC/F,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,YAAmB,EAC7F,UAAoD,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAC9F,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,qBA4H9F"}

package/dist/components/feedback/Dialog.d.cts

@@ -1,4 +1,17 @@
-import type * as React from 'react';
+import * as React from 'react';
+export interface DialogSlotProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/** The dialog's heading. Wires itself to the dialog's accessible name through React Aria's
+ *  `slot="title"`, which is why it cannot be replaced by a bare heading element. */
+export declare function DialogTitle({ children, className }: DialogSlotProps): React.JSX.Element;
+/** One line under the title. Say what the action affects, not what the button is called. */
+export declare function DialogDescription({ children, className }: DialogSlotProps): React.JSX.Element;
+/** The scrollable middle. Omit it entirely when the title and description say everything. */
+export declare function DialogBody({ children, className }: DialogSlotProps): React.JSX.Element;
+/** The action row. Cancel first, the commit or destructive action last. */
+export declare function DialogActions({ children, className }: DialogSlotProps): React.JSX.Element;
 export interface DialogProps {
     isOpen?: boolean;
     onOpenChange?: (open: boolean) => void;

package/dist/components/feedback/Dialog.d.ts

@@ -1,4 +1,17 @@
-import type * as React from 'react';
+import * as React from 'react';
+export interface DialogSlotProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/** The dialog's heading. Wires itself to the dialog's accessible name through React Aria's
+ *  `slot="title"`, which is why it cannot be replaced by a bare heading element. */
+export declare function DialogTitle({ children, className }: DialogSlotProps): React.JSX.Element;
+/** One line under the title. Say what the action affects, not what the button is called. */
+export declare function DialogDescription({ children, className }: DialogSlotProps): React.JSX.Element;
+/** The scrollable middle. Omit it entirely when the title and description say everything. */
+export declare function DialogBody({ children, className }: DialogSlotProps): React.JSX.Element;
+/** The action row. Cancel first, the commit or destructive action last. */
+export declare function DialogActions({ children, className }: DialogSlotProps): React.JSX.Element;
 export interface DialogProps {
     isOpen?: boolean;
     onOpenChange?: (open: boolean) => void;

package/dist/components/feedback/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;0DAC0D;AAC1D,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EACvF,IAAW,EAAE,aAAoB,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,WAAW,qBA2BrF"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;oFACoF;AACpF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,qBAEnE;AAED,4FAA4F;AAC5F,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,qBAEzE;AAED,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,qBAElE;AAED,2EAA2E;AAC3E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,qBAErE;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;0DAC0D;AAC1D,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EACvF,IAAW,EAAE,aAAoB,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,WAAW,qBAwDrF"}

package/dist/components/feedback/Tooltip.d.cts

@@ -1,11 +1,23 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface TooltipProps {
     /** Short clarifying text — never the only source of an instruction. */
     label: React.ReactNode;
     placement?: 'top' | 'bottom' | 'left' | 'right';
     /** Hover delay in ms. Keyboard focus always shows it immediately. */
     delay?: number;
-    /** A single focusable element (Button, IconButton, Link). */
+    /**
+     * Anything — a Button, a Badge, a span, plain text.
+     *
+     * A child that cannot take focus on its own is made focusable for you. That is the point: a
+     * tooltip on something unreachable by keyboard is invisible to anyone not using a mouse, and it
+     * fails silently — a dead tooltip is indistinguishable from a live one until somebody hovers it.
+     */
     children: React.ReactNode;
 }
+/**
+ * Explains something without adding a step. Shows on hover after `delay`, and immediately on
+ * keyboard focus.
+ *
+ * Never put an instruction here that is not available elsewhere: there is no hover on touch.
+ */
 export declare function Tooltip({ label, placement, delay, children }: TooltipProps): React.JSX.Element;

package/dist/components/feedback/Tooltip.d.ts

@@ -1,12 +1,24 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface TooltipProps {
     /** Short clarifying text — never the only source of an instruction. */
     label: React.ReactNode;
     placement?: 'top' | 'bottom' | 'left' | 'right';
     /** Hover delay in ms. Keyboard focus always shows it immediately. */
     delay?: number;
-    /** A single focusable element (Button, IconButton, Link). */
+    /**
+     * Anything — a Button, a Badge, a span, plain text.
+     *
+     * A child that cannot take focus on its own is made focusable for you. That is the point: a
+     * tooltip on something unreachable by keyboard is invisible to anyone not using a mouse, and it
+     * fails silently — a dead tooltip is indistinguishable from a live one until somebody hovers it.
+     */
     children: React.ReactNode;
 }
+/**
+ * Explains something without adding a step. Shows on hover after `delay`, and immediately on
+ * keyboard focus.
+ *
+ * Never put an instruction here that is not available elsewhere: there is no hover on touch.
+ */
 export declare function Tooltip({ label, placement, delay, children }: TooltipProps): React.JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/feedback/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,YAAY;IAC3B,uEAAuE;IACvE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAiB,EAAE,KAAW,EAAE,QAAQ,EAAE,EAAE,YAAY,qBAUxF"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAY;IAC3B,uEAAuE;IACvE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAiB,EAAE,KAAW,EAAE,QAAQ,EAAE,EAAE,YAAY,qBAwBxF"}

package/dist/components/forms/Input.d.cts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface InputProps {
     label?: React.ReactNode;
     value?: string;
@@ -16,6 +16,24 @@ export interface InputProps {
     icon?: string;
     /** Trailing static text: unit, currency, "of 40". */
     suffix?: React.ReactNode;
+    /**
+     * Adds a clear affordance once the field has a value.
+     *
+     * Use it on every search field. `type="search"` gets one from the browser for free, but only in
+     * Chrome and Safari, and it cannot be styled or sized — Pire hides that one so a search box does
+     * not look different per browser. This is the replacement, and it is a real button: focusable,
+     * labelled, and the same shape everywhere.
+     *
+     * Works controlled or uncontrolled.
+     */
+    isClearable?: boolean;
+    /**
+     * The clear button's visible text. Defaults to the dictionary's `inputClear`.
+     *
+     * Deliberately a word rather than an icon: an "x" beside a dialog's own close "x" reads as a
+     * second way to dismiss the dialog. Keep it short — it sits inside the field.
+     */
+    clearLabel?: string;
     /** Help text below the field. Replaced by errorMessage when invalid. */
     description?: React.ReactNode;
     errorMessage?: React.ReactNode;
@@ -35,4 +53,4 @@ export interface InputProps {
 }
 /** Single-line text entry. Labels, descriptions and errors are wired to the input by React Aria,
  *  so no manual aria-describedby is ever needed. */
-export declare function Input({ label, icon, suffix, description, errorMessage, size, numeric, fullWidth, className, style, inputRef, onChange, ...rest }: InputProps): React.JSX.Element;
+export declare function Input({ label, icon, suffix, description, errorMessage, size, numeric, isClearable, clearLabel, fullWidth, className, style, inputRef, onChange, ...rest }: InputProps): React.JSX.Element;

package/dist/components/forms/Input.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface InputProps {
     label?: React.ReactNode;
     value?: string;
@@ -16,6 +16,24 @@ export interface InputProps {
     icon?: string;
     /** Trailing static text: unit, currency, "of 40". */
     suffix?: React.ReactNode;
+    /**
+     * Adds a clear affordance once the field has a value.
+     *
+     * Use it on every search field. `type="search"` gets one from the browser for free, but only in
+     * Chrome and Safari, and it cannot be styled or sized — Pire hides that one so a search box does
+     * not look different per browser. This is the replacement, and it is a real button: focusable,
+     * labelled, and the same shape everywhere.
+     *
+     * Works controlled or uncontrolled.
+     */
+    isClearable?: boolean;
+    /**
+     * The clear button's visible text. Defaults to the dictionary's `inputClear`.
+     *
+     * Deliberately a word rather than an icon: an "x" beside a dialog's own close "x" reads as a
+     * second way to dismiss the dialog. Keep it short — it sits inside the field.
+     */
+    clearLabel?: string;
     /** Help text below the field. Replaced by errorMessage when invalid. */
     description?: React.ReactNode;
     errorMessage?: React.ReactNode;
@@ -35,5 +53,5 @@ export interface InputProps {
 }
 /** Single-line text entry. Labels, descriptions and errors are wired to the input by React Aria,
  *  so no manual aria-describedby is ever needed. */
-export declare function Input({ label, icon, suffix, description, errorMessage, size, numeric, fullWidth, className, style, inputRef, onChange, ...rest }: InputProps): React.JSX.Element;
+export declare function Input({ label, icon, suffix, description, errorMessage, size, numeric, isClearable, clearLabel, fullWidth, className, style, inputRef, onChange, ...rest }: InputProps): React.JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

package/dist/components/forms/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IACpF,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wEAAwE;IACxE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAED;oDACoD;AACpD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,IAAW,EAAE,OAAO,EAC1F,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,qBAmB9E"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IACpF,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAED;oDACoD;AACpD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,IAAW,EAAE,OAAO,EAC1F,WAAW,EAAE,UAAU,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,qBAyCvG"}

package/dist/components/patterns/ValueHelpDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValueHelpDialog.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/ValueHelpDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpE,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,GAAG;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sDAAsD;IACtD,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;;;;;OAQG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,2FAA2F;AAC3F,wBAAgB,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAChF,OAAY,EAAE,IAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EACtF,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBAkCpE"}
+{"version":3,"file":"ValueHelpDialog.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/ValueHelpDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpE,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,GAAG;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sDAAsD;IACtD,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;;;;;OAQG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,2FAA2F;AAC3F,wBAAgB,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAChF,OAAY,EAAE,IAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EACtF,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBAmCpE"}

package/dist/components.css

@@ -105,6 +105,19 @@
 .pire-input[data-numeric="true"]{font:var(--type-numeric);text-align:right;font-variant-numeric:tabular-nums}
 .pire-input::placeholder{color:var(--text-tertiary)}
 .pire-affix{font:var(--type-caption);color:var(--text-secondary);flex:0 0 auto}
+/* Chrome and Safari decorate type="search" with their own clear button. It cannot be styled or
+   sized, Firefox does not draw one at all, and it ignores every token here — so a search box would
+   look different per browser. Hidden everywhere; `isClearable` is the replacement, and it is a real
+   labelled button rather than a browser affordance. */
+.pire-input::-webkit-search-cancel-button{display:none}
+/* A word, not an icon. An icon-only "x" inside a dialog sits beside the dialog's own close "x" and
+   reads as a second way to dismiss it; the label says what is being cleared. Sized down so it
+   belongs to the field rather than competing with it. */
+.pire-input-clear{flex:0 0 auto;border:0;background:transparent;padding:0 var(--sp-1);font:var(--type-caption);color:var(--text-link);cursor:pointer;border-radius:var(--radius-1);white-space:nowrap;transition:var(--transition-control)}
+.pire-input-clear[data-hovered]{color:var(--text-link-hover);text-decoration:underline}
+/* `.pire-control :focus-visible` clears inner rings so the control shows a single one. This button
+   is a separate target inside it, so it keeps its own. */
+.pire-input-clear[data-focus-visible]{outline:var(--focus-w) solid var(--focus-color);outline-offset:1px}
 .pire-leading-icon{color:var(--text-tertiary);flex:0 0 auto}
 /* The shell is fixed-height by default because every single-line control is. Controls whose
    content sets the height (TextArea, MultiComboBox's chips) opt out with data-multiline and
@@ -270,6 +283,10 @@
 .pire-progress[data-status="positive"] .pire-progress-fill{background:var(--status-positive-fg)}
 .pire-progress[data-status="critical"] .pire-progress-fill{background:var(--status-critical-fg)}
 .pire-progress[data-status="negative"] .pire-progress-fill{background:var(--status-negative-fg)}
+/* A tooltip target takes focus so the tip is reachable by keyboard, and React Aria sets only
+   `tabindex` on it — no `data-focus-visible`. The ring therefore lives here rather than relying on
+   base.css's `[tabindex]:focus-visible`, which a consumer skipping the resets would not have. */
+.pire-tooltip-target:focus-visible{outline:var(--focus-w) solid var(--focus-color);outline-offset:var(--focus-offset)}
 .pire-tooltip{max-width:240px;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-1);background:var(--gray-90);color:var(--text-inverse);font:var(--type-caption);box-shadow:var(--shadow-2);animation:pire-fade-in var(--dur-fast) var(--ease-entrance)}
 
 /* ---- Skeleton ---------------------------------------------------------- */
@@ -317,6 +334,22 @@
    top-to-bottom in source order rather than relying on specificity alone. */
 .pire-table[data-density="condensed"] .pire-th,.pire-table[data-density="condensed"] .pire-td{padding:0 var(--sp-2)}
 .pire-table-empty{padding:var(--sp-10);text-align:center;color:var(--text-secondary)}
+/* A disabled row is present for context but cannot be acted on. It recedes rather than
+   disappearing, and drops the pointer cue so the row does not look pressable. */
+.pire-tr[data-disabled]{color:var(--text-disabled);cursor:default}
+.pire-tr[data-disabled] .pire-td{color:var(--text-disabled)}
+.pire-tr[data-disabled][data-hovered]{background:transparent}
+/* Detail rows sit under their record and read as part of it: sunken, no bottom rule between the
+   two, and free of the fixed row height since the content decides how tall they are. */
+.pire-tr-expanded{height:auto;background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle)}
+.pire-tr-expanded[data-hovered]{background:var(--surface-sunken)}
+.pire-td-expanded{padding:var(--sp-3);color:var(--text-primary);white-space:normal;outline:none}
+/* Totals. `position:sticky` keeps them in view while the body scrolls, which is the whole reason
+   they are in a <tfoot> rather than under the table. */
+.pire-tfoot .pire-tr-footer{height:var(--row-h-regular);background:var(--surface-sunken)}
+.pire-tf{position:sticky;bottom:0;padding:0 var(--sp-3);background:var(--surface-sunken);border-top:1px solid var(--border-default);font:var(--type-body-strong);color:var(--text-primary);white-space:nowrap;outline:none}
+.pire-tf[data-numeric="true"]{font:var(--type-numeric);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
+.pire-table[data-density="condensed"] .pire-td-expanded,.pire-table[data-density="condensed"] .pire-tf{padding-inline:var(--sp-2)}
 .pire-kpi{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2);text-align:left;min-width:0;transition:var(--transition-surface)}
 .pire-kpi[data-pressable="true"]{cursor:pointer}
 .pire-kpi[data-hovered]{box-shadow:var(--shadow-2)}
@@ -678,14 +711,20 @@
 /* The triggers sit inside .pire-control, flush with its trailing edge. `stretch` makes them the
    control's full height whatever the size, and the negative margins cancel the control's own
    padding and gap so there is no seam between the input and the first button. */
-.pire-valuehelp-actions{display:flex;align-items:stretch;align-self:stretch;margin-inline-start:calc(var(--sp-2) * -1);margin-inline-end:calc(var(--control-pad-x) * -1)}
+/* Two things have to give for the buttons to fill the control. `.pire-affix` is a block whose
+   default alignment centres it — right for the unit strings it usually holds, wrong here — so it
+   stretches and becomes a flex parent; without both, the buttons collapse to their 20px content
+   height and float in the middle of a 40px control. */
+.pire-control:has(.pire-valuehelp-actions) .pire-affix{align-self:stretch;display:flex}
+.pire-valuehelp-actions{display:flex;align-items:stretch;margin-inline-start:calc(var(--sp-2) * -1);margin-inline-end:calc(var(--control-pad-x) * -1)}
 .pire-valuehelp-actions .pire-iconbtn{height:auto;border-radius:0;border-inline-start:1px solid var(--border-field)}
-/* Only the last button rounds, so the group follows the control's own corner instead of cutting it. */
-.pire-valuehelp-actions .pire-iconbtn:last-child{border-start-end-radius:var(--radius-1);border-end-end-radius:var(--radius-1)}
-/* `.pire-control :focus-visible` clears inner rings so the whole control shows one. That is right
-   with a single input, but here two buttons share the control and the outer ring cannot say which
-   is focused — so each gets its own, drawn inside its own box. */
-.pire-valuehelp-actions .pire-iconbtn[data-focus-visible]{outline:var(--focus-w) solid var(--focus-color);outline-offset:calc(var(--focus-w) * -1)}
+/* The control's *inner* corner is its radius less its border, so matching --radius-1 exactly would
+   leave the button proud of the curve by a pixel. Only the last button rounds. */
+.pire-valuehelp-actions .pire-iconbtn:last-child{border-start-end-radius:calc(var(--radius-1) - 1px);border-end-end-radius:calc(var(--radius-1) - 1px)}
+/* A tint rather than a ring. The control already rings on focus-within, so focus is visible; what
+   that ring cannot say is *which* of two buttons has it. An inset outline said so but collided
+   with the control's own border and read as a doubled edge. */
+.pire-valuehelp-actions .pire-iconbtn[data-focus-visible]{outline:none;background:var(--surface-selected);color:var(--accent-subtle-fg)}
 
 /* ---- Icon --------------------------------------------------------------- */
 /* Development-only marker for a name that resolved to no glyph. Rendered by Icon in dev builds
@@ -722,9 +761,8 @@
    sitting among other controls, the ring is what says which one is live. */
 .pire-cp-input:focus-visible{outline:none}
 .pire-cp-input::placeholder{font:var(--type-body);color:var(--text-tertiary)}
-/* React Aria's SearchField renders type="search", which Chrome decorates with its own clear
-   affordance. It cannot be styled, does not exist in Firefox, and ignores every token here, so a
-   design system is better off without it. Escape closes the palette. */
+/* Same reasoning as `.pire-input`'s rule: the browser's own search decoration is unstyleable and
+   Chrome/Safari-only. The palette needs no replacement — Escape closes it outright. */
 .pire-cp-input::-webkit-search-cancel-button{display:none}
 .pire-cp-list{flex:1;min-height:0;overflow:auto;padding:var(--sp-1) 0;outline:none;display:flex;flex-direction:column}
 /* Explicitly a column: the section is a flex child of .pire-cp-list, and leaving it as a block

package/dist/i18n/messages.d.cts

@@ -21,6 +21,8 @@ export interface PireMessages {
     dataTableSelectRow: string;
     /** Announced while the table body is a skeleton. */
     dataTableLoading: string;
+    /** Row header announced for the totals row when the first column carries no summary cell. */
+    dataTableSummaryRow: string;
     /** Accessible name of the dialog's close affordance. */
     dialogClose: string;
     /** Accessible name of SidePanel's close affordance. */
@@ -48,6 +50,8 @@ export interface PireMessages {
     numberFieldIncrease: string;
     numberFieldDecrease: string;
     /** Accessible name of the button that clears a ValueHelpField. */
+    /** Accessible name of the clear affordance on a clearable Input. */
+    inputClear: string;
     /** Placeholder in the closed value-help field when nothing is picked. */
     valueHelpFieldPlaceholder: string;
     valueHelpFieldClear: string;

package/dist/i18n/messages.d.ts

@@ -21,6 +21,8 @@ export interface PireMessages {
     dataTableSelectRow: string;
     /** Announced while the table body is a skeleton. */
     dataTableLoading: string;
+    /** Row header announced for the totals row when the first column carries no summary cell. */
+    dataTableSummaryRow: string;
     /** Accessible name of the dialog's close affordance. */
     dialogClose: string;
     /** Accessible name of SidePanel's close affordance. */
@@ -48,6 +50,8 @@ export interface PireMessages {
     numberFieldIncrease: string;
     numberFieldDecrease: string;
     /** Accessible name of the button that clears a ValueHelpField. */
+    /** Accessible name of the clear affordance on a clearable Input. */
+    inputClear: string;
     /** Placeholder in the closed value-help field when nothing is picked. */
     valueHelpFieldPlaceholder: string;
     valueHelpFieldClear: string;

package/dist/i18n/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"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"}