@veevarts/design-system 1.17.0-beta.6 → 1.17.0-beta.8

package/dist/patterns/ActingAsToggle/ActingAsToggle.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ActingAsToggleProps } from './types';
+export declare const ActingAsToggle: React.FC<ActingAsToggleProps>;

package/dist/patterns/ActingAsToggle/index.d.ts

@@ -0,0 +1,2 @@
+export { ActingAsToggle } from './ActingAsToggle';
+export type { ActingAsToggleProps, ActingRole, ActingAsToggleLabels } from './types';

package/dist/patterns/ActingAsToggle/types.d.ts

@@ -0,0 +1,13 @@
+export type ActingRole = 'manager' | 'cashier';
+export interface ActingAsToggleLabels {
+    legend?: string;
+    manager?: string;
+    cashier?: string;
+}
+export interface ActingAsToggleProps {
+    role: ActingRole;
+    onChange: (role: ActingRole) => void;
+    labels?: ActingAsToggleLabels;
+    className?: string;
+    'data-testid'?: string;
+}

package/dist/patterns/AdminTable/AdminTable.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { TableBody } from '../../components';
+export interface AdminTableColumn {
+    /** Stable identity for the column, and the key its cells are matched on. */
+    key: string;
+    /** Header text. Pass an empty string for a control column. */
+    label: React.ReactNode;
+    /** Cell alignment. Numeric columns should be `'right'`. */
+    align?: 'left' | 'right';
+    /** Fixed pixel width. Omit to let the column size to content. */
+    width?: number;
+}
+export interface AdminTableClassNames {
+    base?: string;
+    table?: string;
+    th?: string;
+    tr?: string;
+    td?: string;
+    footer?: string;
+}
+export interface AdminTableProps {
+    columns: AdminTableColumn[];
+    /**
+     * HeroUI `TableRow` children.
+     *
+     * Typed as HeroUI's own body-children type rather than `ReactNode`, so the
+     * collection contract is enforced where you write it: passing a bare `<tr>`
+     * is a type error here instead of `Unknown element <tr> in collection` at
+     * render time.
+     */
+    children: React.ComponentProps<typeof TableBody>['children'];
+    /** Shown when there are no rows. */
+    emptyContent?: React.ReactNode;
+    /** Rendered under the table — where a pager goes. */
+    footer?: React.ReactNode;
+    /** Accessible name. Required: a table with no name is unnavigable by screen reader. */
+    ariaLabel: string;
+    className?: string;
+    classNames?: AdminTableClassNames;
+    'data-testid'?: string;
+}
+export declare const AdminTable: React.FC<AdminTableProps>;

package/dist/patterns/AdminTable/index.d.ts

@@ -0,0 +1,3 @@
+export { AdminTable } from './AdminTable';
+export type { AdminTableProps, AdminTableColumn, AdminTableClassNames } from './AdminTable';
+export { adminRowClass, adminTableClass, adminTableFooterClass, adminTdClass, adminThClass, } from './styles';

package/dist/patterns/AdminTable/styles.d.ts

@@ -0,0 +1,44 @@
+/**
+ * The back-office table's appearance, in one place.
+ *
+ * `AdminTable` feeds these to HeroUI's slots; nothing here is spelled a second
+ * time inside the component. They started out split — exported strings here,
+ * "internal" ones inline — and the two immediately drifted: `adminTdClass` and
+ * the `td` slot were the same declaration with one dropping `align-middle`, and
+ * the row hover existed as both `hover:` and `data-[hover=true]:`. That is the
+ * exact failure these components were built to stop, so the split is gone.
+ *
+ * They are exported for the one screen that cannot use `AdminTable`: react-aria's
+ * collection API rejects an interleaved `<tr>`, so a table that expands a row
+ * into a full-width panel renders its own `<table>` and dresses it with these.
+ *
+ * The arbitrary values (`text-[11px]`, `tracking-[.04em]`) are the mockups'
+ * measurements, pinned rather than rounded to the nearest scale step: these
+ * surfaces are pixel-ports of signed-off designs.
+ */
+/**
+ * Uppercase column header. `bg-transparent` overrides HeroUI's own header fill.
+ *
+ * The tone is `--sub`, not `--muted`. The two admin screens this class was
+ * distilled from had each picked one — the ledger `--sub`, the governance tables
+ * `--muted` — so unifying them was going to change one of the two either way.
+ * `--muted` (gray-400) measures 2.54:1 on the card, and these labels are 11px,
+ * which WCAG AA counts as small text needing 4.5:1; `--sub` (gray-500) measures
+ * 4.83:1. Same reasoning as `--warn` in the token module: pick the readable end
+ * of our own scale rather than keep a value that cannot be read.
+ */
+export declare const adminThClass = "text-left text-[11px] font-semibold uppercase tracking-[.04em] text-acct-sub px-4 pt-4 pb-3 whitespace-nowrap bg-transparent";
+/** Body cell. */
+export declare const adminTdClass = "px-4 text-[13.5px] text-acct-ink2 align-middle";
+/**
+ * Row hairline and hover.
+ *
+ * Carries both hover spellings on purpose: `data-[hover=true]:` is what HeroUI
+ * sets on its own rows, and `hover:` is what a plain `<tr>` responds to. One
+ * string serves both so the two renderings cannot look different.
+ */
+export declare const adminRowClass = "border-t border-acct-hair transition-colors duration-150 hover:bg-acct-page data-[hover=true]:bg-acct-page";
+/** The table element itself. */
+export declare const adminTableClass = "w-full";
+/** The strip under the table where a pager sits. */
+export declare const adminTableFooterClass = "border-t border-acct-border px-5 py-3.5";

package/dist/patterns/AdminTextField/AdminTextField.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+interface AdminTextFieldBase {
+    /** Uppercase label above the control. Omit only when an adjacent element already names it. */
+    label?: React.ReactNode;
+    value: string;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Monospace face without the read-only treatment, for codes the user types. */
+    mono?: boolean;
+    /** Claim initial focus. Only for the first field of a dialog, never on a page. */
+    autoFocus?: boolean;
+    /** Small helper or error text under the control. */
+    hint?: React.ReactNode;
+    /** Renders the hint as an error and marks the control invalid. */
+    invalid?: boolean;
+    className?: string;
+    'data-testid'?: string;
+}
+/**
+ * `onChange` is REQUIRED unless the field is read-only.
+ *
+ * This is a controlled input: given a `value` and no handler, React pins it and
+ * typing does nothing — a field that looks editable, accepts focus, and silently
+ * discards every keystroke. That is indistinguishable from a bug at a glance,
+ * and it is what happens by accident when someone renders one to show a value.
+ *
+ * Showing a value without accepting edits is a real case, so it stays possible;
+ * it just has to be said, with `readOnly`, which also renders it as system-owned
+ * and announces it correctly.
+ */
+export type AdminTextFieldProps = AdminTextFieldBase & ({
+    readOnly: true;
+    onChange?: never;
+} | {
+    readOnly?: false;
+    onChange: (value: string) => void;
+});
+export declare const AdminTextField: React.FC<AdminTextFieldProps>;
+export {};

package/dist/patterns/AdminTextField/index.d.ts

@@ -0,0 +1,3 @@
+export { AdminTextField } from './AdminTextField';
+export type { AdminTextFieldProps } from './AdminTextField';
+export { adminFieldErrorClass, adminFieldHintClass, adminFieldLabelClass, adminInputClass, adminInputReadOnlyClass, adminInputWrapperClass, } from './styles';

package/dist/patterns/AdminTextField/styles.d.ts

@@ -0,0 +1,35 @@
+/**
+ * The back-office field's appearance, in one place.
+ *
+ * `AdminTextField` feeds these to HeroUI's `Input` slots; nothing here is
+ * spelled a second time inside the component. Splitting them — exported strings
+ * here, "internal" ones inline — is what let this file and its component drift
+ * apart, so every slot's styling lives here whether or not a consumer needs it.
+ *
+ * They are exported so a form with a control this component does not cover (a
+ * textarea, a date picker) can dress its HeroUI counterpart identically rather
+ * than approximating it.
+ *
+ * The arbitrary values are the mockups' measurements, pinned rather than rounded
+ * to the nearest scale step: these surfaces are pixel-ports of signed-off
+ * designs.
+ */
+/** Uppercase label above a control — HeroUI's `label` slot. */
+export declare const adminFieldLabelClass = "text-[11px] font-semibold uppercase tracking-[.04em] text-acct-muted mb-1.5";
+/**
+ * The 38px box — HeroUI's `inputWrapper` slot, which carries the border and
+ * background (the `input` slot is the bare field).
+ *
+ * `!h-[38px]` because HeroUI sets its own height per size, and the
+ * `data-[hover=]` / `group-data-[focus=]` hooks because overriding the plain
+ * classes alone leaves its own hover and focus borders showing through.
+ */
+export declare const adminInputWrapperClass: string;
+/** The bare field — HeroUI's `input` slot. */
+export declare const adminInputClass = "text-[13.5px] text-acct-ink";
+/** A value the system minted rather than the user: muted fill, not editable. */
+export declare const adminInputReadOnlyClass = "bg-acct-page text-acct-muted cursor-default";
+/** Helper text under the control — HeroUI's `description` slot. */
+export declare const adminFieldHintClass = "mt-[5px] text-xs text-acct-sub";
+/** Error text under the control — HeroUI's `errorMessage` slot. */
+export declare const adminFieldErrorClass = "mt-[5px] text-xs text-acct-danger";

package/dist/patterns/AdminToolbar/AdminToolbar.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface AdminToolbarProps {
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    /** The field's accessible name — say what it searches, not how. */
+    searchLabel: string;
+    /** Visible hint. Falls back to the label when the two would say the same thing. */
+    searchPlaceholder?: string;
+    /** Leading glyph inside the search box. */
+    searchIcon?: React.ReactNode;
+    /** Filters, sort pickers, a toggle — laid out after the search box. */
+    children?: React.ReactNode;
+    /** Pushed to the far right, for a primary action. */
+    trailing?: React.ReactNode;
+    /** Search box width. `'md'` (280px) by default, `'lg'` (360px) for wide tables. */
+    searchWidth?: 'md' | 'lg';
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const AdminToolbar: React.FC<AdminToolbarProps>;

package/dist/patterns/AdminToolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { AdminToolbar } from './AdminToolbar';
+export type { AdminToolbarProps } from './AdminToolbar';

package/dist/patterns/CustomAmountField/CustomAmountField.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { CustomAmountFieldProps } from './types';
+export declare const CustomAmountField: React.FC<CustomAmountFieldProps>;

package/dist/patterns/CustomAmountField/index.d.ts

@@ -0,0 +1,2 @@
+export { CustomAmountField } from './CustomAmountField';
+export type { CustomAmountFieldProps, CustomAmountFieldLabels, CustomAmountFieldValue } from './types';

package/dist/patterns/CustomAmountField/types.d.ts

@@ -0,0 +1,21 @@
+import { Money } from '../../utils/money';
+export type { Money } from '../../utils/money';
+export interface CustomAmountFieldLabels {
+    amountLabel?: string;
+    descriptionLabel?: string;
+    maxHint?: string;
+}
+export interface CustomAmountFieldValue {
+    amount: number | null;
+    description: string;
+}
+export interface CustomAmountFieldProps {
+    amount: number | null;
+    description: string;
+    max: Money;
+    error?: string;
+    onChange: (value: CustomAmountFieldValue) => void;
+    labels?: CustomAmountFieldLabels;
+    className?: string;
+    'data-testid'?: string;
+}

package/dist/patterns/DimensionChip/index.d.ts

@@ -1,2 +1,13 @@
-export { DimensionChip } from './DimensionChip';
-export type { DimensionChipProps } from './DimensionChip';
+/**
+ * @deprecated Use `KeyValueChip`. Same component, domain-neutral name.
+ *
+ * It shipped named after the accounting ledger's cost-center tags, which is
+ * what it was first built for and not what it is: it only ever knew
+ * "label: value", never what a dimension was. The name is what kept every
+ * other team from reaching for it.
+ *
+ * Kept as an alias so consumers on 1.21+ do not break. Remove on the next
+ * major, once the remaining imports have moved.
+ */
+export { KeyValueChip as DimensionChip } from '../KeyValueChip';
+export type { KeyValueChipProps as DimensionChipProps } from '../KeyValueChip';

package/dist/patterns/FeedbackState/FeedbackState.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
 import { EmptyStateProps, ErrorStateProps, FeedbackStateProps, LoadingStateProps, SuccessStateProps } from './type';
-export declare function FeedbackState({ variant, title, titleAs: TitleElement, description, icon, actions, role, ariaLive, iconSize, className, classNames, 'data-testid': dataTestId, }: FeedbackStateProps): JSX.Element;
+export declare function FeedbackState({ variant, surface, title, titleAs: TitleElement, description, icon, actions, role, ariaLive, iconSize, className, classNames, 'data-testid': dataTestId, }: FeedbackStateProps): JSX.Element;
 export declare namespace FeedbackState {
     var displayName: string;
 }

package/dist/patterns/FeedbackState/type.d.ts

@@ -1,5 +1,18 @@
 import { AriaRole, ReactNode } from 'react';
 export type FeedbackStateVariant = 'empty' | 'error' | 'success' | 'loading';
+/**
+ * Where the state is rendered, which is a different question from what it says.
+ *
+ * `card` is the inline block: a dashed outline that marks off a region of a
+ * denser page. `panel` is the whole content area of an admin card that has
+ * nothing to show — no outline (the card already draws one), a larger icon tile
+ * and heavier title, sized so the state does not read as a small notice
+ * stranded in a big empty box.
+ *
+ * The `panel` measurements are the back-office mockups', which is why they are
+ * pinned rather than rounded to the nearest scale step.
+ */
+export type FeedbackStateSurface = 'card' | 'panel';
 export interface FeedbackStateClassNames {
     base?: string;
     iconWrapper?: string;
@@ -12,6 +25,8 @@ export interface FeedbackStateClassNames {
 export interface FeedbackStateProps {
     /** Visual tone and default accessibility role. */
     variant?: FeedbackStateVariant;
+    /** Inline block (default) or the full content area of an admin card. */
+    surface?: FeedbackStateSurface;
     /** Main state message. */
     title: ReactNode;
     /** Semantic element used for the title. Defaults to a paragraph for inline states. */

package/dist/patterns/InstallmentFundAssignment/InstallmentFundAssignment.d.ts

@@ -1,3 +1,3 @@
 import { JSX } from 'react';
 import { InstallmentFundAssignmentProps } from './types';
-export declare function InstallmentFundAssignment({ assignments, funds, labels: customLabels, classNames, isSaving, hasSavedAssignments, isFundPickerOpen, activeAssignmentId, footer, onAssignmentsChange, onOpenFundPicker, onCloseFundPicker, onCollapseChange, onSave, }: InstallmentFundAssignmentProps): JSX.Element;
+export declare function InstallmentFundAssignment({ assignments, funds, labels: customLabels, classNames, isSaving, hasSavedAssignments, isFundPickerOpen, activeAssignmentId, modalPortalContainer, footer, onAssignmentsChange, onOpenFundPicker, onCloseFundPicker, onCollapseChange, onSave, }: InstallmentFundAssignmentProps): JSX.Element;

package/dist/patterns/InstallmentFundAssignment/types.d.ts

@@ -57,6 +57,7 @@ export type InstallmentFundAssignmentProps = {
     hasSavedAssignments?: boolean;
     isFundPickerOpen?: boolean;
     activeAssignmentId?: string | null;
+    modalPortalContainer?: Element;
     footer?: ReactNode;
     onModeChange?: (mode: InstallmentFundAssignmentMode) => void;
     onAssignmentsChange: (assignments: InstallmentFundAssignmentEntry[]) => void;

package/dist/patterns/InstallmentSchedule/InstallmentTable.d.ts

@@ -1,3 +1,3 @@
 import { JSX } from 'react';
 import { InstallmentTableProps } from './types';
-export declare function InstallmentTable({ installments, currency, locale, showTitle, showCard, showEditPayment, labels: customLabels, isSaving, onEditInstallments, onPayInstallment, onDeleteInstallment, }: InstallmentTableProps): JSX.Element;
+export declare function InstallmentTable({ installments, currency, locale, showTitle, showCard, showEditPayment, showDelete, payNowHiddenStatuses, labels: customLabels, isSaving, onEditInstallments, onPayInstallment, onDeleteInstallment, }: InstallmentTableProps): JSX.Element;

package/dist/patterns/InstallmentSchedule/types.d.ts

@@ -109,6 +109,18 @@ export type InstallmentTableProps = {
     showTitle?: boolean;
     showCard?: boolean;
     showEditPayment?: boolean;
+    /**
+     * FR-1619 — when `false`, the delete action inside the row-actions
+     * dropdown is not rendered. Defaults to `true` (backward-compatible).
+     */
+    showDelete?: boolean;
+    /**
+     * FR-1619 — statuses for which the Pay Now button is NOT rendered on a row.
+     * Typed with the `InstallmentStatus` union so consumers get compile-time
+     * safety on status keys. The pre-existing `paid` disabled guard still
+     * applies to any Pay Now button that IS rendered. Defaults to `[]`.
+     */
+    payNowHiddenStatuses?: InstallmentStatus[];
     labels?: InstallmentTableLabels;
     isSaving?: boolean;
     onEditInstallments: () => void;

package/dist/patterns/{DimensionChip/DimensionChip.d.ts → KeyValueChip/KeyValueChip.d.ts}

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-export interface DimensionChipProps {
-    /** Muted leading text — the category/type (e.g. a dimension-type name). */
+export interface KeyValueChipProps {
+    /** Muted leading text — what the value describes (a field, category or type name). */
     label: React.ReactNode;
-    /** Emphasised trailing text — the selected value. */
+    /** Emphasised trailing text — the value itself. */
     value: React.ReactNode;
     /** Chip size. `'sm'` (default) for dense tables, `'md'` for detail panels. */
     size?: 'sm' | 'md';
     className?: string;
     'data-testid'?: string;
 }
-export declare const DimensionChip: React.FC<DimensionChipProps>;
+export declare const KeyValueChip: React.FC<KeyValueChipProps>;

package/dist/patterns/KeyValueChip/index.d.ts

@@ -0,0 +1,2 @@
+export { KeyValueChip } from './KeyValueChip';
+export type { KeyValueChipProps } from './KeyValueChip';

package/dist/patterns/MoneyBackMethods/MoneyBackMethods.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { MoneyBackMethodsProps } from './types';
+export declare const MoneyBackMethods: React.FC<MoneyBackMethodsProps>;
+export default MoneyBackMethods;

package/dist/patterns/MoneyBackMethods/index.d.ts

@@ -0,0 +1,2 @@
+export { MoneyBackMethods } from './MoneyBackMethods';
+export type { MoneyBackMethodsProps, MoneyBackMethodsLabels, TenderView, TenderKind } from './types';

package/dist/patterns/MoneyBackMethods/types.d.ts

@@ -0,0 +1,44 @@
+import { Money } from '../../utils/money';
+import { MoneyBackError } from '..';
+export type { Money } from '../../utils/money';
+export type TenderKind = 'card' | 'cash' | 'check' | 'other';
+export interface TenderView {
+    /** Stable identifier returned via `onSelect`. */
+    tenderId: string;
+    /**
+     * One-line description shown on the tile. Examples:
+     *   - `'Visa •••4242'`
+     *   - `'Cash'`
+     */
+    label: string;
+    /** Canonical category used to pick the tile icon. */
+    kind: TenderKind;
+    /** Amount still refundable to this tender. */
+    maxRefundable: Money;
+}
+export interface MoneyBackMethodsLabels {
+    /** Optional heading rendered above the tile grid. */
+    title?: string;
+    split?: string;
+    declinedTitle?: string;
+    declinedBody?: string;
+    networkTitle?: string;
+    networkBody?: string;
+    retry?: string;
+    chooseDifferent?: string;
+}
+export interface MoneyBackMethodsProps {
+    /** Refundable tenders, one tile each. */
+    tenders: TenderView[];
+    /** Currently selected tender `tenderId`. `null` = no selection. */
+    selectedTenderId: string | null;
+    /** Fires when a tender tile is selected. */
+    onSelect: (tenderId: string) => void;
+    /** Fires when the "split across multiple methods" tile is selected. */
+    onSplit: () => void;
+    /** Processor-declined / network-error banner, shown above the tiles. */
+    error?: MoneyBackError;
+    labels?: MoneyBackMethodsLabels;
+    className?: string;
+    'data-testid'?: string;
+}

package/dist/patterns/NotesField/NotesField.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { NotesFieldProps } from './types';
+export declare const NotesField: React.FC<NotesFieldProps>;

package/dist/patterns/NotesField/index.d.ts

@@ -0,0 +1,2 @@
+export { NotesField } from './NotesField';
+export type { NotesFieldProps, NotesFieldLabels } from './types';

package/dist/patterns/NotesField/types.d.ts

@@ -0,0 +1,12 @@
+export interface NotesFieldLabels {
+    toggle?: string;
+    optionalTag?: string;
+}
+export interface NotesFieldProps {
+    value: string;
+    onChange: (value: string) => void;
+    maxLength?: number;
+    labels?: NotesFieldLabels;
+    className?: string;
+    'data-testid'?: string;
+}

package/dist/patterns/PaginationSummary/PaginationSummary.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface PaginationSummaryClassNames {
+    base?: string;
+    emphasis?: string;
+}
+export interface PaginationSummaryProps {
+    /** Current page, 1-based. */
+    page: number;
+    /** Rows per page. */
+    pageSize: number;
+    /** Total rows across all pages, not the length of the current page. */
+    total: number;
+    /** What is being counted, already pluralised (e.g. `"entries"`). */
+    unit?: React.ReactNode;
+    /**
+     * Announce range changes to assistive tech. On by default: paging is a
+     * user-initiated change whose only text confirmation is this line. Turn it
+     * off when the surrounding table already announces its own updates, to
+     * avoid reading the change twice.
+     */
+    announce?: boolean;
+    className?: string;
+    classNames?: PaginationSummaryClassNames;
+    'data-testid'?: string;
+}
+export declare const PaginationSummary: React.FC<PaginationSummaryProps>;

package/dist/patterns/PaginationSummary/index.d.ts

@@ -0,0 +1,3 @@
+export { PaginationSummary } from './PaginationSummary';
+export type { PaginationSummaryProps, PaginationSummaryClassNames } from './PaginationSummary';
+export { pageRange } from './page-range';

package/dist/patterns/PaginationSummary/page-range.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The inclusive 1-based range covered by the current page.
+ *
+ * Its own module rather than a second export from `PaginationSummary.tsx`, so
+ * that file exports only its component (`react-refresh/only-export-components`).
+ * It is exported at all because the arithmetic, not the markup, is what callers
+ * reuse: one rendering its own sentence (another language, another emphasis)
+ * should not have to restate the edge cases.
+ *
+ * - No rows at all → `0–0`, so the caller can render "0 of 0" rather than the
+ *   `1–0` that the naive formula produces.
+ * - Last page → `to` is clamped to `total`, never `page * pageSize`.
+ * - `page` past the end (a filter that shrank the result set before the page
+ *   state caught up) → an empty range rather than a negative one.
+ */
+export declare function pageRange(page: number, pageSize: number, total: number): {
+    from: number;
+    to: number;
+};

package/dist/patterns/PaymentSubAmountInput/PaymentSubAmountInput.d.ts

@@ -49,6 +49,15 @@ export interface PaymentSubAmountInputProps {
      * guard is value-based. Omit for no cap.
      */
     maxAmount?: number;
+    /**
+     * Visually hides the section heading and the input's own label
+     * (via `sr-only`) for compact compositions that already supply
+     * their own surrounding label context (e.g. `CustomAmountField`,
+     * `RefundItemList`'s partial-amount box). Both stay in the DOM so
+     * the accessible name is preserved for assistive tech. Default
+     * `false` — zero behavior change for existing consumers.
+     */
+    hideHeading?: boolean;
     'data-testid'?: string;
     className?: string;
 }

package/dist/patterns/PickerRow/PickerRow.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface PickerRowProps {
+    /** Rendered inside the trigger when a value is set. Omit for the empty state. */
+    children?: React.ReactNode;
+    /** Shown when there is no value. */
+    placeholder?: string;
+    /** Opens the picker. */
+    onOpen: () => void;
+    /** Clears the value. Omitted or undefined hides the clear button entirely. */
+    onClear?: () => void;
+    /**
+     * Accessible name for the trigger. Say what is being picked, not what is
+     * picked: "Revenue account" reads better than repeating the value, which the
+     * content already announces.
+     */
+    ariaLabel: string;
+    /** Leading glyph. Pass an inline SVG. */
+    icon?: React.ReactNode;
+    /** Trailing affordance, normally a chevron. Pass an inline SVG. */
+    trailingIcon?: React.ReactNode;
+    /** Glyph for the clear button. Pass an inline SVG. */
+    clearIcon?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const PickerRow: React.FC<PickerRowProps>;

package/dist/patterns/PickerRow/index.d.ts

@@ -0,0 +1,2 @@
+export { PickerRow } from './PickerRow';
+export type { PickerRowProps } from './PickerRow';

package/dist/patterns/ReasonSelect/ReasonSelect.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ReasonSelectProps } from './types';
+export declare const ReasonSelect: React.FC<ReasonSelectProps>;

package/dist/patterns/ReasonSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { ReasonSelect } from './ReasonSelect';
+export type { ReasonSelectProps, ReasonOption, ReasonSelectLabels } from './types';

package/dist/patterns/ReasonSelect/types.d.ts

@@ -0,0 +1,17 @@
+export interface ReasonOption {
+    id: string;
+    label: string;
+}
+export interface ReasonSelectLabels {
+    label?: string;
+    placeholder?: string;
+}
+export interface ReasonSelectProps {
+    options: ReasonOption[];
+    value: string | null;
+    onChange: (id: string) => void;
+    error?: string;
+    labels?: ReasonSelectLabels;
+    className?: string;
+    'data-testid'?: string;
+}

package/dist/patterns/RefundCompleteView/RefundCompleteView.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { RefundCompleteViewProps } from './types';
+export declare const RefundCompleteView: React.FC<RefundCompleteViewProps>;

package/dist/patterns/RefundCompleteView/index.d.ts

@@ -0,0 +1,2 @@
+export { RefundCompleteView } from './RefundCompleteView';
+export type { RefundCompleteViewProps, RefundCompleteViewLabels } from './types';

package/dist/patterns/RefundCompleteView/types.d.ts

@@ -0,0 +1,22 @@
+import { RefundDestinationLine } from '..';
+export type { RefundDestinationLine, RefundDestinationStatus } from '..';
+export interface RefundCompleteViewLabels {
+    processing?: string;
+    title?: string;
+    destinationsTitle?: string;
+    sendReceipt?: string;
+    email?: string;
+    print?: string;
+    done?: string;
+    pending?: string;
+    succeeded?: string;
+}
+export interface RefundCompleteViewProps {
+    state: 'processing' | 'complete';
+    destinations: RefundDestinationLine[];
+    onSendReceipt?: (channel: 'email' | 'print') => void;
+    onDone: () => void;
+    labels?: RefundCompleteViewLabels;
+    className?: string;
+    'data-testid'?: string;
+}

package/dist/patterns/RefundItemList/RefundItemList.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { RefundItemListProps } from './types';
+export declare const RefundItemList: React.FC<RefundItemListProps>;

package/dist/patterns/RefundItemList/index.d.ts

@@ -0,0 +1,2 @@
+export { RefundItemList } from './RefundItemList';
+export type { RefundItemListProps, RefundItemView, RefundItemState, RefundItemRestockView, ItemSelection, RefundItemListLabels, } from './types';