@rolster/react-components 19.10.0 → 19.11.0

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

@@ -0,0 +1,13 @@
+import { MouseEventHandler } from 'react';
+import { RlsComponent } from '../../definitions';
+interface ChipProps extends RlsComponent {
+    contrasted?: boolean;
+    disabled?: boolean;
+    icon?: string;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    onRemove?: MouseEventHandler<HTMLButtonElement>;
+    selected?: boolean;
+}
+declare function RlsChipComponent({ children, className, contrasted, disabled, icon, identifier, onClick, onRemove, rlsTheme, selected }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare const RlsChip: import("react").MemoExoticComponent<typeof RlsChipComponent>;
+export {};

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { renderClassStatus } from '../../../helpers/css';
+import { RlsIcon } from '../Icon/Icon';
+function RlsChipComponent({ children, className, contrasted, disabled, icon, identifier, onClick, onRemove, rlsTheme, selected }) {
+    const classNameChip = renderClassStatus('rls-chip', { clickable: !!onClick && !disabled, contrasted, disabled, selected }, className);
+    return (_jsxs("div", { id: identifier, className: classNameChip, "rls-theme": rlsTheme, onClick: disabled ? undefined : onClick, children: [icon && _jsx(RlsIcon, { className: "rls-chip__icon", value: icon }), _jsx("span", { className: "rls-chip__description", children: children }), onRemove && !disabled && (_jsx("button", { className: "rls-chip__remove", type: "button", onClick: onRemove, children: _jsx(RlsIcon, { value: "close" }) }))] }));
+}
+export const RlsChip = memo(RlsChipComponent);
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Chip/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAWvC,SAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACE;IACV,MAAM,aAAa,GAAG,iBAAiB,CACrC,UAAU,EACV,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACrE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,aAAa,eACb,QAAQ,EACnB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,aAEtC,IAAI,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,IAAI,GAAI,EAE5D,eAAM,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAQ,EAExD,QAAQ,IAAI,CAAC,QAAQ,IAAI,CACxB,iBAAQ,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,YAClE,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,GAAG,GAClB,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/esm/components/molecules/ChipGroup/ChipGroup.d.ts

@@ -0,0 +1,31 @@
+import { ReactControl } from '@rolster/react-forms';
+import { ReactNode } from 'react';
+import { PropsWithClassName, PropsWithRlsTheme } from '../../definitions';
+import { RolsterReactHtmlControl } from '../../types';
+interface ChipGroupProps<T = any, K = any> extends PropsWithRlsTheme, PropsWithClassName {
+    options: T[];
+    disabled?: boolean;
+    formControl?: RolsterReactHtmlControl<T>;
+    identifier?: string;
+    onValue?: ((value?: T) => void) | ((value: T) => void);
+    reference?: (option: T) => K;
+    render?: (option: T) => ReactNode;
+    value?: T;
+}
+interface ChipGroupDefinedProps<T = any, K = any> extends ChipGroupProps<T, K> {
+    formControl: ReactControl<HTMLElement, T>;
+    value: T;
+    onValue?: (value: T) => void;
+}
+interface ChipGroupVoidProps<T = any, K = any> extends Omit<ChipGroupProps<T, K>, 'value'> {
+    formControl: ReactControl<HTMLElement, T | undefined>;
+    onValue?: (value?: T) => void;
+}
+interface ChipGroupEmptyProps<T = any, K = any> extends Omit<ChipGroupProps<T, K>, 'formControl'> {
+    onValue?: (value?: T) => void;
+}
+declare function RlsChipGroupComponent<T = any, K = any>(props: ChipGroupDefinedProps<T, K>): ReactNode;
+declare function RlsChipGroupComponent<T = any, K = any>(props: ChipGroupVoidProps<T, K>): ReactNode;
+declare function RlsChipGroupComponent<T = any, K = any>(props: ChipGroupEmptyProps<T, K>): ReactNode;
+export declare const RlsChipGroup: typeof RlsChipGroupComponent;
+export {};

package/dist/esm/components/molecules/ChipGroup/ChipGroup.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useCallback, useMemo, useState } from 'react';
+import { renderClassStatus } from '../../../helpers/css';
+import { RlsChip } from '../../atoms/Chip/Chip';
+function RlsChipGroupComponent({ className, disabled: disabledProps, formControl, identifier, onValue, options, reference, render, rlsTheme, value: valueInitial }) {
+    const [value, setValue] = useState(formControl?.value ?? valueInitial);
+    const selected = useMemo(() => {
+        return formControl ? formControl.value : value;
+    }, [formControl?.value, value]);
+    const disabled = useMemo(() => {
+        return formControl?.disabled || disabledProps;
+    }, [formControl?.disabled, disabledProps]);
+    const classNameGroup = renderClassStatus('rls-chip-group', { disabled }, className);
+    const isSelected = useCallback((option) => {
+        if (selected === undefined || selected === null) {
+            return false;
+        }
+        return reference
+            ? reference(option) === reference(selected)
+            : option === selected;
+    }, [reference, selected]);
+    const onSelect = useCallback((option) => () => {
+        if (disabled) {
+            return;
+        }
+        setValue(option);
+        formControl?.setValue(option);
+        formControl?.touch();
+        onValue?.(option);
+    }, [disabled, formControl, onValue]);
+    return (_jsx("div", { id: identifier, className: classNameGroup, "rls-theme": rlsTheme, children: options.map((option, index) => (_jsx(RlsChip, { disabled: disabled, selected: isSelected(option), onClick: onSelect(option), children: render ? render(option) : String(option) }, index))) }));
+}
+export const RlsChipGroup = memo(RlsChipGroupComponent);
+//# sourceMappingURL=ChipGroup.js.map

package/dist/esm/components/molecules/ChipGroup/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ChipGroup/ChipGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAa,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AA8ChD,SAAS,qBAAqB,CAAmB,EAC/C,SAAS,EACT,QAAQ,EAAE,aAAa,EACvB,WAAW,EACX,UAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,EAAE,YAAY,EACE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,YAAY,CAAC,CAAC;IAEvE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,aAAa,CAAC;IAChD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3C,MAAM,cAAc,GAAG,iBAAiB,CACtC,gBAAgB,EAChB,EAAE,QAAQ,EAAE,EACZ,SAAS,CACV,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,MAAS,EAAE,EAAE;QACZ,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YAChD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,SAAS;YACd,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,QAAQ,CAAC;YAC3C,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC;IAC1B,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,MAAS,EAAE,EAAE,CAAC,GAAG,EAAE;QAClB,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,eAAa,QAAQ,YAChE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,OAAO,IAEN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,EAC5B,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,YAExB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IALpC,KAAK,CAMF,CACX,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAC9B,qBAAqB,CACU,CAAC"}

package/dist/esm/components/organisms/FieldList/FieldList.js

@@ -3,7 +3,7 @@ import { memo, useCallback, useMemo } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
 import { RlsCheckBox } from '../../atoms/CheckBox/CheckBox';
-import { RlsIcon } from '../../atoms/Icon/Icon';
+import { RlsChip } from '../../atoms/Chip/Chip';
 import { RlsBallot } from '../../molecules/Ballot/Ballot';
 import { RlsFieldListSuggestions } from '../../molecules/FieldListSuggestions/FieldListSuggestions';
 import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
@@ -19,7 +19,9 @@ function RlsFieldListInner({ render, suggestions, action, children, formControl,
         readonly: props.readOnly
     }, `rls-field-list rls-field-list__multi ${props.className ?? ''}`);
     const renderWithCheckbox = useCallback((element) => (_jsxs("div", { className: "rls-field-list__multi__element", children: [_jsx(RlsCheckBox, { checked: fieldList.isSelected(element) }), render(element)] })), [fieldList.isSelected, render]);
-    return (_jsxs("div", { id: props.identifier, ref: fieldList.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("div", { className: "rls-field-list__multi__chips", onClick: disabled ? undefined : fieldList.onClickInput, children: !fieldList.selected.length && placeholder ? (_jsx("span", { className: "rls-field-list__multi__placeholder", children: placeholder })) : (fieldList.selected.map((item, index) => (_jsxs("div", { className: "rls-field-list__multi__chip", children: [_jsx("span", { className: "rls-field-list__multi__chip__description", children: item.description }), !props.readOnly && !disabled && (_jsx("button", { className: "rls-field-list__multi__chip__remove", onClick: fieldList.onRemoveElement(item), children: _jsx(RlsIcon, { value: "close" }) }))] }, index)))) }), !props.readOnly && !disabled && (_jsx(RlsButtonIcon, { icon: "arrow-ios-down", onClick: fieldList.onClickAction }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx(RlsFieldListSuggestions, { elements: suggestions, visible: fieldList.listIsVisible, action: action, disabled: disabled, higher: fieldList.higher, render: renderWithCheckbox, refAnchor: fieldList.refContent, refList: fieldList.refList, refSuggestions: fieldList.refSuggestions, onClickElement: fieldList.onClickElement, onKeydownElement: fieldList.onKeydownElement, onClickBackdrop: fieldList.onClickBackdrop, onHiddenAnchor: fieldList.onClickBackdrop })] }));
+    return (_jsxs("div", { id: props.identifier, ref: fieldList.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("div", { className: "rls-field-list__multi__chips", onClick: disabled ? undefined : fieldList.onClickInput, children: !fieldList.selected.length && placeholder ? (_jsx("span", { className: "rls-field-list__multi__placeholder", children: placeholder })) : (fieldList.selected.map((item, index) => (_jsx(RlsChip, { onRemove: !props.readOnly && !disabled
+                                    ? fieldList.onRemoveElement(item)
+                                    : undefined, children: item.description }, index)))) }), !props.readOnly && !disabled && (_jsx(RlsButtonIcon, { icon: "arrow-ios-down", onClick: fieldList.onClickAction }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx(RlsFieldListSuggestions, { elements: suggestions, visible: fieldList.listIsVisible, action: action, disabled: disabled, higher: fieldList.higher, render: renderWithCheckbox, refAnchor: fieldList.refContent, refList: fieldList.refList, refSuggestions: fieldList.refSuggestions, onClickElement: fieldList.onClickElement, onKeydownElement: fieldList.onKeydownElement, onClickBackdrop: fieldList.onClickBackdrop, onHiddenAnchor: fieldList.onClickBackdrop })] }));
 }
 function RlsFieldListTemplateComponent(props) {
     const fieldList = useFieldList(props);

package/dist/esm/components/organisms/FieldList/FieldList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldList.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldList/FieldList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldList.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldList/FieldList.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/organisms/LedColor/LedColor.d.ts

@@ -0,0 +1,36 @@
+import { ReactControl } from '@rolster/react-forms';
+import { ReactNode } from 'react';
+import { PropsWithClassName, PropsWithRlsTheme } from '../../definitions';
+import { RolsterReactHtmlControl } from '../../types';
+interface LedColorProps extends PropsWithRlsTheme, PropsWithClassName {
+    color?: string;
+    disabled?: boolean;
+    formControl?: RolsterReactHtmlControl<string>;
+    identifier?: string;
+    onValue?: ((value?: string) => void) | ((value: string) => void);
+    readOnly?: boolean;
+    value?: string;
+}
+interface LedColorDefinedProps extends LedColorProps {
+    formControl: ReactControl<HTMLElement, string>;
+    value: string;
+    onValue?: (value: string) => void;
+}
+interface LedColorUndefinedProps extends LedColorProps {
+    formControl: ReactControl<HTMLElement, string | undefined>;
+    value: undefined;
+    onValue?: (value?: string) => void;
+}
+interface LedColorVoidProps extends Omit<LedColorProps, 'value'> {
+    formControl: ReactControl<HTMLElement, string | undefined>;
+    onValue?: (value?: string) => void;
+}
+interface LedColorEmptyProps extends Omit<LedColorProps, 'formControl'> {
+    onValue?: (value?: string) => void;
+}
+declare function RlsLedColorComponent(props: LedColorDefinedProps): ReactNode;
+declare function RlsLedColorComponent(props: LedColorUndefinedProps): ReactNode;
+declare function RlsLedColorComponent(props: LedColorVoidProps): ReactNode;
+declare function RlsLedColorComponent(props: LedColorEmptyProps): ReactNode;
+export declare const RlsLedColor: typeof RlsLedColorComponent;
+export {};

package/dist/esm/components/organisms/LedColor/LedColor.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PickerListenerEvent } from '@rolster/components';
+import { memo, useCallback, useMemo, useState } from 'react';
+import { hexIsValid, normalizeHex } from '../../../helpers/color';
+import { renderClassStatus } from '../../../helpers/css';
+import { RlsLed } from '../../atoms/Led/Led';
+import { RlsModal } from '../Modal/Modal';
+import { RlsPickerColor } from '../PickerColor/PickerColor';
+function RlsLedColorComponent({ className, color, disabled: disabledProps, formControl, identifier, onValue, readOnly, rlsTheme, value: valueInitial }) {
+    const [value, setValue] = useState(formControl?.value ?? valueInitial);
+    const [modalIsVisible, setModalIsVisible] = useState(false);
+    const [pickerKey, setPickerKey] = useState(0);
+    const colorValue = useMemo(() => {
+        return formControl ? formControl.value : value;
+    }, [formControl?.value, value]);
+    const disabled = useMemo(() => {
+        return formControl?.disabled || disabledProps;
+    }, [formControl?.disabled, disabledProps]);
+    const ledColor = useMemo(() => {
+        return colorValue && hexIsValid(colorValue)
+            ? normalizeHex(colorValue)
+            : undefined;
+    }, [colorValue]);
+    const classNameLed = renderClassStatus('rls-led-color', { disabled, error: formControl?.wrong, readonly: readOnly }, className);
+    const onChange = useCallback((value) => {
+        setValue(value);
+        onValue?.(value);
+    }, [onValue]);
+    const onClickLed = useCallback(() => {
+        if (!disabled && !readOnly) {
+            setPickerKey((key) => key + 1);
+            setModalIsVisible(true);
+        }
+    }, [disabled, readOnly]);
+    const onListener = useCallback(({ event, value }) => {
+        if (event !== PickerListenerEvent.Cancel) {
+            onChange(value);
+        }
+        formControl?.touch();
+        setModalIsVisible(false);
+    }, [formControl, onChange]);
+    const onBackdrop = useCallback(() => {
+        setModalIsVisible(false);
+    }, []);
+    return (_jsxs("div", { id: identifier, className: classNameLed, "rls-theme": rlsTheme, children: [_jsx("button", { className: "rls-led-color__trigger", type: "button", disabled: disabled, onClick: onClickLed, children: _jsx(RlsLed, { color: ledColor, rlsTheme: rlsTheme }) }), _jsx(RlsModal, { className: "rls-modal-color", visible: modalIsVisible, rlsTheme: rlsTheme, onBackdrop: onBackdrop, children: _jsx(RlsPickerColor, { formControl: formControl, color: ledColor ?? color, disabled: disabled, onListener: onListener }, pickerKey) })] }));
+}
+export const RlsLedColor = memo(RlsLedColorComponent);
+//# sourceMappingURL=LedColor.js.map

package/dist/esm/components/organisms/LedColor/LedColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LedColor.js","sourceRoot":"","sources":["../../../../../src/components/organisms/LedColor/LedColor.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -8,6 +8,7 @@ export * from './components/atoms/ButtonAction/ButtonAction';
 export * from './components/atoms/ButtonIcon/ButtonIcon';
 export * from './components/atoms/ButtonOption/ButtonOption';
 export * from './components/atoms/CheckBox/CheckBox';
+export * from './components/atoms/Chip/Chip';
 export * from './components/atoms/Icon/Icon';
 export * from './components/atoms/Image/Image';
 export * from './components/atoms/Input/Input';
@@ -41,6 +42,7 @@ export * from './components/molecules/Body/Body';
 export * from './components/molecules/ButtonProgress/ButtonProgress';
 export * from './components/molecules/ButtonStepper/ButtonStepper';
 export * from './components/molecules/ButtonToggle/ButtonToggle';
+export * from './components/molecules/ChipGroup/ChipGroup';
 export * from './components/molecules/Content/Content';
 export * from './components/molecules/FieldArea/FieldArea';
 export * from './components/molecules/FieldDecimal/FieldDecimal';
@@ -89,6 +91,7 @@ export * from './components/organisms/FieldSelect/FieldSelectController';
 export * from './components/organisms/FormNavigation/FormNavigation';
 export * from './components/organisms/ImageChooser/ImageChooser';
 export * from './components/organisms/ImageEditor/ImageEditor';
+export * from './components/organisms/LedColor/LedColor';
 export * from './components/organisms/Modal/Modal';
 export * from './components/organisms/ModalClock/ModalClock';
 export * from './components/organisms/ModalDate/ModalDate';

package/dist/esm/index.js

@@ -8,6 +8,7 @@ export * from './components/atoms/ButtonAction/ButtonAction';
 export * from './components/atoms/ButtonIcon/ButtonIcon';
 export * from './components/atoms/ButtonOption/ButtonOption';
 export * from './components/atoms/CheckBox/CheckBox';
+export * from './components/atoms/Chip/Chip';
 export * from './components/atoms/Icon/Icon';
 export * from './components/atoms/Image/Image';
 export * from './components/atoms/Input/Input';
@@ -41,6 +42,7 @@ export * from './components/molecules/Body/Body';
 export * from './components/molecules/ButtonProgress/ButtonProgress';
 export * from './components/molecules/ButtonStepper/ButtonStepper';
 export * from './components/molecules/ButtonToggle/ButtonToggle';
+export * from './components/molecules/ChipGroup/ChipGroup';
 export * from './components/molecules/Content/Content';
 export * from './components/molecules/FieldArea/FieldArea';
 export * from './components/molecules/FieldDecimal/FieldDecimal';
@@ -89,6 +91,7 @@ export * from './components/organisms/FieldSelect/FieldSelectController';
 export * from './components/organisms/FormNavigation/FormNavigation';
 export * from './components/organisms/ImageChooser/ImageChooser';
 export * from './components/organisms/ImageEditor/ImageEditor';
+export * from './components/organisms/LedColor/LedColor';
 export * from './components/organisms/Modal/Modal';
 export * from './components/organisms/ModalClock/ModalClock';
 export * from './components/organisms/ModalDate/ModalDate';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "19.10.0",
+  "version": "19.11.0",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "license": "MIT",
@@ -50,7 +50,7 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@rolster/rollup": "^2.2.0",
-    "@rolster/styles-foundations": "^3.7.0",
+    "@rolster/styles-foundations": "^3.9.0",
     "@rolster/types": "^1.1.1",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",

package/readme.md

@@ -112,6 +112,7 @@ Components that display a list of options (`RlsFieldSelect`, `RlsFieldList`, `Rl
 | `RlsButtonOption`     | Icon button that behaves as one option of a single selection over a control              |
 | `RlsCheckBox`         | Checkbox mark driven by the `checked` prop                                               |
 | `RlsCheckBoxControl`  | `RlsCheckBox` bound to a `boolean` control                                               |
+| `RlsChip`             | Compact label with optional icon, remove button and clickable state                      |
 | `RlsHoverSwap`        | Renders `children` and swaps it for `content` while the pointer is over it               |
 | `RlsIcon`             | Renders the glyph `rls-icon-{value}`, with skeleton state                                |
 | `RlsImage`            | `img` that shows a skeleton until the source finishes loading                            |
@@ -174,6 +175,7 @@ function Header({ requesting, onSave }: HeaderProps) {
 | `RlsButtonProgress`       | Action button surrounded by a circular progress while `progressing`                      |
 | `RlsButtonStepper`        | Pair of buttons that emit a down and an up action                                        |
 | `RlsButtonToggle`         | Action button with a second button that opens the list of `options`                      |
+| `RlsChipGroup`            | Group of chips that behaves as a single selection over a list of values                  |
 | `RlsContent`              | Content container of an application page                                                 |
 | `RlsFieldArea`            | Labelled field over `RlsAreaText`, with an optional counter and its error message        |
 | `RlsFieldDecimal`         | Labelled field over `RlsInputDecimal` with its error message                             |
@@ -261,6 +263,7 @@ function Account() {
 | `RlsFormNavigation`              | Navigation panel that slides over a form                                   |
 | `RlsImageChooser`                | Avatar that opens the file selector and the image editor                   |
 | `RlsImageEditor`                 | Image editor with zoom, crop by ratio and export to `ImageEditorValue`     |
+| `RlsLedColor`                    | Led that opens the color picker and shows the selected color               |
 | `RlsModal`                       | Modal window with backdrop                                                 |
 | `RlsModalClock`                  | Modal that hosts `RlsPickerClock`                                          |
 | `RlsModalDate`                   | Modal that hosts `RlsPickerDate`                                           |