@rolster/react-components 18.13.4 → 18.14.0

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/{MoneyField/MoneyField.js → FieldMoney/FieldMoney.js}

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsMessageIcon, RlsInputMoney } from '../../atoms';
-import './MoneyField.css';
-export function RlsMoneyField({ children, decimals, disabled, formControl, placeholder, symbol, rlsTheme, value, onValue }) {
-    return (_jsxs("div", { className: renderClassStatus('rls-box-field', {
+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-money-field'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsx("div", { className: "rls-box-field__body", children: _jsx(RlsInputMoney, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-box-field__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }));
+        }, '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 }) }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-field-box__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }));
 }
-//# sourceMappingURL=MoneyField.js.map
+//# sourceMappingURL=FieldMoney.js.map

package/dist/esm/components/molecules/{MoneyField/MoneyField.js.map → FieldMoney/FieldMoney.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MoneyField.js","sourceRoot":"","sources":["../../../../../src/components/molecules/MoneyField/MoneyField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5D,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,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
+{"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,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5D,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,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,IACG,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/{NumberField/NumberField.js → FieldNumber/FieldNumber.js}

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsMessageIcon, RlsInputNumber } from '../../atoms';
-import './NumberField.css';
-export function RlsNumberField({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }) {
-    return (_jsxs("div", { className: renderClassStatus('rls-box-field', {
+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-number-field'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsx("div", { className: "rls-box-field__body", children: _jsx(RlsInputNumber, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-box-field__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }));
+        }, '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 }) }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-field-box__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }));
 }
-//# sourceMappingURL=NumberField.js.map
+//# sourceMappingURL=FieldNumber.js.map

package/dist/esm/components/molecules/{NumberField/NumberField.js.map → FieldNumber/FieldNumber.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../../src/components/molecules/NumberField/NumberField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,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,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
+{"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,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,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,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,IACG,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/{PasswordField/PasswordField.js → FieldPassword/FieldPassword.js}

@@ -2,16 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsButtonAction, RlsMessageIcon, RlsInputPassword } from '../../atoms';
-import './PasswordField.css';
-export function RlsPasswordField({ children, disabled, formControl, placeholder, rlsTheme }) {
+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-box-field', {
+    return (_jsxs("div", { className: renderClassStatus(' rls-field-box', {
             focused: formControl?.focused,
             error: formControl?.wrong,
             disabled: formControl?.disabled || disabled
-        }, 'rls-password-field'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsxs("div", { className: "rls-box-field__body", children: [_jsx(RlsInputPassword, { formControl: formControl, disabled: disabled, placeholder: placeholder, type: password ? 'password' : 'text' }), _jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-box-field__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }));
+        }, '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 })] }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-field-box__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }));
 }
-//# sourceMappingURL=PasswordField.js.map
+//# sourceMappingURL=FieldPassword.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PasswordField/PasswordField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEhF,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,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
+{"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,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEhF,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,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,IACG,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/{TextField/TextField.js → FieldText/FieldText.js}

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsMessageIcon, RlsInputText } from '../../atoms';
-import './TextField.css';
-export function RlsTextField({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }) {
-    return (_jsxs("div", { className: renderClassStatus('rls-box-field', {
+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-text-field'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsx("div", { className: "rls-box-field__body", children: _jsx(RlsInputText, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-box-field__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }));
+        }, '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 }) }) }), formControl?.touched && formControl?.error && (_jsx("div", { className: "rls-field-box__error", children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl.error.message }) }))] }));
 }
-//# sourceMappingURL=TextField.js.map
+//# sourceMappingURL=FieldText.js.map

package/dist/esm/components/molecules/{TextField/TextField.js.map → FieldText/FieldText.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../../src/components/molecules/TextField/TextField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3D,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,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
+{"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,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3D,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,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,IACG,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"}