mautourco-components 0.2.4 → 0.2.7

package/dist/components/atoms/Link/Link.js

@@ -1,76 +1,76 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from '../Typography/Typography';
-export var Link = function (_a) {
-    var children = _a.children, href = _a.href, onClick = _a.onClick, _b = _a.state, state = _b === void 0 ? 'default' : _b, _c = _a.theme, theme = _c === void 0 ? 'light' : _c, _d = _a.withRadio, withRadio = _d === void 0 ? false : _d, _e = _a.radioChecked, radioChecked = _e === void 0 ? false : _e, onRadioChange = _a.onRadioChange, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g;
-    var handleClick = function (e) {
-        if (disabled) {
-            e.preventDefault();
-            return;
-        }
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-    };
-    var handleRadioChange = function (e) {
-        if (disabled)
-            return;
-        onRadioChange === null || onRadioChange === void 0 ? void 0 : onRadioChange(e.target.checked);
-    };
-    var getThemeClasses = function () {
-        var baseClasses = 'inline-flex items-center gap-3 transition-all duration-200';
-        switch (theme) {
-            case 'dark':
-                return "".concat(baseClasses, " text-white");
-            case 'teal':
-                return "".concat(baseClasses, " text-teal-600");
-            default: // light
-                return "".concat(baseClasses, " text-gray-700");
-        }
-    };
-    var getStateClasses = function () {
-        if (disabled) {
-            return 'opacity-50 cursor-not-allowed';
-        }
-        switch (state) {
-            case 'hover':
-                return 'hover:opacity-80';
-            case 'visited':
-                return theme === 'teal' ? 'text-cyan-400' : 'text-purple-600';
-            case 'focused':
-                return 'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-current';
-            default:
-                return '';
-        }
-    };
-    var getRadioClasses = function () {
-        var baseClasses = 'w-5 h-5 border-2 rounded-sm transition-all duration-200';
-        if (disabled) {
-            return "".concat(baseClasses, " border-gray-200 bg-gray-100");
-        }
-        switch (theme) {
-            case 'dark':
-                return "".concat(baseClasses, " border-white ").concat(radioChecked ? 'bg-transparent' : 'bg-transparent');
-            case 'teal':
-                return "".concat(baseClasses, " border-teal-600 ").concat(radioChecked ? 'bg-transparent' : 'bg-transparent');
-            default: // light
-                return "".concat(baseClasses, " border-gray-400 ").concat(radioChecked ? 'bg-transparent' : 'bg-transparent');
-        }
-    };
-    var linkContent = (_jsx(Text, __assign({ as: "span", className: "underline ".concat(getThemeClasses(), " ").concat(getStateClasses(), " ").concat(className), onClick: handleClick }, { children: children })));
-    if (withRadio) {
-        return (_jsxs("label", __assign({ className: "inline-flex items-center gap-3 cursor-pointer" }, { children: [_jsx("input", { type: "radio", checked: radioChecked, onChange: handleRadioChange, disabled: disabled, className: getRadioClasses(), "aria-label": "S\u00E9lectionner ".concat(children) }), linkContent] })));
-    }
-    if (href) {
-        return (_jsx("a", __assign({ href: href, className: "".concat(getThemeClasses(), " ").concat(getStateClasses(), " ").concat(className), onClick: handleClick, "aria-disabled": disabled }, { children: children })));
-    }
-    return (_jsx("button", __assign({ type: "button", className: "".concat(getThemeClasses(), " ").concat(getStateClasses(), " ").concat(className), onClick: handleClick, disabled: disabled }, { children: children })));
-};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../Typography/Typography';
+export var Link = function (_a) {
+    var children = _a.children, href = _a.href, onClick = _a.onClick, _b = _a.state, state = _b === void 0 ? 'default' : _b, _c = _a.theme, theme = _c === void 0 ? 'light' : _c, _d = _a.withRadio, withRadio = _d === void 0 ? false : _d, _e = _a.radioChecked, radioChecked = _e === void 0 ? false : _e, onRadioChange = _a.onRadioChange, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g;
+    var handleClick = function (e) {
+        if (disabled) {
+            e.preventDefault();
+            return;
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    var handleRadioChange = function (e) {
+        if (disabled)
+            return;
+        onRadioChange === null || onRadioChange === void 0 ? void 0 : onRadioChange(e.target.checked);
+    };
+    var getThemeClasses = function () {
+        var baseClasses = 'inline-flex items-center gap-3 transition-all duration-200';
+        switch (theme) {
+            case 'dark':
+                return "".concat(baseClasses, " text-white");
+            case 'teal':
+                return "".concat(baseClasses, " text-teal-600");
+            default: // light
+                return "".concat(baseClasses, " text-gray-700");
+        }
+    };
+    var getStateClasses = function () {
+        if (disabled) {
+            return 'opacity-50 cursor-not-allowed';
+        }
+        switch (state) {
+            case 'hover':
+                return 'hover:opacity-80';
+            case 'visited':
+                return theme === 'teal' ? 'text-cyan-400' : 'text-purple-600';
+            case 'focused':
+                return 'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-current';
+            default:
+                return '';
+        }
+    };
+    var getRadioClasses = function () {
+        var baseClasses = 'w-5 h-5 border-2 rounded-sm transition-all duration-200';
+        if (disabled) {
+            return "".concat(baseClasses, " border-gray-200 bg-gray-100");
+        }
+        switch (theme) {
+            case 'dark':
+                return "".concat(baseClasses, " border-white ").concat(radioChecked ? 'bg-transparent' : 'bg-transparent');
+            case 'teal':
+                return "".concat(baseClasses, " border-teal-600 ").concat(radioChecked ? 'bg-transparent' : 'bg-transparent');
+            default: // light
+                return "".concat(baseClasses, " border-gray-400 ").concat(radioChecked ? 'bg-transparent' : 'bg-transparent');
+        }
+    };
+    var linkContent = (_jsx(Text, __assign({ as: "span", className: "underline ".concat(getThemeClasses(), " ").concat(getStateClasses(), " ").concat(className), onClick: handleClick }, { children: children })));
+    if (withRadio) {
+        return (_jsxs("label", __assign({ className: "inline-flex items-center gap-3 cursor-pointer" }, { children: [_jsx("input", { type: "radio", checked: radioChecked, onChange: handleRadioChange, disabled: disabled, className: getRadioClasses(), "aria-label": "S\u00E9lectionner ".concat(children) }), linkContent] })));
+    }
+    if (href) {
+        return (_jsx("a", __assign({ href: href, className: "".concat(getThemeClasses(), " ").concat(getStateClasses(), " ").concat(className), onClick: handleClick, "aria-disabled": disabled }, { children: children })));
+    }
+    return (_jsx("button", __assign({ type: "button", className: "".concat(getThemeClasses(), " ").concat(getStateClasses(), " ").concat(className), onClick: handleClick, disabled: disabled }, { children: children })));
+};

package/dist/components/atoms/RatingStar/RatingStar.d.ts

@@ -1,40 +1,40 @@
-import React from 'react';
-export interface RatingStarProps {
-    /**
-     * Current value (0–max). For display-only, you can omit onChange.
-     */
-    value: number;
-    /**
-     * Maximum number of stars.
-     */
-    max?: number;
-    /**
-     * Whether the component is interactive (hover / click).
-     */
-    interactive?: boolean;
-    /**
-     * Called when the user selects a new rating (1–max).
-     */
-    onChange?: (value: number) => void;
-    /**
-     * Whether the control is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Additional CSS classes for the root container.
-     */
-    className?: string;
-    /**
-     * Accessible label describing the rating.
-     */
-    'aria-label'?: string;
-}
-/**
- * Star Rating atom
- *
- * Displays a row of stars from 0 to `max` (default: 5),
- * using tokens from Components/rating-star.
- * Can be used in read-only mode or interactive mode.
- */
-export declare const RatingStar: React.FC<RatingStarProps>;
-export default RatingStar;
+import React from 'react';
+export interface RatingStarProps {
+    /**
+     * Current value (0–max). For display-only, you can omit onChange.
+     */
+    value: number;
+    /**
+     * Maximum number of stars.
+     */
+    max?: number;
+    /**
+     * Whether the component is interactive (hover / click).
+     */
+    interactive?: boolean;
+    /**
+     * Called when the user selects a new rating (1–max).
+     */
+    onChange?: (value: number) => void;
+    /**
+     * Whether the control is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes for the root container.
+     */
+    className?: string;
+    /**
+     * Accessible label describing the rating.
+     */
+    'aria-label'?: string;
+}
+/**
+ * Star Rating atom
+ *
+ * Displays a row of stars from 0 to `max` (default: 5),
+ * using tokens from Components/rating-star.
+ * Can be used in read-only mode or interactive mode.
+ */
+export declare const RatingStar: React.FC<RatingStarProps>;
+export default RatingStar;

package/dist/components/atoms/RatingStar/RatingStar.js

@@ -1,54 +1,54 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Star Rating atom
- *
- * Displays a row of stars from 0 to `max` (default: 5),
- * using tokens from Components/rating-star.
- * Can be used in read-only mode or interactive mode.
- */
-export var RatingStar = function (_a) {
-    var value = _a.value, _b = _a.max, max = _b === void 0 ? 5 : _b, _c = _a.interactive, interactive = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, ariaLabel = _a["aria-label"];
-    var handleClick = function (index) {
-        if (!interactive || disabled || !onChange)
-            return;
-        onChange(index + 1);
-    };
-    var handleKeyDown = function (event) {
-        if (!interactive || disabled || !onChange)
-            return;
-        if (event.key === 'ArrowRight' || event.key === 'ArrowUp') {
-            event.preventDefault();
-            onChange(Math.min(max, value + 1));
-        }
-        if (event.key === 'ArrowLeft' || event.key === 'ArrowDown') {
-            event.preventDefault();
-            onChange(Math.max(0, value - 1));
-        }
-    };
-    var stars = Array.from({ length: max }, function (_, index) {
-        var isSelected = index < value;
-        var starClass = [
-            'rating-star__icon',
-            isSelected ? 'rating-star__icon--selected' : 'rating-star__icon--default',
-        ]
-            .filter(Boolean)
-            .join(' ');
-        return (_jsx("button", __assign({ type: "button", className: "rating-star__button", onClick: function () { return handleClick(index); }, disabled: disabled || !interactive, "aria-hidden": !interactive, tabIndex: interactive ? 0 : -1 }, { children: _jsx("span", __assign({ className: starClass }, { children: "\u2605" })) }), index));
-    });
-    var containerClasses = ['rating-star', interactive ? 'rating-star--interactive' : '', className]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsx("div", __assign({ className: containerClasses, role: interactive ? 'slider' : 'img', "aria-valuemin": interactive ? 0 : undefined, "aria-valuemax": interactive ? max : undefined, "aria-valuenow": interactive ? value : undefined, "aria-label": ariaLabel, tabIndex: interactive && !disabled ? 0 : -1, onKeyDown: handleKeyDown }, { children: stars })));
-};
-export default RatingStar;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Star Rating atom
+ *
+ * Displays a row of stars from 0 to `max` (default: 5),
+ * using tokens from Components/rating-star.
+ * Can be used in read-only mode or interactive mode.
+ */
+export var RatingStar = function (_a) {
+    var value = _a.value, _b = _a.max, max = _b === void 0 ? 5 : _b, _c = _a.interactive, interactive = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, ariaLabel = _a["aria-label"];
+    var handleClick = function (index) {
+        if (!interactive || disabled || !onChange)
+            return;
+        onChange(index + 1);
+    };
+    var handleKeyDown = function (event) {
+        if (!interactive || disabled || !onChange)
+            return;
+        if (event.key === 'ArrowRight' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            onChange(Math.min(max, value + 1));
+        }
+        if (event.key === 'ArrowLeft' || event.key === 'ArrowDown') {
+            event.preventDefault();
+            onChange(Math.max(0, value - 1));
+        }
+    };
+    var stars = Array.from({ length: max }, function (_, index) {
+        var isSelected = index < value;
+        var starClass = [
+            'rating-star__icon',
+            isSelected ? 'rating-star__icon--selected' : 'rating-star__icon--default',
+        ]
+            .filter(Boolean)
+            .join(' ');
+        return (_jsx("button", __assign({ type: "button", className: "rating-star__button", onClick: function () { return handleClick(index); }, disabled: disabled || !interactive, "aria-hidden": !interactive, tabIndex: interactive ? 0 : -1 }, { children: _jsx("span", __assign({ className: starClass }, { children: "\u2605" })) }), index));
+    });
+    var containerClasses = ['rating-star', interactive ? 'rating-star--interactive' : '', className]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx("div", __assign({ className: containerClasses, role: interactive ? 'slider' : 'img', "aria-valuemin": interactive ? 0 : undefined, "aria-valuemax": interactive ? max : undefined, "aria-valuenow": interactive ? value : undefined, "aria-label": ariaLabel, tabIndex: interactive && !disabled ? 0 : -1, onKeyDown: handleKeyDown }, { children: stars })));
+};
+export default RatingStar;

package/dist/components/atoms/SegmentedButton/SegmentedButton.d.ts

@@ -1,27 +1,27 @@
-import React from 'react';
-export interface SegmentedButtonOption {
-    /** Valeur de l'option */
-    value: string;
-    /** Libellé affiché */
-    label: string;
-    /** État désactivé */
-    disabled?: boolean;
-}
-export interface SegmentedButtonProps {
-    /** Options du bouton segmenté */
-    options: SegmentedButtonOption[];
-    /** Valeur sélectionnée */
-    value: string;
-    /** Handler de changement */
-    onChange: (value: string) => void;
-    /** Orientation du bouton segmenté */
-    orientation?: 'horizontal' | 'vertical';
-    /** État désactivé pour tout le groupe */
-    disabled?: boolean;
-    /** Classes CSS supplémentaires */
-    className?: string;
-    /** Nom du groupe pour l'accessibilité */
-    name?: string;
-}
-declare const SegmentedButton: React.FC<SegmentedButtonProps>;
-export default SegmentedButton;
+import React from 'react';
+export interface SegmentedButtonOption {
+    /** Valeur de l'option */
+    value: string;
+    /** Libellé affiché */
+    label: string;
+    /** État désactivé */
+    disabled?: boolean;
+}
+export interface SegmentedButtonProps {
+    /** Options du bouton segmenté */
+    options: SegmentedButtonOption[];
+    /** Valeur sélectionnée */
+    value: string;
+    /** Handler de changement */
+    onChange: (value: string) => void;
+    /** Orientation du bouton segmenté */
+    orientation?: 'horizontal' | 'vertical';
+    /** État désactivé pour tout le groupe */
+    disabled?: boolean;
+    /** Classes CSS supplémentaires */
+    className?: string;
+    /** Nom du groupe pour l'accessibilité */
+    name?: string;
+}
+declare const SegmentedButton: React.FC<SegmentedButtonProps>;
+export default SegmentedButton;

package/dist/components/atoms/SegmentedButton/SegmentedButton.js

@@ -1,49 +1,49 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-var SegmentedButton = function (_a) {
-    var options = _a.options, value = _a.value, onChange = _a.onChange, _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.className, className = _d === void 0 ? '' : _d, name = _a.name;
-    var containerClasses = [
-        'segmented-button',
-        "segmented-button--".concat(orientation),
-        disabled && 'segmented-button--disabled',
-        className,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    var handleClick = function (optionValue, optionDisabled) {
-        if (!disabled && !optionDisabled && optionValue !== value) {
-            onChange(optionValue);
-        }
-    };
-    var getButtonClasses = function (option, index) {
-        var isSelected = option.value === value;
-        var isFirst = index === 0;
-        var isLast = index === options.length - 1;
-        var isDisabled = disabled || option.disabled;
-        return [
-            'segmented-button__item',
-            isSelected && 'segmented-button__item--selected',
-            isFirst && 'segmented-button__item--first',
-            isLast && 'segmented-button__item--last',
-            isDisabled && 'segmented-button__item--disabled',
-        ]
-            .filter(Boolean)
-            .join(' ');
-    };
-    return (_jsx("div", __assign({ className: containerClasses, role: "group", "aria-label": name }, { children: options.map(function (option, index) {
-            var isSelected = option.value === value;
-            var isDisabled = disabled || option.disabled;
-            return (_jsx("button", __assign({ type: "button", className: getButtonClasses(option, index), onClick: function () { return handleClick(option.value, option.disabled); }, disabled: isDisabled, "aria-pressed": isSelected, "aria-label": option.label }, { children: _jsx("span", __assign({ className: "segmented-button__label" }, { children: option.label })) }), option.value));
-        }) })));
-};
-export default SegmentedButton;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+var SegmentedButton = function (_a) {
+    var options = _a.options, value = _a.value, onChange = _a.onChange, _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.className, className = _d === void 0 ? '' : _d, name = _a.name;
+    var containerClasses = [
+        'segmented-button',
+        "segmented-button--".concat(orientation),
+        disabled && 'segmented-button--disabled',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    var handleClick = function (optionValue, optionDisabled) {
+        if (!disabled && !optionDisabled && optionValue !== value) {
+            onChange(optionValue);
+        }
+    };
+    var getButtonClasses = function (option, index) {
+        var isSelected = option.value === value;
+        var isFirst = index === 0;
+        var isLast = index === options.length - 1;
+        var isDisabled = disabled || option.disabled;
+        return [
+            'segmented-button__item',
+            isSelected && 'segmented-button__item--selected',
+            isFirst && 'segmented-button__item--first',
+            isLast && 'segmented-button__item--last',
+            isDisabled && 'segmented-button__item--disabled',
+        ]
+            .filter(Boolean)
+            .join(' ');
+    };
+    return (_jsx("div", __assign({ className: containerClasses, role: "group", "aria-label": name }, { children: options.map(function (option, index) {
+            var isSelected = option.value === value;
+            var isDisabled = disabled || option.disabled;
+            return (_jsx("button", __assign({ type: "button", className: getButtonClasses(option, index), onClick: function () { return handleClick(option.value, option.disabled); }, disabled: isDisabled, "aria-pressed": isSelected, "aria-label": option.label }, { children: _jsx("span", __assign({ className: "segmented-button__label" }, { children: option.label })) }), option.value));
+        }) })));
+};
+export default SegmentedButton;

package/dist/components/atoms/SelectedValue/SelectedValue.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-interface SelectedValueProps {
-    value: string;
-    onRemove?: () => void;
-    className?: string;
-    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    variant?: 'filled' | 'text';
-}
-declare const SelectedValue: React.FC<SelectedValueProps>;
-export default SelectedValue;
+import React from 'react';
+interface SelectedValueProps {
+    value: string;
+    onRemove?: () => void;
+    className?: string;
+    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'filled' | 'text';
+}
+declare const SelectedValue: React.FC<SelectedValueProps>;
+export default SelectedValue;

package/dist/components/atoms/SelectedValue/SelectedValue.js

@@ -1,29 +1,29 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '../Icon/Icon';
-import { Text } from '../Typography/Typography';
-var SelectedValue = function (_a) {
-    var value = _a.value, onRemove = _a.onRemove, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.iconSize, iconSize = _c === void 0 ? 'xs' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.variant, variant = _e === void 0 ? 'filled' : _e;
-    var handleRemove = function (event) {
-        event.stopPropagation();
-        if (onRemove) {
-            onRemove();
-        }
-    };
-    var classes = "selected-value selected-value--".concat(size, " selected-value--").concat(variant, " ").concat(className).trim();
-    var getTextSize = function () {
-        return size; // Utilise directement la taille passée en prop
-    };
-    return (_jsxs("div", __assign({ className: classes }, { children: [_jsx(Text, __assign({ size: getTextSize(), variant: "medium", leading: "4", className: "selected-value__text" }, { children: value })), variant !== 'text' && onRemove && (_jsx("button", __assign({ type: "button", className: "selected-value__remove", onClick: handleRemove, "aria-label": "Remove ".concat(value) }, { children: _jsx(Icon, { name: "close", size: iconSize, className: "selected-value__remove-icon" }) })))] })));
-};
-export default SelectedValue;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Icon from '../Icon/Icon';
+import { Text } from '../Typography/Typography';
+var SelectedValue = function (_a) {
+    var value = _a.value, onRemove = _a.onRemove, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.iconSize, iconSize = _c === void 0 ? 'xs' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.variant, variant = _e === void 0 ? 'filled' : _e;
+    var handleRemove = function (event) {
+        event.stopPropagation();
+        if (onRemove) {
+            onRemove();
+        }
+    };
+    var classes = "selected-value selected-value--".concat(size, " selected-value--").concat(variant, " ").concat(className).trim();
+    var getTextSize = function () {
+        return size; // Utilise directement la taille passée en prop
+    };
+    return (_jsxs("div", __assign({ className: classes }, { children: [_jsx(Text, __assign({ size: getTextSize(), variant: "medium", leading: "4", className: "selected-value__text" }, { children: value })), variant !== 'text' && onRemove && (_jsx("button", __assign({ type: "button", className: "selected-value__remove", onClick: handleRemove, "aria-label": "Remove ".concat(value) }, { children: _jsx(Icon, { name: "close", size: iconSize, className: "selected-value__remove-icon" }) })))] })));
+};
+export default SelectedValue;