@rolster/react-components 18.13.5 → 18.14.1

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

@@ -57,7 +57,7 @@
   opacity: var(--pvt-value-opacity);
   color: var(--pvt-value-font-color);
   font-weight: var(--rls-font-weight-medium);
-  font-size: var(--rls-input-font-size);
+  font-size: var(--rlc-input-font-size);
   text-align: var(--rlc-input-text-align);
-  letter-spacing: var(--rls-input-letter-spacing);
+  letter-spacing: var(--rlc-input-letter-spacing);
 }

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

@@ -5,14 +5,7 @@ import './Input.css';
 export function RlsInput({ children, disabled, formControl, placeholder, type, value, onValue }) {
     const [focused, setFocused] = useState(false);
     function onChange(event) {
-        switch (type) {
-            case 'number':
-                setState(+event.target.value);
-                break;
-            default:
-                setState(event.target.value);
-                break;
-        }
+        setState(type === 'number' ? +event.target.value : event.target.value);
     }
     function setState(value) {
         formControl?.setState(value);

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,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAWrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,IAAI,EACJ,KAAK,EACL,OAAO,EACI;IACX,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,QAAQ,CAAC,KAAU;QAC1B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,QAAQ,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC9B,MAAM;YACR;gBACE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC7B,MAAM;QACV,CAAC;IACH,CAAC;IAED,SAAS,QAAQ,CAAC,KAAsB;QACtC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC;IAED,SAAS,OAAO;QACd,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,MAAM;QACb,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YACxC,WAAW,CAAC,KAAK,EAAE,CAAC;QACtB,CAAC;QAED,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,WAAW,EAAE;YACxC,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,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAWrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,IAAI,EACJ,KAAK,EACL,OAAO,EACI;IACX,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,QAAQ,CAAC,KAAU;QAC1B,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzE,CAAC;IAED,SAAS,QAAQ,CAAC,KAAsB;QACtC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC;IAED,SAAS,OAAO;QACd,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,MAAM;QACb,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YACxC,WAAW,CAAC,KAAK,EAAE,CAAC;QACtB,CAAC;QAED,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,WAAW,EAAE;YACxC,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"}

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

@@ -1,7 +1,5 @@
 .rls-input-money {
   position: relative;
-  float: left;
   width: 100%;
-  padding: var(--rlc-input-parent-padding);
   box-sizing: border-box;
 }

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

@@ -1,7 +1,5 @@
 .rls-input-number {
   position: relative;
-  float: left;
   width: 100%;
-  padding: var(--rlc-input-parent-padding);
   box-sizing: border-box;
 }

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

@@ -1,8 +1,6 @@
 .rls-input-password {
   position: relative;
-  float: left;
   width: 100%;
-  padding: var(--rlc-input-parent-padding);
   box-sizing: border-box;
 }
 .rls-input-password__component {

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

@@ -1,7 +1,5 @@
 .rls-input-text {
   position: relative;
-  float: left;
   width: 100%;
-  padding: var(--rlc-input-parent-padding);
   box-sizing: border-box;
 }

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

@@ -0,0 +1,6 @@
+.rls-field-money {
+  --rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}

package/dist/esm/components/molecules/{MoneyField/MoneyField.d.ts → FieldMoney/FieldMoney.d.ts}

@@ -1,7 +1,7 @@
 import { ReactControl } from '@rolster/react-forms';
 import { RlsComponent } from '../../definitions';
-import './MoneyField.css';
-interface MoneyFieldProps extends RlsComponent {
+import './FieldMoney.css';
+interface FieldMoneyProps extends RlsComponent {
     decimals?: boolean;
     disabled?: boolean;
     formControl?: ReactControl<HTMLInputElement, number>;
@@ -10,5 +10,5 @@ interface MoneyFieldProps extends RlsComponent {
     value?: number;
     onValue?: (value: number) => void;
 }
-export declare function RlsMoneyField({ children, decimals, disabled, formControl, placeholder, symbol, rlsTheme, value, onValue }: MoneyFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsFieldMoney({ children, decimals, disabled, formControl, placeholder, symbol, rlsTheme, value, onValue }: FieldMoneyProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../helpers/css';
+import { RlsInputMoney } from '../../atoms';
+import { RlsMessageFormError } from '../MessageFormError/MesageFormError';
+import './FieldMoney.css';
+export function RlsFieldMoney({ children, decimals, disabled, formControl, placeholder, symbol, rlsTheme, value, onValue }) {
+    return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
+            focused: formControl?.focused,
+            error: formControl?.wrong,
+            disabled: formControl?.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 }) }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }));
+}
+//# sourceMappingURL=FieldMoney.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,kBAAkB,CAAC;AAY1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACS;IAChB,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAC1B,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO;YAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,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,EAEN,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+.rls-field-number {
+  --rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}

package/dist/esm/components/molecules/{NumberField/NumberField.d.ts → FieldNumber/FieldNumber.d.ts}

@@ -1,12 +1,12 @@
 import { ReactControl } from '@rolster/react-forms';
 import { RlsComponent } from '../../definitions';
-import './NumberField.css';
-interface NumberFieldProps extends RlsComponent {
+import './FieldNumber.css';
+interface FieldNumberProps extends RlsComponent {
     disabled?: boolean;
     formControl?: ReactControl<HTMLInputElement, number>;
     placeholder?: string;
     value?: number;
     onValue?: (value: number) => void;
 }
-export declare function RlsNumberField({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsFieldNumber({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }: FieldNumberProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../helpers/css';
+import { RlsInputNumber } from '../../atoms';
+import { RlsMessageFormError } from '../MessageFormError/MesageFormError';
+import './FieldNumber.css';
+export function RlsFieldNumber({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }) {
+    return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
+            focused: formControl?.focused,
+            error: formControl?.wrong,
+            disabled: formControl?.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 }) }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }));
+}
+//# sourceMappingURL=FieldNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,mBAAmB,CAAC;AAU3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACU;IACjB,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAC1B,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO;YAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,EACD,kBAAkB,CACnB,eACU,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,cAAc,IACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,GACE,GACF,EAEN,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/{PasswordField/PasswordField.css → FieldPassword/FieldPassword.css}

@@ -1,11 +1,11 @@
-.rls-password-field {
-  --rlc-input-parent-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
+.rls-field-password {
+  --rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
   --rlc-action-ripple-dimension: var(--rls-sizing-x16);
   --rlc-action-ripple-position: -8rem;
   position: relative;
   width: 100%;
   box-sizing: border-box;
 }
-.rls-password-field .rls-button-action {
+.rls-field-password .rls-button-action {
   margin: auto var(--rls-sizing-x2) auto 0rem;
 }

package/dist/esm/components/molecules/{PasswordField/PasswordField.d.ts → FieldPassword/FieldPassword.d.ts}

@@ -1,10 +1,10 @@
 import { ReactControl } from '@rolster/react-forms';
 import { RlsComponent } from '../../definitions';
-import './PasswordField.css';
-interface PasswordFieldProps extends RlsComponent {
+import './FieldPassword.css';
+interface FieldPasswordProps extends RlsComponent {
     disabled?: boolean;
     formControl?: ReactControl<HTMLInputElement, string>;
     placeholder?: string;
 }
-export declare function RlsPasswordField({ children, disabled, formControl, placeholder, rlsTheme }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsFieldPassword({ children, disabled, formControl, placeholder, rlsTheme }: FieldPasswordProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { renderClassStatus } from '../../../helpers/css';
+import { RlsButtonAction, RlsInputPassword } from '../../atoms';
+import { RlsMessageFormError } from '../MessageFormError/MesageFormError';
+import './FieldPassword.css';
+export function RlsFieldPassword({ children, disabled, formControl, placeholder, rlsTheme }) {
+    const [password, setPassword] = useState(true);
+    function onToggleInput() {
+        setPassword(!password);
+    }
+    return (_jsxs("div", { className: renderClassStatus(' rls-field-box', {
+            focused: formControl?.focused,
+            error: formControl?.wrong,
+            disabled: formControl?.disabled || disabled
+        }, 'rls-field-password'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx(RlsInputPassword, { formControl: formControl, disabled: disabled, placeholder: placeholder, type: password ? 'password' : 'text' }), _jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }));
+}
+//# sourceMappingURL=FieldPassword.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,SAAS,aAAa;QACpB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAC1B,gBAAgB,EAChB;YACE,OAAO,EAAE,WAAW,EAAE,OAAO;YAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,EACD,oBAAoB,CACrB,eACU,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GACpC,EAEF,KAAC,eAAe,IACd,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAClC,OAAO,EAAE,aAAa,GACtB,IACE,GACF,EAEN,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+.rls-field-text {
+  --rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}

package/dist/esm/components/molecules/{TextField/TextField.d.ts → FieldText/FieldText.d.ts}

@@ -1,12 +1,12 @@
 import { ReactControl } from '@rolster/react-forms';
 import { RlsComponent } from '../../definitions';
-import './TextField.css';
-interface TextFieldProps extends RlsComponent {
+import './FieldText.css';
+interface FieldTextProps extends RlsComponent {
     disabled?: boolean;
     formControl?: ReactControl<HTMLInputElement, string>;
     placeholder?: string;
     value?: string;
     onValue?: (value: string) => void;
 }
-export declare function RlsTextField({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsFieldText({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }: FieldTextProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../helpers/css';
+import { RlsInputText } from '../../atoms';
+import { RlsMessageFormError } from '../MessageFormError/MesageFormError';
+import './FieldText.css';
+export function RlsFieldText({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }) {
+    return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
+            focused: formControl?.focused,
+            error: formControl?.wrong,
+            disabled: formControl?.disabled || disabled
+        }, 'rls-field-text'), "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(RlsInputText, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }));
+}
+//# sourceMappingURL=FieldText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,iBAAiB,CAAC;AAUzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACQ;IACf,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAC1B,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO;YAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,EACD,gBAAgB,CACjB,eACU,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,GACE,GACF,EAEN,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/{CheckBoxLabel/CheckBoxLabel.css → LabelCheckBox/LabelCheckBox.css}

@@ -1,4 +1,4 @@
-.rls-checkbox-label {
+.rls-label-checkbox {
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;
@@ -7,20 +7,20 @@
   display: flex;
   column-gap: var(--rls-sizing-x4);
 }
-.rls-checkbox-label--disabled {
+.rls-label-checkbox--disabled {
   --pvt-text-opacity: 0.5;
   pointer-events: none;
 }
-.rls-checkbox-label--extended {
+.rls-label-checkbox--extended {
   --pvt-text-text-overflow: initial;
   --pvt-text-overflow: initial;
   --pvt-text-white-space: initial;
   --pvt-text-height: auto;
 }
-.rls-checkbox-label__component {
+.rls-label-checkbox__component {
   width: auto;
 }
-.rls-checkbox-label__text {
+.rls-label-checkbox__text {
   max-width: calc(100% - var(--rls-sizing-x16));
   height: var(--pvt-text-height);
   line-height: var(--rls-sizing-x12);

package/dist/esm/components/molecules/{CheckBoxLabel/CheckBoxLabel.d.ts → LabelCheckBox/LabelCheckBox.d.ts}

@@ -1,10 +1,10 @@
 import { ReactControl } from '@rolster/react-forms';
 import { RlsComponent } from '../../definitions';
-import './CheckBoxLabel.css';
-interface CheckBoxLabelProps extends RlsComponent {
+import './LabelCheckBox.css';
+interface LabelCheckBoxProps extends RlsComponent {
     disabled?: boolean;
     extended?: boolean;
     formControl?: ReactControl<HTMLElement, boolean>;
 }
-export declare function RlsCheckBoxLabel({ children, disabled, extended, formControl, rlsTheme }: CheckBoxLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsLabelCheckBox({ children, disabled, extended, formControl, rlsTheme }: LabelCheckBoxProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/molecules/{CheckBoxLabel/CheckBoxLabel.js → LabelCheckBox/LabelCheckBox.js}

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsCheckBox } from '../../atoms';
-import './CheckBoxLabel.css';
-export function RlsCheckBoxLabel({ children, disabled, extended, formControl, rlsTheme }) {
+import './LabelCheckBox.css';
+export function RlsLabelCheckBox({ children, disabled, extended, formControl, rlsTheme }) {
     const [checked, setChecked] = useState(formControl?.value || false);
     useEffect(() => {
         setChecked(formControl?.state || false);
@@ -16,9 +16,9 @@ export function RlsCheckBoxLabel({ children, disabled, extended, formControl, rl
             setChecked(!checked);
         }
     }
-    return (_jsxs("div", { className: renderClassStatus('rls-checkbox-label', {
+    return (_jsxs("div", { className: renderClassStatus('rls-label-checkbox', {
             disabled,
             extended
-        }), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-checkbox-label__component", onClick: onToggle, children: _jsx(RlsCheckBox, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-checkbox-label__text", children: children })] }));
+        }), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-checkbox__component", onClick: onToggle, children: _jsx(RlsCheckBox, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-label-checkbox__text", children: children })] }));
 }
-//# sourceMappingURL=CheckBoxLabel.js.map
+//# sourceMappingURL=LabelCheckBox.js.map

package/dist/esm/components/molecules/{CheckBoxLabel/CheckBoxLabel.js.map → LabelCheckBox/LabelCheckBox.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxLabel.js","sourceRoot":"","sources":["../../../../../src/components/molecules/CheckBoxLabel/CheckBoxLabel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,QAAQ;YACR,QAAQ;SACT,CAAC,eACS,QAAQ,aAEnB,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACN,gBAAO,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAS,IAC1D,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,QAAQ;YACR,QAAQ;SACT,CAAC,eACS,QAAQ,aAEnB,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACN,gBAAO,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAS,IAC1D,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/{RadioButtonLabel/RadioButtonLabel.css → LabelRadioButton/LabelRadioButton.css}

@@ -1,4 +1,4 @@
-.rls-radiobutton-label {
+.rls-label-radiobutton {
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;
@@ -8,21 +8,21 @@
   width: 100%;
   display: flex;
 }
-.rls-radiobutton-label--disabled {
+.rls-label-radiobutton--disabled {
   --pvt-text-opacity: 0.5;
   pointer-events: none;
 }
-.rls-radiobutton-label--extended {
+.rls-label-radiobutton--extended {
   --pvt-text-text-overflow: initial;
   --pvt-text-overflow: initial;
   --pvt-text-white-space: initial;
   --pvt-text-height: auto;
 }
-.rls-radiobutton-label__component {
+.rls-label-radiobutton__component {
   margin-right: var(--rls-sizing-x4);
   width: auto;
 }
-.rls-radiobutton-label__text {
+.rls-label-radiobutton__text {
   max-width: calc(100% - var(--rls-sizing-x16));
   height: var(--pvt-text-height);
   line-height: var(--rls-sizing-x12);

package/dist/esm/components/molecules/{RadioButtonLabel/RadioButtonLabel.d.ts → LabelRadioButton/LabelRadioButton.d.ts}

@@ -1,11 +1,11 @@
 import { ReactControl } from '@rolster/react-forms';
 import { RlsComponent } from '../../definitions';
-import './RadioButtonLabel.css';
-interface RadioButtonLabelProps extends RlsComponent {
+import './LabelRadioButton.css';
+interface LabelRadioButtonProps extends RlsComponent {
     disabled?: boolean;
     extended?: boolean;
     formControl?: ReactControl<HTMLElement>;
     value?: any;
 }
-export declare function RlsRadioButtonLabel({ children, disabled, extended, formControl, rlsTheme, value }: RadioButtonLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsLabelRadioButton({ children, disabled, extended, formControl, rlsTheme, value }: LabelRadioButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/molecules/{RadioButtonLabel/RadioButtonLabel.js → LabelRadioButton/LabelRadioButton.js}

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsRadioButton } from '../../atoms';
-import './RadioButtonLabel.css';
-export function RlsRadioButtonLabel({ children, disabled, extended, formControl, rlsTheme, value }) {
+import './LabelRadioButton.css';
+export function RlsLabelRadioButton({ children, disabled, extended, formControl, rlsTheme, value }) {
     const [checked, setChecked] = useState(formControl?.state || false);
     useEffect(() => {
         setChecked(formControl?.state === value);
@@ -13,9 +13,9 @@ export function RlsRadioButtonLabel({ children, disabled, extended, formControl,
             formControl?.setState(value);
         }
     }
-    return (_jsxs("div", { className: renderClassStatus('rls-radiobutton-label', {
+    return (_jsxs("div", { className: renderClassStatus('rls-label-radiobutton', {
             disabled,
             extended
-        }), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-radiobutton-label__component", onClick: onSelect, children: _jsx(RlsRadioButton, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-radiobutton-label__text", children: children })] }));
+        }), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-radiobutton__component", onClick: onSelect, children: _jsx(RlsRadioButton, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-label-radiobutton__text", children: children })] }));
 }
-//# sourceMappingURL=RadioButtonLabel.js.map
+//# sourceMappingURL=LabelRadioButton.js.map

package/dist/esm/components/molecules/{RadioButtonLabel/RadioButtonLabel.js.map → LabelRadioButton/LabelRadioButton.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonLabel.js","sourceRoot":"","sources":["../../../../../src/components/molecules/RadioButtonLabel/RadioButtonLabel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAShC,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACiB;IACtB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,uBAAuB,EAAE;YACpD,QAAQ;YACR,QAAQ;SACT,CAAC,eACS,QAAQ,aAEnB,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EACN,gBAAO,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAS,IAC7D,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAShC,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACiB;IACtB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,uBAAuB,EAAE;YACpD,QAAQ;YACR,QAAQ;SACT,CAAC,eACS,QAAQ,aAEnB,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EACN,gBAAO,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAS,IAC7D,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/{SwitchLabel/SwitchLabel.css → LabelSwitch/LabelSwitch.css}

@@ -1,4 +1,4 @@
-.rls-switch-label {
+.rls-label-switch {
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;
@@ -7,20 +7,20 @@
   display: flex;
   column-gap: var(--rls-sizing-x4);
 }
-.rls-switch-label--disabled {
+.rls-label-switch--disabled {
   --pvt-text-opacity: 0.5;
   pointer-events: none;
 }
-.rls-switch-label--extended {
+.rls-label-switch--extended {
   --pvt-text-text-overflow: initial;
   --pvt-text-overflow: initial;
   --pvt-text-white-space: initial;
   --pvt-text-height: auto;
 }
-.rls-switch-label__component {
+.rls-label-switch__component {
   max-width: 20rem;
 }
-.rls-switch-label__text {
+.rls-label-switch__text {
   max-width: calc(100% - var(--rls-sizing-x28));
   height: var(--pvt-text-height);
   line-height: var(--rls-sizing-x12);

package/dist/esm/components/molecules/{SwitchLabel/SwitchLabel.d.ts → LabelSwitch/LabelSwitch.d.ts}

@@ -1,10 +1,10 @@
 import { ReactControl } from '@rolster/react-forms';
 import { RlsComponent } from '../../definitions';
-import './SwitchLabel.css';
-interface SwitchLabelProps extends RlsComponent {
+import './LabelSwitch.css';
+interface LabelSwitchProps extends RlsComponent {
     disabled?: boolean;
     extended?: boolean;
     formControl?: ReactControl<HTMLElement, boolean>;
 }
-export declare function RlsSwitchLabel({ children, disabled, extended, formControl, rlsTheme }: SwitchLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsLabelSwitch({ children, disabled, extended, formControl, rlsTheme }: LabelSwitchProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/molecules/{SwitchLabel/SwitchLabel.js → LabelSwitch/LabelSwitch.js}

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsSwitch } from '../../atoms';
-import './SwitchLabel.css';
-export function RlsSwitchLabel({ children, disabled, extended, formControl, rlsTheme }) {
+import './LabelSwitch.css';
+export function RlsLabelSwitch({ children, disabled, extended, formControl, rlsTheme }) {
     const [checked, setChecked] = useState(formControl?.value || false);
     useEffect(() => {
         setChecked(formControl?.state || false);
@@ -16,6 +16,6 @@ export function RlsSwitchLabel({ children, disabled, extended, formControl, rlsT
             setChecked(!checked);
         }
     }
-    return (_jsxs("div", { className: renderClassStatus('rls-switch-label', { disabled, extended }), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-switch-label__component", onClick: onToggle, children: _jsx(RlsSwitch, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-switch-label__text", children: children })] }));
+    return (_jsxs("div", { className: renderClassStatus('rls-label-switch', { disabled, extended }), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-switch__component", onClick: onToggle, children: _jsx(RlsSwitch, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-label-switch__text", children: children })] }));
 }
-//# sourceMappingURL=SwitchLabel.js.map
+//# sourceMappingURL=LabelSwitch.js.map

package/dist/esm/components/molecules/{SwitchLabel/SwitchLabel.js.map → LabelSwitch/LabelSwitch.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SwitchLabel.js","sourceRoot":"","sources":["../../../../../src/components/molecules/SwitchLabel/SwitchLabel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACS;IACjB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,eAC7D,QAAQ,aAEnB,cAAK,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,QAAQ,YAC5D,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC/C,EACN,gBAAO,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAS,IACxD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LabelSwitch.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACS;IACjB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,eAC7D,QAAQ,aAEnB,cAAK,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,QAAQ,YAC5D,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC/C,EACN,gBAAO,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAS,IACxD,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/MessageFormError/MesageFormError.d.ts

@@ -0,0 +1,7 @@
+import { ReactControl } from '@rolster/react-forms';
+interface MessageFormErrorProps {
+    className: string;
+    formControl?: ReactControl<HTMLElement>;
+}
+export declare function RlsMessageFormError({ className, formControl }: MessageFormErrorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/molecules/MessageFormError/MesageFormError.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { RlsMessageIcon } from '../../atoms';
+export function RlsMessageFormError({ className, formControl }) {
+    return (_jsx(_Fragment, { children: formControl?.wrong && (_jsx("div", { className: className, children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl?.error?.message }) })) }));
+}
+//# sourceMappingURL=MesageFormError.js.map

package/dist/esm/components/molecules/MessageFormError/MesageFormError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MesageFormError.js","sourceRoot":"","sources":["../../../../../src/components/molecules/MessageFormError/MesageFormError.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO7C,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,WAAW,EACW;IACtB,OAAO,CACL,4BACG,WAAW,EAAE,KAAK,IAAI,CACrB,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,EAAE,KAAK,EAAE,OAAO,GACb,GACb,CACP,GACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/{DayPicker/DayPicker.css → PickerDay/PickerDay.css}

@@ -1,4 +1,4 @@
-.rls-day-picker {
+.rls-picker-day {
   --pvt-span-background: transparent;
   --pvt-span-font-color: var(--rls-app-color-500);
   --pvt-span-border: var(--rls-border-1) solid transparent;
@@ -8,29 +8,29 @@
   box-sizing: border-box;
   user-select: none;
 }
-.rls-day-picker__header {
+.rls-picker-day__header {
   display: flex;
   margin-bottom: var(--rls-sizing-x4);
   background: var(--rls-app-background-100);
   color: var(--rls-app-color-500);
   border-radius: var(--rls-sizing-x2);
 }
-.rls-day-picker__label {
+.rls-picker-day__label {
   padding: var(--rls-sizing-x6) 0rem;
   text-align: center;
   width: 100%;
   font-size: var(--rls-sizing-x6);
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-day-picker__week {
+.rls-picker-day__week {
   display: flex;
 }
-.rls-day-picker__day {
+.rls-picker-day__element {
   text-align: center;
   padding: var(--rls-sizing-x1);
   box-sizing: border-box;
 }
-.rls-day-picker__day__span {
+.rls-picker-day__element__span {
   position: relative;
   display: block;
   font-size: 7rem;
@@ -41,36 +41,36 @@
   line-height: var(--rls-sizing-x18);
   box-sizing: border-box;
 }
-.rls-day-picker__day__span:not(:hover) {
+.rls-picker-day__element__span:not(:hover) {
   color: var(--pvt-span-font-color);
   border: var(--pvt-span-border);
   background: var(--pvt-span-background);
 }
-.rls-day-picker__day__span:hover {
+.rls-picker-day__element__span:hover {
   background: var(--rls-theme-color-900);
   color: var(--rls-theme-font-900);
   border: var(--rls-theme-border-1-900);
 }
-.rls-day-picker__day--today {
+.rls-picker-day__element--today {
   --pvt-span-background: transparent;
   --pvt-span-font-color: var(--rls-theme-color-500);
   --pvt-span-border: var(--rls-theme-border-1-500);
 }
-.rls-day-picker__day--selected {
+.rls-picker-day__element--selected {
   --pvt-span-border: var(--rls-app-border-1-300);
 }
-.rls-day-picker__day--focused {
+.rls-picker-day__element--focused {
   --pvt-span-background: var(--rls-theme-color-500);
   --pvt-span-font-color: var(--rls-theme-font-500);
   --pvt-span-border: var(--rls-theme-border-1-500);
 }
-.rls-day-picker__day--forbidden {
+.rls-picker-day__element--forbidden {
   --pvt-span-background: var(--rls-app-background-300);
   --pvt-span-font-color: var(--rls-app-color-100);
   --pvt-span-border: var(--rls-border-1) solid var(--rls-app-background-300);
   pointer-events: none;
 }
-.rls-day-picker__day--disabled {
+.rls-picker-day__element--disabled {
   --pvt-span-background: transparent;
   --pvt-span-font-color: var(--rls-app-color-100);
   --pvt-span-border: var(--rls-border-1) solid transparent;