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

package/dist/patterns/CheckboxCardGroup/CheckboxCardGroup.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+export interface CheckboxCardOption {
+    /** Stable identifier surfaced through `onChange`. */
+    key: string;
+    /** Visible label. */
+    label: string;
+    /** Optional secondary line under the label. */
+    description?: string;
+    /** Iconify name (`'solar:ticket-outline'`) or a custom node. */
+    icon?: string | React.ReactNode;
+    /** Disable just this card. */
+    isDisabled?: boolean;
+    /** Override per-card test id; defaults to `${dataTestId}-${key}`. */
+    'data-testid'?: string;
+}
+export interface CheckboxCardGroupClassNames {
+    base?: string;
+    grid?: string;
+    card?: string;
+    hint?: string;
+}
+export interface CheckboxCardGroupProps {
+    /** Options to render in order. */
+    options: readonly CheckboxCardOption[];
+    /** Currently selected option keys. */
+    selectedKeys: readonly string[];
+    /** Fires with the next full selection whenever a card is toggled. Keys are emitted in the original option order (not selection order); any selected key not present in `options` is preserved. */
+    onChange: (keys: string[]) => void;
+    /** Optional heading rendered above the grid (labels the group). */
+    heading?: string;
+    /** `aria-label` for the group when `heading` is omitted. Default `'Select options'`. */
+    ariaLabel?: string;
+    /** Grid columns on >= sm. Default `2`. */
+    columnsDesktop?: 2 | 3 | 4;
+    /** Grid columns on mobile. Default `1`. */
+    columnsMobile?: 1 | 2;
+    /**
+     * Minimum number of selections. When set, the group auto-derives its
+     * invalid state (`selectedKeys.length < minSelected`) and a default hint,
+     * unless `isInvalid` / `hint` are explicitly supplied.
+     */
+    minSelected?: number;
+    /** Helper text under the grid. Overrides the `minSelected` default hint. */
+    hint?: React.ReactNode;
+    /** Error styling + `aria-invalid`. Overrides the `minSelected`-derived state. */
+    isInvalid?: boolean;
+    /** Disable every card. */
+    isDisabled?: boolean;
+    className?: string;
+    classNames?: CheckboxCardGroupClassNames;
+    'data-testid'?: string;
+}
+export declare const CheckboxCardGroup: React.FC<CheckboxCardGroupProps>;

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

@@ -0,0 +1,2 @@
+export { CheckboxCardGroup } from './CheckboxCardGroup';
+export type { CheckboxCardGroupProps, CheckboxCardGroupClassNames, CheckboxCardOption, } from './CheckboxCardGroup';

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface DimensionChipProps {
+    /** Muted leading text — the category/type (e.g. a dimension-type name). */
+    label: React.ReactNode;
+    /** Emphasised trailing text — the selected value. */
+    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>;

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

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

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/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/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>;

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

@@ -4,4 +4,4 @@
  * Total + CTA, and a compact mobile bottom-bar.
  */
 export { Summary } from './Summary';
-export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPrimaryAction, SummaryLabels, Money, } from './types';
+export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPostTotalRow, SummaryPrimaryAction, SummaryLabels, Money, } from './types';

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

@@ -73,6 +73,16 @@ export interface SummaryTotalRow {
     label: ReactNode;
     amount: Money;
 }
+/**
+ * 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.
+ */
+export interface SummaryPostTotalRow extends SummaryTotalRow {
+    /** Stable id; when set and `onRemovePostTotalRow` exists, the row shows the remove control. */
+    id?: string;
+}
 /** The primary call-to-action (orange pill + arrow). */
 export interface SummaryPrimaryAction {
     label: ReactNode;
@@ -84,6 +94,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-post-total-row remove control. Default "Remove applied code". */
+    removePostTotalRowAriaLabel?: string;
     /** Aria label for the collapse/expand press target. Default "Toggle summary". */
     toggleAriaLabel?: string;
     /** Aria label for the mobile cart button. Default "View cart". */
@@ -146,9 +158,19 @@ export interface SummaryProps {
         amount: Money;
     };
     /**
-     * An optional secondary total rendered right under the Total, in the primary
-     * color (e.g. "Due Today"). Purely presentational — the host supplies both
-     * the label and the already-computed amount.
+     * Optional flat rows rendered BETWEEN the Total and the secondary total —
+     * e.g. applied gift cards as tenders ("Gift Card · …XWDG  −$50.00"). Same
+     * shape and flat style as `rows`; negative amounts are passed as data,
+     * exactly like a Discounts line. The Total itself is never affected. Rows
+     * with an `id` show the trash remove control when `onRemovePostTotalRow`
+     * is provided (same gating as the item remove, incl. `showRemoveButton`).
+     */
+    postTotalRows?: SummaryPostTotalRow[];
+    /**
+     * An optional secondary total rendered under the Total (after any
+     * `postTotalRows`), in the primary color (e.g. "Due Today"). Purely
+     * presentational — the host supplies both the label and the
+     * already-computed amount.
      */
     secondaryTotal?: {
         label: ReactNode;
@@ -160,9 +182,10 @@ export interface SummaryProps {
      */
     ctaCaption?: ReactNode;
     /**
-     * Whether the per-item remove (trash) control is shown. Defaults to `true`;
-     * pass `false` to hide it even when `onRemoveItem` is wired. Independent of
-     * `onRemoveItem` so a host can keep the handler but suppress the control.
+     * 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
+     * of the handlers so a host can keep them but suppress the controls.
      */
     showRemoveButton?: boolean;
     /**
@@ -190,6 +213,8 @@ export interface SummaryProps {
     primaryAction?: SummaryPrimaryAction;
     /** When provided, item rows show a red trash remove control. */
     onRemoveItem?: (id: string) => void;
+    /** When provided, post-total rows with an `id` show the same red trash remove control. */
+    onRemovePostTotalRow?: (id: string) => void;
     /**
      * Layout: full card (`'main'`) or the bottom-sheet / compact bar (`'mobile'`).
      * When OMITTED the layout is auto-detected from the viewport (below `md`

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

@@ -0,0 +1,10 @@
+/**
+ * Shared responsive grid-column class maps for the card-picker patterns
+ * (TileSelect single-select, CheckboxCardGroup multi-select). Kept in one
+ * place so the two siblings never drift on breakpoints or column counts.
+ *
+ * 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_MOBILE_COLS: Record<1 | 2, string>;

package/dist/patterns/index.d.ts

@@ -41,6 +41,16 @@ export { FilterPopover } from './FilterPopover';
 export type * from './FilterPopover';
 export { SessionTimeline } from './SessionTimeline';
 export type * from './SessionTimeline';
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps, PageHeaderClassNames } from './PageHeader';
+export { StatusChip } from './StatusChip';
+export type { StatusChipProps, StatusChipStatus } from './StatusChip';
+export { DimensionChip } from './DimensionChip';
+export type { DimensionChipProps } from './DimensionChip';
+export { CheckboxCardGroup } from './CheckboxCardGroup';
+export type { CheckboxCardGroupProps, CheckboxCardOption } from './CheckboxCardGroup';
+export { ListPanel } from './ListPanel';
+export type { ListPanelProps, ListPanelClassNames } from './ListPanel';
 export { CashTenderForm } from './CashTenderForm';
 export type { CashTenderFormProps, CashTenderValue, CashTenderLabels, } from './CashTenderForm';
 export { CheckTenderForm } from './CheckTenderForm';
@@ -64,6 +74,6 @@ export type { PaymentCashChangeBannerProps } from './PaymentCashChangeBanner';
 export { PaymentSubAmountInput } from './PaymentSubAmountInput';
 export type { PaymentSubAmountInputProps } from './PaymentSubAmountInput';
 export { ConfirmDialog } from './ConfirmDialog';
-export type { ConfirmDialogProps } from './ConfirmDialog';
+export type { ConfirmDialogProps, ConfirmDialogVariant } from './ConfirmDialog';
 export { Summary } from './Summary';
-export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPrimaryAction, SummaryLabels, } from './Summary';
+export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPostTotalRow, SummaryPrimaryAction, SummaryLabels, } from './Summary';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "1.16.0",
+    "version": "1.17.0-alpha.1",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",