mautourco-components 0.2.9 → 0.2.11

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { IconName } from '../Icon/Icon';
+import './Chip.css';
+export interface ChipProps {
+    /** Label du chip */
+    label?: string;
+    /** Contenu du chip (alternative à label) */
+    children?: React.ReactNode;
+    /** Taille du chip */
+    size?: 'sm' | 'md' | 'lg';
+    /** Type de chip */
+    type?: 'filled' | 'outline';
+    /** Couleur du chip */
+    color?: 'brand' | 'accent' | 'blue' | 'green' | 'yellow' | 'red' | 'neutral';
+    /** Icône affichée avant le label */
+    leadingIcon?: IconName;
+    /** Icône affichée après le label */
+    trailingIcon?: IconName;
+    /** Taille des icônes */
+    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Classes CSS supplémentaires */
+    className?: string;
+    /** Handler de clic (optionnel, rend le chip cliquable) */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+declare const Chip: React.FC<ChipProps>;
+export default Chip;

package/dist/components/atoms/Chip/Chip.js

@@ -0,0 +1,37 @@
+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 './Chip.css';
+var Chip = function (_a) {
+    var label = _a.label, children = _a.children, _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.type, type = _c === void 0 ? 'filled' : _c, _d = _a.color, color = _d === void 0 ? 'brand' : _d, leadingIcon = _a.leadingIcon, trailingIcon = _a.trailingIcon, _e = _a.iconSize, iconSize = _e === void 0 ? 'sm' : _e, _f = _a.className, className = _f === void 0 ? '' : _f, onClick = _a.onClick;
+    var baseClasses = 'chip';
+    var sizeClass = "chip--".concat(size);
+    var typeClass = "chip--".concat(type);
+    var colorClass = "chip--".concat(color);
+    var clickableClass = onClick ? 'chip--clickable' : '';
+    var chipClasses = [
+        baseClasses,
+        sizeClass,
+        typeClass,
+        colorClass,
+        clickableClass,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    var hasLeadingIcon = Boolean(leadingIcon);
+    var hasTrailingIcon = Boolean(trailingIcon);
+    var content = label || children;
+    return (_jsxs("div", __assign({ className: chipClasses, onClick: onClick, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined }, { children: [hasLeadingIcon && (_jsx("span", __assign({ className: "chip__icon chip__icon--leading" }, { children: _jsx(Icon, { name: leadingIcon, size: iconSize }) }))), _jsx("span", __assign({ className: "chip__label" }, { children: content })), hasTrailingIcon && (_jsx("span", __assign({ className: "chip__icon chip__icon--trailing" }, { children: _jsx(Icon, { name: trailingIcon, size: iconSize }) })))] })));
+};
+export default Chip;