@veevarts/design-system 1.14.0 → 1.15.0-alpha.10

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

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,24 @@
+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;
+    /** HeroUI chip variant. Default `'flat'` (soft pill). */
+    variant?: ChipProps['variant'];
+    /** Chip size. Default `'sm'`. */
+    size?: ChipProps['size'];
+    /**
+     * Override the colour derived from `status`. Escape hatch for the
+     * rare state not covered by `StatusChipStatus`.
+     */
+    color?: ChipProps['color'];
+    /** Optional leading element (dot, icon). */
+    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/Stepper/Stepper.d.ts

@@ -16,6 +16,59 @@ export interface StepperProps extends React.HTMLAttributes<HTMLElement> {
      * ```
      */
     label?: string;
+    /**
+     * Labels rendered inside the active step when using the `activeLabel` variant.
+     * The array index matches the zero-based step index.
+         *
+     * @example
+     * ```tsx
+     * <Stepper
+     *   variant="activeLabel"
+     *   stepLabels={['Details', 'Recurrences', 'Attendance']}
+     *   stepsCount={3}
+     * />
+     * ```
+     */
+    stepLabels?: string[];
+    /**
+     * Whether to show a tooltip with the step label on each step.
+     * Tooltip content comes from `stepLabels[stepIndex]`.
+     *
+     * @default false
+     */
+    showStepLabelTooltip?: boolean;
+    /**
+     * Placement for the optional step label tooltip.
+     *
+     * @default "top"
+     */
+    stepLabelTooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Whether to render a step counter like "Step 1 of 6".
+     *
+     * @default false
+     */
+    showStepCounter?: boolean;
+    /**
+     * Position of the optional step counter relative to the step list.
+     *
+     * @default "right"
+     */
+    stepCounterPosition?: 'left' | 'right';
+    /**
+     * Layout distribution for the stepper and optional step counter.
+     *
+     * - `compact`: content stays grouped together
+     * - `spread`: content stretches to opposite sides of the available width
+     *
+     * @default "compact"
+     */
+    layout?: 'compact' | 'spread';
+    /**
+     * Optional formatter for the step counter text.
+     * Receives one-based current step number and total step count.
+     */
+    stepCounterFormat?: (currentStepNumber: number, totalSteps: number) => string;
     /**
      * Total number of steps in the sequence.
      *
@@ -40,6 +93,15 @@ export interface StepperProps extends React.HTMLAttributes<HTMLElement> {
      * ```
      */
     color?: ButtonProps['color'];
+    /**
+     * Visual presentation of the stepper.
+     *
+     * - `default`: current behavior with checkmarks on completed steps
+     * - `activeLabel`: active step expands into a pill with number + label
+     *
+     * @default "default"
+     */
+    variant?: 'default' | 'activeLabel';
     /**
      * The current active step index (zero-based).
      * Use this prop for controlled mode.

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

@@ -10,6 +10,8 @@ export interface ActionBarProps {
     isLoading: boolean;
     cart?: SummaryProps['cart'];
     cartAriaLabel: string;
+    /** Optional caption rendered under the open-layer CTA (e.g. installment breakdown). */
+    ctaCaption?: React.ReactNode;
     /** Expand the summary — the closed-bar cart button opens it on click. */
     onToggleOpen?: () => void;
     classNames: SummaryClassNames;

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

@@ -5,5 +5,7 @@ export interface ItemRowProps {
     locale: string;
     onRemove?: (id: string) => void;
     removeAriaLabel: string;
+    /** Show the per-item remove control. Defaults to `true`. */
+    showRemoveButton?: boolean;
 }
 export declare const ItemRow: React.FC<ItemRowProps>;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Money } from '../types';
+export interface SecondaryTotalRowProps {
+    secondaryTotal: {
+        label: React.ReactNode;
+        amount: Money;
+    };
+    locale: string;
+    className?: string;
+}
+export declare const SecondaryTotalRow: React.FC<SecondaryTotalRowProps>;

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

@@ -9,6 +9,8 @@ export interface SummaryBodyProps {
     locale: string;
     onRemoveItem?: (id: string) => void;
     removeAriaLabel: string;
+    /** Show the per-item remove control. Defaults to `true`. */
+    showRemoveButton?: boolean;
     emptyState?: React.ReactNode;
     classNames: SummaryClassNames;
 }

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, SummaryServiceFee, SummaryTotalRow, SummaryPrimaryAction, SummaryLabels, Money, } from './types';
+export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPrimaryAction, SummaryLabels, Money, } from './types';

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

@@ -1,6 +1,28 @@
 import { ReactNode } from 'react';
 import { Money } from '../../utils/money';
 export type { Money } from '../../utils/money';
+/**
+ * A generic, parametrizable detail row rendered under a line item — an icon +
+ * label, an optional right-aligned value, and an optional info tooltip. It is
+ * intentionally agnostic: the host composes whatever the design needs (e.g. an
+ * auto-renewal note, a "pay by installments" line, a fulfilment hint) without
+ * the Summary pattern knowing those domains. The existing `dateLabel` /
+ * `dateRange` slots stay as dedicated rows; this covers everything else.
+ */
+export interface SummaryItemDetail {
+    /** Stable key for `data-testid` (falls back to the row index). */
+    key?: string;
+    /** Leading icon node (e.g. `lucide:refresh-cw`, `lucide:scissors`). */
+    icon?: ReactNode;
+    /** Left label (rendered muted, like the date rows). */
+    label: ReactNode;
+    /** Optional right-aligned value (e.g. "$4.23 / month"). */
+    value?: ReactNode;
+    /** Tone of the value: `'primary'` paints it in the primary color; default inherits the muted label tone. */
+    valueTone?: 'default' | 'primary';
+    /** When set, an info icon next to the value reveals this content in a tooltip. */
+    tooltip?: ReactNode;
+}
 /**
  * A single, flexible line item. The four Figma "types" (Ticket, Event,
  * Membership, Donation) are compositions of this one shape — not rigid
@@ -28,6 +50,12 @@ export interface SummaryLineItem {
     };
     /** Nested rows, indented (Event's Adult / Children). */
     children?: SummaryLineItem[];
+    /**
+     * Extra detail rows rendered under the item (after any date row). Generic
+     * and agnostic — see {@link SummaryItemDetail}. Used e.g. by membership to
+     * show an auto-renewal note and a pay-by-installments line.
+     */
+    details?: SummaryItemDetail[];
 }
 /** The "Pay Service fee" radio-toggle row. */
 export interface SummaryServiceFee {
@@ -86,8 +114,12 @@ export interface SummaryClassNames {
     totalsRows?: string;
     /** The Total row. */
     total?: string;
+    /** The secondary (primary-colored) total row under the Total. */
+    secondaryTotal?: string;
     /** Primary CTA button. */
     cta?: string;
+    /** The caption rendered under the CTA. */
+    ctaCaption?: string;
     /** Mobile compact bottom-bar. */
     mobileBar?: string;
     /** Mobile cart button. */
@@ -113,6 +145,34 @@ export interface SummaryProps {
         label?: ReactNode;
         amount: Money;
     };
+    /**
+     * 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.
+     */
+    postTotalRows?: SummaryTotalRow[];
+    /**
+     * 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;
+        amount: Money;
+    };
+    /**
+     * An optional caption rendered under the CTA, in muted text (e.g. an
+     * installment breakdown like "$50.75 total · 12 monthly installments…").
+     */
+    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.
+     */
+    showRemoveButton?: boolean;
     /**
      * Whether the summary can collapse — the header shows a `×` and the whole
      * header toggles Open/Closed. Defaults to `variant === 'mobile'` (including

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, SummaryServiceFee, SummaryTotalRow, SummaryPrimaryAction, SummaryLabels, } from './Summary';
+export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPrimaryAction, SummaryLabels, } from './Summary';

package/package.json

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