@rolster/react-components 18.25.10 → 18.26.1

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

@@ -1,17 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import './Switch.css';
-export function RlsSwitch({ checked, disabled, identifier, onClick, rlsTheme }) {
+export function RlsSwitch({ checked, capsule, disabled, identifier, onClick, rlsTheme }) {
     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" })] }) }));
+        return renderClassStatus('rls-switch', { checked, capsule, disabled });
+    }, [checked, capsule, disabled]);
+    return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-switch__component", children: _jsx("div", { className: "rls-switch__component__element" }) }) }));
 }
 export function RlsSwitchControl({ formControl, disabled, identifier, 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 }));
+    return (_jsx(RlsSwitch, { identifier: identifier, checked: formControl.value, 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,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,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"}
+{"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,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AActB,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,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,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,gCAAgC,GAAO,GAClD,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACW;IACnB,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,EAC1B,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 = 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'warning' | 'danger' | 'berry' | 'mountains' | 'amaizing' | 'amber' | 'smartness' | 'obsidian';
+export type RlsTheme = 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'warning' | 'danger' | 'berry' | 'hope' | 'mountains' | 'ross' | 'amaizing' | 'purple' | 'amber' | 'smartness' | 'obsidian';
 export interface RlsComponent extends React.PropsWithChildren {
     identifier?: string;
     rlsTheme?: RlsTheme;

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

@@ -1,29 +1,37 @@
 .rls-alert {
+  --pvt-icon-background: var(--rls-app-color-600);
+  --pvt-icon-color: var(--rls-app-color-050);
+  --pvt-content-font-color: var(--rls-app-color-700);
   position: relative;
   display: flex;
-  align-items: center;
   column-gap: var(--rls-sizing-x6);
-  border-radius: var(--rls-sizing-x6);
-  box-sizing: border-box;
-  background: var(--rls-theme-color-100);
   padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
+  box-sizing: border-box;
+  background: var(--rls-app-color-100);
+  border: var(--rls-app-border-1-300);
+  border-radius: var(--rls-sizing-x4);
 }
-.rls-alert--bordered {
-  border: var(--rls-theme-border-1-500);
+.rls-alert[rls-theme] {
+  --pvt-icon-background: var(--rls-theme-color-500);
+  --pvt-icon-color: var(--rls-theme-color-050);
+  --pvt-content-font-color: var(--rls-theme-color-700);
+  background: var(--rls-theme-color-050);
+  border: var(--rls-theme-border-1-200);
 }
 .rls-alert__icon {
-  --rlc-icon-color: var(--rls-theme-color-100);
+  --rlc-icon-color: var(--pvt-icon-color);
   display: flex;
-  align-items: center;
-  justify-content: center;
   width: var(--rls-sizing-x16);
   height: var(--rls-sizing-x16);
+  align-items: center;
+  justify-content: center;
   border-radius: 50%;
-  background: var(--rls-theme-color-500);
+  background: var(--pvt-icon-background);
 }
 .rls-alert__icon + .rls-alert__content {
   max-width: calc(100% - 22rem);
 }
 .rls-alert__content {
   width: auto;
+  color: var(--pvt-content-font-color);
 } /*# sourceMappingURL=Alert.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.scss"],"names":[],"mappings":"AAOA,WACE,kBACA,aACA,mBACA,gCACA,mCACA,sBACA,sCACA,kDAEA,qBACE,qCAGF,iBACE,6CAEA,aACA,mBACA,uBACA,4BACA,6BACA,kBACA,sCAEA,qCACE,6BAIJ,oBACE","file":"Alert.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.scss"],"names":[],"mappings":"AAOA,WACE,gDACA,2CACA,mDAEA,kBACA,aACA,gCACA,kDACA,sBACA,oCACA,mCACA,mCAEA,sBACE,kDACA,6CACA,qDAEA,sCACA,qCAGF,iBACE,wCAEA,aACA,4BACA,6BACA,mBACA,uBACA,kBACA,sCAEA,qCACE,6BAIJ,oBACE,WACA","file":"Alert.css"}

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

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

package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldDecimal/FieldDecimal.scss"],"names":[],"mappings":"AAOA,mBACE,kDAEA,kBACA,WACA","file":"FieldDecimal.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldDecimal/FieldDecimal.scss"],"names":[],"mappings":"AAOA,mBACE,wEAEA,kBACA,WACA","file":"FieldDecimal.css"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.scss"],"names":[],"mappings":"AAOA,iBACE,kDAEA,kBACA,WACA","file":"FieldMoney.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.scss"],"names":[],"mappings":"AAOA,iBACE,wEAEA,kBACA,WACA","file":"FieldMoney.css"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.scss"],"names":[],"mappings":"AAOA,kBACE,kDAEA,kBACA,WACA","file":"FieldNumber.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.scss"],"names":[],"mappings":"AAOA,kBACE,wEAEA,kBACA,WACA","file":"FieldNumber.css"}

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

@@ -1,5 +1,5 @@
 .rls-field-password {
-  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
+  --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
   --rlc-action-ripple-dimension: var(--rls-sizing-x12);
   --rlc-action-ripple-position: -6rem;
   position: relative;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.scss"],"names":[],"mappings":"AAOA,oBACE,kDACA,qDACA,oCAEA,kBACA,WACA,sBAEA,uCACE,aACA,4BACA,6BACA","file":"FieldPassword.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.scss"],"names":[],"mappings":"AAOA,oBACE,wEACA,qDACA,oCAEA,kBACA,WACA,sBAEA,uCACE,aACA,4BACA,6BACA","file":"FieldPassword.css"}

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

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

package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPercentage/FieldPercentage.scss"],"names":[],"mappings":"AAOA,sBACE,kDAEA,kBACA,WACA","file":"FieldPercentage.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPercentage/FieldPercentage.scss"],"names":[],"mappings":"AAOA,sBACE,wEAEA,kBACA,WACA","file":"FieldPercentage.css"}

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

@@ -1,5 +1,5 @@
 .rls-field-readonly {
-  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
+  --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
   --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-600));
   --pvt-font-size: var(--rlc-input-font-size, var(--rls-input-font-size));
   --pvt-letter-spacing: var(

package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldReadonly/FieldReadonly.scss"],"names":[],"mappings":"AAOA,oBACE,kDACA,wEACA,wEACA,yFAIA,6DACA,oDACA,kDAEA,kBACA,WACA","file":"FieldReadonly.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldReadonly/FieldReadonly.scss"],"names":[],"mappings":"AAOA,oBACE,wEACA,wEACA,wEACA,yFAIA,6DACA,oDACA,kDAEA,kBACA,WACA","file":"FieldReadonly.css"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.scss"],"names":[],"mappings":"AAOA,gBACE,kDAEA,kBACA,WACA","file":"FieldText.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.scss"],"names":[],"mappings":"AAOA,gBACE,wEAEA,kBACA,WACA","file":"FieldText.css"}

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

@@ -1,18 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useMemo } from 'react';
+import { useFormToggleController } from '../../../controllers/FormToggleController';
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsCheckBox } from '../../atoms/CheckBox/CheckBox';
 import './LabelCheckBox.css';
 export function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, reverse, rlsTheme }) {
-    const [checked, setChecked] = useState(!!formControl?.value);
-    useEffect(() => {
-        setChecked(!!formControl?.value);
-    }, [formControl?.value]);
-    const onToggle = useCallback(() => {
+    const { checked, onToggle } = useFormToggleController({
+        disabled,
         formControl
-            ? formControl?.setValue(!formControl.value)
-            : setChecked((checked) => !checked);
-    }, [formControl]);
+    });
     const className = useMemo(() => {
         return renderClassStatus('rls-label-checkbox', {
             disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,qBAAqB,CAAC;AAS7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACW;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW;YACT,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,oBAAoB,EAAE;YAC7C,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACN,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,IACtD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,qBAAqB,CAAC;AAS7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACW;IACnB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,uBAAuB,CAAC;QACpD,QAAQ;QACR,WAAW;KACZ,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,oBAAoB,EAAE;YAC7C,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EAEN,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,IACtD,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,17 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useMemo } from 'react';
+import { useFormSingleSelectionController } from '../../../controllers/FormSingleSelectionController';
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsRadioButton } from '../../atoms/RadioButton/RadioButton';
 import './LabelRadioButton.css';
 export function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, onValue, reverse, rlsTheme, value }) {
-    const [checked, setChecked] = useState(formControl?.value === value);
-    useEffect(() => {
-        setChecked(formControl?.value === value);
-    }, [formControl?.value]);
-    const onSelect = useCallback(() => {
-        formControl && formControl?.setValue(value);
-        onValue && onValue(value);
-    }, [formControl, value, onValue]);
+    const { checked, onSelect } = useFormSingleSelectionController({
+        disabled,
+        formControl,
+        onValue,
+        value
+    });
     const className = useMemo(() => {
         return renderClassStatus('rls-label-radiobutton', {
             disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAsBhC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACoB;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAErE,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,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW,IAAI,WAAW,EAAE,QAAQ,CAAC,KAAU,CAAC,CAAC;QACjD,OAAO,IAAI,OAAO,CAAC,KAAU,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,uBAAuB,EAAE;YAChD,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EAEN,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,IACzD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,gCAAgC,EAAE,MAAM,oDAAoD,CAAC;AACtG,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAsBhC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACoB;IACzB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,gCAAgC,CAAI;QAChE,QAAQ;QACR,WAAW;QACX,OAAO;QACP,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,uBAAuB,EAAE;YAChD,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EAEN,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,IACzD,CACP,CAAC;AACJ,CAAC"}

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

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

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

@@ -1,18 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useMemo } from 'react';
+import { useFormToggleController } from '../../../controllers/FormToggleController';
 import { renderClassStatus } from '../../../helpers/css';
 import { RlsSwitch } from '../../atoms/Switch/Switch';
 import './LabelSwitch.css';
-export function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, reverse, rlsTheme }) {
-    const [checked, setChecked] = useState(!!formControl?.value);
-    useEffect(() => {
-        setChecked(!!formControl?.value);
-    }, [formControl?.value]);
-    const onToggle = useCallback(() => {
+export function RlsLabelSwitch({ capsule, children, disabled, extended, identifier, formControl, reverse, rlsTheme }) {
+    const { checked, onToggle } = useFormToggleController({
+        disabled,
         formControl
-            ? formControl?.setValue(!formControl.value)
-            : setChecked((checked) => !checked);
-    }, [formControl]);
+    });
     const className = useMemo(() => {
         return renderClassStatus('rls-label-switch', {
             disabled,
@@ -20,6 +16,6 @@ export function RlsLabelSwitch({ children, disabled, extended, identifier, formC
             reverse
         });
     }, [disabled, extended, reverse]);
-    return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-switch__component", onClick: onToggle, children: _jsx(RlsSwitch, { checked: checked, disabled: disabled }) }), _jsx("div", { className: "rls-label-switch__text", children: children })] }));
+    return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-switch__component", onClick: onToggle, children: _jsx(RlsSwitch, { checked: checked, capsule: capsule, disabled: disabled }) }), _jsx("div", { className: "rls-label-switch__text", children: children })] }));
 }
 //# sourceMappingURL=LabelSwitch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelSwitch.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,mBAAmB,CAAC;AAS3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACS;IACjB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW;YACT,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,kBAAkB,EAAE;YAC3C,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,QAAQ,YAC5D,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC/C,EACN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,IACpD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LabelSwitch.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,mBAAmB,CAAC;AAU3B,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACS;IACjB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,uBAAuB,CAAC;QACpD,QAAQ;QACR,WAAW;KACZ,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,kBAAkB,EAAE;YAC3C,QAAQ;YACR,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,QAAQ,YAC5D,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjE,EAEN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,IACpD,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1 @@
+export declare function RlsPickerClock(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function RlsPickerClock() {
+    return (_jsxs("div", { className: "rls-picker-clock", children: [_jsxs("div", { className: "rls-picker-clock__title", children: [_jsx("span", { className: "rls-picker-clock__title__hour", children: "12" }), _jsx("span", { className: "rls-picker-clock__title__minute", children: ":30" }), _jsxs("div", { className: "rls-picker-clock__title__zone", children: [_jsx("span", { children: "AM" }), _jsx("span", { children: "PM" })] })] }), _jsx("div", { className: "rls-picker-clock__body" }), _jsx("div", { className: "rls-picker-clock__footer" })] }));
+}
+//# sourceMappingURL=PickerClock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerClock.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerClock/PickerClock.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,+BAA+B,mBAAU,EAEzD,eAAM,SAAS,EAAC,iCAAiC,oBAAW,EAE5D,eAAK,SAAS,EAAC,+BAA+B,aAC5C,gCAAe,EAEf,gCAAe,IACX,IACF,EAEN,cAAK,SAAS,EAAC,wBAAwB,GAAO,EAE9C,cAAK,SAAS,EAAC,0BAA0B,GAAO,IAC5C,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,27 +1,34 @@
 .rls-picker-day {
   --pvt-span-background: transparent;
   --pvt-span-font-color: var(--rls-app-color-900);
-  --pvt-span-border: var(--rls-border-1) solid transparent;
+  --pvt-span-border: var(--rls-app-border-1-transparent);
+  --pvt-span-box-shadow: none;
   position: relative;
+  display: var(--rlc-picker-day-display, flex);
   width: 100%;
   max-width: 140rem;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x2);
   box-sizing: border-box;
   user-select: none;
 }
 .rls-picker-day__header {
   display: flex;
-  margin-bottom: var(--rls-sizing-x4);
-  background: var(--rls-app-color-100);
-  color: var(--rls-app-color-900);
-  border-radius: var(--rls-sizing-x4);
 }
 .rls-picker-day__label {
-  padding: var(--rls-sizing-x6) 0rem;
-  text-align: center;
   width: 100%;
-  font-size: 5.75rem;
-  font-weight: var(--rls-font-weight-semibold);
-  letter-spacing: 0.0375em;
+  height: var(--rls-sizing-x20);
+  line-height: var(--rls-sizing-x20);
+  text-align: center;
+  font-size: 5.875rem;
+  color: var(--rls-app-color-600);
+  font-weight: var(--rls-font-weight-regular);
+  letter-spacing: 0.375rem;
+}
+.rls-picker-day__component {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x3);
 }
 .rls-picker-day__week {
   display: flex;
@@ -31,50 +38,57 @@
   padding: var(--rls-sizing-x1);
   box-sizing: border-box;
 }
-.rls-picker-day__element__span {
-  position: relative;
-  display: block;
-  font-size: 7rem;
-  font-weight: var(--rls-font-weight-semibold);
-  margin: var(--rls-sizing-x1) 0rem;
-  border-radius: var(--rls-sizing-x4);
-  height: var(--rls-sizing-x18);
-  line-height: var(--rls-sizing-x18);
-  box-sizing: border-box;
-  letter-spacing: 0.0475em;
-}
-.rls-picker-day__element__span:not(:hover) {
-  color: var(--pvt-span-font-color);
-  border: var(--pvt-span-border);
-  background: var(--pvt-span-background);
-}
-.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-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);
+  --pvt-span-border: none;
+  --pvt-span-box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
 }
 .rls-picker-day__element--selected {
-  --pvt-span-border: var(--rls-app-border-1-300);
+  --pvt-span-background: var(--rls-theme-color-200);
+  --pvt-span-font-color: var(--rls-theme-color-600);
+  --pvt-span-border: none;
+  --pvt-span-box-shadow: none;
 }
 .rls-picker-day__element--focused {
-  --pvt-span-background: var(--rls-theme-color-500);
+  --pvt-span-background: var(--rls-theme-gradient-500);
   --pvt-span-font-color: var(--rls-theme-color-050);
-  --pvt-span-border: var(--rls-theme-border-1-500);
+  --pvt-span-border: none;
+  --pvt-span-box-shadow: none;
 }
 .rls-picker-day__element--forbidden {
   --pvt-span-background: var(--rls-app-color-100);
   --pvt-span-font-color: var(--rls-app-color-400);
-  --pvt-span-border: var(--rls-border-1) solid var(--rls-app-color-100);
+  --pvt-span-border: var(--rls-app-border-1-100);
+  --pvt-span-box-shadow: none;
   pointer-events: none;
 }
 .rls-picker-day__element--disabled {
   --pvt-span-background: transparent;
   --pvt-span-font-color: var(--rls-app-color-400);
-  --pvt-span-border: var(--rls-border-1) solid transparent;
+  --pvt-span-border: var(--rls-app-border-1-transparent);
+  --pvt-span-box-shadow: none;
   pointer-events: none;
+}
+.rls-picker-day__element__span {
+  position: relative;
+  display: block;
+  font-size: 7rem;
+  font-weight: var(--rls-font-weight-semibold);
+  border-radius: var(--rls-sizing-x4);
+  height: var(--rls-sizing-x18);
+  line-height: var(--rls-sizing-x18);
+  box-sizing: border-box;
+  letter-spacing: 0.475rem;
+  box-shadow: var(--pvt-span-box-shadow);
+}
+.rls-picker-day__element__span:not(:hover) {
+  color: var(--pvt-span-font-color);
+  border: var(--pvt-span-border);
+  background: var(--pvt-span-background);
+}
+.rls-picker-day__element__span:hover {
+  background: var(--rls-theme-color-800);
+  color: var(--rls-theme-color-050);
+  border: var(--rls-theme-border-1-800);
 } /*# sourceMappingURL=PickerDay.css.map */

package/dist/esm/components/molecules/PickerDay/PickerDay.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDay/PickerDay.scss"],"names":[],"mappings":"AAOA,gBACE,mCACA,gDACA,yDAEA,kBACA,WACA,iBACA,sBACA,iBAEA,wBACE,aACA,mCACA,oCACA,+BACA,mCAGF,uBACE,kCACA,kBACA,WACA,kBACA,4CACA,uBAGF,sBACE,aAGF,yBACE,kBACA,6BACA,sBAEA,+BACE,kBACA,cACA,eACA,4CACA,iCACA,mCACA,6BACA,kCACA,sBACA,uBAEA,2CACE,iCACA,8BACA,sCAGF,qCACE,sCACA,gCACA,qCAIJ,gCACE,mCACA,kDACA,iDAGF,mCACE,+CAGF,kCACE,kDACA,kDACA,iDAGF,oCACE,gDACA,gDACA,sEAEA,oBAGF,mCACE,mCACA,gDACA,yDAEA","file":"PickerDay.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDay/PickerDay.scss"],"names":[],"mappings":"AAOA,gBACE,mCACA,gDACA,uDACA,4BAEA,kBACA,4CACA,WACA,iBACA,sBACA,6BACA,sBACA,iBAEA,wBACE,aAGF,uBACE,WACA,6BACA,kCACA,kBACA,mBACA,+BACA,2CACA,uBAGF,2BACE,aACA,sBACA,6BAGF,sBACE,aAGF,yBACE,kBACA,6BACA,sBAEA,gCACE,mCACA,kDACA,wBACA,mEAGF,mCACE,kDACA,kDACA,wBACA,4BAGF,kCACE,qDACA,kDACA,wBACA,4BAGF,oCACE,gDACA,gDACA,+CACA,4BAEA,oBAGF,mCACE,mCACA,gDACA,uDACA,4BAEA,oBAGF,+BACE,kBACA,cACA,eACA,4CACA,mCACA,6BACA,kCACA,sBACA,uBACA,sCAEA,2CACE,iCACA,8BACA,sCAGF,qCACE,sCACA,iCACA","file":"PickerDay.css"}

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

@@ -6,7 +6,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import './PickerDay.css';
 function RlsPickerDayHeaders() {
-    return (_jsx("div", { className: "rls-picker-day__header", children: DAY_LABELS().map((title, index) => (_jsx("label", { className: "rls-picker-day__label", children: title }, index))) }));
+    return (_jsx("div", { className: "rls-picker-day__header", children: DAY_LABELS().map((title, index) => (_jsx("span", { className: "rls-picker-day__label", children: title }, index))) }));
 }
 function RlsPickerDayElement({ day, onSelect, disabled }) {
     const className = useMemo(() => {
@@ -17,14 +17,7 @@ function RlsPickerDayElement({ day, onSelect, disabled }) {
             selected: day.selected,
             today: day.today
         });
-    }, [
-        day.disabled,
-        day.focused,
-        day.forbidden,
-        day.selected,
-        day.today,
-        disabled
-    ]);
+    }, [day, disabled]);
     const onClick = useCallback(() => {
         day.value && !day.disabled && !disabled && onSelect(day.value);
     }, [day.value, day.disabled, disabled, onSelect]);

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

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

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

@@ -3,7 +3,7 @@
   --pvt-span-nothover-font-color: inherit;
   --pvt-span-background: transparent;
   position: relative;
-  display: flex;
+  display: var(--rlc-picker-day-range-display, flex);
   width: 100%;
   max-width: 140rem;
   flex-direction: column;
@@ -12,26 +12,30 @@
   user-select: none;
 }
 .rls-picker-day-range__title {
-  color: var(--rls-theme-color-500);
+  color: var(--rls-app-color-600);
   text-align: center;
-  padding: var(--rls-sizing-x4) 0rem;
-  font-size: var(--rls-subtitle-font-size);
-  letter-spacing: var(--rls-subtitle-letter-spacing);
-  line-height: var(--rls-subtitle-line-height);
+  font-size: var(--rls-body-font-size);
+  letter-spacing: var(--rls-body-letter-spacing);
+  line-height: var(--rls-body-line-height);
   font-weight: var(--rls-font-weight-bold);
 }
 .rls-picker-day-range__header {
   display: flex;
-  background: var(--rls-app-color-200);
-  color: var(--rls-app-color-900);
-  border-radius: var(--rls-sizing-x2);
 }
 .rls-picker-day-range__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);
+  height: var(--rls-sizing-x20);
+  line-height: var(--rls-sizing-x20);
+  text-align: center;
+  font-size: 5.875rem;
+  color: var(--rls-app-color-600);
+  font-weight: var(--rls-font-weight-regular);
+  letter-spacing: 0.375rem;
+}
+.rls-picker-day-range__component {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x3);
 }
 .rls-picker-day-range__week {
   display: flex;
@@ -41,25 +45,6 @@
   padding: var(--rls-sizing-x1);
   box-sizing: border-box;
 }
-.rls-picker-day-range__element__span {
-  position: relative;
-  display: block;
-  color: var(--rls-app-color-900);
-  border-radius: var(--rls-sizing-x4);
-  height: var(--rls-sizing-x18);
-  line-height: var(--rls-sizing-x18);
-  margin: var(--rls-sizing-x1) 0rem;
-  font-size: 7rem;
-  font-weight: var(--rls-font-weight-semibold);
-}
-.rls-picker-day-range__element__span:not(:hover) {
-  background: var(--pvt-span-nothover-background);
-  color: var(--pvt-span-nothover-font-color);
-}
-.rls-picker-day-range__element__span:hover {
-  color: var(--rls-app-color-050);
-  background: var(--rls-theme-color-900);
-}
 .rls-picker-day-range__element--end {
   --pvt-span-nothover-background: var(--rls-app-color-900);
   --pvt-span-nothover-font-color: var(--rls-app-color-050);
@@ -79,4 +64,23 @@
 .rls-picker-day-range__element--disabled {
   pointer-events: none;
   opacity: 0.5;
+}
+.rls-picker-day-range__element__span {
+  position: relative;
+  display: block;
+  font-size: 7rem;
+  font-weight: var(--rls-font-weight-semibold);
+  border-radius: var(--rls-sizing-x4);
+  height: var(--rls-sizing-x18);
+  line-height: var(--rls-sizing-x18);
+  box-sizing: border-box;
+  letter-spacing: 0.475rem;
+}
+.rls-picker-day-range__element__span:not(:hover) {
+  background: var(--pvt-span-nothover-background);
+  color: var(--pvt-span-nothover-font-color);
+}
+.rls-picker-day-range__element__span:hover {
+  color: var(--rls-app-color-050);
+  background: var(--rls-theme-color-900);
 } /*# sourceMappingURL=PickerDayRange.css.map */