@veevarts/design-system 1.16.0 → 1.17.0-alpha.2

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,34 @@
+/**
+ * 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. */
+export declare const adminThClass = "text-left text-[11px] font-semibold uppercase tracking-[.04em] text-acct-muted 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,18 @@
+import { default as React } from 'react';
+export interface AdminToolbarProps {
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    /** Placeholder AND the hidden label, so the field is named even once filled. */
+    searchLabel: 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/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,21 +1,34 @@
 import { default as React } from 'react';
+export type ConfirmDialogVariant = 'danger' | 'warning';
 export interface ConfirmDialogProps {
-    /** Whether the dialog is currently open. Controlled by the host. */
+    /** Whether the dialog is open. Controlled by the host. */
     isOpen: boolean;
     /** Title rendered as the dialog heading. */
     title: string;
-    /** Body copy explaining the consequences of confirming. */
-    body: string;
     /** Label for the confirm action. */
     confirmLabel: string;
-    /** Visual variant of the confirm button. Default `'danger'`. */
-    confirmVariant?: 'danger' | 'primary';
-    /** Label for the dismiss action. */
-    dismissLabel: string;
     /** Fires when the user confirms. */
     onConfirm: () => void;
-    /** Fires when the user dismisses (Cancel button OR Esc / outside click). */
-    onDismiss: () => void;
+    /** HeroUI open-change; fires with `false` on cancel / Esc / outside click. */
+    onOpenChange?: (open: boolean) => void;
+    /** Rich body content. Overrides `description`. */
+    children?: React.ReactNode;
+    /** Body copy explaining the consequences of confirming. */
+    description?: React.ReactNode;
+    /** Label for the cancel action. Default `'Cancel'`. */
+    cancelLabel?: string;
+    /** Semantic variant driving the icon tile + confirm colour. Default `'danger'`. */
+    variant?: ConfirmDialogVariant;
+    /** Spinner on confirm + locks every dismissal channel while true. Default `false`. */
+    isPending?: boolean;
+    /** Override backdrop dismissability. Defaults to `!isPending`. */
+    isDismissable?: boolean;
+    /** Disable Esc-to-close. Forced on while `isPending`. Default `false`. */
+    isKeyboardDismissDisabled?: boolean;
+    /** Hide the header icon tile. */
+    hideIcon?: boolean;
+    /** Override the header icon (iconify name or node). Defaults to the variant icon. */
+    icon?: string | React.ReactNode;
     'data-testid'?: string;
 }
 export declare const ConfirmDialog: React.FC<ConfirmDialogProps>;

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

@@ -1,2 +1,2 @@
 export { ConfirmDialog } from './ConfirmDialog';
-export type { ConfirmDialogProps } from './ConfirmDialog';
+export type { ConfirmDialogProps, ConfirmDialogVariant } from './ConfirmDialog';

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

@@ -0,0 +1,13 @@
+/**
+ * @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/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/index.d.ts

@@ -2,4 +2,4 @@ export { InstallmentSchedule } from './InstallmentSchedule';
 export { InstallmentScheduleSkeleton } from './InstallmentScheduleSkeleton';
 export { InstallmentTable } from './InstallmentTable';
 export { generateAutomaticInstallments } from './utils';
-export type { AutomaticScheduleSettings, InstallmentFrequency, InstallmentScheduleInput, InstallmentTableLabels, InstallmentTableProps, InstallmentScheduleClassNames, InstallmentScheduleLabels, InstallmentScheduleMode, InstallmentScheduleProps, ScheduledInstallment, } from './types';
+export type { AutomaticScheduleSettings, InstallmentFrequency, InstallmentScheduleInput, InstallmentTableLabels, InstallmentTableProps, InstallmentScheduleClassNames, InstallmentScheduleLabels, InstallmentScheduleMode, InstallmentScheduleProps, InstallmentStatus, ScheduledInstallment, } from './types';

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

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
 export type InstallmentScheduleMode = 'automatic' | 'manual';
 export type InstallmentFrequency = 'weekly' | 'monthly' | 'quarterly' | 'annual';
+export type InstallmentStatus = 'schedule' | 'paid' | 'payment_due' | 'overdue' | 'failed' | 'refunded' | 'disputed' | 'canceled';
 export type ScheduledInstallment = {
     id: string;
     dueDate: string;
     amount: number;
-    status?: 'scheduled' | 'fulfilled' | 'failed' | 'cancelled' | 'refunded' | 'paid';
+    status?: InstallmentStatus | (string & {});
 };
 export type AutomaticScheduleSettings = {
     numberOfInstallments: number;
@@ -108,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/KeyValueChip/KeyValueChip.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface KeyValueChipProps {
+    /** Muted leading text — what the value describes (a field, category or type name). */
+    label: React.ReactNode;
+    /** 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 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/ListPanel/ListPanel.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+export interface ListPanelClassNames {
+    base?: string;
+    state?: string;
+}
+export interface ListPanelProps {
+    /** Show the loading state. Highest precedence (loading > error > empty > children). */
+    isLoading?: boolean;
+    /** Show the error state. Wins over empty and children. */
+    isError?: boolean;
+    /** Show the empty state. Wins over children. */
+    isEmpty?: boolean;
+    /** Loading headline. Default `'Loading…'`. */
+    loadingTitle?: React.ReactNode;
+    /** Replace the whole loading state. */
+    loadingContent?: React.ReactNode;
+    /** Error headline. Default `'Something went wrong'`. */
+    errorTitle?: React.ReactNode;
+    /** Error supporting copy. */
+    errorDescription?: React.ReactNode;
+    /** Retry button label. Default `'Retry'`. Rendered only when `onRetry` is set. */
+    retryLabel?: React.ReactNode;
+    /** Retry handler; when set, a Retry button appears in the error state. */
+    onRetry?: () => void;
+    /** Replace the error state's action area (overrides the Retry button). */
+    errorActions?: React.ReactNode;
+    /** Replace the whole error state. */
+    errorContent?: React.ReactNode;
+    /** Empty headline. Default `'Nothing here yet'`. */
+    emptyTitle?: React.ReactNode;
+    /** Empty supporting copy. */
+    emptyDescription?: React.ReactNode;
+    /** Iconify name or node for the empty state. */
+    emptyIcon?: string | React.ReactNode | false;
+    /** Empty-state CTA area. */
+    emptyActions?: React.ReactNode;
+    /** Replace the whole empty state. */
+    emptyContent?: React.ReactNode;
+    /** The table/list rendered when none of the async states apply. */
+    children?: React.ReactNode;
+    className?: string;
+    classNames?: ListPanelClassNames;
+    'data-testid'?: string;
+}
+export declare const ListPanel: React.FC<ListPanelProps>;

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

@@ -0,0 +1,2 @@
+export { ListPanel } from './ListPanel';
+export type { ListPanelProps, ListPanelClassNames } from './ListPanel';

package/dist/patterns/OfferCard/OfferCard.d.ts

@@ -6,7 +6,7 @@ import { OfferCardProps } from './types';
  * Supports slot-based customization for all rendered elements.
  */
 export declare const OfferCard: {
-    ({ offer, quantity: quantityProp, defaultQuantity, onQuantityChange, currency, locale, labels: customLabels, slots, isDisabled, buttonVariant, buttonColor, showCard, showDescription, showPeopleCount, showPrice, classNames, "data-testid": dataTestId, selectedColor, compact, isSoldOut: isSoldOutProp, isMaxReached: isMaxReachedProp, isRuleBlocked: isRuleBlockedProp, statusTone: statusToneProp, statusLabel, disabledReason, disabled, }: OfferCardProps): JSX.Element;
+    ({ offer, quantity: quantityProp, defaultQuantity, onQuantityChange, currency, locale, labels: customLabels, slots, isDisabled, buttonVariant, buttonColor, showCard, showDescription, showPeopleCount, showPrice, priceDisplay, classNames, "data-testid": dataTestId, selectedColor, compact, isSoldOut: isSoldOutProp, isMaxReached: isMaxReachedProp, isRuleBlocked: isRuleBlockedProp, statusTone: statusToneProp, statusLabel, disabledReason, disabled, }: OfferCardProps): JSX.Element;
     displayName: string;
 };
 export default OfferCard;

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

@@ -134,6 +134,14 @@ export interface OfferCardClassNames {
      * Class for the price display
      */
     price?: string;
+    /**
+     * Class for the crossed-out original price when `priceDisplay` renders a discount.
+     */
+    originalPrice?: string;
+    /**
+     * Class for the current discounted price when `priceDisplay` renders a discount.
+     */
+    discountedPrice?: string;
     /**
      * Class for the description text
      */
@@ -362,6 +370,21 @@ export interface OfferCardProps {
      * @default true
      */
     showPrice?: boolean;
+    /**
+     * Optional explicit price display contract. Existing consumers keep the
+     * legacy `offer.price` rendering when this prop is omitted.
+     */
+    priceDisplay?: {
+        /**
+         * Current/effective price to display.
+         */
+        price: number;
+        /**
+         * Optional compare-at/original price. A discounted display is rendered
+         * only when this value is greater than `price`.
+         */
+        originalPrice?: number | null;
+    };
     /**
      * Class names for styling different parts of the component
      */

package/dist/patterns/PageHeader/PageHeader.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export interface PageHeaderClassNames {
+    base?: string;
+    iconWrapper?: string;
+    eyebrow?: string;
+    title?: string;
+    subtitle?: string;
+    actions?: string;
+}
+export interface PageHeaderProps {
+    /** Main heading. */
+    title: React.ReactNode;
+    /** Supporting copy under the title. */
+    subtitle?: React.ReactNode;
+    /** Small uppercase label above the title (e.g. a section or category name). */
+    eyebrow?: React.ReactNode;
+    /** Iconify name (`'solar:tag-outline'`) or a custom node for the tile. */
+    icon?: string | React.ReactNode;
+    /** Short text rendered in the tile when no `icon` is given (e.g. "DT"). */
+    initials?: string;
+    /**
+     * Right-aligned action area. Compose the primary CTA here, with an
+     * optional secondary button alongside it (caller-composed). Style the
+     * tile via `classNames.iconWrapper`.
+     */
+    actions?: React.ReactNode;
+    /** Heading level for the title element. Default `'h1'`. */
+    titleAs?: 'h1' | 'h2' | 'h3';
+    className?: string;
+    classNames?: PageHeaderClassNames;
+    'data-testid'?: string;
+}
+export declare const PageHeader: React.FC<PageHeaderProps>;

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

@@ -0,0 +1,2 @@
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps, PageHeaderClassNames } from './PageHeader';

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/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/RowActions/RowActions.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface RowAction {
+    key: string;
+    /** Accessible name AND tooltip. Include the subject: "Edit Annual Fund", not "Edit". */
+    label: string;
+    icon: React.ReactNode;
+    onPress: () => void;
+    disabled?: boolean;
+}
+export interface RowActionsProps {
+    actions: RowAction[];
+    /** Button edge length. `'md'` (30px) by default, `'sm'` (24px) for dense rows. */
+    size?: 'sm' | 'md';
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const RowActions: React.FC<RowActionsProps>;

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

@@ -0,0 +1,2 @@
+export { RowActions } from './RowActions';
+export type { RowActionsProps, RowAction } from './RowActions';

package/dist/patterns/StatusChip/StatusChip.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ChipProps } from '../../components';
+/** Domain-agnostic lifecycle states an admin row can be in. */
+export type StatusChipStatus = 'active' | 'archived' | 'inactive' | 'draft' | 'pending' | 'success' | 'warning' | 'danger' | 'neutral';
+export interface StatusChipProps {
+    /** Lifecycle state — selects the colour/tone only, never the text. */
+    status: StatusChipStatus;
+    /** Visible label. Caller-supplied so no domain copy lives here. */
+    label: React.ReactNode;
+    /**
+     * Visual style. HeroUI chip variants (default `'flat'`), plus the DS
+     * `'dot'` variant: a soft, radius-full pill with a leading tone dot,
+     * 12px / weight-600 text, tuned for dense admin lifecycle tables.
+     */
+    variant?: ChipProps['variant'] | 'dot';
+    /** Chip size. Default `'sm'`. Ignored by `variant="dot"`. */
+    size?: ChipProps['size'];
+    /**
+     * Override the colour derived from `status`. Escape hatch for the
+     * rare state not covered by `StatusChipStatus`. Ignored by `variant="dot"`.
+     */
+    color?: ChipProps['color'];
+    /** Optional leading element (dot, icon). Ignored by `variant="dot"`. */
+    startContent?: React.ReactNode;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const StatusChip: React.FC<StatusChipProps>;

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

@@ -0,0 +1,2 @@
+export { StatusChip } from './StatusChip';
+export type { StatusChipProps, StatusChipStatus } from './StatusChip';

package/dist/patterns/Summary/components/CollapseHeader.d.ts

@@ -6,6 +6,12 @@ export interface CollapseHeaderProps {
         label?: React.ReactNode;
         amount: Money;
     };
+    /** Optional primary-colored row mirrored under the Total in the compact bar
+     * (e.g. "Due Today"); cross-fades like the Total. */
+    secondaryTotal?: {
+        label: React.ReactNode;
+        amount: Money;
+    };
     locale: string;
     open: boolean;
     /** Open progress 0→1; drives the cross-fade opacity. */

package/dist/patterns/Summary/components/TotalsLineRow.d.ts

@@ -1,8 +1,12 @@
 import { default as React } from 'react';
-import { SummaryTotalRow } from '../types';
+import { SummaryPostTotalRow } from '../types';
 export interface TotalsLineRowProps {
-    row: SummaryTotalRow;
+    row: SummaryPostTotalRow;
     locale: string;
     emphasized: boolean;
+    onRemove?: (id: string) => void;
+    removeAriaLabel?: string;
+    /** Show the per-row remove control. Defaults to `true`. */
+    showRemoveButton?: boolean;
 }
 export declare const TotalsLineRow: React.FC<TotalsLineRowProps>;