@redneckz/wildless-cms-uni-blocks 0.14.594 → 0.14.595

package/mobile/lib/ui-kit/FormField/Fields/SexField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SexField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/SexField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAwB,MAAM,yCAAyC,CAAC;AAGjG,MAAM,CAAC,MAAM,SAAS,GAAsB;IAC1C,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/B,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAEzC,OAAO,CACL,KAAC,gBAAgB,IACf,KAAK,EAAC,oBAAK,EACX,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SexField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/SexField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AAEzF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAsB;IAC1C,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/B,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACjE,OAAO,CACL,wBACE,KAAC,uBAAuB,IACtB,KAAK,EAAC,oBAAK,EACX,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,SAAS,KACZ,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,GAClE,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/FormField/Fields/VedField.js

@@ -16,6 +16,6 @@ export const VedField = JSX(({ field }) => {
             field?.('region')?.onChange?.('');
         }
     }, [value]);
-    return (_jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: _jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: VED_TYPES, checkedItem: value, onChange: (_) => onChange && onChange(_) }) }));
+    return (_jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: _jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: VED_TYPES, value: value, onChange: (_) => onChange && onChange(_) }) }));
 });
 //# sourceMappingURL=VedField.js.map

package/mobile/lib/ui-kit/FormField/Fields/VedField.js.map

@@ -1 +1 @@
-{"version":3,"file":"VedField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/VedField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAwB,MAAM,yCAAyC,CAAC;AAGjG,MAAM,CAAC,MAAM,SAAS,GAAsB;IAC1C,EAAE,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,mBAAmB,EAAE;IACpD,EAAE,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,wBAAwB,EAAE;IAC5D,EAAE,EAAE,EAAE,wBAAwB,EAAE,IAAI,EAAE,wBAAwB,EAAE;IAChE,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,kBAAkB,EAAE;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,iBAAiB,EAAE;YAC/B,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,gBAAgB,IACf,SAAS,EAAC,mBAAmB,EAC7B,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"VedField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/VedField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAwB,MAAM,yCAAyC,CAAC;AAGjG,MAAM,CAAC,MAAM,SAAS,GAAsB;IAC1C,EAAE,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,mBAAmB,EAAE;IACpD,EAAE,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,wBAAwB,EAAE;IAC5D,EAAE,EAAE,EAAE,wBAAwB,EAAE,IAAI,EAAE,wBAAwB,EAAE;IAChE,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,kBAAkB,EAAE;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,iBAAiB,EAAE;YAC/B,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,gBAAgB,IACf,SAAS,EAAC,mBAAmB,EAC7B,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Input/InputControl.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import { getRequiredLabel } from '../../utils/getRequiredLabel.js';
 import { noop } from '../../utils/noop.js';
 import { style } from '../../utils/style.js';
 import { Input } from './Input.js';
@@ -16,8 +17,7 @@ export const InputControl = JSX(({ className, label, value = '', placeholder, er
         value,
         onChange,
     });
-    return (_jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: close, onFocus: open, children: [_jsx("div", { ref: inputRef, children: _jsx(Input, { type: type || 'text', "aria-label": label, label: getLabel(errors, label), valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, isTextarea: isTextarea, placeholder: getPlaceholder(placeholder, errors, label) }) }), renderErrorText(error)] }));
+    return (_jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: close, onFocus: open, children: [_jsx("div", { ref: inputRef, children: _jsx(Input, { type: type || 'text', "aria-label": label, label: getRequiredLabel({ label, errors }), valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, isTextarea: isTextarea, placeholder: getPlaceholder(placeholder, errors, label) }) }), renderErrorText(error)] }));
 });
-const getLabel = (errors, label) => (label && errors ? `${label}*` : label);
 const getPlaceholder = (placeholder, errors, label) => errors && !label ? `${placeholder}*` : placeholder;
 //# sourceMappingURL=InputControl.js.map

package/mobile/lib/ui-kit/Input/InputControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputControl.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/InputControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,EACT,KAAK,EACL,KAAK,GAAG,EAAE,EACV,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,UAAU,EACV,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,KAAK,GACf,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC;IAC/D,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,aAAa,CAAC;QAC7B,MAAM,EAAE,MAAM,IAAI,MAAM;QACxB,IAAI;QACJ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eACE,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC9C,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,IAAI,aAEb,cAAK,GAAG,EAAE,QAAQ,YAChB,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,IAAI,MAAM,gBACR,KAAK,EACjB,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,EAC9B,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,GACvD,GACE,EACL,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,MAAiB,EAAE,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEhG,MAAM,cAAc,GAAG,CAAC,WAAoB,EAAE,MAAiB,EAAE,KAAc,EAAE,EAAE,CACjF,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC"}
+{"version":3,"file":"InputControl.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/InputControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,EACT,KAAK,EACL,KAAK,GAAG,EAAE,EACV,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,UAAU,EACV,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,KAAK,GACf,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC;IAC/D,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,aAAa,CAAC;QAC7B,MAAM,EAAE,MAAM,IAAI,MAAM;QACxB,IAAI;QACJ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eACE,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC9C,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,IAAI,aAEb,cAAK,GAAG,EAAE,QAAQ,YAChB,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,IAAI,MAAM,gBACR,KAAK,EACjB,KAAK,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAC1C,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,GACvD,GACE,EACL,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,WAAoB,EAAE,MAAiB,EAAE,KAAc,EAAE,EAAE,CACjF,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC"}

package/mobile/lib/ui-kit/Input/InputPhoneControl.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel.js';
 import { style } from '../../utils/style.js';
 import { PhoneInput } from '../PhoneInput/PhoneInput.js';
 import { renderErrorText } from './renderErrorText.js';
-export const InputPhoneControl = JSX(({ className, label, error, ...rest }) => (_jsxs("div", { className: style('shrink-0 w-full', className), children: [_jsx(PhoneInput, { "aria-label": label, label: rest?.errors ? `${label}*` : label, valid: Boolean(!error), placeholder: "+7 (___) ___-__-__", ...rest }), renderErrorText(error)] })));
+export const InputPhoneControl = JSX(({ className, label, error, ...rest }) => (_jsxs("div", { className: style('shrink-0 w-full', className), children: [_jsx(PhoneInput, { "aria-label": label, label: getRequiredLabel({ label, errors: rest?.errors }), valid: Boolean(!error), placeholder: "+7 (___) ___-__-__", ...rest }), renderErrorText(error)] })));
 //# sourceMappingURL=InputPhoneControl.js.map

package/mobile/lib/ui-kit/Input/InputPhoneControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPhoneControl.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/InputPhoneControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACzF,eAAK,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,aACjD,KAAC,UAAU,kBACG,KAAK,EACjB,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EACzC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EACtB,WAAW,EAAC,oBAAoB,KAC5B,IAAI,GACR,EACD,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CAAC,CAAC"}
+{"version":3,"file":"InputPhoneControl.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/InputPhoneControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACzF,eAAK,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,aACjD,KAAC,UAAU,kBACG,KAAK,EACjB,KAAK,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EACxD,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EACtB,WAAW,EAAC,oBAAoB,KAC5B,IAAI,GACR,EACD,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CAAC,CAAC"}

package/mobile/lib/ui-kit/Input/InputProps.d.ts

@@ -1,13 +1,11 @@
-import { type LabelProps } from '../../model/HeadlineType';
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type InputTypes } from '../../model/InputTypes';
 import { type ControlProps } from '../ControlProps';
 import { type PreventableEventWithTarget } from '../PreventableEvent';
-export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
-    className?: string;
+export interface InputProps<V = string> extends DefaultControlType, ControlProps<V> {
     id?: string;
     name?: string;
     type?: InputTypes;
-    placeholder?: string;
     pattern?: string;
     onFocus?: (ev: PreventableEventWithTarget) => void;
     onBlur?: (ev?: PreventableEventWithTarget) => void;
@@ -15,7 +13,5 @@ export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
     disabled?: boolean;
     autoFocus?: boolean;
     isTextarea?: boolean;
-    error?: string;
-    errors?: string[];
     dadata?: boolean;
 }

package/mobile/lib/ui-kit/Input/InputSnilsControl.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel.js';
 import { style } from '../../utils/style.js';
 import { SnilsInput } from '../SnilsInput/SnilsInput.js';
 import { renderErrorText } from './renderErrorText.js';
-export const InputSnilsControl = JSX(({ className, label, value, error, onChange, onBlur, ...rest }) => (_jsxs("div", { className: style('shrink-0 w-full', className), children: [_jsx(SnilsInput, { "aria-label": label, label: rest?.errors ? `${label}*` : label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "___-___-___ __" }), renderErrorText(error)] })));
+export const InputSnilsControl = JSX(({ className, label, value, error, onChange, onBlur, ...rest }) => (_jsxs("div", { className: style('shrink-0 w-full', className), children: [_jsx(SnilsInput, { "aria-label": label, label: getRequiredLabel({ label, errors: rest?.errors }), valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "___-___-___ __" }), renderErrorText(error)] })));
 //# sourceMappingURL=InputSnilsControl.js.map

package/mobile/lib/ui-kit/Input/InputSnilsControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSnilsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/InputSnilsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjE,eAAK,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,aACjD,KAAC,UAAU,kBACG,KAAK,EACjB,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EACzC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAC,gBAAgB,GAC5B,EACD,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CACF,CAAC"}
+{"version":3,"file":"InputSnilsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/InputSnilsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjE,eAAK,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,aACjD,KAAC,UAAU,kBACG,KAAK,EACjB,KAAK,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EACxD,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAC,gBAAgB,GAC5B,EACD,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CACF,CAAC"}

package/mobile/lib/ui-kit/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -1,16 +1,14 @@
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type TextProps } from '../../model/HeadlineType';
 import { type ListOrientation } from '../../model/ListOrientation';
+import { type ControlProps } from '../ControlProps';
 export declare type RadioButtonItem = TextProps & {
     id: string;
 };
-interface RadioButtonGroupProps {
-    title?: string;
+export interface RadioButtonGroupProps extends DefaultControlType, ControlProps<string> {
     items?: RadioButtonItem[];
-    checkedItem?: string;
-    className?: string;
     onChange?: (id: string) => void;
     disabled?: boolean;
     orientation?: ListOrientation;
 }
 export declare const RadioButtonGroup: import("@redneckz/uni-jsx").UNIComponent<RadioButtonGroupProps, any, any>;
-export {};

package/mobile/lib/ui-kit/RadioButtonGroup/RadioButtonGroup.js

@@ -7,5 +7,5 @@ const orientationStyleMap = {
     horizontal: '@lg:flex-row',
     vertical: '',
 };
-export const RadioButtonGroup = JSX(({ title, items, checkedItem, className, onChange: onChangeCheckedItem, disabled = false, orientation = 'horizontal', }) => (_jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [title ? (_jsx("div", { role: "radiogroup", "aria-label": title, children: _jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, _jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (_jsx(Checkbox, { isRadio: true, text: text, value: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id), disabled: disabled }, String(id)))) })] })));
+export const RadioButtonGroup = JSX(({ label, items, value, className, onChange: onChangeCheckedItem, disabled = false, orientation = 'horizontal', }) => (_jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (_jsx("div", { role: "radiogroup", "aria-label": label, children: _jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, _jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (_jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id), disabled: disabled }, String(id)))) })] })));
 //# sourceMappingURL=RadioButtonGroup.js.map

package/mobile/lib/ui-kit/RadioButtonGroup/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"","sources":["../../../src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAgBpC,MAAM,mBAAmB,GAAoC;IAC3D,UAAU,EAAE,cAAc;IAC1B,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,KAAK,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,YAAY,GAC3B,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,+BAA+B,aAC3C,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,IAAI,EAAC,YAAY,gBAAa,KAAK,YACtC,KAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,YAChD,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,KAAK,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EACpF,IAAI,EAAC,YAAY,gBACN,2EAAe,YAEzB,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,OAAO,QACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,KAAK,EAAE,EACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,IAAI,mBAAmB,CAAC,EAAE,CAAC,EAC9D,QAAQ,EAAE,QAAQ,IALb,MAAM,CAAC,EAAE,CAAC,CAMf,CACH,CAAC,GACE,IACF,CACP,CACF,CAAC"}
+{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"","sources":["../../../src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAapC,MAAM,mBAAmB,GAAoC;IAC3D,UAAU,EAAE,cAAc;IAC1B,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,YAAY,GAC3B,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,+BAA+B,aAC3C,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,IAAI,EAAC,YAAY,gBAAa,KAAK,YACtC,KAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,YAChD,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,KAAK,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EACpF,IAAI,EAAC,YAAY,gBACN,2EAAe,YAEzB,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,OAAO,QACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KAAK,EAAE,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,IAAI,mBAAmB,CAAC,EAAE,CAAC,EAC9D,QAAQ,EAAE,QAAQ,IALb,MAAM,CAAC,EAAE,CAAC,CAMf,CACH,CAAC,GACE,IACF,CACP,CACF,CAAC"}

package/mobile/lib/ui-kit/RadioButtonGroup/RadioButtonGroupControl.d.ts

@@ -0,0 +1,2 @@
+import { type RadioButtonGroupProps } from './RadioButtonGroup';
+export declare const RadioButtonGroupControl: import("@redneckz/uni-jsx").UNIComponent<RadioButtonGroupProps, any, any>;

package/mobile/lib/ui-kit/RadioButtonGroup/RadioButtonGroupControl.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel.js';
+import { style } from '../../utils/style.js';
+import { renderErrorText } from '../Input/renderErrorText.js';
+import { RadioButtonGroup } from './RadioButtonGroup.js';
+export const RadioButtonGroupControl = JSX(({ className, label, onChange, error, ...rest }) => (_jsxs("div", { className: style('shrink-0 w-full', className), children: [_jsx(RadioButtonGroup, { label: getRequiredLabel({ label, errors: rest?.errors }), onChange: (_) => onChange && onChange(_), ...rest }), renderErrorText(error)] })));
+//# sourceMappingURL=RadioButtonGroupControl.js.map

package/mobile/lib/ui-kit/RadioButtonGroup/RadioButtonGroupControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroupControl.js","sourceRoot":"","sources":["../../../src/ui-kit/RadioButtonGroup/RadioButtonGroupControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAElF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAClD,eAAK,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,aACjD,KAAC,gBAAgB,IACf,KAAK,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EACxD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,KACpC,IAAI,GACR,EACD,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CACF,CAAC"}

package/mobile/lib/ui-kit/Select/Select.d.ts

@@ -1,16 +1,13 @@
-import { type LabelProps } from '../../model/HeadlineType';
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type IconVersion } from '../../model/IconVersion';
+import { type ControlProps } from '../ControlProps';
 import { type Option } from './Option';
-export declare type SelectProps = LabelProps & {
-    className?: string;
+export interface SelectProps extends DefaultControlType, ControlProps<Option> {
     options?: Option[];
-    value?: Option;
     valid?: boolean;
     isBorder?: boolean;
-    placeholder?: string;
     isSearch?: boolean;
-    onChange?: (value: Option) => void;
     iconVersion?: IconVersion;
     disabled?: boolean;
-};
+}
 export declare const Select: import("@redneckz/uni-jsx").UNIComponent<SelectProps, any, any>;

package/mobile/lib/ui-kit/Select/Select.js

@@ -8,12 +8,10 @@ import { Input } from '../Input/Input.js';
 import { renderLabel } from '../Input/renderLabel.js';
 import { formatOption } from './formatOption.js';
 import { useSelectPopup } from './useSelectPopup.js';
-export const Select = JSX(
-// eslint-disable-next-line complexity
-({ className, label, options = [], value, valid = true, isBorder = true, placeholder = '', isSearch = false, iconVersion = 'black', onChange, disabled, }) => {
+export const Select = JSX(({ className, label, options = [], value, valid = true, isBorder = true, placeholder = '', isSearch = false, iconVersion = 'black', onChange, disabled = false, }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
     const [query, setQuery] = useState('');
-    const isDisabled = disabled || options.length === 0;
+    const isDisabled = getDisabled(disabled, options.length);
     const hasOpen = isOpen && !isDisabled;
     const handleClose = useCallback(() => {
         setQuery('');
@@ -32,4 +30,5 @@ export const Select = JSX(
 });
 const renderIcon = (isOpen, iconVersion) => (_jsx(Icon, { className: style('absolute right-0 flex self-center', { 'rotate-180': !isOpen }), iconVersion: iconVersion, name: "ArrowUpIcon", width: "16", height: "16" }));
 const getStyle = (isBorder, valid, disabled) => style(isBorder ? 'border rounded-md ' : '', isBorder && !disabled ? 'hover:border-primary-hover' : '', disabled ? 'bg-main-divider' : 'cursor-pointer ', valid ? 'border-gray' : 'border-error');
+const getDisabled = (disabled, length) => disabled || length === 0;
 //# sourceMappingURL=Select.js.map

package/mobile/lib/ui-kit/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,EACT,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,KAAK,GAAG,IAAI,EACZ,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,OAAO,EACrB,QAAQ,EACR,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC;IAEtC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,cAAc,CAAC;QAC9B,MAAM;QACN,OAAO;QACP,KAAK;QACL,KAAK;QACL,QAAQ;QACR,OAAO,EAAE,WAAW;QACpB,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,CAAC,aAC3C,WAAW,CAAC,KAAK,CAAC,EACnB,eAAK,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,aACzE,eACE,SAAS,EAAE,KAAK,CACd,8GAA8G,EAC9G,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CACtC,EACD,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,aAErC,YAAG,SAAS,EAAC,4BAA4B,YAAE,YAAY,CAAC,KAAK,CAAC,IAAI,WAAW,GAAK,EACjF,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,IAC7B,EACL,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAE,KAAK,CAAC,4BAA4B,CAAC,YACjD,KAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC7D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,MAAe,EAAE,WAAyB,EAAE,EAAE,CAAC,CACjE,KAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,mCAAmC,EAAE,EAAE,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,EAChF,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,QAAiB,EAAE,KAAc,EAAE,QAAiB,EAAE,EAAE,CACxE,KAAK,CACH,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EACpC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,EACzD,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAChD,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CACvC,CAAC;AAEJ,MAAM,WAAW,GAAG,CAAC,QAAiB,EAAE,MAAc,EAAE,EAAE,CAAC,QAAQ,IAAI,MAAM,KAAK,CAAC,CAAC"}

package/mobile/lib/ui-kit/Select/SelectControl.d.ts

@@ -1,9 +1,2 @@
 import { type SelectProps } from './Select';
-interface SelectControlProps extends SelectProps {
-    label?: string;
-    error?: string;
-    errors?: string[];
-    className?: string;
-}
-export declare const SelectControl: import("@redneckz/uni-jsx").UNIComponent<SelectControlProps, any, any>;
-export {};
+export declare const SelectControl: import("@redneckz/uni-jsx").UNIComponent<SelectProps, any, any>;

package/mobile/lib/ui-kit/Select/SelectControl.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel.js';
 import { renderErrorText } from '../Input/renderErrorText.js';
 import { Select } from './Select.js';
-export const SelectControl = JSX(({ className = '', label, error, ...rest }) => (_jsxs("div", { className: className, children: [_jsx(Select, { ...rest, valid: !error, label: rest?.errors ? `${label}*` : label }), renderErrorText(error)] })));
+export const SelectControl = JSX(({ className = '', label, error, errors, ...rest }) => (_jsxs("div", { className: className, children: [_jsx(Select, { ...rest, valid: !error, label: getRequiredLabel({ label, errors }) }), renderErrorText(error)] })));
 //# sourceMappingURL=SelectControl.js.map

package/mobile/lib/ui-kit/Select/SelectControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectControl.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AASpD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC7C,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,MAAM,OAAK,IAAI,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,GAAI,EAC7E,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CACF,CAAC"}
+{"version":3,"file":"SelectControl.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACrD,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,MAAM,OAAK,IAAI,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAI,EAC9E,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CACF,CAAC"}

package/mobile/lib/utils/getRequiredLabel.d.ts

@@ -0,0 +1,2 @@
+import type { DefaultControlType } from '../model/DefaultControlType';
+export declare const getRequiredLabel: ({ label, errors }: DefaultControlType) => string | undefined;

package/mobile/lib/utils/getRequiredLabel.js

@@ -0,0 +1,2 @@
+export const getRequiredLabel = ({ label, errors }) => label && errors ? `${label}*` : label;
+//# sourceMappingURL=getRequiredLabel.js.map

package/mobile/lib/utils/getRequiredLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRequiredLabel.js","sourceRoot":"","sources":["../../src/utils/getRequiredLabel.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAsB,EAAE,EAAE,CACxE,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC"}

package/mobile/src/model/DefaultControlType.ts

@@ -0,0 +1,7 @@
+export interface DefaultControlType {
+  className?: string;
+  label?: string;
+  error?: string;
+  errors?: string[];
+  placeholder?: string;
+}

package/mobile/src/ui-kit/Calculator/renderBinaryRadioButtonGroup.tsx

@@ -44,7 +44,7 @@ export const renderBinaryRadioButtonGroup = ({
     <RadioButtonGroup
       orientation={orientation}
       items={items}
-      checkedItem={items[value ? 0 : 1].id}
+      value={items[value ? 0 : 1].id}
       onChange={(_) => onChange && onChange(_ === items[0].id)}
       {...rest}
     />

package/mobile/src/ui-kit/DatePicker/DatePickerControl.tsx

@@ -1,25 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type DefaultControlType } from '../../model/DefaultControlType';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { style } from '../../utils/style';
+import { type ControlProps } from '../ControlProps';
 import { renderErrorText } from '../Input/renderErrorText';
 import { DatePicker } from './DatePicker';
 
-export interface DatePickerControlProps {
-  className?: string;
-  label: string;
-  value?: Date;
-  error?: string;
-  errors?: string[];
-  onChange?: (value: Date) => void;
-}
+export interface DatePickerControlProps extends DefaultControlType, ControlProps<Date> {}
 
 export const DatePickerControl = JSX<DatePickerControlProps>(
-  ({ className, label, error, ...rest }) => (
+  ({ className, label, error, errors, ...rest }) => (
     <div className={style('shrink-0 w-full', className)}>
-      <DatePicker
-        label={label && rest?.errors ? `${label}*` : label}
-        valid={Boolean(!error)}
-        {...rest}
-      />
+      <DatePicker label={getRequiredLabel({ label, errors })} valid={Boolean(!error)} {...rest} />
       {renderErrorText(error)}
     </div>
   ),

package/mobile/src/ui-kit/FormField/Fields/SexField.tsx

@@ -1,22 +1,24 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { RadioButtonGroup, type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
+import { type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
+import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
 
 export const SEX_TYPES: RadioButtonItem[] = [
   { id: 'male', text: 'Мужской' },
   { id: 'female', text: 'Женский' },
 ];
 
-export const SexField = JSX<CustomFieldProps>(({ field }) => {
-  const { value, onChange } = field('sex');
-
+export const SexField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
-    <RadioButtonGroup
-      title="Пол"
-      orientation="horizontal"
-      items={SEX_TYPES}
-      checkedItem={value}
-      onChange={(_) => onChange && onChange(_)}
-    />
+    <div>
+      <RadioButtonGroupControl
+        label="Пол"
+        orientation="horizontal"
+        items={SEX_TYPES}
+        {...getValidation(field('sex'), validatorObj.sex, input?.required)}
+      />
+    </div>
   );
 });

package/mobile/src/ui-kit/FormField/Fields/VedField.tsx

@@ -25,7 +25,7 @@ export const VedField = JSX<CustomFieldProps>(({ field }) => {
         className="whitespace-normal"
         orientation="horizontal"
         items={VED_TYPES}
-        checkedItem={value}
+        value={value}
         onChange={(_) => onChange && onChange(_)}
       />
     </div>

package/mobile/src/ui-kit/Input/InputControl.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { noop } from '../../utils/noop';
 import { style } from '../../utils/style';
 import { Input } from './Input';
@@ -44,7 +45,7 @@ export const InputControl = JSX<InputProps>(
           <Input
             type={type || 'text'}
             aria-label={label}
-            label={getLabel(errors, label)}
+            label={getRequiredLabel({ label, errors })}
             valid={Boolean(!error)}
             value={value}
             onChange={onChange}
@@ -59,7 +60,5 @@ export const InputControl = JSX<InputProps>(
   },
 );
 
-const getLabel = (errors?: string[], label?: string) => (label && errors ? `${label}*` : label);
-
 const getPlaceholder = (placeholder?: string, errors?: string[], label?: string) =>
   errors && !label ? `${placeholder}*` : placeholder;

package/mobile/src/ui-kit/Input/InputPhoneControl.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { style } from '../../utils/style';
 import { PhoneInput } from '../PhoneInput/PhoneInput';
 import { type InputProps } from './InputProps';
@@ -8,7 +9,7 @@ export const InputPhoneControl = JSX<InputProps>(({ className, label, error, ...
   <div className={style('shrink-0 w-full', className)}>
     <PhoneInput
       aria-label={label}
-      label={rest?.errors ? `${label}*` : label}
+      label={getRequiredLabel({ label, errors: rest?.errors })}
       valid={Boolean(!error)}
       placeholder="+7 (___) ___-__-__"
       {...rest}

package/mobile/src/ui-kit/Input/InputProps.ts

@@ -1,14 +1,12 @@
-import { type LabelProps } from '../../model/HeadlineType';
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type InputTypes } from '../../model/InputTypes';
 import { type ControlProps } from '../ControlProps';
 import { type PreventableEventWithTarget } from '../PreventableEvent';
 
-export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
-  className?: string;
+export interface InputProps<V = string> extends DefaultControlType, ControlProps<V> {
   id?: string;
   name?: string;
   type?: InputTypes;
-  placeholder?: string;
   pattern?: string;
   onFocus?: (ev: PreventableEventWithTarget) => void;
   onBlur?: (ev?: PreventableEventWithTarget) => void;
@@ -16,7 +14,5 @@ export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
   disabled?: boolean;
   autoFocus?: boolean;
   isTextarea?: boolean;
-  error?: string;
-  errors?: string[];
   dadata?: boolean;
 }

package/mobile/src/ui-kit/Input/InputSnilsControl.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { style } from '../../utils/style';
 import { SnilsInput } from '../SnilsInput/SnilsInput';
 import { type InputProps } from './InputProps';
@@ -9,7 +10,7 @@ export const InputSnilsControl = JSX<InputProps>(
     <div className={style('shrink-0 w-full', className)}>
       <SnilsInput
         aria-label={label}
-        label={rest?.errors ? `${label}*` : label}
+        label={getRequiredLabel({ label, errors: rest?.errors })}
         valid={Boolean(!error)}
         value={value}
         onChange={onChange}

package/mobile/src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx

@@ -1,19 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type TextProps } from '../../model/HeadlineType';
 import { type ListOrientation } from '../../model/ListOrientation';
 import { style } from '../../utils/style';
 import { Checkbox } from '../Checkbox/Checkbox';
+import { type ControlProps } from '../ControlProps';
 import { Text } from '../Text/Text';
 
 export type RadioButtonItem = TextProps & {
   id: string;
 };
 
-interface RadioButtonGroupProps {
-  title?: string;
+export interface RadioButtonGroupProps extends DefaultControlType, ControlProps<string> {
   items?: RadioButtonItem[];
-  checkedItem?: string;
-  className?: string;
   onChange?: (id: string) => void;
   disabled?: boolean;
   orientation?: ListOrientation;
@@ -26,19 +25,19 @@ const orientationStyleMap: Record<ListOrientation, string> = {
 
 export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
   ({
-    title,
+    label,
     items,
-    checkedItem,
+    value,
     className,
     onChange: onChangeCheckedItem,
     disabled = false,
     orientation = 'horizontal',
   }) => (
     <div className="grid gap-xs whitespace-nowrap">
-      {title ? (
-        <div role="radiogroup" aria-label={title}>
+      {label ? (
+        <div role="radiogroup" aria-label={label}>
           <Text color="text-secondary-text" font="font-light">
-            {title}
+            {label}
           </Text>
         </div>
       ) : null}
@@ -52,7 +51,7 @@ export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
             key={String(id)}
             isRadio
             text={text}
-            value={checkedItem === id}
+            value={value === id}
             onChange={() => onChangeCheckedItem && onChangeCheckedItem(id)}
             disabled={disabled}
           />

package/mobile/src/ui-kit/RadioButtonGroup/RadioButtonGroupControl.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
+import { style } from '../../utils/style';
+import { renderErrorText } from '../Input/renderErrorText';
+import { RadioButtonGroup, type RadioButtonGroupProps } from './RadioButtonGroup';
+
+export const RadioButtonGroupControl = JSX<RadioButtonGroupProps>(
+  ({ className, label, onChange, error, ...rest }) => (
+    <div className={style('shrink-0 w-full', className)}>
+      <RadioButtonGroup
+        label={getRequiredLabel({ label, errors: rest?.errors })}
+        onChange={(_) => onChange && onChange(_)}
+        {...rest}
+      />
+      {renderErrorText(error)}
+    </div>
+  ),
+);

package/mobile/src/ui-kit/Select/Select.tsx

@@ -1,9 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { type LabelProps } from '../../model/HeadlineType';
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
+import { type ControlProps } from '../ControlProps';
 import { Icon } from '../Icon/Icon';
 import { Input } from '../Input/Input';
 import { renderLabel } from '../Input/renderLabel';
@@ -11,21 +12,16 @@ import { formatOption } from './formatOption';
 import { type Option } from './Option';
 import { useSelectPopup } from './useSelectPopup';
 
-export type SelectProps = LabelProps & {
-  className?: string;
+export interface SelectProps extends DefaultControlType, ControlProps<Option> {
   options?: Option[];
-  value?: Option;
   valid?: boolean;
   isBorder?: boolean;
-  placeholder?: string;
   isSearch?: boolean;
-  onChange?: (value: Option) => void;
   iconVersion?: IconVersion;
   disabled?: boolean;
-};
+}
 
 export const Select = JSX<SelectProps>(
-  // eslint-disable-next-line complexity
   ({
     className,
     label,
@@ -37,11 +33,11 @@ export const Select = JSX<SelectProps>(
     isSearch = false,
     iconVersion = 'black',
     onChange,
-    disabled,
+    disabled = false,
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
     const [query, setQuery] = useState('');
-    const isDisabled = disabled || options.length === 0;
+    const isDisabled = getDisabled(disabled, options.length);
     const hasOpen = isOpen && !isDisabled;
 
     const handleClose = useCallback(() => {
@@ -101,3 +97,5 @@ const getStyle = (isBorder: boolean, valid: boolean, disabled: boolean) =>
     disabled ? 'bg-main-divider' : 'cursor-pointer ',
     valid ? 'border-gray' : 'border-error',
   );
+
+const getDisabled = (disabled: boolean, length: number) => disabled || length === 0;