@rolster/react-components 18.20.7 → 18.21.5

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

@@ -1,7 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import './Avatar.css';
 export function RlsAvatar({ children, rounded, skeleton, rlsTheme }) {
-    return (_jsx("div", { className: useRenderClassStatus('rls-avatar', { rounded, skeleton }), "rls-theme": rlsTheme, children: children }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-avatar', { rounded, skeleton });
+    }, [rounded, skeleton]);
+    return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
 }
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,OAAO,CACL,cACE,SAAS,EAAE,oBAAoB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,eACzD,QAAQ,YAElB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { renderClassStatus } from '../../../helpers';
 import './Breadcrumb.css';
+function RlsBreadcrumbLabel({ label }) {
+    const className = useMemo(() => {
+        return renderClassStatus('rls-breadcrumb__label__a', {
+            actionable: !!label.onClick
+        });
+    }, [label.onClick]);
+    return (_jsx("label", { className: "rls-breadcrumb__label", onClick: label.onClick, children: _jsx("a", { className: className, children: label.label }) }));
+}
 export function RlsBreadcrumb({ labels }) {
-    return (_jsx("div", { className: "rls-breadcrumb", children: labels.map(({ label, onClick }, index) => (_jsx("label", { className: "rls-breadcrumb__label", onClick: onClick, children: _jsx("a", { className: renderClassStatus('rls-breadcrumb__label__a', {
-                    actionable: !!onClick
-                }), children: label }) }, index))) }));
+    return (_jsx("div", { className: "rls-breadcrumb", children: labels.map((label, index) => (_jsx(RlsBreadcrumbLabel, { label: label }, index))) }));
 }
 //# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,kBAAkB,CAAC;AAW1B,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAmB;IACvD,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC5B,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,gBAAmB,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,OAAO,YACnE,YACE,SAAS,EAAE,iBAAiB,CAAC,0BAA0B,EAAE;oBACvD,UAAU,EAAE,CAAC,CAAC,OAAO;iBACtB,CAAC,YAED,KAAK,GACJ,IAPM,KAAK,CAQT,CACT,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,kBAAkB,CAAC;AAe1B,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAwB;IACzD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,0BAA0B,EAAE;YACnD,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SAC5B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,gBAAO,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,YAC7D,YAAG,SAAS,EAAE,SAAS,YAAG,KAAK,CAAC,KAAK,GAAK,GACpC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAmB;IACvD,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC5B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,kBAAkB,IAAa,KAAK,EAAE,KAAK,IAAnB,KAAK,CAAkB,CACjD,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import { RlsIcon } from '../Icon/Icon';
 import './Button.css';
 export function RlsButton({ type, children, disabled, identifier, prefixIcon, suffixIcon, rlsTheme, onClick }) {
-    return (_jsx("button", { id: identifier, className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: useRenderClassStatus('rls-button__content', { type }), children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && _jsx("div", { className: "rls-button__label", children: children }), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-button__content', { type });
+    }, [type]);
+    return (_jsx("button", { id: identifier, className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: className, children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && _jsx("div", { className: "rls-button__label", children: children }), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
 }
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAkBtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACK;IACZ,OAAO,CACL,iBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,oBAAoB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,aAClE,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAC5C,QAAQ,IAAI,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,EAC/D,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAkBtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACK;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,iBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,SAAS,aACtB,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAC5C,QAAQ,IAAI,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,EAC/D,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/CheckBox/CheckBox.css

@@ -29,5 +29,5 @@
   background: var(--rls-theme-gradient-500);
   transform: var(--pvt-component-transform);
   transform-origin: 50% 50%;
-  transition: all 160ms 0ms var(--rls-standard-curve);
+  /*transition: all 160ms 0ms var(--rls-standard-curve);*/
 }

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

@@ -1,12 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
+import { useCallback, useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import './CheckBox.css';
 export function RlsCheckBox({ checked, disabled, identifier, onClick, rlsTheme }) {
-    return (_jsx("div", { id: identifier, className: useRenderClassStatus('rls-checkbox', { checked, disabled }), onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-checkbox__component" }) }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-checkbox', { checked, disabled });
+    }, [checked, disabled]);
+    return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-checkbox__component" }) }));
 }
 export function RlsCheckBoxControl({ formControl, disabled, identifier, rlsTheme }) {
-    return (_jsx(RlsCheckBox, { identifier: identifier, checked: !!formControl.value, disabled: disabled, onClick: () => {
-            formControl.setValue(!formControl.value);
-        }, rlsTheme: rlsTheme }));
+    const onClick = useCallback(() => {
+        formControl.setValue(!formControl.value);
+    }, [formControl.value]);
+    return (_jsx(RlsCheckBox, { identifier: identifier, checked: !!formControl.value, disabled: disabled, onClick: onClick, rlsTheme: rlsTheme }));
 }
 //# sourceMappingURL=CheckBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,gBAAgB,CAAC;AAaxB,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACM;IACd,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACtE,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAO,GAC3C,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACa;IACrB,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,gBAAgB,CAAC;AAaxB,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACM;IACd,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAO,GAC3C,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACa;IACrB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}

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

@@ -1,7 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import './Icon.css';
 export function RlsIcon({ value, skeleton }) {
-    return (_jsx("div", { className: useRenderClassStatus('rls-icon', { skeleton }), children: _jsx("i", { className: `rls-icon-${value}` }) }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-icon', { skeleton });
+    }, [skeleton]);
+    return (_jsx("div", { className: className, children: _jsx("i", { className: `rls-icon-${value}` }) }));
 }
 //# sourceMappingURL=Icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,YAAY,CAAC;AAOpB,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAa;IACpD,OAAO,CACL,cAAK,SAAS,EAAE,oBAAoB,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC,YAC5D,YAAG,SAAS,EAAE,YAAY,KAAK,EAAE,GAAM,GACnC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,YAAY,CAAC;AAOpB,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAa;IACpD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,YAAG,SAAS,EAAE,YAAY,KAAK,EAAE,GAAM,GACnC,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { useRenderClassStatus } from '../../../controllers';
+import { useCallback, useMemo, useState } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import './Input.css';
 export function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, type, value }) {
     const [focused, setFocused] = useState(false);
@@ -17,9 +17,12 @@ export function RlsInput({ children, disabled, formControl, identifier, onValue,
         formControl?.blur();
         setFocused(() => false);
     }, [formControl]);
-    return (_jsxs("div", { id: identifier, className: useRenderClassStatus('rls-input', {
-            focused: formControl?.focused ?? focused,
-            disabled: formControl?.disabled || disabled
-        }), children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange, value: formControl?.value || value || '' }), _jsx("span", { className: "rls-input__value", children: children })] }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-input', {
+            disabled: formControl?.disabled || disabled,
+            focused: formControl?.focused ?? focused
+        });
+    }, [formControl?.focused, formControl?.disabled, focused, disabled]);
+    return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange, value: formControl?.value || value || '' }), _jsx("span", { className: "rls-input__value", children: children })] }));
 }
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AACA,OAAO,EAA0B,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,aAAa,CAAC;AAWrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,EACM;IACX,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAU,EAAE,EAAE;QACb,MAAM,KAAK,GACT,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/D,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1B,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAAC,WAAW,EAAE;YAC3C,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;YACxC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,CAAC,aAEF,gBACE,GAAG,EAAE,WAAW,EAAE,UAAU,EAC5B,SAAS,EAAC,sBAAsB,EAChC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ,EAC3C,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,GACxC,EACF,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,IAChD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AACA,OAAO,EAA0B,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;AAWrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,EACM;IACX,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAU,EAAE,EAAE;QACb,MAAM,KAAK,GACT,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/D,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1B,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE;YACpC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;YAC3C,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;SACzC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,aACvC,gBACE,GAAG,EAAE,WAAW,EAAE,UAAU,EAC5B,SAAS,EAAC,sBAAsB,EAChC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ,EAC3C,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,GACxC,EACF,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,IAChD,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import './InputPassword.css';
 export function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, type }) {
@@ -16,9 +16,12 @@ export function RlsInputPassword({ disabled, formControl, identifier, onValue, p
         formControl?.blur();
         setFocused(() => false);
     }, [formControl]);
-    return (_jsx("div", { id: identifier, className: renderClassStatus('rls-input-password', {
-            focused: formControl?.focused ?? focused,
-            disabled: formControl?.disabled || disabled
-        }), children: _jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type ?? 'password', placeholder: placeholder, disabled: disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange }) }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-input-password', {
+            disabled: formControl?.disabled || disabled,
+            focused: formControl?.focused ?? focused
+        });
+    }, [formControl?.focused, formControl?.disabled, focused, disabled]);
+    return (_jsx("div", { id: identifier, className: className, children: _jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type ?? 'password', placeholder: placeholder, disabled: disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange }) }));
 }
 //# sourceMappingURL=InputPassword.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,qBAAqB,CAAC;AAY7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACe;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAU,EAAE,EAAE;QACb,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;YACxC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,CAAC,YAEF,gBACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,UAAU,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,qBAAqB,CAAC;AAY7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACe;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAU,EAAE,EAAE;QACb,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,oBAAoB,EAAE;YAC7C,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;YAC3C,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;SACzC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,YACvC,gBACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,UAAU,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,7 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import './Poster.css';
 export function RlsPoster({ children, contrast, outline, rlsTheme }) {
-    return (_jsx("div", { className: useRenderClassStatus('rls-poster', { contrast, outline }), "rls-theme": rlsTheme, children: children }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-poster', { contrast, outline });
+    }, [contrast, outline]);
+    return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
 }
 //# sourceMappingURL=Poster.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACI;IACZ,OAAO,CACL,cACE,SAAS,EAAE,oBAAoB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,eACzD,QAAQ,YAElB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,7 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import './ProgressBar.css';
 export function RlsProgressBar({ indeterminate, percentage, rlsTheme }) {
-    return (_jsx("div", { className: useRenderClassStatus('rls-progress-bar', { indeterminate }), "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-progress-bar__component", style: { width: `${percentage || 0}%` } }) }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-progress-bar', { indeterminate });
+    }, [indeterminate]);
+    return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-progress-bar__component", style: { width: `${percentage || 0}%` } }) }));
 }
 //# sourceMappingURL=ProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,mBAAmB,CAAC;AAO3B,MAAM,UAAU,cAAc,CAAC,EAC7B,aAAa,EACb,UAAU,EACV,QAAQ,EACS;IACjB,OAAO,CACL,cACE,SAAS,EAAE,oBAAoB,CAAC,kBAAkB,EAAE,EAAE,aAAa,EAAE,CAAC,eAC3D,QAAQ,YAEnB,cACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,IAAI,CAAC,GAAG,EAAE,GAClC,GACH,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,mBAAmB,CAAC;AAO3B,MAAM,UAAU,cAAc,CAAC,EAC7B,aAAa,EACb,UAAU,EACV,QAAQ,EACS;IACjB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC5C,cACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,IAAI,CAAC,GAAG,EAAE,GAClC,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/RadioButton/RadioButton.css

@@ -28,5 +28,5 @@
   background: var(--rls-theme-gradient-500);
   transform: var(--pvt-component-transform);
   transform-origin: 50% 50%;
-  transition: all 160ms 0ms var(--rls-standard-curve);
+  /*transition: all 160ms 0ms var(--rls-standard-curve);*/
 }

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

@@ -1,7 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import './RadioButton.css';
 export function RlsRadioButton({ checked, disabled, identifier, rlsTheme, onClick }) {
-    return (_jsx("div", { id: identifier, className: useRenderClassStatus('rls-radiobutton', { checked, disabled }), onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-radiobutton__component" }) }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-radiobutton', { checked, disabled });
+    }, [checked, disabled]);
+    return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-radiobutton__component" }) }));
 }
 //# sourceMappingURL=RadioButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACU;IACjB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACzE,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,4BAA4B,GAAO,GAC9C,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACU;IACjB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,4BAA4B,GAAO,GAC9C,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/Switch/Switch.css

@@ -36,7 +36,7 @@
   border-radius: 50%;
   background: var(--rls-app-background-500);
   box-shadow: 0 0 2rem 0 rgba(37, 38, 65, 0.38);
-  transition: left 240ms var(--rls-standard-curve);
+  /*transition: left 240ms var(--rls-standard-curve);*/
 }
 .rls-switch__component__element::before {
   display: block;

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

@@ -1,12 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
+import { useCallback, useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
 import './Switch.css';
 export function RlsSwitch({ checked, disabled, identifier, onClick, rlsTheme }) {
-    return (_jsx("div", { id: identifier, className: useRenderClassStatus('rls-switch', { checked, disabled }), onClick: onClick, "rls-theme": rlsTheme, children: _jsxs("div", { className: "rls-switch__component", children: [_jsx("div", { className: "rls-switch__component__element" }), _jsx("div", { className: "rls-switch__component__bar" })] }) }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-switch', { checked, disabled });
+    }, [checked, disabled]);
+    return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsxs("div", { className: "rls-switch__component", children: [_jsx("div", { className: "rls-switch__component__element" }), _jsx("div", { className: "rls-switch__component__bar" })] }) }));
 }
 export function RlsSwitchControl({ formControl, disabled, identifier, rlsTheme }) {
-    return (_jsx(RlsSwitch, { identifier: identifier, checked: formControl.value || false, disabled: disabled, onClick: () => {
-            formControl.setValue(!formControl.value);
-        }, rlsTheme: rlsTheme }));
+    const onClick = useCallback(() => {
+        formControl.setValue(!formControl.value);
+    }, [formControl.value]);
+    return (_jsx(RlsSwitch, { identifier: identifier, checked: formControl.value || false, disabled: disabled, onClick: onClick, rlsTheme: rlsTheme }));
 }
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,cAAc,CAAC;AAatB,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACI;IACZ,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACpE,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,gCAAgC,GAAO,EACtD,cAAK,SAAS,EAAC,4BAA4B,GAAO,IAC9C,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACF;IACN,OAAO,CACL,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,CAAC,KAAK,IAAI,KAAK,EACnC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,cAAc,CAAC;AAatB,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,gCAAgC,GAAO,EACtD,cAAK,SAAS,EAAC,4BAA4B,GAAO,IAC9C,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACF;IACN,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,CAAC,KAAK,IAAI,KAAK,EACnC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/components/definitions.d.ts

@@ -1,4 +1,4 @@
-export type RlsTheme = 'standard' | 'success' | 'info' | 'warning' | 'danger' | 'amaizing' | 'smartness' | 'obsidian';
+export type RlsTheme = 'standard' | 'success' | 'info' | 'warning' | 'danger' | 'amaizing' | 'amber' | 'smartness' | 'obsidian';
 export interface RlsComponent extends React.PropsWithChildren {
     identifier?: string;
     rlsTheme?: RlsTheme;

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

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
-import { RlsIcon } from '../../atoms';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
+import { RlsIcon } from '../../atoms/Icon/Icon';
 import './Alert.css';
 export function RlsAlert({ bordered, children, icon, identifier, rlsTheme }) {
-    return (_jsxs("div", { id: identifier, className: useRenderClassStatus('rls-alert', { bordered }), "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-alert__icon", children: _jsx(RlsIcon, { value: icon }) })), _jsx("div", { className: "rls-alert__content", children: children })] }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-alert', { bordered });
+    }, [bordered]);
+    return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-alert__icon", children: _jsx(RlsIcon, { value: icon }) })), _jsx("div", { className: "rls-alert__content", children: children })] }));
 }
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,QAAQ,EACM;IACd,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,eAC/C,QAAQ,aAElB,IAAI,IAAI,CACP,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,CACP,EAED,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,IAChD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,QAAQ,EACM;IACd,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,IAAI,IAAI,CACP,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,CACP,EAED,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,IAChD,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,8 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
-import { RlsAvatar, RlsSkeletonText } from '../../atoms';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
+import { RlsAvatar } from '../../atoms/Avatar/Avatar';
+import { RlsSkeletonText } from '../../atoms/SkeletonText/SkeletonText';
 import './Ballot.css';
 export function RlsBallot({ bordered, children, img, initials, skeleton, subtitle, rlsTheme }) {
-    return (_jsxs("div", { className: useRenderClassStatus('rls-ballot', { bordered, skeleton }), "rls-theme": rlsTheme, children: [(img || initials) && (_jsxs(RlsAvatar, { skeleton: skeleton, children: [img && _jsx("img", { src: img }), initials && _jsx("span", { children: initials })] })), _jsxs("div", { className: "rls-ballot__component", children: [_jsx("label", { className: "rls-ballot__title", children: _jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (_jsx("label", { className: "rls-ballot__subtitle", children: _jsx(RlsSkeletonText, { active: skeleton, children: _jsx("span", { children: subtitle }) }) }))] })] }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-ballot', { bordered, skeleton });
+    }, [bordered, skeleton]);
+    return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [(img || initials) && (_jsxs(RlsAvatar, { skeleton: skeleton, children: [img && _jsx("img", { src: img }), initials && _jsx("span", { children: initials })] })), _jsxs("div", { className: "rls-ballot__component", children: [_jsx("label", { className: "rls-ballot__title", children: _jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (_jsx("label", { className: "rls-ballot__subtitle", children: _jsx(RlsSkeletonText, { active: skeleton, children: _jsx("span", { children: subtitle }) }) }))] })] }));
 }
 //# sourceMappingURL=Ballot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEzD,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACI;IACZ,OAAO,CACL,eACE,SAAS,EAAE,oBAAoB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,eAC1D,QAAQ,aAElB,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CACpB,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,aAC1B,GAAG,IAAI,cAAK,GAAG,EAAE,GAAG,GAAI,EACxB,QAAQ,IAAI,yBAAO,QAAQ,GAAQ,IAC1B,CACb,EACD,eAAK,SAAS,EAAC,uBAAuB,aACpC,gBAAO,SAAS,EAAC,mBAAmB,YAClC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GACzD,EACP,QAAQ,IAAI,CACX,gBAAO,SAAS,EAAC,sBAAsB,YACrC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAC/B,yBAAO,QAAQ,GAAQ,GACP,GACZ,CACT,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CACpB,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,aAC1B,GAAG,IAAI,cAAK,GAAG,EAAE,GAAG,GAAI,EACxB,QAAQ,IAAI,yBAAO,QAAQ,GAAQ,IAC1B,CACb,EAED,eAAK,SAAS,EAAC,uBAAuB,aACpC,gBAAO,SAAS,EAAC,mBAAmB,YAClC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GACzD,EACP,QAAQ,IAAI,CACX,gBAAO,SAAS,EAAC,sBAAsB,YACrC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAC/B,yBAAO,QAAQ,GAAQ,GACP,GACZ,CACT,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,8 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
-import { RlsButtonAction, RlsProgressCircular } from '../../atoms';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
+import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
+import { RlsProgressCircular } from '../../atoms/ProgressCircular/ProgressCircular';
 import './ButtonProgress.css';
 export function RlsButtonProgress({ icon, disabled, onClick, progressing, rlsTheme }) {
-    return (_jsxs("div", { className: useRenderClassStatus('rls-button-progress', { progressing }), "rls-theme": rlsTheme, children: [!progressing && (_jsx(RlsButtonAction, { icon: icon, onClick: onClick, disabled: disabled })), progressing && _jsx(RlsProgressCircular, {})] }));
+    const className = useMemo(() => {
+        return renderClassStatus('rls-button-progress', { progressing });
+    }, [progressing]);
+    return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [!progressing && (_jsx(RlsButtonAction, { icon: icon, onClick: onClick, disabled: disabled })), progressing && _jsx(RlsProgressCircular, {})] }));
 }
 //# sourceMappingURL=ButtonProgress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonProgress.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonProgress/ButtonProgress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEnE,OAAO,sBAAsB,CAAC;AAU9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACY;IACpB,OAAO,CACL,eACE,SAAS,EAAE,oBAAoB,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,CAAC,eAC5D,QAAQ,aAElB,CAAC,WAAW,IAAI,CACf,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtE,EACA,WAAW,IAAI,KAAC,mBAAmB,KAAG,IACnC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ButtonProgress.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonProgress/ButtonProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,sBAAsB,CAAC;AAU9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACY;IACpB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,CAAC,WAAW,IAAI,CACf,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtE,EACA,WAAW,IAAI,KAAC,mBAAmB,KAAG,IACnC,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css

@@ -58,9 +58,9 @@
   border: var(--rls-theme-border-1-500);
   transform: var(--rlc-button-toggle-ul-transform);
   transform-origin: 0% 0%;
-  transition: transform 240ms 0ms var(--rls-standard-curve),
-    opacity 240ms 0ms var(--rls-standard-curve);
   box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
+  /*transition: transform 240ms 0ms var(--rls-standard-curve),
+        opacity 240ms 0ms var(--rls-standard-curve);*/
 }
 .rls-button-toggle__list ul li {
   padding: 0rem var(--rls-sizing-x6);

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { RlsButtonType } from '../../atoms';
+import { RlsButtonType } from '../../atoms/Button/Button';
 import { RlsComponent } from '../../definitions';
 import './ButtonToggle.css';
 export interface ButtonToggleOption {

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

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useRenderClassStatus } from '../../../controllers';
-import { RlsButton } from '../../atoms';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { renderClassStatus } from '../../../helpers';
+import { RlsButton } from '../../atoms/Button/Button';
 import './ButtonToggle.css';
 export function RlsButtonToggle({ onAction, options, type, automatic, disabled, rlsTheme }) {
     const componentRef = useRef(null);
-    const [firstAction] = options;
-    const [action, setAction] = useState(firstAction);
+    const [action, setAction] = useState(options[0]);
     const [visible, setVisible] = useState(false);
     useEffect(() => {
         function onCloseMenu({ target }) {
@@ -17,6 +16,12 @@ export function RlsButtonToggle({ onAction, options, type, automatic, disabled,
             document.removeEventListener('click', onCloseMenu);
         };
     }, []);
+    const classNameList = useMemo(() => {
+        return renderClassStatus('rls-button-toggle__list', {
+            hide: !visible,
+            visible
+        });
+    }, [visible]);
     const onClickMenu = useCallback(() => {
         setVisible((visible) => !visible);
     }, []);
@@ -27,10 +32,7 @@ export function RlsButtonToggle({ onAction, options, type, automatic, disabled,
     }, [onAction, automatic]);
     return (_jsxs("div", { className: "rls-button-toggle", ref: componentRef, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-button-toggle__content", children: [action && (_jsx("div", { className: "rls-button-toggle__action", children: _jsx(RlsButton, { disabled: disabled, type: type, onClick: () => {
                                 onAction(action.value);
-                            }, children: action.label }) })), _jsx("div", { className: "rls-button-toggle__icon", children: _jsx(RlsButton, { type: type, prefixIcon: "arrow-ios-down", disabled: disabled, onClick: onClickMenu }) })] }), _jsx("div", { className: useRenderClassStatus('rls-button-toggle__list', {
-                    visible,
-                    hide: !visible
-                }), children: _jsx("ul", { children: options.map((action, index) => (_jsx("li", { className: "truncate", onClick: () => {
+                            }, children: action.label }) })), _jsx("div", { className: "rls-button-toggle__icon", children: _jsx(RlsButton, { type: type, prefixIcon: "arrow-ios-down", disabled: disabled, onClick: onClickMenu }) })] }), _jsx("div", { className: classNameList, children: _jsx("ul", { children: options.map((action, index) => (_jsx("li", { className: "truncate", onClick: () => {
                             onSelectAction(action);
                         }, children: action.label }, index))) }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAiB,SAAS,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,oBAAoB,CAAC;AAe5B,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACU;IAClB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC;IAE9B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,WAAW,CAAC,EAAE,MAAM,EAAO;YAClC,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;QAChE,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAA0B,EAAE,EAAE;QAC7B,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QAExB,SAAS,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,EAAC,GAAG,EAAE,YAAY,eAAa,QAAQ,aACvE,eAAK,SAAS,EAAC,4BAA4B,aACxC,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACzB,CAAC,YAEA,MAAM,CAAC,KAAK,GACH,GACR,CACP,EAED,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAC,gBAAgB,EAC3B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,GACE,IACF,EAEN,cACE,SAAS,EAAE,oBAAoB,CAAC,yBAAyB,EAAE;oBACzD,OAAO;oBACP,IAAI,EAAE,CAAC,OAAO;iBACf,CAAC,YAEF,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,aACE,SAAS,EAAC,UAAU,EAEpB,OAAO,EAAE,GAAG,EAAE;4BACZ,cAAc,CAAC,MAAM,CAAC,CAAC;wBACzB,CAAC,YAEA,MAAM,CAAC,KAAK,IALR,KAAK,CAMP,CACN,CAAC,GACC,GACD,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAiB,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,oBAAoB,CAAC;AAe5B,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACU;IAClB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,WAAW,CAAC,EAAE,MAAM,EAAO;YAClC,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;QAChE,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,yBAAyB,EAAE;YAClD,IAAI,EAAE,CAAC,OAAO;YACd,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAA0B,EAAE,EAAE;QAC7B,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QAExB,SAAS,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,EAAC,GAAG,EAAE,YAAY,eAAa,QAAQ,aACvE,eAAK,SAAS,EAAC,4BAA4B,aACxC,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACzB,CAAC,YAEA,MAAM,CAAC,KAAK,GACH,GACR,CACP,EAED,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAC,gBAAgB,EAC3B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,GACE,IACF,EAEN,cAAK,SAAS,EAAE,aAAa,YAC3B,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,aACE,SAAS,EAAC,UAAU,EAEpB,OAAO,EAAE,GAAG,EAAE;4BACZ,cAAc,CAAC,MAAM,CAAC,CAAC;wBACzB,CAAC,YAEA,MAAM,CAAC,KAAK,IALR,KAAK,CAMP,CACN,CAAC,GACC,GACD,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,14 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
-import { RlsInputMoney } from '../../atoms';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
+import { RlsInputMoney } from '../../atoms/InputMoney/InputMoney';
 import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
 import './FieldMoney.css';
 export function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, symbol, rlsTheme, value }) {
-    const _disabled = formControl?.disabled || disabled;
-    return (_jsxs("div", { id: identifier, className: useRenderClassStatus('rls-field-box', {
+    const className = useMemo(() => {
+        const _disabled = formControl?.disabled || disabled;
+        return renderClassStatus('rls-field-box', {
             focused: formControl?.focused && !_disabled,
             error: formControl?.wrong,
             disabled: _disabled
-        }, 'rls-field-money'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputMoney, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
+        }, 'rls-field-money');
+    }, [
+        formControl?.focused,
+        formControl?.wrong,
+        formControl?.disabled,
+        disabled
+    ]);
+    return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputMoney, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 //# sourceMappingURL=FieldMoney.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,KAAK,EACW;IAChB,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;IAEpD,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAC7B,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,iBAAiB,CAClB,eACU,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,GACE,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,KAAK,EACW;IAChB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,iBAAiB,CAClB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,GACE,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,14 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRenderClassStatus } from '../../../controllers';
-import { RlsInputNumber } from '../../atoms';
+import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers';
+import { RlsInputNumber } from '../../atoms/InputNumber/InputNumber';
 import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
 import './FieldNumber.css';
 export function RlsFieldNumber({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
-    const _disabled = formControl?.disabled || disabled;
-    return (_jsxs("div", { id: identifier, className: useRenderClassStatus('rls-field-box', {
+    const className = useMemo(() => {
+        const _disabled = formControl?.disabled || disabled;
+        return renderClassStatus('rls-field-box', {
             focused: formControl?.focused && !_disabled,
             error: formControl?.wrong,
             disabled: _disabled
-        }, 'rls-field-number'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputNumber, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
+        }, 'rls-field-number');
+    }, [
+        formControl?.focused,
+        formControl?.wrong,
+        formControl?.disabled,
+        disabled
+    ]);
+    return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputNumber, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 //# sourceMappingURL=FieldNumber.js.map