@veevarts/design-system 2.1.0-beta.2 → 2.1.0-beta.20

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { Money } from '../../utils/money';
+import { RecordTone } from '../shared/recordTone';
 export type { Money } from '../../utils/money';
 /**
  * A generic, parametrizable detail row rendered under a line item — an icon +
@@ -56,6 +57,21 @@ export interface SummaryLineItem {
      * show an auto-renewal note and a pay-by-installments line.
      */
     details?: SummaryItemDetail[];
+    /** Pre-formatted list price, rendered struck through before `amount`. */
+    originalAmount?: string;
+    /** Node rendered under the amount, right-aligned (e.g. a `StatusChip`). */
+    trailing?: ReactNode;
+    /** Tints the whole row with the tone's fill. */
+    tone?: RecordTone;
+    /** Dims the price while it is being recalculated (e.g. a quantity change not yet confirmed). */
+    pending?: boolean;
+    /**
+     * `false` hides this row's remove (trash) control even when `onRemoveItem`
+     * is wired and `showRemoveButton` is on — for a line the host changes
+     * through another flow (the register's own membership line goes through
+     * "Change membership"). Applies to nested rows one by one. Default `true`.
+     */
+    removable?: boolean;
 }
 /** The "Pay Service fee" radio-toggle row. */
 export interface SummaryServiceFee {
@@ -66,18 +82,20 @@ export interface SummaryServiceFee {
     /** Fires when the row/radio is toggled. */
     onToggle?: () => void;
 }
-/** A plain totals row (Subtotal, Taxes). */
+/** A plain totals row (Subtotal, Discounts, Taxes). */
 export interface SummaryTotalRow {
     /** Stable key for `data-testid` (e.g. 'subtotal', 'taxes'). */
     key: string;
     label: ReactNode;
     amount: Money;
+    /** Stable id; when set and `onRemoveTotalRow` exists, the row shows the remove control (e.g. one row per removable discount). */
+    id?: string;
+    /** Tone of the amount: `'success'` paints it in the success color (e.g. a discount); default inherits the row tone. */
+    amountTone?: 'default' | 'success';
 }
 /**
- * A post-total row — the same flat shape as {@link SummaryTotalRow}, plus an
- * optional `id` that (together with `onRemovePostTotalRow`) enables the same
- * trash remove control the line items use. Kept as its own interface so the
- * pre-total `rows` — where an id/remove has no meaning — stay untouched.
+ * A post-total row — the same flat shape as {@link SummaryTotalRow}; rows with
+ * an `id` show the trash remove control when `onRemovePostTotalRow` exists.
  */
 export interface SummaryPostTotalRow extends SummaryTotalRow {
     /** Stable id; when set and `onRemovePostTotalRow` exists, the row shows the remove control. */
@@ -94,6 +112,8 @@ export interface SummaryPrimaryAction {
 export interface SummaryLabels {
     /** Aria label for the per-item remove control. Default "Remove item". */
     removeAriaLabel?: string;
+    /** Aria label for the per-totals-row remove control. Default "Remove discount". */
+    removeTotalRowAriaLabel?: string;
     /** Aria label for the per-post-total-row remove control. Default "Remove applied code". */
     removePostTotalRowAriaLabel?: string;
     /** Aria label for the collapse/expand press target. Default "Toggle summary". */
@@ -132,6 +152,8 @@ export interface SummaryClassNames {
     cta?: string;
     /** The caption rendered under the CTA. */
     ctaCaption?: string;
+    /** The error rendered next to the CTA. */
+    ctaError?: string;
     /** Mobile compact bottom-bar. */
     mobileBar?: string;
     /** Mobile cart button. */
@@ -150,7 +172,11 @@ export interface SummaryProps {
     items?: SummaryLineItem[];
     /** Optional "Pay Service fee" radio-toggle row. */
     serviceFee?: SummaryServiceFee;
-    /** Plain totals rows rendered above the Total (Subtotal, Taxes). */
+    /**
+     * Plain totals rows rendered above the Total (Subtotal, Discounts, Taxes).
+     * Rows with an `id` show the trash remove control when `onRemoveTotalRow`
+     * is provided (same gating as the item remove, incl. `showRemoveButton`).
+     */
     rows?: SummaryTotalRow[];
     /** The emphasized Total row (label default "Total"). */
     total: {
@@ -182,9 +208,16 @@ export interface SummaryProps {
      */
     ctaCaption?: ReactNode;
     /**
-     * Whether the remove (trash) controls are shown — per-item and
-     * per-post-total-row alike. Defaults to `true`; pass `false` to hide them
-     * even when `onRemoveItem` / `onRemovePostTotalRow` are wired. Independent
+     * An optional error (e.g. a rejected request) shown in danger text next to
+     * the CTA: under it in the card layout, ABOVE it in the mobile bottom bar,
+     * where the sticky CTA sits at the screen edge and a message under it would
+     * hug the edge and sit beneath the thumb. Rendered as `role="alert"`.
+     */
+    ctaError?: ReactNode;
+    /**
+     * Whether the remove (trash) controls are shown — per-item, per-totals-row
+     * and per-post-total-row alike. Defaults to `true`; pass `false` to hide them
+     * even when `onRemoveItem` / `onRemoveTotalRow` / `onRemovePostTotalRow` are wired. Independent
      * of the handlers so a host can keep them but suppress the controls.
      */
     showRemoveButton?: boolean;
@@ -213,6 +246,8 @@ export interface SummaryProps {
     primaryAction?: SummaryPrimaryAction;
     /** When provided, item rows show a red trash remove control. */
     onRemoveItem?: (id: string) => void;
+    /** When provided, totals rows (above the Total) with an `id` show the same red trash remove control. */
+    onRemoveTotalRow?: (id: string) => void;
     /** When provided, post-total rows with an `id` show the same red trash remove control. */
     onRemovePostTotalRow?: (id: string) => void;
     /**
@@ -231,6 +266,13 @@ export interface SummaryProps {
     /** Rendered when there are no items. */
     emptyState?: ReactNode;
     labels?: SummaryLabels;
+    /**
+     * Visual density. `'compact'` drops the card's title and the prices row, removes the
+     * `{qty} x` prefix, separates items with dividers, renders the totals rows
+     * small and muted and a smaller Total without a divider above it (e.g. a POS
+     * cart panel). Defaults to `'default'`.
+     */
+    density?: 'default' | 'compact';
     'data-testid'?: string;
     className?: string;
     /** Per-slot class overrides (Design-System `classNames` convention). */

package/dist/patterns/TableSkeleton/TableSkeleton.d.ts

@@ -25,6 +25,7 @@ export interface TableSkeletonProps {
     barHeight?: number;
     /** Right-aligns the last column's bar, for a trailing numeric or actions column. */
     alignLastRight?: boolean;
+    appearance?: 'pulse' | 'shimmer';
     className?: string;
     classNames?: TableSkeletonClassNames;
     'data-testid'?: string;

package/dist/patterns/TileSelect/TileSelect.d.ts

@@ -11,9 +11,58 @@ export interface TileSelectOption {
     icon: string | React.ReactNode;
     /** Disable the tile (greyed out, no click). */
     isDisabled?: boolean;
+    /**
+     * One line of supporting copy. Rendered only by `variant="compact"`,
+     * for an option that ended up in the "More" menu, where the label
+     * alone ("Other") rarely says enough.
+     */
+    description?: string;
+    /**
+     * `variant="compact"` only: keep this option in the "More" menu at
+     * every width, however much room the track has. For an action that is
+     * secondary by decision rather than by measurement — a payments picker
+     * that wants "Other" one click away so the methods people actually
+     * reach for own the row.
+     *
+     * The menu is rendered whenever an option asks for it, so this also
+     * overrides the rule that suppresses a menu holding a single option.
+     */
+    alwaysInMenu?: boolean;
+    /**
+     * `variant="compact"` only: what this option is worth keeping on the
+     * track. When the pill runs out of room the LOWEST priority folds into
+     * the menu first; equal priorities fold from the end of the list.
+     * Default `0`.
+     *
+     * Display order is untouched — this decides what survives a squeeze,
+     * not where anything sits. A payments picker can list "Other" before
+     * "Split payment" and still lose "Other" first, because splitting a
+     * payment is the rarer, weightier thing to reach for.
+     */
+    priority?: number;
     /** Override per-tile test id; defaults to `${dataTestId}-${key}`. */
     'data-testid'?: string;
 }
+/**
+ * `'tiles'` — the icon-over-label grid, with a `<Select>` dropdown under
+ * `md`. The picker is the subject of the step.
+ *
+ * `'compact'` — a segmented pill of label-only toggles at every width,
+ * keeping every option the track can hold and folding the rest into a
+ * "More" menu rather than scrolling. The picker is a control among others.
+ */
+export type TileSelectVariant = 'tiles' | 'compact';
+/**
+ * Tile size for `variant="tiles"`.
+ *
+ * `'md'` (default) — the 80px icon-over-label tile of the payments drop-in.
+ *
+ * `'sm'` — the 58px tender tile of the Quick Donation / Quick Membership
+ * mockups (`.tender-tile`): 17px icon over an 11.5px label, 10px/4px padding,
+ * 12px radius, 8px between tiles; the picked tile takes a brand border, a 9%
+ * brand tint and brand text. DS tokens only, rem only.
+ */
+export type TileSelectSize = 'md' | 'sm';
 export interface TileSelectProps {
     /** Options to render in order. */
     options: readonly TileSelectOption[];
@@ -30,9 +79,38 @@ export interface TileSelectProps {
      * heading element.
      */
     ariaLabel?: string;
-    /** Grid columns on >= sm. Default `3`. Mobile collapses to 2. */
-    columnsDesktop?: 2 | 3 | 4;
+    /**
+     * How the options render. Default `'tiles'`.
+     * See {@link TileSelectVariant}.
+     */
+    variant?: TileSelectVariant;
+    /**
+     * `variant="compact"` only: a CAP on how many options stay on the pill.
+     * Unset by default, and normally best left that way — the pill already
+     * measures the track and keeps every option that fits, folding only
+     * what is left over. Set it when a surface wants a shorter row than
+     * its width allows.
+     *
+     * The cap gives way in one case: when honouring it would leave a single
+     * option in the menu that the track had room for. A "More" button is
+     * wider than most labels, so that fold costs space and buys a click.
+     */
+    maxVisible?: number;
+    /**
+     * `variant="compact"` only: label for the overflow trigger. Shown
+     * until an option inside the menu is selected, after which the
+     * trigger carries that option's label. Translatable. Default `'More'`.
+     */
+    moreLabel?: string;
+    /**
+     * Grid columns on >= sm. Default `3`. Mobile collapses to 2.
+     * `5` and `6` keep a full method set on one row on a wide surface.
+     * Ignored by `variant="compact"`, which is a single strip.
+     */
+    columnsDesktop?: 2 | 3 | 4 | 5 | 6;
     columnsMobile?: 1 | 2;
+    /** `variant="tiles"` only. See {@link TileSelectSize}. Default `'md'`. */
+    size?: TileSelectSize;
     className?: string;
     'data-testid'?: string;
 }

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

@@ -1,2 +1,2 @@
 export { TileSelect } from './TileSelect';
-export type { TileSelectProps, TileSelectOption } from './TileSelect';
+export type { TileSelectProps, TileSelectOption, TileSelectVariant, TileSelectSize } from './TileSelect';

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

@@ -0,0 +1,14 @@
+/**
+ * `size="sm"` tile classes (`.tender-tile`). rem only: 1px border + `py-2.5` +
+ * 17px icon + 5px gap + 14px label line + `py-2.5` + 1px border = the
+ * mockup's 58px. Reduced motion (OS or the POS override on `<html>`) drops
+ * the colour easing and the press scale.
+ */
+export declare const smallTileClass: {
+    readonly grid: "gap-2";
+    readonly tile: "flex flex-col items-center justify-center gap-[0.3125rem] h-auto min-h-0 min-w-0 rounded-xl border px-1 py-2.5 transition-colors motion-reduce:transition-none [html[data-pos-reduce-motion=true]_&]:transition-none motion-reduce:data-[pressed=true]:scale-100 [html[data-pos-reduce-motion=true]_&]:data-[pressed=true]:scale-100";
+    readonly idle: "border-pos-field bg-white text-pos-ink data-[hover=true]:border-pos-line-strong data-[hover=true]:bg-white";
+    readonly active: "border-primary bg-primary/[.09] text-primary data-[hover=true]:bg-primary/[.09]";
+    readonly icon: "flex h-[1.0625rem] w-[1.0625rem] items-center justify-center";
+    readonly label: "text-[0.71875rem] font-medium leading-[0.875rem]";
+};

package/dist/patterns/ToolbarButton/ToolbarButton.d.ts

@@ -10,6 +10,7 @@ export type ToolbarButtonProps = Omit<ComponentPropsWithoutRef<typeof Button>, '
      * count straight through without guarding it.
      */
     count?: number;
+    appearance?: 'pill' | 'outline';
     /** Forwarded as `data-testid`. */
     testId?: string;
 };
@@ -23,6 +24,7 @@ export declare const ToolbarButton: React.ForwardRefExoticComponent<Omit<Omit<Om
      * count straight through without guarding it.
      */
     count?: number;
+    appearance?: "pill" | "outline";
     /** Forwarded as `data-testid`. */
     testId?: string;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/patterns/UnderlineTabs/UnderlineTabs.d.ts

@@ -1,4 +1,11 @@
 import { default as React } from 'react';
+export type UnderlineTabsSize = 'md' | 'sm';
+/**
+ * `primary`: the page's own tabs; the selected label turns ink.
+ * `secondary`: tabs nested inside a section; flush, padded, semibold, the
+ * selected label turns brand. Read by `size="sm"` only.
+ */
+export type UnderlineTabsLevel = 'primary' | 'secondary';
 export interface UnderlineTabItem<K extends string = string> {
     key: K;
     label: React.ReactNode;
@@ -15,6 +22,14 @@ export interface UnderlineTabItem<K extends string = string> {
      * the DOM does not contain; passing `content` is the fix.
      */
     content?: React.ReactNode;
+    /** Not selectable: drawn at 40% and skipped by the arrow keys. */
+    isDisabled?: boolean;
+    /**
+     * The browser tooltip on the tab (its `title`), read out as its
+     * description: why a disabled tab is out of reach ("Corporate memberships
+     * cannot be gifted").
+     */
+    hint?: string;
 }
 export interface UnderlineTabsProps<K extends string = string> {
     items: UnderlineTabItem<K>[];
@@ -22,10 +37,14 @@ export interface UnderlineTabsProps<K extends string = string> {
     onChange: (key: K) => void;
     /** Names the tablist. Required — an unnamed tablist gives no context. */
     ariaLabel: string;
+    /** `md` (default): the back-office strip. `sm`: the Quick Donation / Quick Membership strip. */
+    size?: UnderlineTabsSize;
+    /** See {@link UnderlineTabsLevel}. Default `primary`. Read by `size="sm"` only. */
+    level?: UnderlineTabsLevel;
     className?: string;
     'data-testid'?: string;
 }
-export declare function UnderlineTabs<K extends string = string>({ items, value, onChange, ariaLabel, className, 'data-testid': dataTestId, }: UnderlineTabsProps<K>): import("react/jsx-runtime").JSX.Element;
+export declare function UnderlineTabs<K extends string = string>({ items, value, onChange, ariaLabel, size, level, className, 'data-testid': dataTestId, }: UnderlineTabsProps<K>): import("react/jsx-runtime").JSX.Element;
 export declare namespace UnderlineTabs {
     var displayName: string;
 }

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

@@ -1,2 +1,2 @@
 export { UnderlineTabs } from './UnderlineTabs';
-export type { UnderlineTabsProps, UnderlineTabItem } from './UnderlineTabs';
+export type { UnderlineTabsProps, UnderlineTabItem, UnderlineTabsSize, UnderlineTabsLevel } from './UnderlineTabs';

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

@@ -0,0 +1,10 @@
+export interface UnderlineTabsSlots {
+    base: string;
+    tabList: string;
+    cursor: string;
+    tab: string;
+    tabContent: string;
+}
+export declare const underlineTabsSlots: Record<'md' | 'sm-primary' | 'sm-secondary', UnderlineTabsSlots>;
+/** Added to the `md` cursor under reduced motion: it jumps instead of sliding. */
+export declare const stillCursorClass = "data-[animated=true]:transition-none";

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

@@ -1,2 +1,2 @@
 export { WizardShell } from './WizardShell';
-export type { WizardShellProps, WizardStep, WizardStepState, WizardShellPrimaryAction, WizardShellSecondaryAction, WizardShellTotalRow, WizardShellLabels, } from './types';
+export type { WizardShellProps, WizardStep, WizardStepState, WizardShellPrimaryAction, WizardShellSecondaryAction, WizardShellTotalRow, WizardShellTotalBadge, WizardShellLabels, } from './types';

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

@@ -28,10 +28,16 @@ export interface WizardShellSecondaryAction {
  * the return covers less than the order, `owes` reads "Customer owes" when the
  * balance runs the other way.
  */
+export interface WizardShellTotalBadge {
+    label: string;
+    tone: 'warn' | 'neutral' | 'ok';
+}
 export interface WizardShellTotalRow {
     label: string;
     amount?: Money;
-    badge?: 'partial' | 'owes';
+    /** Renders the amount as a counter against this total: "Assigned $40.00 of $46.00". */
+    of?: Money;
+    badge?: 'partial' | 'owes' | WizardShellTotalBadge;
 }
 export interface WizardShellLabels {
     back?: string;
@@ -40,6 +46,8 @@ export interface WizardShellLabels {
     cancel?: string;
     partialBadge?: string;
     owesBadge?: string;
+    /** The word between `totalRow.amount` and `totalRow.of`. */
+    ofSeparator?: string;
 }
 export interface WizardShellProps {
     onClose?: () => void;

package/dist/patterns/grid-columns.d.ts

@@ -6,5 +6,5 @@
  * The literal Tailwind classes must stay spelled out (not interpolated) so
  * the JIT scanner keeps generating them.
  */
-export declare const GRID_DESKTOP_COLS: Record<2 | 3 | 4, string>;
+export declare const GRID_DESKTOP_COLS: Record<2 | 3 | 4 | 5 | 6, string>;
 export declare const GRID_MOBILE_COLS: Record<1 | 2, string>;

package/dist/patterns/index.d.ts

@@ -10,13 +10,13 @@ export type { MultiselectProps } from './Multiselect';
 export { RichTextArea, RICH_TEXT_PRESETS } from './RichText';
 export type { RichTextAreaProps } from './RichText';
 export { DonationAmounts } from './DonationAmounts';
-export type { DonationAmountsProps, DonationAmount, SelectedDonation, DonationLabels } from './DonationAmounts';
+export type { DonationAmountsProps, DonationAmount, SelectedDonation, DonationLabels, DonationAmountsVariant, } from './DonationAmounts';
 export { ExpireCartTimer } from './ExpireCartTimer';
 export type { ExpireCartTimerProps } from './ExpireCartTimer';
-export { EventDetails } from './EventDetails';
-export type { EventDetailsProps } from './EventDetails';
-export { OfferCard, OfferCardList, OfferCardSkeleton, OfferCardError, OfferCardEmpty, offerListVariants, offerCardVariants, formatCurrency as formatOfferCurrency, parseCurrency as parseOfferCurrency, } from './OfferCard';
-export type { Offer, OfferSelection, OfferCardLabels, OfferCardErrorLabels, OfferCardClassNames, OfferCardListClassNames, OfferCardSkeletonClassNames, OfferCardErrorClassNames, OfferCardEmptyClassNames, OfferCardSlots, OfferCardProps, OfferCardListProps, OfferCardSkeletonProps, OfferCardErrorProps, OfferCardEmptyProps, } from './OfferCard';
+export { EventDetails } from './Programs/EventDetails';
+export type { EventDetailsProps } from './Programs/EventDetails';
+export { OfferCard, OfferCardList, OfferCardSkeleton, OfferCardError, OfferCardEmpty, offerListVariants, offerCardVariants, formatCurrency as formatOfferCurrency, parseCurrency as parseOfferCurrency, } from './Programs/OfferCard';
+export type { Offer, OfferSelection, OfferCardLabels, OfferCardErrorLabels, OfferCardClassNames, OfferCardListClassNames, OfferCardSkeletonClassNames, OfferCardErrorClassNames, OfferCardEmptyClassNames, OfferCardSlots, OfferCardProps, OfferCardListProps, OfferCardSkeletonProps, OfferCardErrorProps, OfferCardEmptyProps, } from './Programs/OfferCard';
 export { RevenueDistributionCard, RevenueDistributionSkeleton, RevenueDistributionError, RevenueDistributionEmpty, formatAmount as formatRevenueAmount, formatCurrency as formatRevenueCurrency, getCurrencySymbol, parseCurrency as parseRevenueCurrency, calculateAllocationDifference, generateDistributionId, } from './RevenueDistribution';
 export type { GlAccount, Distribution, RevenueDistributionLabels, RevenueDistributionErrorLabels, RevenueDistributionEmptyLabels, RevenueDistributionCardClassNames, RevenueDistributionSkeletonClassNames, RevenueDistributionErrorClassNames, RevenueDistributionEmptyClassNames, RevenueDistributionCardProps, RevenueDistributionSkeletonProps, RevenueDistributionErrorProps, RevenueDistributionEmptyProps, } from './RevenueDistribution';
 export { InstallmentFundAssignment, InstallmentFundAssignmentSkeleton } from './InstallmentFundAssignment';
@@ -31,8 +31,10 @@ export { MembershipSelectCards } from './MembershipSelectCards';
 export type * from './MembershipSelectCards';
 export { ItemCard } from './ItemCard';
 export type * from './ItemCard';
-export { CatalogItemCard } from './CatalogItemCard';
-export type * from './CatalogItemCard';
+export { CatalogItemCard } from './Programs/CatalogItemCard';
+export type * from './Programs/CatalogItemCard';
+export { ProgramListItem } from './Programs/ProgramListItem';
+export type * from './Programs/ProgramListItem';
 export { FeedbackState, EmptyState, ErrorState, LoadingState, SuccessState } from './FeedbackState';
 export type * from './FeedbackState';
 export { Toggle } from './Toggle';
@@ -41,8 +43,8 @@ export { TicketSelection } from './TicketSelection';
 export type * from './TicketSelection';
 export { FilterPopover } from './FilterPopover';
 export type * from './FilterPopover';
-export { SessionTimeline } from './SessionTimeline';
-export type * from './SessionTimeline';
+export { SessionTimeline } from './Programs/SessionTimeline';
+export type * from './Programs/SessionTimeline';
 export { PageHeader } from './PageHeader';
 export type { PageHeaderProps, PageHeaderClassNames } from './PageHeader';
 export { StatusChip } from './StatusChip';
@@ -56,19 +58,21 @@ export type { TableSkeletonProps, TableSkeletonClassNames } from './TableSkeleto
 export { AdminTable, adminRowClass, adminTableClass, adminTableFooterClass, adminTdClass, adminThClass, } from './AdminTable';
 export type { AdminTableProps, AdminTableColumn, AdminTableClassNames } from './AdminTable';
 export { AdminToolbar } from './AdminToolbar';
-export type { AdminToolbarProps } from './AdminToolbar';
+export type { AdminToolbarProps, AdminToolbarSearchWidth, AdminToolbarSize } from './AdminToolbar';
 export { ToolbarButton } from './ToolbarButton';
 export type { ToolbarButtonProps } from './ToolbarButton';
 export { UnderlineTabs } from './UnderlineTabs';
-export type { UnderlineTabsProps, UnderlineTabItem } from './UnderlineTabs';
+export type { UnderlineTabsProps, UnderlineTabItem, UnderlineTabsSize, UnderlineTabsLevel } from './UnderlineTabs';
 export { AdminFieldLabel, AdminTextField, adminFieldErrorClass, adminFieldHintClass, adminFieldLabelClass, adminFieldLabelSuffixClass, adminInputClass, adminInputReadOnlyClass, adminInputWrapperClass, } from './AdminTextField';
 export type { AdminTextFieldProps } from './AdminTextField';
 export { RowActions } from './RowActions';
 export type { RowActionsProps, RowAction } from './RowActions';
 export { PickerRow } from './PickerRow';
 export type { PickerRowProps } from './PickerRow';
+export { EntityRow, EntityList, EntityListSkeleton } from './EntityRow';
+export type { EntityRowProps, EntityRowSize, EntityRowVariant, EntityRowTag, EntityRowTagTone, EntityRowLeading, EntityRowAction, EntityListProps, EntityListSkeletonProps, } from './EntityRow';
 export { PaginationSummary, pageRange } from './PaginationSummary';
-export type { PaginationSummaryProps, PaginationSummaryClassNames } from './PaginationSummary';
+export type { PaginationSummaryProps, PaginationSummaryClassNames, PaginationSummaryRange } from './PaginationSummary';
 export { ListPanel } from './ListPanel';
 export type { ListPanelProps, ListPanelClassNames } from './ListPanel';
 export { CashTenderForm } from './CashTenderForm';
@@ -78,11 +82,11 @@ export type { CheckTenderFormProps, CheckTenderValue, CheckTenderLabels } from '
 export { OtherTenderForm } from './OtherTenderForm';
 export type { OtherTenderFormProps, OtherTenderValue, OtherTenderLabels, OtherTenderMethodOption, } from './OtherTenderForm';
 export { SplitPaymentSummary } from './SplitPaymentSummary';
-export type { SplitPaymentSummaryProps, SplitPaymentSummaryLabels, TenderRow, TenderRowStatus, TenderRowType, } from './SplitPaymentSummary';
+export type { SplitPaymentSummaryProps, SplitPaymentSummaryLabels, SplitPaymentSummaryVariant, TenderRow, TenderRowStatus, TenderRowType, } from './SplitPaymentSummary';
 export { ModalShell, ModalShellHeader, ModalShellFooter } from './ModalShell';
 export type { ModalShellProps, ModalShellHeaderProps, ModalShellFooterProps } from './ModalShell';
 export { TileSelect } from './TileSelect';
-export type { TileSelectProps, TileSelectOption } from './TileSelect';
+export type { TileSelectProps, TileSelectOption, TileSelectVariant, TileSelectSize } from './TileSelect';
 export { PaymentTotalBanner } from './PaymentTotalBanner';
 export type { PaymentTotalBannerProps } from './PaymentTotalBanner';
 export { LoadingOverlay } from './LoadingOverlay';
@@ -95,11 +99,19 @@ export { PaymentSubAmountInput } from './PaymentSubAmountInput';
 export type { PaymentSubAmountInputProps } from './PaymentSubAmountInput';
 export { ConfirmDialog } from './ConfirmDialog';
 export type { ConfirmDialogProps, ConfirmDialogVariant } from './ConfirmDialog';
+export { InlineConfirm } from './InlineConfirm';
+export type { InlineConfirmProps, InlineConfirmVariant, InlineConfirmSize } from './InlineConfirm';
+export { ModalPanels, ModalPanelHeader, useModalPanel, useModalPanels } from './ModalPanels';
+export type { ModalPanelsProps, ModalPanelHeaderProps, ModalPanelState, ModalPanelsController, ModalPanelEntry, } from './ModalPanels';
+export { DiscardGuard, useDiscardGuard, useDiscardGuardActions, useReportUnsavedChanges } from './DiscardGuard';
+export type { DiscardGuardProps, DiscardGuardController, DiscardGuardActions } from './DiscardGuard';
 export { Summary } from './Summary';
 export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPostTotalRow, SummaryPrimaryAction, SummaryLabels, } from './Summary';
+export { StepProgress } from './StepProgress';
+export type { StepProgressProps, StepProgressStep, StepProgressLabels } from './StepProgress';
 export { WizardShell } from './WizardShell';
-export type { WizardShellProps, WizardStep, WizardStepState, WizardShellPrimaryAction, WizardShellSecondaryAction, WizardShellTotalRow, WizardShellLabels, } from './WizardShell';
-export type { TenderError, DestinationLine, DestinationStatus } from './shared';
+export type { WizardShellProps, WizardStep, WizardStepState, WizardShellPrimaryAction, WizardShellSecondaryAction, WizardShellTotalRow, WizardShellTotalBadge, WizardShellLabels, } from './WizardShell';
+export type { TenderError, DestinationLine, DestinationStatus, RecordTone } from './shared';
 export { LineItemList } from './LineItemList';
 export type { LineItemListProps, LineItemView, ItemSelection, LineItemState, LineItemRestockView, ItemDisposition, AmountOnlyView, LineItemListLabels, } from './LineItemList';
 export { MetaCard } from './MetaCard';
@@ -116,7 +128,47 @@ export { TenderMethods } from './TenderMethods';
 export type { TenderMethodsProps, TenderView, TenderKind, TenderMethodsLabels } from './TenderMethods';
 export { SplitTenderPanel } from './SplitTenderPanel';
 export type { SplitTenderPanelProps, SplitPartView, SplitMethodOption, SplitTenderPanelLabels, } from './SplitTenderPanel';
+export { RefundMethodCards } from './RefundMethodCards';
+export type { RefundMethodCardsProps, RefundMethodCardsLabels, RefundMethodCardsError, RefundMethodView, RefundMethodKind, RefundMethodStatus, RefundMethodOption, RefundMethodAnotherMethod, RefundMethodPaidWith, } from './RefundMethodCards';
+export { RefundProgressList } from './RefundProgressList';
+export type { RefundProgressListProps, RefundProgressListLabels, RefundProgressPart, RefundProgressStatus, RefundProgressAction, } from './RefundProgressList';
 export { PinField } from './PinField';
 export type { PinFieldProps, PinFieldLabels } from './PinField';
 export { OutcomeView } from './OutcomeView';
-export type { OutcomeViewProps, OutcomeViewLabels, ReceiptChannel } from './OutcomeView';
+export type { OutcomeViewProps, OutcomeViewLabels, ReceiptChannel, OutcomeViewKind, OutcomePaidWithLine, OutcomeGroup, OutcomeReceiptAction, OutcomeEmailReceipt, OutcomeChangeDue, } from './OutcomeView';
+export { FilterSelect, FilterSelectGroup } from './FilterSelect';
+export type { FilterSelectProps, FilterSelectOption, FilterSelectGroupProps } from './FilterSelect';
+export { LoadMoreFooter } from './LoadMoreFooter';
+export type { LoadMoreFooterProps, LoadMoreStatus } from './LoadMoreFooter';
+export { CardList } from './CardList';
+export type { CardListProps, CardListItem } from './CardList';
+export { RecordHeader } from './RecordHeader';
+export type { RecordHeaderProps, RecordHeaderStat } from './RecordHeader';
+export { RecordLayout } from './RecordLayout';
+export type { RecordLayoutProps } from './RecordLayout';
+export { StatTiles } from './StatTiles';
+export type { StatTilesProps, StatTileItem } from './StatTiles';
+export { PillTabs, pillTabId, pillTabPanelId, pillTabPanelProps } from './PillTabs';
+export type { PillTabsProps, PillTabItem, PillTabsSize } from './PillTabs';
+export { AmountList } from './AmountList';
+export type { AmountListProps, AmountListRow } from './AmountList';
+export { ActivityTimeline } from './ActivityTimeline';
+export type { ActivityTimelineProps, ActivityTimelineEvent } from './ActivityTimeline';
+export { RelatedRecordList } from './RelatedRecordList';
+export type { RelatedRecordListProps, RelatedRecordRow } from './RelatedRecordList';
+export { RecordCard } from './RecordCard';
+export type { RecordCardProps, RecordCardVariant, RecordCardBody, RecordCardSurface } from './RecordCard';
+export { CardStack } from './CardStack';
+export type { CardStackProps, CardStackLayout } from './CardStack';
+export { KeyValueRows } from './KeyValueRows';
+export type { KeyValueRowsProps, KeyValueRow, KeyValueRowsDensity } from './KeyValueRows';
+export { LineItemRows } from './LineItemRows';
+export type { LineItemRowsProps, LineItemRow } from './LineItemRows';
+export { RecordTotals } from './RecordTotals';
+export type { RecordTotalsProps, RecordTotalsRow } from './RecordTotals';
+export { CellText, ChipStack } from './CellText';
+export type { CellTextProps, CellTextVariant, ChipStackProps } from './CellText';
+export { SessionExpiredCard } from './SessionExpiredCard';
+export type { SessionExpiredCardProps } from './SessionExpiredCard';
+export { Notice } from './Notice';
+export type { NoticeProps, NoticeTone, NoticeVariant } from './Notice';

package/dist/patterns/shared/hasContent.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function hasContent(node: ReactNode): boolean;

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

@@ -1 +1,2 @@
 export type { TenderError, DestinationLine, DestinationStatus } from './types';
+export type { RecordTone } from './recordTone';

package/dist/patterns/shared/motion.d.ts

@@ -0,0 +1,6 @@
+export declare const POS_REDUCE_MOTION_ATTRIBUTE = "data-pos-reduce-motion";
+export declare const stillTransitionClass = "motion-reduce:transition-none [html[data-pos-reduce-motion=true]_&]:transition-none";
+export declare const stillAnimationClass = "motion-reduce:animate-none [html[data-pos-reduce-motion=true]_&]:animate-none";
+export declare const shimmerClass = "rounded-[0.375rem] bg-[linear-gradient(90deg,#F0F0F1_0,#F9F9FA_12.5rem,#F0F0F1_25rem)] bg-[length:50rem_100%] animate-record-shimmer motion-reduce:animate-none [html[data-pos-reduce-motion=true]_&]:animate-none";
+export declare function prefersReducedMotion(): boolean;
+export declare function useReducedMotion(): boolean;

package/dist/patterns/shared/recordTone.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export type RecordTone = 'ok' | 'warn' | 'danger' | 'info' | 'violet' | 'neutral';
+export interface RecordTonePair {
+    fg: string;
+    bg: string;
+}
+export declare const RECORD_TONE: Record<RecordTone, RecordTonePair>;
+export type SignedAmountTone = 'positive' | 'negative' | 'neutral';
+export declare function amountToneStyle(tone: SignedAmountTone | undefined): CSSProperties | undefined;

package/dist/patterns/shared/rem.d.ts

@@ -0,0 +1,4 @@
+export declare const ROOT_FONT_PX = 16;
+export declare const rem: (px: number) => string;
+export declare function rootFontSizePx(): number;
+export declare const atLeastRem: (widthPx: number, rems: number) => boolean;

package/dist/patterns/shared/useContainerWidth.d.ts

@@ -0,0 +1,6 @@
+export declare const CONTAINER_MEDIUM = 768;
+export declare const CONTAINER_WIDE = 1120;
+export declare function useContainerWidth<T extends HTMLElement>(): {
+    ref: import('react').RefObject<T | null>;
+    width: number;
+};

package/dist/patterns/shared/useDecimalDraft.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Keeps the text a cashier typed into a money input separate from the number
+ * the host holds.
+ *
+ * A money input whose display is `String(value)` loses what the cashier is
+ * mid-way through typing: `'40.'` parses to `40` and is re-rendered as `'40'`,
+ * so the next `0` produces `'400'` and `'40.00'` ends up read as 4000. The hook
+ * keeps the typed string and shows it while it still parses to `value` (the
+ * echo of the cashier's own keystroke). When the host holds a number the draft
+ * does not represent (a reset, a prefill, a host that ignores the keystroke),
+ * the input shows `format(value)` instead, so the host stays in control.
+ */
+/**
+ * Whether `text` is one amount, possibly partial, in a currency with
+ * `fractionDigits` minor digits: digits, then at most one `.` or `,` followed
+ * by at most `fractionDigits` digits (`''`, `'40'`, `'40.'`, `'40,5'`, `'.5'`).
+ * Anything else would show one amount while emitting another, because
+ * `parseFloat` reads only a prefix and `,` is the decimal separator: `'40.5.9'`
+ * and `'4a'` would emit 40.5 and 4, and `'1,000'` would emit 1. Callers reject
+ * such a keystroke instead of storing it, so the input keeps what it showed.
+ */
+export declare const isDecimalDraft: (text: string, fractionDigits: number) => boolean;
+/** Parses a typed amount (`'40.5'`, `'40,5'`, `'40.'`); `null` when there is no number yet (`''`, `'.'`, `','`). */
+export declare const parseDecimalDraft: (draft: string) => number | null;
+export interface DecimalDraft {
+    /** The text to show in the input. */
+    draft: string;
+    /** Stores the text the cashier typed. */
+    setDraft: (next: string) => void;
+    /** Rewrites the draft in its canonical form (`'40.'` → `'40'`) without changing its value. */
+    normalize: () => void;
+}
+export declare const useDecimalDraft: (value: number | null | undefined, format: (value: number | null | undefined) => string) => DecimalDraft;

package/dist/patterns/shared/usePrefillEdits.d.ts

@@ -0,0 +1,7 @@
+export interface PrefillEdits<T> {
+    isUntouched: () => boolean;
+    markEdited: (emitted: T) => void;
+    markUntouched: () => void;
+}
+export declare const usePrefillEdits: <T>(source: T, isSame?: (a: T, b: T) => boolean) => PrefillEdits<T>;
+export declare const useReplaceWhileUntouched: (isUntouched: () => boolean, replace: (text: string) => void) => import('react').RefObject<HTMLInputElement | null>;

package/dist/providers/DensityProvider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Density } from './density';
+export interface DensityProviderProps {
+    density: Density;
+    children: ReactNode;
+}
+export declare function DensityProvider({ density, children }: DensityProviderProps): import("react/jsx-runtime").JSX.Element;