@elcrm/form 0.0.80 → 0.0.81

package/dist/style.css

@@ -1,4 +1,4 @@
-._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}
+._l_1iesl_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1iesl_2>dt,._l_1iesl_2>dd{margin:0}._l_1iesl_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1iesl_2[data-field=group] div:last-child{border-bottom:0}._l_1iesl_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;pointer-events:none;font-style:normal;font-weight:400;display:block}._l_1iesl_2 [placeholder]:focus:before{display:none}._f_1iesl_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: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_1iesl_39:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1iesl_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_1iesl_39._e_1iesl_64:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1iesl_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_1iesl_39[data-disabled=true]>*{cursor:not-allowed}._f_1iesl_39>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_1iesl_39>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1iesl_39>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1iesl_39>:not(div) svg{width:20px;height:20px}._f_1iesl_39 input::placeholder,._f_1iesl_39 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1iesl_39 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1iesl_39 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1iesl_39 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1iesl_39 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1iesl_128>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_1iesl_135>div{text-wrap:nowrap;overflow:scroll hidden}._w_1iesl_135>div::-webkit-scrollbar{width:0;height:0}._time_1iesl_145>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1iesl_145 ._timeInner_1iesl_152{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1iesl_145._timeAlignCenter_1iesl_163 ._timeInner_1iesl_152{justify-content:center}._time_1iesl_145 ._timeSep_1iesl_166{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1iesl_145 ._timePickerBtn_1iesl_174{color:var(--field-icon-color,var(--field-placeholder));cursor:pointer;background:0 0;border:0;outline:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}._time_1iesl_145 ._timePickerBtn_1iesl_174:hover:not(:disabled){color:var(--field-color)}._time_1iesl_145 ._timePickerBtn_1iesl_174:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:6px}._time_1iesl_145 ._timePickerBtn_1iesl_174:disabled{cursor:not-allowed;opacity:.5}._time_1iesl_145 ._timePart_1iesl_202{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_1iesl_145 ._timePart_1iesl_202[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1iesl_145 ._timePart_1iesl_202:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1iesl_145 ._timePart_1iesl_202:focus:empty:before{content:none}._time_1iesl_145 ._timePart_1iesl_202:focus-visible{background:0 0}._time_1iesl_145._timeAlignCenter_1iesl_163 ._timePart_1iesl_202{text-align:center}._t_1iesl_145{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1iesl_249{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_1iesl_263{flex-direction:column}._range_1iesl_267>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1iesl_267 ._rangeTrack_1iesl_276{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_1iesl_267 ._rangeTrack_1iesl_276:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1iesl_267 ._rangeTrack_1iesl_276[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1iesl_267 ._rangeFill_1iesl_297{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1iesl_267 ._rangeFillFull_1iesl_308{border-radius:999px}._checkbox_1iesl_312>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1iesl_321{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_1iesl_321:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1iesl_321[aria-disabled=true]{cursor:not-allowed}._checkBox_1iesl_345{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_1iesl_358{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_1iesl_367{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1iesl_321[aria-checked=true] ._checkBox_1iesl_345{background:var(--field-background-active)}._h_1iesl_380{--field-border:0}._h_1iesl_380 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_1iesl_380 div[aria-checked=true]{background:var(--field-background-active)}._h_1iesl_380 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_1iesl_64{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1iesl_419{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}._display_1iesl_427>div{color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._displayEmpty_1iesl_434{color:var(--field-placeholder)}._radio_1iesl_439>div{width:100%;min-height:var(--field-height);flex-direction:column;align-items:stretch;gap:4px;padding:6px 0;line-height:normal;display:flex}._radioInline_1iesl_450>div{flex-flow:wrap;align-items:center;gap:8px 16px}._radioItem_1iesl_457{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:10px;margin:0;padding:4px 0;display:inline-flex}._radioItem_1iesl_457:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:6px}._radioItem_1iesl_457[aria-disabled=true]{cursor:not-allowed;opacity:.7}._radioDot_1iesl_480{border:var(--field-check-box-border,var(--field-border));border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}._radioDotFill_1iesl_491{background:var(--field-background-active);border-radius:50%;width:10px;height:10px}._radioText_1iesl_498{font-size:var(--control-font-size,14px);line-height:1.25}._tags_1iesl_504>div,._tags_1iesl_504 ._tagsInner_1iesl_505{width:100%;min-height:var(--field-height);flex-wrap:wrap;align-items:center;gap:4px;padding:0;line-height:normal;display:flex;overflow:visible}._tagsInner_1iesl_505{flex:1;min-width:0}._tagChip_1iesl_522{background:var(--field-background-focus,#0000000f);border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:0 6px;line-height:1.35;display:inline-flex}._tagLabel_1iesl_533{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._tagRemove_1iesl_539{color:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}._tagRemove_1iesl_539:hover{opacity:1}._tagInput_1iesl_553{min-width:80px;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:80px;margin:0;padding:0}._rating_1iesl_566>div{width:100%;min-height:var(--field-height);outline:none;align-items:center;gap:2px;line-height:normal;display:flex}._ratingStar_1iesl_576{color:var(--field-placeholder);cursor:pointer;background:0 0;border:0;outline:none;padding:0 2px;font-size:22px;line-height:1}._ratingStar_1iesl_576:disabled{cursor:not-allowed;opacity:.6}._ratingStar_1iesl_576:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:4px}._ratingStarOn_1iesl_595{color:var(--field-range-fill,#34c759)}._code_1iesl_600>div,._code_1iesl_600 ._codeInner_1iesl_601{width:100%;min-height:var(--field-height);align-items:center;gap:8px;line-height:normal;display:flex;overflow:visible}._codeInner_1iesl_601{flex:1;min-width:0}._codeCell_1iesl_616{box-sizing:border-box;width:36px;height:calc(var(--field-height) - 12px);border:var(--field-border);border-radius:calc(var(--field-radius) - 2px);background:var(--field-background-focus,#0000000a);min-height:32px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;outline:none;padding:0}._codeCell_1iesl_616:focus{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._codeCell_1iesl_616:disabled{opacity:.6;cursor:not-allowed}._file_1iesl_641>div,._file_1iesl_641 ._fileInner_1iesl_642{width:100%;min-height:var(--field-height);align-items:center;gap:10px;line-height:normal;display:flex;overflow:visible}._fileInner_1iesl_642{flex:1;min-width:0;position:relative}._fileInput_1iesl_658{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._fileButton_1iesl_666{background:var(--field-background-focus,#0000000f);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;flex:none;padding:6px 10px;font-size:13px}._fileButton_1iesl_666:disabled{cursor:not-allowed;opacity:.6}._fileList_1iesl_683{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}._fileEmpty_1iesl_692{color:var(--field-placeholder);font-size:13px}._fileItem_1iesl_697{align-items:baseline;gap:8px;min-width:0;display:flex}._fileName_1iesl_704{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}._fileSize_1iesl_711{color:var(--field-placeholder);flex:none;font-size:12px}._fileClear_1iesl_717{color:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;flex:none;padding:0 2px;font-size:18px;line-height:1}._fileClear_1iesl_717:hover{opacity:1}._rich_1iesl_733{align-items:stretch}._rich_1iesl_733>div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);flex-direction:column;align-items:flex-start;padding:0;display:flex;overflow:visible}._richWrap_1iesl_746{flex-direction:column;align-items:flex-start;width:100%;min-width:0;display:flex}._richToolbar_1iesl_754{box-sizing:border-box;border-bottom:1px solid #00000014;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2px;width:100%;max-width:100%;margin:0;padding:4px 0 6px;display:inline-flex}._richBtn_1iesl_768{box-sizing:border-box;width:28px;min-width:28px;height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:13px;font-weight:600;line-height:1;display:inline-flex}._richBtn_1iesl_768:hover:not(:disabled){background:var(--field-background-focus,#0000000f)}._richBtn_1iesl_768:disabled{opacity:.5;cursor:not-allowed}._richEditor_1iesl_797{box-sizing:border-box;width:100%;min-height:calc(var(--field-note-height) - 36px);padding:var(--field-note-padding,8px) 0;overflow-wrap:anywhere;line-height:var(--field-note-line-height);outline:none}._richEditor_1iesl_797:empty:before{content:attr(placeholder);color:var(--field-placeholder);pointer-events:none}._richEditor_1iesl_797 ul,._richEditor_1iesl_797 ol{margin:.25em 0;padding-left:1.25em}._dragDrop_1iesl_818{align-items:stretch;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}._dragDrop_1iesl_818>div{min-height:auto;padding:0;line-height:normal;display:block;overflow:visible}._dragDrop_1iesl_818[data-dragging=true]{background:0 0!important}._dragDropInner_1iesl_837{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex;position:relative}._dragDropZone_1iesl_846{box-sizing:border-box;border-radius:calc(var(--field-radius) - 2px);width:100%;min-height:88px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:2px dashed #c7c7cc;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0;padding:18px 14px;transition:border-color .16s,background-color .16s,border-style .16s;display:flex}._dragDropZone_1iesl_846:hover:not(:disabled){background:var(--field-background-focus,#00000008);border-color:#8e8e93}._dragDropZone_1iesl_846[data-dragging=true]{border-color:var(--field-range-fill,#34c759);background:color-mix(in srgb, var(--field-range-fill,#34c759) 10%, transparent);border-style:solid}._dragDropZone_1iesl_846:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._dragDropZone_1iesl_846:disabled{cursor:not-allowed;opacity:.65}._dragDropHint_1iesl_884{font-size:var(--control-font-size,14px);color:inherit;line-height:1.35}._dragDropAccept_1iesl_890{color:var(--field-placeholder);letter-spacing:.01em;font-size:12px}._dragDropList_1iesl_896{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}._dragDropItem_1iesl_905{background:var(--field-background-focus,#0000000a);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}._dragDropMeta_1iesl_915{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}._dragDropName_1iesl_923{text-overflow:ellipsis;white-space:nowrap;font-size:var(--control-font-size,14px);color:inherit;line-height:1.3;overflow:hidden}._dragDropSize_1iesl_932{color:var(--field-placeholder);font-size:12px;line-height:1.2}._dragDropRemove_1iesl_938{width:28px;height:28px;color:var(--field-placeholder);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}._dragDropRemove_1iesl_938:hover{color:var(--field-error-color,#d70015);background:color-mix(in srgb, var(--field-error-color,#d70015) 10%, transparent)}._dragDropClearAll_1iesl_959{color:var(--field-placeholder);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:2px;padding:2px 0;font-size:12px}._dragDropClearAll_1iesl_959:hover{color:var(--field-error-color,#d70015)}
 
 ._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}
 

package/dist/styles/Field.module.js

@@ -1,28 +1,76 @@
 var e = {
-	l: "_l_1to3e_2",
-	f: "_f_1to3e_38",
-	e: "_e_1to3e_63",
-	n: "_n_1to3e_127",
-	w: "_w_1to3e_134",
-	time: "_time_1to3e_144",
-	timeInner: "_timeInner_1to3e_151",
-	timeAlignCenter: "_timeAlignCenter_1to3e_162",
-	timeSep: "_timeSep_1to3e_165",
-	timePart: "_timePart_1to3e_176",
-	t: "_t_1to3e_144",
-	affix: "_affix_1to3e_223",
-	g: "_g_1to3e_237",
-	range: "_range_1to3e_241",
-	rangeTrack: "_rangeTrack_1to3e_250",
-	rangeFill: "_rangeFill_1to3e_271",
-	rangeFillFull: "_rangeFillFull_1to3e_282",
-	checkbox: "_checkbox_1to3e_286",
-	checkControl: "_checkControl_1to3e_295",
-	checkBox: "_checkBox_1to3e_319",
-	checkMark: "_checkMark_1to3e_332",
-	checkText: "_checkText_1to3e_341",
-	h: "_h_1to3e_354",
-	m: "_m_1to3e_393"
+	l: "_l_1iesl_2",
+	f: "_f_1iesl_39",
+	e: "_e_1iesl_64",
+	n: "_n_1iesl_128",
+	w: "_w_1iesl_135",
+	time: "_time_1iesl_145",
+	timeInner: "_timeInner_1iesl_152",
+	timeAlignCenter: "_timeAlignCenter_1iesl_163",
+	timeSep: "_timeSep_1iesl_166",
+	timePickerBtn: "_timePickerBtn_1iesl_174",
+	timePart: "_timePart_1iesl_202",
+	t: "_t_1iesl_145",
+	affix: "_affix_1iesl_249",
+	g: "_g_1iesl_263",
+	range: "_range_1iesl_267",
+	rangeTrack: "_rangeTrack_1iesl_276",
+	rangeFill: "_rangeFill_1iesl_297",
+	rangeFillFull: "_rangeFillFull_1iesl_308",
+	checkbox: "_checkbox_1iesl_312",
+	checkControl: "_checkControl_1iesl_321",
+	checkBox: "_checkBox_1iesl_345",
+	checkMark: "_checkMark_1iesl_358",
+	checkText: "_checkText_1iesl_367",
+	h: "_h_1iesl_380",
+	m: "_m_1iesl_419",
+	display: "_display_1iesl_427",
+	displayEmpty: "_displayEmpty_1iesl_434",
+	radio: "_radio_1iesl_439",
+	radioInline: "_radioInline_1iesl_450",
+	radioItem: "_radioItem_1iesl_457",
+	radioDot: "_radioDot_1iesl_480",
+	radioDotFill: "_radioDotFill_1iesl_491",
+	radioText: "_radioText_1iesl_498",
+	tags: "_tags_1iesl_504",
+	tagsInner: "_tagsInner_1iesl_505",
+	tagChip: "_tagChip_1iesl_522",
+	tagLabel: "_tagLabel_1iesl_533",
+	tagRemove: "_tagRemove_1iesl_539",
+	tagInput: "_tagInput_1iesl_553",
+	rating: "_rating_1iesl_566",
+	ratingStar: "_ratingStar_1iesl_576",
+	ratingStarOn: "_ratingStarOn_1iesl_595",
+	code: "_code_1iesl_600",
+	codeInner: "_codeInner_1iesl_601",
+	codeCell: "_codeCell_1iesl_616",
+	file: "_file_1iesl_641",
+	fileInner: "_fileInner_1iesl_642",
+	fileInput: "_fileInput_1iesl_658",
+	fileButton: "_fileButton_1iesl_666",
+	fileList: "_fileList_1iesl_683",
+	fileEmpty: "_fileEmpty_1iesl_692",
+	fileItem: "_fileItem_1iesl_697",
+	fileName: "_fileName_1iesl_704",
+	fileSize: "_fileSize_1iesl_711",
+	fileClear: "_fileClear_1iesl_717",
+	rich: "_rich_1iesl_733",
+	richWrap: "_richWrap_1iesl_746",
+	richToolbar: "_richToolbar_1iesl_754",
+	richBtn: "_richBtn_1iesl_768",
+	richEditor: "_richEditor_1iesl_797",
+	dragDrop: "_dragDrop_1iesl_818",
+	dragDropInner: "_dragDropInner_1iesl_837",
+	dragDropZone: "_dragDropZone_1iesl_846",
+	dragDropHint: "_dragDropHint_1iesl_884",
+	dragDropAccept: "_dragDropAccept_1iesl_890",
+	dragDropList: "_dragDropList_1iesl_896",
+	dragDropItem: "_dragDropItem_1iesl_905",
+	dragDropMeta: "_dragDropMeta_1iesl_915",
+	dragDropName: "_dragDropName_1iesl_923",
+	dragDropSize: "_dragDropSize_1iesl_932",
+	dragDropRemove: "_dragDropRemove_1iesl_938",
+	dragDropClearAll: "_dragDropClearAll_1iesl_959"
 };
 //#endregion
 export { e as default };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@elcrm/form",
-    "version": "0.0.80",
-    "description": "React-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u0435\u0439 \u0444\u043e\u0440\u043c\u044b \u0438 \u0445\u0443\u043a useForm \u0434\u043b\u044f elCRM: \u0442\u0435\u043a\u0441\u0442, \u0434\u0430\u0442\u044b, \u043c\u0430\u0441\u043a\u0438, \u0434\u0435\u043d\u044c\u0433\u0438, \u0441\u0435\u043b\u0435\u043a\u0442, \u0441\u0432\u044f\u0437\u043a\u0430 \u0441 \u0444\u043e\u0440\u043c\u043e\u0439 \u043f\u043e \u0438\u043c\u0435\u043d\u0438 \u043f\u043e\u043b\u044f (tree-shakeable ESM).",
+    "version": "0.0.81",
+    "description": "React-компоненты полей формы и хук useForm для elCRM: текст, даты, маски, деньги, селект, связка с формой по имени поля (tree-shakeable ESM).",
     "type": "module",
     "author": "MaSkal <dev@elcrm.online>",
     "license": "MIT",