@tpc-mare/mare-ui-components-react 1.0.2 → 1.0.3

package/dist/combobox.d.ts

@@ -0,0 +1,43 @@
+import { ForwardRefExoticComponent } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Combobox: ForwardRefExoticComponent<ComboboxReactProperties & RefAttributes<HTMLDivElement>>;
+
+declare const COMBOBOX_SIZES: readonly ["small", "medium"];
+
+export declare interface ComboboxOptionItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+
+export declare interface ComboboxProperties {
+    options: ComboboxOptionItem[];
+    /** Text shown in the trigger when nothing is selected. */
+    placeholder?: string;
+    /** Placeholder for the search input inside the panel. */
+    searchPlaceholder?: string;
+    size?: ComboboxSize;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Show a '×' button in the trigger to clear the selected value. */
+    clearable?: boolean;
+    label?: string;
+    emptyText?: string;
+}
+
+declare interface ComboboxReactProperties extends ComboboxProperties {
+    value?: string | null;
+    onValueChange?: (value: string | null) => void;
+    leadingIcon?: ReactNode;
+    triggerIcon?: ReactNode;
+    checkIcon?: ReactNode;
+    clearIcon?: ReactNode;
+    renderOption?: (option: ComboboxOptionItem) => ReactNode;
+}
+
+export declare type ComboboxSize = (typeof COMBOBOX_SIZES)[number];
+
+export { }

package/dist/confirm-dialog/index.js

@@ -1,4 +1,4 @@
-import { C as a } from "../shared/ConfirmDialog-cmLTBBNs.js";
+import { C as a } from "../shared/ConfirmDialog-DHsPafOo.js";
 export {
   a as ConfirmDialog
 };

package/dist/confirm-dialog.d.ts

@@ -0,0 +1,34 @@
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+import { RefObject } from 'react';
+
+declare const CONFIRM_DIALOG_LAYOUTS: readonly ["row", "column"];
+
+declare const CONFIRM_DIALOG_SEVERITIES: readonly ["none", "warning", "positive"];
+
+export declare function ConfirmDialog({ open, onOpenChange, header, message, severity, layout, icon, acceptLabel, rejectLabel, onAccept, onReject, portalContainer, }: ConfirmDialogProperties): JSX_2.Element;
+
+export declare type ConfirmDialogLayout = (typeof CONFIRM_DIALOG_LAYOUTS)[number];
+
+export declare interface ConfirmDialogProperties {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    header: string;
+    message: string;
+    /** @default 'none' — 'warning' also swaps the accept button to `danger` severity. */
+    severity?: ConfirmDialogSeverity;
+    /** @default 'row' */
+    layout?: ConfirmDialogLayout;
+    icon?: ReactNode;
+    /** @default 'Confirm' */
+    acceptLabel?: string;
+    /** @default 'Cancel' */
+    rejectLabel?: string;
+    onAccept?: () => void;
+    onReject?: () => void;
+    portalContainer?: RefObject<HTMLElement | null>;
+}
+
+export declare type ConfirmDialogSeverity = (typeof CONFIRM_DIALOG_SEVERITIES)[number];
+
+export { }

package/dist/counter/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../shared/Counter-0siKQRKc.js";
+import { C as e } from "../shared/Counter-lqywtgF6.js";
 export {
   e as Counter
 };

package/dist/{counter/Counter.types.d.ts → counter.d.ts}

@@ -1,23 +1,34 @@
-import { CounterSize, CounterVariant } from '@tpc-development/mare-ui-components-core/counter';
-export type { CounterSize, CounterVariant, } from '@tpc-development/mare-ui-components-core/counter';
-export interface CounterProperties {
-    /** Controlled numeric value. `null` when the field is empty. */
-    value?: number | null;
-    /** Change handler — receives the next number, or `null` when cleared. */
-    onValueChange?: (value: number | null) => void;
-    size?: CounterSize;
-    variant?: CounterVariant;
-    disabled?: boolean;
-    /** Disables only the increment ("+") trigger, regardless of `max`. */
-    disabledIncrement?: boolean;
-    /** Disables only the decrement ("-") trigger, regardless of `min`. */
-    disabledDecrement?: boolean;
-    id?: string;
-    name?: string;
-    /** Minimum allowed value. */
-    min?: number;
-    /** Maximum allowed value. */
-    max?: number;
-    /** Step for the +/- triggers. @default 1 */
-    step?: number;
-}
+import { JSX as JSX_2 } from 'react';
+
+export declare function Counter({ value, onValueChange, size, variant, disabled, disabledIncrement, disabledDecrement, step, id, name, min, max, }: CounterProperties): JSX_2.Element;
+
+declare const COUNTER_SIZES: readonly ["small", "medium", "large"];
+
+export declare interface CounterProperties {
+    /** Controlled numeric value. `null` when the field is empty. */
+    value?: number | null;
+    /** Change handler — receives the next number, or `null` when cleared. */
+    onValueChange?: (value: number | null) => void;
+    size?: CounterSize;
+    variant?: CounterVariant;
+    disabled?: boolean;
+    /** Disables only the increment ("+") trigger, regardless of `max`. */
+    disabledIncrement?: boolean;
+    /** Disables only the decrement ("-") trigger, regardless of `min`. */
+    disabledDecrement?: boolean;
+    id?: string;
+    name?: string;
+    /** Minimum allowed value. */
+    min?: number;
+    /** Maximum allowed value. */
+    max?: number;
+    /** Step for the +/- triggers. @default 1 */
+    step?: number;
+}
+
+export declare type CounterSize = (typeof COUNTER_SIZES)[number];
+
+/** 'default' = square secondary buttons. 'expandable' = pill-shaped, ghost buttons. */
+export declare type CounterVariant = 'default' | 'expandable';
+
+export { }

package/dist/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as a } from "../shared/DatePicker-DhIWE0V_.js";
+import { D as a } from "../shared/DatePicker-t6xP4UWu.js";
 export {
   a as DatePicker
 };

package/dist/{date-picker/DatePicker.types.d.ts → date-picker.d.ts}

@@ -1,52 +1,76 @@
-import { ReactNode, RefObject } from 'react';
-import { DatePickerSelectionMode, DatePickerValue, DatePriceData, InputTextSize } from '@tpc-development/mare-ui-components-core/date-picker';
-export type { DatePickerSelectionMode, DatePickerValue, DatePriceData, InputTextSize, } from '@tpc-development/mare-ui-components-core/date-picker';
-export interface DatePickerProperties {
-    value?: DatePickerValue;
-    onValueChange?: (value: DatePickerValue) => void;
-    selectionMode?: DatePickerSelectionMode;
-    size?: InputTextSize;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    invalid?: boolean;
-    /** Inclusive bounds. Also clamps the time-of-day when `showTime`/`timeOnly`. */
-    minDate?: Date;
-    maxDate?: Date;
-    /** Show prev/next + the clickable month/year view switcher. @default true */
-    navigation?: boolean;
-    /** Two months side-by-side at/above the `sm` breakpoint. @default false */
-    doubleMonth?: boolean;
-    /** Render the calendar in normal flow — no field, no floating panel. @default false */
-    inline?: boolean;
-    /** Show the '×' clear trigger once a value is selected. @default true */
-    clearable?: boolean;
-    /** Price badge under each day — the booking-calendar use case. */
-    prices?: DatePriceData[];
-    currency?: string;
-    /** BCP 47 tag, e.g. "es-MX". @default "en-US" */
-    locale?: string;
-    /** Show a native time input under the calendar. @default false */
-    showTime?: boolean;
-    /** Time-only — the calendar view is hidden, only the time input shows. @default false */
-    timeOnly?: boolean;
-    showSeconds?: boolean;
-    /** Render prop so consumers compose their own Clear/Apply buttons (e.g. Mare's
-     * own `<Button>`) instead of Mare hardcoding a footer. */
-    footer?: (helpers: {
-        close: () => void;
-        clear: () => void;
-    }) => ReactNode;
-    leadingIcon?: ReactNode;
-    /** Passed straight through to Ark's `<Portal container>` — see the
-     * mare-migrate-component skill's Portal section for why this must be
-     * exposed (a single `data-theme` on the document root is the default,
-     * correct, common case — this is only for multi-theme layouts). */
-    portalContainer?: RefObject<HTMLElement | null>;
-    onOpenChange?: (open: boolean) => void;
-    /** Fires whenever the visible month(s) change (navigation or open). The Vue
-     * DS also had a separate `month-change` event — every real consumer just
-     * `console.log`'d both with identical payloads, so this adapter exposes
-     * the one Ark already gives us (`onVisibleRangeChange`) instead of two. */
-    onVisibleMonthsChange?: (months: Date[]) => void;
-}
+import { ForwardRefExoticComponent } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { RefObject } from 'react';
+
+declare const DATE_PICKER_SELECTION_MODES: readonly ["single", "range"];
+
+export declare const DatePicker: ForwardRefExoticComponent<DatePickerProperties & RefAttributes<HTMLDivElement>>;
+
+export declare interface DatePickerProperties {
+    value?: DatePickerValue;
+    onValueChange?: (value: DatePickerValue) => void;
+    selectionMode?: DatePickerSelectionMode;
+    size?: InputTextSize;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Inclusive bounds. Also clamps the time-of-day when `showTime`/`timeOnly`. */
+    minDate?: Date;
+    maxDate?: Date;
+    /** Show prev/next + the clickable month/year view switcher. @default true */
+    navigation?: boolean;
+    /** Two months side-by-side at/above the `sm` breakpoint. @default false */
+    doubleMonth?: boolean;
+    /** Render the calendar in normal flow — no field, no floating panel. @default false */
+    inline?: boolean;
+    /** Show the '×' clear trigger once a value is selected. @default true */
+    clearable?: boolean;
+    /** Price badge under each day — the booking-calendar use case. */
+    prices?: DatePriceData[];
+    currency?: string;
+    /** BCP 47 tag, e.g. "es-MX". @default "en-US" */
+    locale?: string;
+    /** Show a native time input under the calendar. @default false */
+    showTime?: boolean;
+    /** Time-only — the calendar view is hidden, only the time input shows. @default false */
+    timeOnly?: boolean;
+    showSeconds?: boolean;
+    /** Render prop so consumers compose their own Clear/Apply buttons (e.g. Mare's
+     * own `<Button>`) instead of Mare hardcoding a footer. */
+    footer?: (helpers: {
+        close: () => void;
+        clear: () => void;
+    }) => ReactNode;
+    leadingIcon?: ReactNode;
+    /** Passed straight through to Ark's `<Portal container>` — see the
+     * mare-migrate-component skill's Portal section for why this must be
+     * exposed (a single `data-theme` on the document root is the default,
+     * correct, common case — this is only for multi-theme layouts). */
+    portalContainer?: RefObject<HTMLElement | null>;
+    onOpenChange?: (open: boolean) => void;
+    /** Fires whenever the visible month(s) change (navigation or open). The Vue
+     * DS also had a separate `month-change` event — every real consumer just
+     * `console.log`'d both with identical payloads, so this adapter exposes
+     * the one Ark already gives us (`onVisibleRangeChange`) instead of two. */
+    onVisibleMonthsChange?: (months: Date[]) => void;
+}
+
+export declare type DatePickerSelectionMode = (typeof DATE_PICKER_SELECTION_MODES)[number];
+
+export declare type DatePickerValue = Date | [Date | null, Date | null] | null;
+
+/** A day's price badge, rendered under its cell (booking-calendar use case). */
+export declare interface DatePriceData {
+    date: Date;
+    price: number;
+    positive: boolean;
+    disabled?: boolean;
+}
+
+declare const INPUT_TEXT_SIZES: readonly ["small", "medium"];
+
+export declare type InputTextSize = (typeof INPUT_TEXT_SIZES)[number];
+
+export { }

package/dist/dialog/index.js

@@ -1,5 +1,5 @@
-import { D as r, a as e } from "../shared/DialogFooter-Cx7G-GHH.js";
-import { D as g } from "../shared/DialogHeader-DdVPFxGf.js";
+import { D as r, a as e } from "../shared/DialogFooter-DKFuHOJl.js";
+import { D as g } from "../shared/DialogHeader-D0dg5FBI.js";
 export {
   r as Dialog,
   e as DialogFooter,

package/dist/{dialog/Dialog.types.d.ts → dialog.d.ts}

@@ -1,55 +1,74 @@
-import { ReactNode, RefObject } from 'react';
-import { DialogSize, DialogFooterLayout } from '@tpc-development/mare-ui-components-core/dialog';
-export type { DialogSize, DialogFooterLayout, } from '@tpc-development/mare-ui-components-core/dialog';
-export interface DialogProperties {
-    /** Controlled open state. */
-    open: boolean;
-    /** Change handler — receives the next open state. */
-    onOpenChange?: (open: boolean) => void;
-    /** Desktop width. Mobile is always full-width regardless. @default 'medium' */
-    size?: DialogSize;
-    /** Stretches to fill the screen on mobile (no top rounding); barely
-     * changes desktop (just max-height, same as the non-fullScreen case).
-     * @default false */
-    fullScreen?: boolean;
-    /** @default true */
-    modal?: boolean;
-    /** @default true */
-    closeOnEscape?: boolean;
-    /** Close when clicking the backdrop. @default true */
-    dismissableMask?: boolean;
-    /** Overrides the backdrop's background class. @default undefined (uses the token overlay color) */
-    maskColor?: string;
-    /** Where the dialog portals to. Ark defaults to `document.body` — override
-     * this if your app scopes `data-theme` (or any other CSS custom property)
-     * to a sub-tree rather than the document root, otherwise the portaled
-     * dialog renders outside that scope and loses the tokens. */
-    portalContainer?: RefObject<HTMLElement | null>;
-    /** Typically a `<DialogHeader />`. */
-    header?: ReactNode;
-    /** Typically a `<DialogFooter>` with action buttons. */
-    footer?: ReactNode;
-    /** The scrollable body, between header and footer. */
-    children?: ReactNode;
-    /** Fallback accessible label when no title is rendered in the header. */
-    'aria-label'?: string;
-}
-export interface DialogHeaderProperties {
-    title?: string;
-    /** Closes the dialog on click (matches the legacy DialogHeader: the LEFT
-     * icon always closes, regardless of which glyph it shows). @default a close (X) icon */
-    leftIcon?: ReactNode;
-    /** Does NOT close the dialog on click — wire that yourself if you need it. @default undefined (no button) */
-    rightIcon?: ReactNode;
-    onLeftIconClick?: () => void;
-    onRightIconClick?: () => void;
-    /** @default false */
-    border?: boolean;
-}
-export interface DialogFooterProperties {
-    /** @default 'row' */
-    layout?: DialogFooterLayout;
-    /** @default false */
-    border?: boolean;
-    children?: ReactNode;
-}
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+import { RefObject } from 'react';
+
+export declare function Dialog({ open, onOpenChange, size, fullScreen, modal, closeOnEscape, dismissableMask, maskColor, portalContainer, header, footer, children, 'aria-label': ariaLabel, }: DialogProperties): JSX_2.Element;
+
+declare const DIALOG_FOOTER_LAYOUTS: readonly ["row", "column"];
+
+declare const DIALOG_SIZES: readonly ["small", "medium", "large"];
+
+export declare function DialogFooter({ layout, border, children, }: DialogFooterProperties): JSX_2.Element;
+
+export declare type DialogFooterLayout = (typeof DIALOG_FOOTER_LAYOUTS)[number];
+
+export declare interface DialogFooterProperties {
+    /** @default 'row' */
+    layout?: DialogFooterLayout;
+    /** @default false */
+    border?: boolean;
+    children?: ReactNode;
+}
+
+export declare function DialogHeader({ title, leftIcon, rightIcon, onLeftIconClick, onRightIconClick, border, }: DialogHeaderProperties): JSX_2.Element;
+
+export declare interface DialogHeaderProperties {
+    title?: string;
+    /** Closes the dialog on click (matches the legacy DialogHeader: the LEFT
+     * icon always closes, regardless of which glyph it shows). @default a close (X) icon */
+    leftIcon?: ReactNode;
+    /** Does NOT close the dialog on click — wire that yourself if you need it. @default undefined (no button) */
+    rightIcon?: ReactNode;
+    onLeftIconClick?: () => void;
+    onRightIconClick?: () => void;
+    /** @default false */
+    border?: boolean;
+}
+
+export declare interface DialogProperties {
+    /** Controlled open state. */
+    open: boolean;
+    /** Change handler — receives the next open state. */
+    onOpenChange?: (open: boolean) => void;
+    /** Desktop width. Mobile is always full-width regardless. @default 'medium' */
+    size?: DialogSize;
+    /** Stretches to fill the screen on mobile (no top rounding); barely
+     * changes desktop (just max-height, same as the non-fullScreen case).
+     * @default false */
+    fullScreen?: boolean;
+    /** @default true */
+    modal?: boolean;
+    /** @default true */
+    closeOnEscape?: boolean;
+    /** Close when clicking the backdrop. @default true */
+    dismissableMask?: boolean;
+    /** Overrides the backdrop's background class. @default undefined (uses the token overlay color) */
+    maskColor?: string;
+    /** Where the dialog portals to. Ark defaults to `document.body` — override
+     * this if your app scopes `data-theme` (or any other CSS custom property)
+     * to a sub-tree rather than the document root, otherwise the portaled
+     * dialog renders outside that scope and loses the tokens. */
+    portalContainer?: RefObject<HTMLElement | null>;
+    /** Typically a `<DialogHeader />`. */
+    header?: ReactNode;
+    /** Typically a `<DialogFooter>` with action buttons. */
+    footer?: ReactNode;
+    /** The scrollable body, between header and footer. */
+    children?: ReactNode;
+    /** Fallback accessible label when no title is rendered in the header. */
+    'aria-label'?: string;
+}
+
+export declare type DialogSize = (typeof DIALOG_SIZES)[number];
+
+export { }

package/dist/divider.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+
+export declare function Divider({ layout, children, ...native }: DividerProperties): JSX_2.Element;
+
+declare const DIVIDER_LAYOUTS: readonly ["horizontal", "vertical"];
+
+export declare type DividerLayout = (typeof DIVIDER_LAYOUTS)[number];
+
+export declare interface DividerProperties extends ForwardedNativeProperties {
+    layout?: DividerLayout;
+    children?: ReactNode;
+}
+
+declare type ForwardedNativeProperties = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children'>;
+
+export { }

package/dist/drawer/index.js

@@ -1,4 +1,4 @@
-import { D as e, a as o, b as D } from "../shared/DrawerFooter-DEb2gqW-.js";
+import { D as e, a as o, b as D } from "../shared/DrawerFooter-CGrPQoLH.js";
 export {
   e as Drawer,
   o as DrawerFooter,

package/dist/{drawer/Drawer.types.d.ts → drawer.d.ts}

@@ -1,53 +1,68 @@
-import { ReactNode, RefObject } from 'react';
-import { DrawerPosition } from '@tpc-development/mare-ui-components-core/drawer';
-export type { DrawerPosition } from '@tpc-development/mare-ui-components-core/drawer';
-export interface DrawerProperties {
-    /** Controlled open state. */
-    open: boolean;
-    /** Change handler — receives the next open state. */
-    onOpenChange?: (open: boolean) => void;
-    /** Which edge the panel docks to and slides in from. @default 'left' */
-    position?: DrawerPosition;
-    /** @default true */
-    modal?: boolean;
-    /** @default true */
-    closeOnEscape?: boolean;
-    /** Close when clicking the backdrop. @default true */
-    dismissableMask?: boolean;
-    /** Overrides the backdrop's background class. @default undefined (uses the token overlay color) */
-    maskColor?: string;
-    /** @default true */
-    shadow?: boolean;
-    /** Where the drawer portals to. Ark defaults to `document.body` — override
-     * this if your app scopes `data-theme` (or any other CSS custom property)
-     * to a sub-tree rather than the document root, otherwise the portaled
-     * drawer renders outside that scope and loses the tokens. */
-    portalContainer?: RefObject<HTMLElement | null>;
-    /** Typically a `<DrawerHeader />`. */
-    header?: ReactNode;
-    /** Typically a `<DrawerFooter>` with action buttons. */
-    footer?: ReactNode;
-    /** The scrollable body, between header and footer. */
-    children?: ReactNode;
-    /** Fallback accessible label when no title is rendered in the header. */
-    'aria-label'?: string;
-}
-export interface DrawerHeaderProperties {
-    title?: string;
-    /** Closes the drawer on click (matches the legacy header: the LEFT icon
-     * always closes, regardless of which glyph it shows). @default a close (X) icon */
-    leftIcon?: ReactNode;
-    /** Does NOT close the drawer on click — wire that yourself if you need it. @default undefined (no button) */
-    rightIcon?: ReactNode;
-    onLeftIconClick?: () => void;
-    onRightIconClick?: () => void;
-    /** @default false */
-    border?: boolean;
-    /** Shorter header, smaller inline padding — legacy's "slim" variant. @default false */
-    compact?: boolean;
-}
-export interface DrawerFooterProperties {
-    /** @default false */
-    border?: boolean;
-    children?: ReactNode;
-}
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+import { RefObject } from 'react';
+
+export declare function Drawer({ open, onOpenChange, position, modal, closeOnEscape, dismissableMask, maskColor, shadow, portalContainer, header, footer, children, 'aria-label': ariaLabel, }: DrawerProperties): JSX_2.Element;
+
+declare const DRAWER_POSITIONS: readonly ["left", "right", "top", "bottom", "full"];
+
+export declare function DrawerFooter({ border, children, }: DrawerFooterProperties): JSX_2.Element;
+
+export declare interface DrawerFooterProperties {
+    /** @default false */
+    border?: boolean;
+    children?: ReactNode;
+}
+
+export declare function DrawerHeader({ title, leftIcon, rightIcon, onLeftIconClick, onRightIconClick, border, compact, }: DrawerHeaderProperties): JSX_2.Element;
+
+export declare interface DrawerHeaderProperties {
+    title?: string;
+    /** Closes the drawer on click (matches the legacy header: the LEFT icon
+     * always closes, regardless of which glyph it shows). @default a close (X) icon */
+    leftIcon?: ReactNode;
+    /** Does NOT close the drawer on click — wire that yourself if you need it. @default undefined (no button) */
+    rightIcon?: ReactNode;
+    onLeftIconClick?: () => void;
+    onRightIconClick?: () => void;
+    /** @default false */
+    border?: boolean;
+    /** Shorter header, smaller inline padding — legacy's "slim" variant. @default false */
+    compact?: boolean;
+}
+
+export declare type DrawerPosition = (typeof DRAWER_POSITIONS)[number];
+
+export declare interface DrawerProperties {
+    /** Controlled open state. */
+    open: boolean;
+    /** Change handler — receives the next open state. */
+    onOpenChange?: (open: boolean) => void;
+    /** Which edge the panel docks to and slides in from. @default 'left' */
+    position?: DrawerPosition;
+    /** @default true */
+    modal?: boolean;
+    /** @default true */
+    closeOnEscape?: boolean;
+    /** Close when clicking the backdrop. @default true */
+    dismissableMask?: boolean;
+    /** Overrides the backdrop's background class. @default undefined (uses the token overlay color) */
+    maskColor?: string;
+    /** @default true */
+    shadow?: boolean;
+    /** Where the drawer portals to. Ark defaults to `document.body` — override
+     * this if your app scopes `data-theme` (or any other CSS custom property)
+     * to a sub-tree rather than the document root, otherwise the portaled
+     * drawer renders outside that scope and loses the tokens. */
+    portalContainer?: RefObject<HTMLElement | null>;
+    /** Typically a `<DrawerHeader />`. */
+    header?: ReactNode;
+    /** Typically a `<DrawerFooter>` with action buttons. */
+    footer?: ReactNode;
+    /** The scrollable body, between header and footer. */
+    children?: ReactNode;
+    /** Fallback accessible label when no title is rendered in the header. */
+    'aria-label'?: string;
+}
+
+export { }

package/dist/expandable-counter/index.js

@@ -1,4 +1,4 @@
-import { E as o } from "../shared/ExpandableCounter-pPJIrd6L.js";
+import { E as o } from "../shared/ExpandableCounter-BOCHfuye.js";
 export {
   o as ExpandableCounter
 };