@elcrm/form 0.0.74 → 0.0.75

package/README.md

@@ -1,6 +1,6 @@
 # @elcrm/form
 
-React-компоненты полей ввода для elCRM: текст, пароль, маски, деньги, даты, время, селект, диапазон и связка с хуком **`useForm`** (подписки по имени поля, без лишних перерисовок всей формы).
+React-компоненты полей ввода для elCRM: текст, пароль, маски, деньги, даты, время, селект, диапазон, чекбокс и связка с хуком **`useForm`** (подписки по имени поля, без лишних перерисовок всей формы).
 
 ## Установка
 
@@ -109,11 +109,20 @@ function Example() {
 
 У **`PasswordField`** свой тип **`TPasswordField`**: проп **`native`** там означает **«не рендерить компонент»** (внешний нативный пароль), не путать с **`native`** у **`StringField`**.
 
+`before` / `after` рендерятся единообразно во всех полях через общий стиль-обёртку `affix` (одинаковое выравнивание и отступы слева/справа).
+
 ### `PasswordField`
 
 - Нативный **`<input type="password"`** / **`text`** при показе пароля.
 - Переключатель «показать / скрыть» с **встроенными SVG-иконками**; свои иконки — проп **`eyes={[показать, скрыть]}`**.
 
+### `CheckField`
+
+- Значение хранится как `boolean` (`true/false`), поддерживаются и входные строковые/числовые значения (`"1"`, `"true"`, `1`).
+- `placeholder` используется как текст подписи внутри поля (рядом с квадратом чекбокса).
+- Поддерживает `form + name`, `onValue`, `onBlur`, `disabled`, `hidden`, `before`, `after`.
+- Клавиатура: `Space` / `Enter` переключают состояние.
+
 ### Минимальный бандл (tree-shaking)
 
 Пакет собран как **ESM по модулям**. Импорт из корня:
@@ -135,6 +144,6 @@ import { useForm } from "@elcrm/form/hooks/use";
 
 ## Экспорт компонентов (корень пакета)
 
-`StringField`, `PasswordField`, `TextareaField`, `NumberField`, `MoneyField`, `MaskField`, `PhoneField`, `DateField`, `TimeField`, `SelectField`, `RangeField`, `ModalField`, `OptionsField`, **`Form`**, хуки **`useForm`**, **`useFormField`**, **`useFormFieldState`**, **`useFormInit`**.
+`StringField`, `PasswordField`, `TextareaField`, `NumberField`, `MoneyField`, `MaskField`, `PhoneField`, `DateField`, `TimeField`, `SelectField`, `RangeField`, `CheckField`, `ModalField`, `OptionsField`, **`Form`**, хуки **`useForm`**, **`useFormField`**, **`useFormFieldState`**, **`useFormInit`**.
 
-Типы: **`TInput`**, **`TPasswordField`**, **`TValue`**, **`TFieldFormBindings`**, **`TFieldPresentation`**, **`UseFormApi`**, **`FormInitProps`**, **`TModalOpenPayload`** и др.
+Типы: **`TInput`**, **`TPasswordField`**, **`TCheck`**, **`TValue`**, **`TFieldFormBindings`**, **`TFieldPresentation`**, **`UseFormApi`**, **`FormInitProps`**, **`TModalOpenPayload`** и др.

package/dist/assets/styles/Field.module.css

@@ -1 +1 @@
-._l_ita6u_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_ita6u_2>dt,._l_ita6u_2>dd{margin:0;padding:0}._l_ita6u_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_ita6u_2[data-field=group] div:last-child{border-bottom:0}._l_ita6u_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_ita6u_2 [placeholder]:focus:before{display:none}._f_ita6u_39{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_ita6u_39:hover{border-color:var(--field-border-hover,var(--field-border))}._f_ita6u_39:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_ita6u_39._e_ita6u_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_ita6u_39[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_ita6u_39[data-disabled=true]>*{cursor:not-allowed}._f_ita6u_39>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_ita6u_39>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_ita6u_39>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_ita6u_39>:not(div) svg{width:20px;height:20px}._f_ita6u_39 input::placeholder,._f_ita6u_39 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_ita6u_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_ita6u_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_ita6u_134>div::-webkit-scrollbar{width:0;height:0}._time_ita6u_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_ita6u_144 ._timeInner_ita6u_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timeInner_ita6u_151{justify-content:center}._time_ita6u_144 ._timeSep_ita6u_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_ita6u_144 ._timePart_ita6u_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_ita6u_144 ._timePart_ita6u_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_ita6u_144 ._timePart_ita6u_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_ita6u_144 ._timePart_ita6u_176:focus:empty:before{content:none}._time_ita6u_144 ._timePart_ita6u_176:focus-visible{background:0 0}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timePart_ita6u_176{text-align:center}._t_ita6u_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_ita6u_223{flex-direction:column}._range_ita6u_227>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_ita6u_227 ._rangeTrack_ita6u_236{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_ita6u_227 ._rangeTrack_ita6u_236:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_ita6u_227 ._rangeTrack_ita6u_236[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_ita6u_227 ._rangeFill_ita6u_257{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_ita6u_227 ._rangeFillFull_ita6u_268{border-radius:999px}._h_ita6u_272{--field-border:0}._h_ita6u_272 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_ita6u_272 div[aria-checked=true]{background:var(--field-background-active)}._h_ita6u_272 div:after{content:"";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_ita6u_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_ita6u_311{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}
+._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:"";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}

package/dist/core/Field.js

@@ -5,7 +5,7 @@
     var el = document.createElement("style");
     el.id = "elcrm-form-base-styles";
     el.setAttribute("data-elcrm", "form");
-    el.textContent = "._l_ita6u_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_ita6u_2>dt,._l_ita6u_2>dd{margin:0;padding:0}._l_ita6u_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_ita6u_2[data-field=group] div:last-child{border-bottom:0}._l_ita6u_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_ita6u_2 [placeholder]:focus:before{display:none}._f_ita6u_39{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_ita6u_39:hover{border-color:var(--field-border-hover,var(--field-border))}._f_ita6u_39:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_ita6u_39._e_ita6u_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_ita6u_39[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_ita6u_39[data-disabled=true]>*{cursor:not-allowed}._f_ita6u_39>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_ita6u_39>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_ita6u_39>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_ita6u_39>:not(div) svg{width:20px;height:20px}._f_ita6u_39 input::placeholder,._f_ita6u_39 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_ita6u_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_ita6u_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_ita6u_134>div::-webkit-scrollbar{width:0;height:0}._time_ita6u_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_ita6u_144 ._timeInner_ita6u_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timeInner_ita6u_151{justify-content:center}._time_ita6u_144 ._timeSep_ita6u_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_ita6u_144 ._timePart_ita6u_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_ita6u_144 ._timePart_ita6u_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_ita6u_144 ._timePart_ita6u_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_ita6u_144 ._timePart_ita6u_176:focus:empty:before{content:none}._time_ita6u_144 ._timePart_ita6u_176:focus-visible{background:0 0}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timePart_ita6u_176{text-align:center}._t_ita6u_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_ita6u_223{flex-direction:column}._range_ita6u_227>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_ita6u_227 ._rangeTrack_ita6u_236{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_ita6u_227 ._rangeTrack_ita6u_236:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_ita6u_227 ._rangeTrack_ita6u_236[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_ita6u_227 ._rangeFill_ita6u_257{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_ita6u_227 ._rangeFillFull_ita6u_268{border-radius:999px}._h_ita6u_272{--field-border:0}._h_ita6u_272 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_ita6u_272 div[aria-checked=true]{background:var(--field-background-active)}._h_ita6u_272 div:after{content:\"\";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_ita6u_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_ita6u_311{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:\"\";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}\n\n:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}\n";
+    el.textContent = "._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:\"\";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:\"\";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}\n\n:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}\n";
     document.head.appendChild(el);
 })();
 

package/dist/fields/Check.d.ts

@@ -0,0 +1,7 @@
+import { TInput } from './type';
+export type TCheck = TInput;
+declare function CheckField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, }: TCheck): import("react/jsx-runtime").JSX.Element | null;
+declare namespace CheckField {
+    var displayName: string;
+}
+export default CheckField;

package/dist/fields/Check.js

@@ -0,0 +1,79 @@
+import e from "../styles/Field.module.js";
+import t from "../core/Field.js";
+import { useFormFieldState as n } from "../hooks/use.js";
+import r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/fields/Check.tsx
+function o(e) {
+	if (e === !0 || e === 1) return !0;
+	if (typeof e == "string") {
+		let t = e.trim().toLowerCase();
+		return t === "1" || t === "true" || t === "on" || t === "yes";
+	}
+	return !1;
+}
+function s({ value: s = !1, form: c, onValue: l, onBlur: u, name: d = "", placeholder: f = "", label: p = "", error: m = "", hidden: h = !1, disabled: g = !1, className: _ = "", after: v = "", before: y = "" }) {
+	let { value: b } = n(c, d, s), x = o(b), S = !g, C = f || "", w = r.useCallback((e) => {
+		let t = {
+			value: e,
+			name: d || ""
+		};
+		c && d && c.setValue(t), l && l !== c?.onValue && l(t);
+	}, [
+		c,
+		d,
+		l
+	]), T = () => {
+		S && w(!x);
+	}, E = (e) => {
+		S && (e.key === " " || e.key === "Enter") && (e.preventDefault(), T());
+	}, D = () => {
+		!u || !d || u({
+			value: o(c && d ? c.getValue(d, x) : x),
+			name: d
+		});
+	};
+	return h && !x ? null : /* @__PURE__ */ a(t, {
+		type: "checkbox",
+		label: p,
+		error: m,
+		element_blok: { className: [_ || ""] },
+		element_input: {
+			className: [e.checkbox],
+			props: { "data-disabled": g || !S ? "true" : void 0 }
+		},
+		children: [
+			y ? /* @__PURE__ */ i("span", {
+				className: e.affix,
+				children: y
+			}) : null,
+			/* @__PURE__ */ i("div", { children: /* @__PURE__ */ a("button", {
+				type: "button",
+				className: e.checkControl,
+				role: "checkbox",
+				"aria-checked": x,
+				"aria-label": p || C || "Чекбокс",
+				"aria-disabled": g || !S ? !0 : void 0,
+				disabled: g || !S,
+				onClick: T,
+				onKeyDown: E,
+				onBlur: D,
+				children: [/* @__PURE__ */ i("span", {
+					className: e.checkBox,
+					"aria-hidden": !0,
+					children: x ? /* @__PURE__ */ i("span", { className: e.checkMark }) : null
+				}), /* @__PURE__ */ i("span", {
+					className: e.checkText,
+					children: C
+				})]
+			}) }),
+			v ? /* @__PURE__ */ i("span", {
+				className: e.affix,
+				children: v
+			}) : null
+		]
+	});
+}
+s.displayName = "CheckField";
+//#endregion
+export { s as default };

package/dist/fields/Date.js

@@ -87,7 +87,10 @@ function m({ label: i = "", error: d, hidden: f = !1, className: p, placeholder:
 			props: { "data-disabled": g ? "true" : void 0 }
 		},
 		children: [
-			E,
+			E ? /* @__PURE__ */ s("span", {
+				className: e.affix,
+				children: E
+			}) : null,
 			/* @__PURE__ */ s("div", {
 				ref: j,
 				onClick: R,
@@ -104,7 +107,10 @@ function m({ label: i = "", error: d, hidden: f = !1, className: p, placeholder:
 				style: { cursor: g ? "not-allowed" : "pointer" },
 				children: u(k) ? "" : y(k, "dd.mm.yyyy")
 			}),
-			T
+			T ? /* @__PURE__ */ s("span", {
+				className: e.affix,
+				children: T
+			}) : null
 		]
 	}), P && M && l(/* @__PURE__ */ s(h, {
 		position: M,

package/dist/fields/Input.js

@@ -63,7 +63,10 @@ function l({ value: l, form: u, onValue: d, name: f = "", placeholder: p = "", l
 			props: { "data-disabled": g || !j ? "true" : void 0 }
 		},
 		children: [
-			b,
+			b ? /* @__PURE__ */ s("span", {
+				className: e.affix,
+				children: b
+			}) : null,
 			/* @__PURE__ */ s("div", {
 				style: {
 					flex: 1,
@@ -103,7 +106,10 @@ function l({ value: l, form: u, onValue: d, name: f = "", placeholder: p = "", l
 					}
 				})
 			}),
-			y
+			y ? /* @__PURE__ */ s("span", {
+				className: e.affix,
+				children: y
+			}) : null
 		]
 	}) : /* @__PURE__ */ c(t, {
 		type: "input",
@@ -112,7 +118,10 @@ function l({ value: l, form: u, onValue: d, name: f = "", placeholder: p = "", l
 		element_blok: { className: [v] },
 		element_input: { className: [e.w] },
 		children: [
-			b,
+			b ? /* @__PURE__ */ s("span", {
+				className: e.affix,
+				children: b
+			}) : null,
 			/* @__PURE__ */ s("div", {
 				ref: P,
 				id: O,
@@ -127,7 +136,10 @@ function l({ value: l, form: u, onValue: d, name: f = "", placeholder: p = "", l
 				suppressContentEditableWarning: !0,
 				...W
 			}),
-			y
+			y ? /* @__PURE__ */ s("span", {
+				className: e.affix,
+				children: y
+			}) : null
 		]
 	});
 }

package/dist/fields/Mask.js

@@ -86,7 +86,10 @@ function f({ value: f = "", form: p, onValue: m, onBlur: h, name: g = "", format
 		element_blok: { className: [C] },
 		element_input: { className: [e.w] },
 		children: [
-			T,
+			T ? /* @__PURE__ */ c("span", {
+				className: e.affix,
+				children: T
+			}) : null,
 			/* @__PURE__ */ c("div", {
 				ref: j,
 				onPaste: L,
@@ -104,7 +107,10 @@ function f({ value: f = "", form: p, onValue: m, onBlur: h, name: g = "", format
 				suppressContentEditableWarning: !0,
 				...U
 			}),
-			w
+			w ? /* @__PURE__ */ c("span", {
+				className: e.affix,
+				children: w
+			}) : null
 		]
 	});
 }

package/dist/fields/Modal.js

@@ -48,12 +48,18 @@ function c({ value: c, form: l, onValue: u, name: d, placeholder: f = "", label:
 			props: { onClick: k }
 		},
 		children: [
-			v,
+			v ? /* @__PURE__ */ o("span", {
+				className: e.affix,
+				children: v
+			}) : null,
 			/* @__PURE__ */ o("div", {
 				...A,
 				children: E(T)
 			}),
-			_
+			_ ? /* @__PURE__ */ o("span", {
+				className: e.affix,
+				children: _
+			}) : null
 		]
 	});
 }

package/dist/fields/Money.js

@@ -79,7 +79,10 @@ function d({ value: d, form: p, onValue: m, name: h = "", placeholder: g = "", l
 		element_blok: { className: [S] },
 		element_input: { className: [e.w] },
 		children: [
-			w,
+			w ? /* @__PURE__ */ s("span", {
+				className: e.affix,
+				children: w
+			}) : null,
 			/* @__PURE__ */ s("div", {
 				ref: N,
 				...G,
@@ -102,7 +105,10 @@ function d({ value: d, form: p, onValue: m, name: h = "", placeholder: g = "", l
 				"aria-label": "Очистить поле",
 				children: "x"
 			}),
-			C
+			C ? /* @__PURE__ */ s("span", {
+				className: e.affix,
+				children: C
+			}) : null
 		]
 	});
 }

package/dist/fields/Numeric.js

@@ -54,7 +54,10 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 		element_blok: { className: [y || ""] },
 		element_input: { className: [e.w] },
 		children: [
-			x,
+			x ? /* @__PURE__ */ c("span", {
+				className: e.affix,
+				children: x
+			}) : null,
 			/* @__PURE__ */ c("div", {
 				ref: j,
 				onPaste: z,
@@ -71,7 +74,10 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 				suppressContentEditableWarning: !0,
 				...V
 			}),
-			b
+			b ? /* @__PURE__ */ c("span", {
+				className: e.affix,
+				children: b
+			}) : null
 		]
 	});
 }

package/dist/fields/Options.js

@@ -52,9 +52,15 @@ function c({ value: c, form: l, onValue: u, name: d, placeholder: f = "", separa
 			props: { onClick: O }
 		},
 		children: [
-			b,
+			b ? /* @__PURE__ */ a("span", {
+				className: e.affix,
+				children: b
+			}) : null,
 			Object.keys(D).map((e) => /* @__PURE__ */ a("div", { children: S?.[e]?.label }, e)),
-			y
+			y ? /* @__PURE__ */ a("span", {
+				className: e.affix,
+				children: y
+			}) : null
 		]
 	});
 }

package/dist/fields/Password.js

@@ -81,7 +81,10 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 			props: { "data-disabled": v || !F ? "true" : void 0 }
 		},
 		children: [
-			S,
+			S ? /* @__PURE__ */ o("span", {
+				className: e.affix,
+				children: S
+			}) : null,
 			/* @__PURE__ */ o("div", {
 				style: {
 					flex: 1,
@@ -131,17 +134,19 @@ function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", l
 					display: "inline-flex",
 					alignItems: "center",
 					justifyContent: "center",
-					padding: "4px",
+					padding: 0,
 					margin: 0,
-					marginRight: "8px",
 					border: "none",
 					background: "transparent",
-					color: "inherit",
+					color: "var(--field-icon-color, var(--field-placeholder))",
 					font: "inherit"
 				},
 				children: D ? L : I
 			}),
-			x
+			x ? /* @__PURE__ */ o("span", {
+				className: e.affix,
+				children: x
+			}) : null
 		]
 	});
 }

package/dist/fields/Phone.js

@@ -94,7 +94,10 @@ function m({ value: m, form: h, onValue: g, onBlur: _, name: v = "", placeholder
 		element_blok: { className: [w] },
 		element_input: { className: [e.w] },
 		children: [
-			E,
+			E ? /* @__PURE__ */ u("span", {
+				className: e.affix,
+				children: E
+			}) : null,
 			/* @__PURE__ */ u("div", {
 				ref: N,
 				onPaste: B,
@@ -113,7 +116,10 @@ function m({ value: m, form: h, onValue: g, onBlur: _, name: v = "", placeholder
 				suppressContentEditableWarning: !0,
 				...K
 			}),
-			T
+			T ? /* @__PURE__ */ u("span", {
+				className: e.affix,
+				children: T
+			}) : null
 		]
 	});
 }

package/dist/fields/Range.js

@@ -71,7 +71,10 @@ function c({ value: c = 0, form: l, onValue: u, onBlur: d, name: f = "", placeho
 			props: { "data-disabled": _ || !O ? "true" : void 0 }
 		},
 		children: [
-			b,
+			b ? /* @__PURE__ */ i("span", {
+				className: e.affix,
+				children: b
+			}) : null,
 			/* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", {
 				ref: k,
 				className: e.rangeTrack,
@@ -94,7 +97,10 @@ function c({ value: c = 0, form: l, onValue: u, onBlur: d, name: f = "", placeho
 					"aria-hidden": !0
 				})
 			}) }),
-			y
+			y ? /* @__PURE__ */ i("span", {
+				className: e.affix,
+				children: y
+			}) : null
 		]
 	});
 }