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

package/dist/{expandable-counter/ExpandableCounter.types.d.ts → expandable-counter.d.ts}

@@ -1,19 +1,25 @@
-export interface ExpandableCounterProperties {
-    /** Controlled numeric value. */
-    value?: number;
-    /** Change handler — receives the next number. */
-    onValueChange?: (value: number) => void;
-    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 — also the threshold the "+" trigger collapses to. @default 0 */
-    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 ExpandableCounter({ value, onValueChange, disabled, disabledIncrement, disabledDecrement, step, id, name, min, max, }: ExpandableCounterProperties): JSX_2.Element;
+
+export declare interface ExpandableCounterProperties {
+    /** Controlled numeric value. */
+    value?: number;
+    /** Change handler — receives the next number. */
+    onValueChange?: (value: number) => void;
+    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 — also the threshold the "+" trigger collapses to. @default 0 */
+    min?: number;
+    /** Maximum allowed value. */
+    max?: number;
+    /** Step for the +/- triggers. @default 1 */
+    step?: number;
+}
+
+export { }

package/dist/filter-chip/index.js

@@ -1,4 +1,4 @@
-import { F as i } from "../shared/FilterChip-TpKF-4vP.js";
+import { F as i } from "../shared/FilterChip-Cc4BBVz3.js";
 export {
   i as FilterChip
 };

package/dist/filter-chip-dropdown-multiple/index.js

@@ -1,4 +1,4 @@
-import { F as r } from "../shared/FilterChipDropdownMultiple-2mr_Z57i.js";
+import { F as r } from "../shared/FilterChipDropdownMultiple-DL3mHW9H.js";
 export {
   r as FilterChipDropdownMultiple
 };

package/dist/filter-chip-dropdown-multiple.d.ts

@@ -0,0 +1,42 @@
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+
+declare const FILTER_CHIP_DROPDOWN_SIZES: readonly ["medium", "large"];
+
+export declare function FilterChipDropdownMultiple({ value, onValueChange, options, placeholder, size, disabled, invalid, filter, headerLabel, hasCheckbox, showToggleAll, renderOption, }: FilterChipDropdownMultipleReactProperties): JSX_2.Element;
+
+export declare interface FilterChipDropdownMultipleProperties {
+    options: FilterChipOptionItem[];
+    /** @default 'Select…' */
+    placeholder?: string;
+    /** @default 'medium' */
+    size?: FilterChipDropdownSize;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Shows a search field inside the panel. @default false */
+    filter?: boolean;
+    /** Text shown in the panel header, above the option list. */
+    headerLabel?: string;
+    /** Shows a checkbox next to each option (and in the header, when showToggleAll is on). @default true */
+    hasCheckbox?: boolean;
+    /** Shows the "select all" header row. @default false */
+    showToggleAll?: boolean;
+}
+
+declare interface FilterChipDropdownMultipleReactProperties extends FilterChipDropdownMultipleProperties {
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    renderOption?: (option: FilterChipOptionItem) => ReactNode;
+}
+
+export declare type FilterChipDropdownSize = (typeof FILTER_CHIP_DROPDOWN_SIZES)[number];
+
+export declare interface FilterChipOptionItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    /** Consumer-defined extras resolved in the option render prop. */
+    [key: string]: unknown;
+}
+
+export { }

package/dist/filter-chip-dropdown-single/index.js

@@ -1,4 +1,4 @@
-import { F as e } from "../shared/FilterChipDropdownSingle-CLmWzX9q.js";
+import { F as e } from "../shared/FilterChipDropdownSingle-BUrzUAmy.js";
 export {
   e as FilterChipDropdownSingle
 };

package/dist/filter-chip-dropdown-single.d.ts

@@ -0,0 +1,40 @@
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+
+declare const FILTER_CHIP_DROPDOWN_SIZES: readonly ["medium", "large"];
+
+export declare function FilterChipDropdownSingle({ value, onValueChange, options, placeholder, size, disabled, invalid, filter, clearable, renderOption, checkIcon, clearIcon, }: FilterChipDropdownSingleReactProperties): JSX_2.Element;
+
+export declare interface FilterChipDropdownSingleProperties {
+    options: FilterChipOptionItem[];
+    /** @default 'Select…' */
+    placeholder?: string;
+    /** @default 'medium' */
+    size?: FilterChipDropdownSize;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Shows a search field inside the panel. @default false */
+    filter?: boolean;
+    /** Shows a '×' button in the trigger to clear the selected value. @default false */
+    clearable?: boolean;
+}
+
+declare interface FilterChipDropdownSingleReactProperties extends FilterChipDropdownSingleProperties {
+    value?: string | null;
+    onValueChange?: (value: string | null) => void;
+    renderOption?: (option: FilterChipOptionItem) => ReactNode;
+    checkIcon?: ReactNode;
+    clearIcon?: ReactNode;
+}
+
+export declare type FilterChipDropdownSize = (typeof FILTER_CHIP_DROPDOWN_SIZES)[number];
+
+export declare interface FilterChipOptionItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    /** Consumer-defined extras resolved in the option render prop. */
+    [key: string]: unknown;
+}
+
+export { }

package/dist/filter-chip-group.d.ts

@@ -0,0 +1,27 @@
+import { Context } from 'react';
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+
+export declare function FilterChipGroup({ multiple, value, onValueChange, children, }: FilterChipGroupProperties): JSX_2.Element;
+
+export declare const FilterChipGroupContext: Context<FilterChipGroupContextValue | null>;
+
+declare interface FilterChipGroupContextValue {
+    isSelected: (value: string) => boolean;
+    toggle: (value: string) => void;
+}
+
+export declare interface FilterChipGroupProperties {
+    /** @default false */
+    multiple?: boolean;
+    /** String (or undefined) when multiple is false; string[] when multiple is true. */
+    value?: FilterChipGroupValue;
+    onValueChange?: (value: FilterChipGroupValue) => void;
+    /** The FilterChip children. Each needs a distinct `value` (or string children) to be identified within the group. */
+    children?: ReactNode;
+}
+
+/** String (or undefined) in single-selection mode; string[] in multiple mode. */
+export declare type FilterChipGroupValue = string | string[] | undefined;
+
+export { }

package/dist/{filter-chip/FilterChip.types.d.ts → filter-chip.d.ts}

@@ -1,40 +1,49 @@
-import { MouseEvent, ReactNode } from 'react';
-import { FilterChipSize } from '@tpc-development/mare-ui-components-core/filter-chip';
-export type { FilterChipSize } from '@tpc-development/mare-ui-components-core/filter-chip';
-export interface FilterChipProperties {
-    /**
-     * Identity within a FilterChipGroup. Falls back to `children` when
-     * omitted and children is a plain string.
-     */
-    value?: string;
-    /** @default 'medium' */
-    size?: FilterChipSize;
-    /** Blocks the click entirely, not just the styling. @default false */
-    disabled?: boolean;
-    /**
-     * Switches the chip from "removable filter" mode to "dropdown trigger"
-     * mode: shows a chevron instead of a remove icon, and click toggles
-     * `dropdownOpen` (firing onToggleDropdown) instead of the selection.
-     * Takes priority over a FilterChipGroup context — a dropdown chip inside
-     * a group does not participate in that group's selection.
-     * @default false
-     */
-    dropdown?: boolean;
-    /** Standalone selected state. Ignored when inside a FilterChipGroup —
-     * there the group controls selection. */
-    selected?: boolean;
-    onSelectedChange?: (selected: boolean) => void;
-    /**
-     * Only relevant when dropdown is true: whether the chevron points up
-     * (open) or down (closed). FilterChip renders no panel of its own — this
-     * exists so the consumer can sync their own popover with the chevron.
-     * @default false
-     */
-    dropdownOpen?: boolean;
-    onDropdownOpenChange?: (open: boolean) => void;
-    /** Fires on click while dropdown is true. `target` is the chip button —
-     * useful to position a consumer-owned panel/popover; FilterChip includes
-     * none itself. */
-    onToggleDropdown?: (event: MouseEvent<HTMLButtonElement>, target: HTMLElement) => void;
-    children?: ReactNode;
-}
+import { JSX as JSX_2 } from 'react';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { ReactNode } from 'react';
+
+declare const FILTER_CHIP_SIZES: readonly ["medium", "large"];
+
+export declare function FilterChip({ value, size, disabled, dropdown, selected: selectedProperty, onSelectedChange, dropdownOpen, onDropdownOpenChange, onToggleDropdown, children, }: FilterChipProperties): JSX_2.Element;
+
+export declare interface FilterChipProperties {
+    /**
+     * Identity within a FilterChipGroup. Falls back to `children` when
+     * omitted and children is a plain string.
+     */
+    value?: string;
+    /** @default 'medium' */
+    size?: FilterChipSize;
+    /** Blocks the click entirely, not just the styling. @default false */
+    disabled?: boolean;
+    /**
+     * Switches the chip from "removable filter" mode to "dropdown trigger"
+     * mode: shows a chevron instead of a remove icon, and click toggles
+     * `dropdownOpen` (firing onToggleDropdown) instead of the selection.
+     * Takes priority over a FilterChipGroup context — a dropdown chip inside
+     * a group does not participate in that group's selection.
+     * @default false
+     */
+    dropdown?: boolean;
+    /** Standalone selected state. Ignored when inside a FilterChipGroup —
+     * there the group controls selection. */
+    selected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
+    /**
+     * Only relevant when dropdown is true: whether the chevron points up
+     * (open) or down (closed). FilterChip renders no panel of its own — this
+     * exists so the consumer can sync their own popover with the chevron.
+     * @default false
+     */
+    dropdownOpen?: boolean;
+    onDropdownOpenChange?: (open: boolean) => void;
+    /** Fires on click while dropdown is true. `target` is the chip button —
+     * useful to position a consumer-owned panel/popover; FilterChip includes
+     * none itself. */
+    onToggleDropdown?: (event: MouseEvent_2<HTMLButtonElement>, target: HTMLElement) => void;
+    children?: ReactNode;
+}
+
+export declare type FilterChipSize = (typeof FILTER_CHIP_SIZES)[number];
+
+export { }

package/dist/floating-action-button/index.js

@@ -1,4 +1,4 @@
-import { F as n } from "../shared/FloatingActionButton-BWB5Taeg.js";
+import { F as n } from "../shared/FloatingActionButton-Dhqp98s7.js";
 export {
   n as FloatingActionButton
 };

package/dist/floating-action-button.d.ts

@@ -0,0 +1,46 @@
+import { ButtonHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+declare const BUTTON_SIZES: readonly ["xsmall", "small", "medium", "large"];
+
+declare type ButtonSize = (typeof BUTTON_SIZES)[number];
+
+declare type ButtonVariant = 'solid' | 'bordered';
+
+/** A floating primary action is never destructive nor invisible: the FAB
+ * excludes Button's 'ghost' and 'danger'. Hardcoded rather than derived
+ * from ButtonSeverity via Exclude<> — that indirection made rollupTypes
+ * (vite-plugin-dts/api-extractor) leave an unresolved cross-entry import
+ * in the React package's dist. Keep in sync with BUTTON_SEVERITIES by hand. */
+declare const FLOATING_ACTION_BUTTON_SEVERITIES: readonly ["primary", "secondary"];
+
+export declare const FloatingActionButton: ForwardRefExoticComponent<FloatingActionButtonProperties & RefAttributes<HTMLButtonElement>>;
+
+export declare interface FloatingActionButtonProperties extends ForwardedNativeProperties {
+    label?: string;
+    /** Visual hierarchy. Unlike Button, 'ghost' and 'danger' are excluded.
+     * @default 'primary' */
+    severity?: FloatingActionButtonSeverity;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    iconOnly?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    link?: boolean;
+    linkAnimation?: boolean;
+    icon?: ReactNode;
+    iconPos?: IconPosition;
+    children?: ReactNode;
+}
+
+export declare type FloatingActionButtonSeverity = (typeof FLOATING_ACTION_BUTTON_SEVERITIES)[number];
+
+declare type ForwardedNativeProperties = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'children' | 'color'>;
+
+declare const ICON_POSITIONS: readonly ["left", "right", "top", "bottom"];
+
+declare type IconPosition = (typeof ICON_POSITIONS)[number];
+
+export { }

package/dist/image-item.d.ts

@@ -0,0 +1,15 @@
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+
+declare const IMAGE_ITEM_RATIOS: readonly ["4:3", "1:1", "5:4", "3:2", "free"];
+
+export declare function ImageItem({ ratio, children }: ImageItemProperties): JSX_2.Element;
+
+export declare interface ImageItemProperties {
+    ratio?: ImageItemRatio;
+    children: ReactNode;
+}
+
+export declare type ImageItemRatio = (typeof IMAGE_ITEM_RATIOS)[number];
+
+export { }

package/dist/image-slider/index.js

@@ -1,4 +1,4 @@
-import { I as a } from "../shared/ImageSlider-Bgb1kNQ4.js";
+import { I as a } from "../shared/ImageSlider-DT0B5g68.js";
 export {
   a as ImageSlider
 };

package/dist/image-slider.d.ts

@@ -0,0 +1,12 @@
+import { JSX as JSX_2 } from 'react';
+import { ReactNode } from 'react';
+
+export declare function ImageSlider({ pagination, navigation, children, }: ImageSliderProperties): JSX_2.Element;
+
+export declare interface ImageSliderProperties {
+    pagination?: boolean;
+    navigation?: boolean;
+    children: ReactNode;
+}
+
+export { }

package/dist/index/index.js

@@ -1,51 +1,51 @@
-import { A as e } from "../shared/Accordion-BSmOrxH6.js";
+import { A as e } from "../shared/Accordion-QSdlMSst.js";
 import { A as t } from "../shared/Avatar-BpJDY1wm.js";
 import { B as p } from "../shared/Badge-CGotZzok.js";
-import { O as x } from "../shared/OverlayBadge-Dkosm3Il.js";
+import { O as x } from "../shared/OverlayBadge-CnQI_NE0.js";
 import { T as i } from "../shared/Tag-uIK_GPrs.js";
-import { T as l } from "../shared/TagChip-CP3aX2_G.js";
-import { F as d } from "../shared/FilterChip-TpKF-4vP.js";
+import { T as l } from "../shared/TagChip-QQ6p0JgU.js";
+import { F as d } from "../shared/FilterChip-Cc4BBVz3.js";
 import { F as C } from "../shared/FilterChipGroup-BzE-EQsA.js";
-import { F as c } from "../shared/FilterChipDropdownSingle-CLmWzX9q.js";
-import { F as D } from "../shared/FilterChipDropdownMultiple-2mr_Z57i.js";
-import { B as P } from "../shared/Banner-D4na_bM8.js";
-import { M as B } from "../shared/Message-CQUdM9rR.js";
-import { B as h } from "../shared/Button-C2ULmKj3.js";
-import { F as M } from "../shared/FloatingActionButton-BWB5Taeg.js";
-import { B as A } from "../shared/Breadcrumbs-Cqr3Jitd.js";
-import { S as v } from "../shared/SelectField-CcnbnPEi.js";
-import { C as E } from "../shared/Combobox-DrkeDMW0.js";
-import { M as R } from "../shared/MultiSelect-DlaYWcPo.js";
-import { T as L } from "../shared/Tabs-DuufYBV2.js";
+import { F as c } from "../shared/FilterChipDropdownSingle-BUrzUAmy.js";
+import { F as D } from "../shared/FilterChipDropdownMultiple-DL3mHW9H.js";
+import { B as P } from "../shared/Banner-DMWwNO2K.js";
+import { M as B } from "../shared/Message-B36kcrfu.js";
+import { B as h } from "../shared/Button-BqFuDnSs.js";
+import { F as M } from "../shared/FloatingActionButton-Dhqp98s7.js";
+import { B as A } from "../shared/Breadcrumbs-bcs9_ByY.js";
+import { S as v } from "../shared/SelectField-BAuctVIF.js";
+import { C as E } from "../shared/Combobox-CiaEi_RG.js";
+import { M as R } from "../shared/MultiSelect-CfKm_FPp.js";
+import { T as L } from "../shared/Tabs-lGGLALGR.js";
 import { P as j } from "../shared/ProgressSpinner-B-lrS-tu.js";
 import { P as z } from "../shared/ProgressBar-Dxm0L3-R.js";
-import { I as K, a as Q } from "../shared/IconField-CqKydKep.js";
-import { C as V, F as W, a as X, H as Y } from "../shared/HelperText-zmUym82m.js";
-import { T as _ } from "../shared/Textarea-DHJIWBRM.js";
-import { S as rr } from "../shared/SearchField-DIsFhJ22.js";
-import { P as er, a as ar } from "../shared/Password-D4PRaleH.js";
-import { I as sr } from "../shared/InputNumber-nxus9h5s.js";
-import { I as mr } from "../shared/InputOtp-BxBc6Vhs.js";
-import { C as fr } from "../shared/Counter-0siKQRKc.js";
-import { E as nr } from "../shared/ExpandableCounter-pPJIrd6L.js";
-import { C as Sr } from "../shared/Checkbox-DCq3_MWz.js";
-import { R as Fr } from "../shared/RadioGroup-B8CXU8-l.js";
-import { S as gr } from "../shared/Switch-B5DSQLFL.js";
-import { D as ur, a as Dr } from "../shared/DialogFooter-Cx7G-GHH.js";
-import { D as Pr } from "../shared/DialogHeader-DdVPFxGf.js";
-import { C as Br } from "../shared/ConfirmDialog-cmLTBBNs.js";
-import { D as hr, a as wr, b as Mr } from "../shared/DrawerFooter-DEb2gqW-.js";
-import { M as Ar } from "../shared/Menu-Cv9dU1iA.js";
-import { P as vr } from "../shared/PanelMenu-BpjNM7O_.js";
-import { S as Er, c as Gr } from "../shared/Snackbar-BhORbyt-.js";
-import { S as yr } from "../shared/Stepper-DrKKSn_j.js";
-import { D as Nr } from "../shared/DatePicker-DhIWE0V_.js";
-import { P as qr } from "../shared/Paginator-QTDpAJ-N.js";
+import { I as K, a as Q } from "../shared/IconField-Bp2H10B1.js";
+import { C as V, F as W, a as X, H as Y } from "../shared/HelperText-C9TsD0wC.js";
+import { T as _ } from "../shared/Textarea-CJfNbqGA.js";
+import { S as rr } from "../shared/SearchField-Cuw3MVaD.js";
+import { P as er, a as ar } from "../shared/Password-BWNvygrO.js";
+import { I as sr } from "../shared/InputNumber-CUNq3cPa.js";
+import { I as mr } from "../shared/InputOtp-wTUwu1NG.js";
+import { C as fr } from "../shared/Counter-lqywtgF6.js";
+import { E as nr } from "../shared/ExpandableCounter-BOCHfuye.js";
+import { C as Sr } from "../shared/Checkbox-DgZAQsbr.js";
+import { R as Fr } from "../shared/RadioGroup-CHgzVvZO.js";
+import { S as gr } from "../shared/Switch-C1dd2rX1.js";
+import { D as ur, a as Dr } from "../shared/DialogFooter-DKFuHOJl.js";
+import { D as Pr } from "../shared/DialogHeader-D0dg5FBI.js";
+import { C as Br } from "../shared/ConfirmDialog-DHsPafOo.js";
+import { D as hr, a as wr, b as Mr } from "../shared/DrawerFooter-CGrPQoLH.js";
+import { M as Ar } from "../shared/Menu-DBHlDgtQ.js";
+import { P as vr } from "../shared/PanelMenu-Dw-K6H2C.js";
+import { S as Er, c as Gr } from "../shared/Snackbar-DP-b4GWx.js";
+import { S as yr } from "../shared/Stepper-CudtdHSg.js";
+import { D as Nr } from "../shared/DatePicker-t6xP4UWu.js";
+import { P as qr } from "../shared/Paginator-BRQx1GRQ.js";
 import { I as Jr } from "../shared/ImageItem-CL2VGEha.js";
-import { I as Qr } from "../shared/ImageSlider-Bgb1kNQ4.js";
-import { S as Vr } from "../shared/SegmentedControl-BfE3jNM6.js";
+import { I as Qr } from "../shared/ImageSlider-DT0B5g68.js";
+import { S as Vr } from "../shared/SegmentedControl-D3znmx9l.js";
 import { S as Xr } from "../shared/Skeleton-DpWtYSz4.js";
-import { S as Zr } from "../shared/Slider-Cl9PyH2q.js";
+import { S as Zr } from "../shared/Slider-D_iNiPxa.js";
 import { D as $r } from "../shared/Divider-CSQOHeMo.js";
 export {
   e as Accordion,