@elcrm/form 0.1.2 → 0.1.4

package/dist/fields/Rating.d.ts

@@ -1,10 +1,22 @@
 import { TInput } from './type';
-/** RatingField — оценка звёздами. Значение: число 0…max. */
+/**
+ * Оценка звёздами.
+ *
+ * **В форме:** `number` `0…max` (`0` = пусто).
+ *
+ * **Элементы:** капсула → `role="slider"` + кнопки звёзд. Стрелки меняют значение.
+ *
+ * @example
+ * <RatingField name="rate" form={form} label="Оценка" max={5} allowClear />
+ */
 export type TRating = TInput & {
     max?: number;
     /** Разрешить сброс повторным кликом по текущей оценке */
     allowClear?: boolean;
 };
+/**
+ * Звёздный рейтинг.
+ */
 declare function RatingField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, max, allowClear, }: TRating): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RatingField {
     var displayName: string;

package/dist/fields/Rating.js

@@ -1 +1 @@
-import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import r from"../styles/Rating.module.js";import i from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(e,t){return Number.isFinite(e)?Math.min(t,Math.max(0,Math.round(e))):0}function c({value:c=0,form:l,onValue:u,onBlur:d,name:f=``,placeholder:p=``,label:m=``,error:h=``,hidden:g=!1,disabled:_=!1,className:v=``,after:y=``,before:b=``,max:x=5,allowClear:S=!0}){let{value:C}=n(l,f,c),w=s(Number(C),x),T=!_,[E,D]=i.useState(0),O=e=>{let t={value:e,name:f};l&&f&&l.setValue(t),u&&u!==l?.onValue&&u(t)};if(g&&!w)return null;let k=E||w;return o(t,{type:`rating`,label:m,error:h,element_blok:{className:[v||``]},element_input:{className:[r.r],props:{"data-disabled":_||!T?`true`:void 0}},children:[b?a(`span`,{className:e.a,children:b}):null,a(`div`,{role:`slider`,"aria-label":m||p||`Оценка`,"aria-valuemin":0,"aria-valuemax":x,"aria-valuenow":w,tabIndex:T?0:-1,onMouseLeave:()=>D(0),onBlur:()=>{D(0),d?.({value:w,name:f})},onKeyDown:e=>{if(!T)return;let t=w;if(e.key===`ArrowRight`||e.key===`ArrowUp`)t=Math.min(x,w+1);else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)t=Math.max(0,w-1);else if(e.key===`Home`)t=0;else if(e.key===`End`)t=x;else return;e.preventDefault(),O(t)},children:Array.from({length:x},(e,t)=>{let n=t+1;return a(`button`,{type:`button`,className:n<=k?`${r.s} ${r.o}`:r.s,"aria-label":`${n} из ${x}`,disabled:!T,onMouseEnter:()=>T&&D(n),onClick:()=>{T&&O(S&&w===n?0:n)},children:`★`},n)})}),y?a(`span`,{className:e.a,children:y}):null]})}c.displayName=`RatingField`;export{c as default};
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{createFieldEmit as r}from"./emit.js";import i from"../styles/Rating.module.js";import a from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(e,t){return Number.isFinite(e)?Math.min(t,Math.max(0,Math.round(e))):0}function l({value:l=0,form:u,onValue:d,onBlur:f,name:p=``,placeholder:m=``,label:h=``,error:g=``,hidden:_=!1,disabled:v=!1,className:y=``,after:b=``,before:x=``,max:S=5,allowClear:C=!0}){let{value:w}=n(u,p,l),T=c(Number(w),S),E=!v,[D,O]=a.useState(0),k=e=>{r(u,p,d)(e,!0)};if(_&&!T)return null;let A=D||T;return s(t,{type:`rating`,label:h,error:g,element_blok:{className:[y||``]},element_input:{className:[i.r],props:{"data-disabled":v||!E?`true`:void 0}},children:[x?o(`span`,{className:e.a,children:x}):null,o(`div`,{role:`slider`,"aria-label":h||m||`Оценка`,"aria-valuemin":0,"aria-valuemax":S,"aria-valuenow":T,tabIndex:E?0:-1,onMouseLeave:()=>O(0),onBlur:()=>{O(0),f?.({value:T,name:p})},onKeyDown:e=>{if(!E)return;let t=T;if(e.key===`ArrowRight`||e.key===`ArrowUp`)t=Math.min(S,T+1);else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)t=Math.max(0,T-1);else if(e.key===`Home`)t=0;else if(e.key===`End`)t=S;else return;e.preventDefault(),k(t)},children:Array.from({length:S},(e,t)=>{let n=t+1;return o(`button`,{type:`button`,className:n<=A?`${i.s} ${i.o}`:i.s,"aria-label":`${n} из ${S}`,disabled:!E,onMouseEnter:()=>E&&O(n),onClick:()=>{E&&k(C&&T===n?0:n)},children:`★`},n)})}),b?o(`span`,{className:e.a,children:b}):null]})}l.displayName=`RatingField`;export{l as default};

package/dist/fields/RichText.d.ts

@@ -1,12 +1,20 @@
 import { TInput } from './type';
 /**
- * RichTextField — простой WYSIWYG без внешних библиотек.
- * Значение: HTML-строка. Панель: жирный / курсив / подчёркивание / списки.
+ * Простой WYSIWYG (`document.execCommand`). **В форме:** HTML-строка.
+ *
+ * **Элементы:** капсула как textarea → опциональный `toolbar` (B/I/U/списки) + редактор.
+ * Санитизацию HTML делайте в приложении.
+ *
+ * @example
+ * <RichTextField name="bio" form={form} label="Описание" toolbar />
  */
 export type TRichText = TInput & {
     /** Показать панель форматирования */
     toolbar?: boolean;
 };
+/**
+ * Rich-текст. Значение — HTML, не plain text.
+ */
 declare function RichTextField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxLength, spellCheck, toolbar, }: TRichText): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RichTextField {
     var displayName: string;

package/dist/fields/RichText.js

@@ -1 +1 @@
-import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{isEmptyTextLike as r}from"./visibility.js";import i from"../styles/Rich.module.js";import a from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c({value:c=``,form:l,onValue:u,onBlur:d,name:f=``,placeholder:p=``,label:m=``,error:h=``,hidden:g=!1,disabled:_=!1,className:v=``,after:y=``,before:b=``,maxLength:x,spellCheck:S=!0,toolbar:C=!0}){let{value:w,version:T}=n(l,f,c),E=!_,D=typeof w==`string`?w:``,O=a.useRef(null),k=a.useRef(!1);a.useLayoutEffect(()=>{if(k.current)return;let e=O.current;e&&e.innerHTML!==D&&(e.innerHTML=D||``)},[D,T]);let A=(e,t=!1)=>{let n=e;if(x&&n.replace(/<[^>]+>/g,``).length>x)return;let r={value:n,name:f};l&&f&&(t?l.setValue(r):l.onValue(r)),u&&u!==l?.onValue&&u(r)},j=e=>{if(E){O.current?.focus();try{document.execCommand(e,!1)}catch{}A(O.current?.innerHTML||``)}};if(g&&r(D.replace(/<[^>]+>/g,``)))return null;let M={};return p&&!D&&(M.placeholder=p),E&&(M.edit=``),s(t,{type:`richtext`,label:m,error:h,element_blok:{className:[v||``]},element_input:{className:[i.r],props:{"data-disabled":_||!E?`true`:void 0}},children:[b?o(`span`,{className:e.a,children:b}):null,s(`div`,{className:i.w,children:[C?s(`div`,{className:i.t,role:`toolbar`,children:[o(`button`,{type:`button`,className:i.b,disabled:!E,"aria-label":`Жирный`,onMouseDown:e=>e.preventDefault(),onClick:()=>j(`bold`),children:`B`}),o(`button`,{type:`button`,className:i.b,disabled:!E,"aria-label":`Курсив`,onMouseDown:e=>e.preventDefault(),onClick:()=>j(`italic`),children:o(`em`,{children:`I`})}),o(`button`,{type:`button`,className:i.b,disabled:!E,"aria-label":`Подчёркивание`,onMouseDown:e=>e.preventDefault(),onClick:()=>j(`underline`),children:o(`u`,{children:`U`})}),o(`button`,{type:`button`,className:i.b,disabled:!E,"aria-label":`Маркированный список`,onMouseDown:e=>e.preventDefault(),onClick:()=>j(`insertUnorderedList`),children:`•`}),o(`button`,{type:`button`,className:i.b,disabled:!E,"aria-label":`Нумерованный список`,onMouseDown:e=>e.preventDefault(),onClick:()=>j(`insertOrderedList`),children:`1.`})]}):null,o(`div`,{ref:O,className:i.e,contentEditable:E,suppressContentEditableWarning:!0,spellCheck:S,role:`textbox`,"aria-multiline":!0,"aria-label":m||p||`Текст`,tabIndex:E?0:-1,onFocus:()=>{k.current=!0},onInput:()=>A(O.current?.innerHTML||``),onBlur:()=>{k.current=!1;let e=O.current?.innerHTML||``;A(e,!0),d?.({value:e,name:f})},...M})]}),y?o(`span`,{className:e.a,children:y}):null]})}c.displayName=`RichTextField`;export{c as default};
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{createFieldEmit as r}from"./emit.js";import{isEmptyTextLike as i}from"./visibility.js";import a from"../styles/Rich.module.js";import o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({value:l=``,form:u,onValue:d,onBlur:f,name:p=``,placeholder:m=``,label:h=``,error:g=``,hidden:_=!1,disabled:v=!1,className:y=``,after:b=``,before:x=``,maxLength:S,spellCheck:C=!0,toolbar:w=!0}){let{value:T,version:E}=n(u,p,l),D=!v,O=typeof T==`string`?T:``,k=o.useRef(null),A=o.useRef(!1);o.useLayoutEffect(()=>{if(A.current)return;let e=k.current;e&&e.innerHTML!==O&&(e.innerHTML=O||``)},[O,E]);let j=r(u,p,d),M=(e,t=!1)=>{S&&e.replace(/<[^>]+>/g,``).length>S||j(e,t)},N=e=>{if(D){k.current?.focus();try{document.execCommand(e,!1)}catch{}M(k.current?.innerHTML||``)}};if(_&&i(O.replace(/<[^>]+>/g,``)))return null;let P={};return m&&!O&&(P.placeholder=m),D&&(P.edit=``),c(t,{type:`richtext`,label:h,error:g,element_blok:{className:[y||``]},element_input:{className:[a.r],props:{"data-disabled":v||!D?`true`:void 0}},children:[x?s(`span`,{className:e.a,children:x}):null,c(`div`,{className:a.w,children:[w?c(`div`,{className:a.t,role:`toolbar`,children:[s(`button`,{type:`button`,className:a.b,disabled:!D,"aria-label":`Жирный`,onMouseDown:e=>e.preventDefault(),onClick:()=>N(`bold`),children:`B`}),s(`button`,{type:`button`,className:a.b,disabled:!D,"aria-label":`Курсив`,onMouseDown:e=>e.preventDefault(),onClick:()=>N(`italic`),children:s(`em`,{children:`I`})}),s(`button`,{type:`button`,className:a.b,disabled:!D,"aria-label":`Подчёркивание`,onMouseDown:e=>e.preventDefault(),onClick:()=>N(`underline`),children:s(`u`,{children:`U`})}),s(`button`,{type:`button`,className:a.b,disabled:!D,"aria-label":`Маркированный список`,onMouseDown:e=>e.preventDefault(),onClick:()=>N(`insertUnorderedList`),children:`•`}),s(`button`,{type:`button`,className:a.b,disabled:!D,"aria-label":`Нумерованный список`,onMouseDown:e=>e.preventDefault(),onClick:()=>N(`insertOrderedList`),children:`1.`})]}):null,s(`div`,{ref:k,className:a.e,contentEditable:D,suppressContentEditableWarning:!0,spellCheck:C,role:`textbox`,"aria-multiline":!0,"aria-label":h||m||`Текст`,tabIndex:D?0:-1,onFocus:()=>{A.current=!0},onInput:()=>M(k.current?.innerHTML||``),onBlur:()=>{A.current=!1;let e=k.current?.innerHTML||``;M(e,!0),f?.({value:e,name:p})},...P})]}),b?s(`span`,{className:e.a,children:b}):null]})}l.displayName=`RichTextField`;export{l as default};

package/dist/fields/Select.d.ts

@@ -11,10 +11,31 @@ type SelectOptionArrayItem = {
     s?: number;
 };
 type SelectOptions = SelectOptionObject | SelectOptionArrayItem[];
+/**
+ * Выпадающий список (портал в `document.body`).
+ *
+ * **В форме:** `number` (id опции; `0` часто = «не выбрано»).
+ *
+ * **Элементы:** капсула-`combobox` + список `listbox` (li = option).
+ * Формат опций: `{ [id]: { n: "Подпись", s: 1 } }` или `[{ i, n, s }]`.
+ * `s === 0` — скрыть пункт. `order` — порядок id.
+ *
+ * @example
+ * const ROLES = { 1: { n: "Админ", s: 1 }, 2: { n: "Юзер", s: 1 } };
+ * <SelectField name="role" form={form} label="Роль" options={ROLES} placeholder="Выберите" />
+ */
 export type TSelect = TInput & {
+    /**
+     * Пункты: объект `{ id: { n, s } }` или массив `{ id|i, n, s? }`.
+     * `n` — текст, `s` — видимость (`0` = скрыт).
+     */
     options?: SelectOptions;
+    /** Порядок ключей, если `options` — объект. */
     order?: number[];
 };
+/**
+ * Селект: клик по капсуле открывает список, привязанный к полю при скролле.
+ */
 declare function SelectField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, className, after, before, options, order, size, }: TSelect): import("react/jsx-runtime").JSX.Element | "";
 declare namespace SelectField {
     var displayName: string;

package/dist/fields/Select.js

@@ -1 +1 @@
-import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{acquireOverlayZIndex as r,releaseOverlayZIndex as i}from"../overlayZ.js";import a from"../styles/Select.module.js";import o,{useEffect as s,useState as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{createPortal as f}from"react-dom";function p({value:r=0,form:i,onValue:c,name:p=``,placeholder:m=``,label:g,error:_,hidden:v=!1,disabled:y=!1,className:b,after:x=``,before:S=``,options:C,order:w,size:T=`md`}){let[E,D]=o.useState(!1),[O,k]=o.useState(0),[A,j]=o.useState(null),M=o.useRef(null),N=o.useId(),P=o.useCallback(()=>{let e=M.current;if(!e)return;let t=e.getBoundingClientRect();j(e=>e&&e.top===t.top&&e.left===t.left&&e.width===t.width&&e.height===t.height&&e.bottom===t.bottom?e:t)},[]);s(()=>{if(!E)return;P();let e=()=>P();return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[E,P]);let{value:F}=n(i,p,r??0),I=Number(F),L=[];C&&(L=Array.isArray(C)?C.map(e=>({id:e.id??e.i??0,label:e.n||``,hidden:e.s===0})).filter(e=>e.id!==0&&e.label.length>0):Object.keys(C).map(e=>{let t=Number(e),n=C[t];return{id:t,label:n?.n||``,hidden:n?.s===0}}).filter(e=>e.label.length>0));let R=(()=>{if(!w||w.length===0)return L;let e=new Map(L.map(e=>[e.id,e]));return w.map(t=>e.get(t)).filter(e=>!!e)})().filter(e=>!e.hidden),z=e=>R.find(t=>t.id===e)?.label,B=E&&R.length>0?`${N}-opt-${O}`:void 0,V=e=>{let t={value:e,name:p};i&&p&&i.setValue(t),c&&c!==i?.onValue&&c(t)},H=e=>{if(R.length===0||y)return;let t=R.findIndex(e=>e.id===I);M.current=e;let n=e.getBoundingClientRect(),r=t>=0?t:0;j(n),k(r),D(!0)},U=e=>{H(e.currentTarget)},W=e=>{if(!y&&R.length!==0){if(!E&&(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)){e.preventDefault(),H(e.currentTarget);return}if(E){if(e.key===`Escape`){e.preventDefault(),D(!1);return}if(e.key===`ArrowDown`){e.preventDefault(),k(e=>(e+1)%R.length);return}if(e.key===`ArrowUp`){e.preventDefault(),k(e=>e-1<0?R.length-1:e-1);return}if(e.key===`Enter`){e.preventDefault();let t=R[O];t&&V(t.id),D(!1)}}}},G={};m&&(G.placeholder=m);let K=z(I),q=(K===void 0||K===``)&&!!m,J=I===0||z(I)===void 0;return v&&J?``:d(l,{children:[d(t,{type:`select`,label:g,element_blok:{className:[b||``]},error:_,size:T,element_input:{className:[a.f],props:{onClick:U,onKeyDown:W,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":E,"aria-haspopup":`listbox`,"aria-controls":N,...B?{"aria-activedescendant":B}:{},"aria-disabled":y,"data-disabled":y}},children:[S?u(`span`,{className:e.a,children:S}):null,u(`div`,{...G,className:q?a.p:void 0,children:K??m??``}),x?u(`span`,{className:e.a,children:x}):null]}),E&&f(u(h,{parent:A||void 0,onValue:V,className:b,items:R,setOpen:D,listId:N,activeIndex:O,currentValue:I}),document.body)]})}p.displayName=`SelectField`;var m=o.memo(p),h=({onValue:e,parent:t,className:n,items:o,setOpen:f,listId:p,activeIndex:m,currentValue:h})=>{let[_]=c(()=>r());if(s(()=>()=>i(_),[_]),!t)return null;let v=()=>{f(!1)},y=t=>{f(!1),e(t)},b=Math.min(300,Math.max(52,o.length*52+8)),x=window.innerHeight-t.bottom-6-8,S=t.top-6-8,C=x<Math.min(b,160)&&S>x,w=Math.max(t.width,260),T=Math.min(Math.max(8,t.left),window.innerWidth-w-8);return d(l,{children:[u(`div`,{className:a.o,style:{zIndex:_},onClick:v,"aria-hidden":!0}),u(`div`,{className:[a.l,n].filter(e=>e!==void 0).join(` `),style:{...C?{bottom:`${window.innerHeight-t.top+6}px`}:{top:`${t.bottom+6}px`},left:T+`px`,width:w,zIndex:_+1},children:u(g,{listId:p,items:o,link:y,activeIndex:m,currentValue:h})})]})},g=({listId:e,items:t,link:n,activeIndex:r,currentValue:i})=>u(`ul`,{id:e,role:`listbox`,children:t.map((t,a)=>u(`li`,{id:`${e}-opt-${a}`,role:`option`,"aria-selected":i===t.id,"data-focus":r===a?`true`:`false`,onClick:()=>n(t.id),children:t.label},t.id))});export{m as default};
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{createFieldEmit as r}from"./emit.js";import{acquireOverlayZIndex as i,releaseOverlayZIndex as a}from"../overlayZ.js";import o from"../styles/Select.module.js";import s,{useEffect as c,useState as l}from"react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{createPortal as p}from"react-dom";function m({value:i=0,form:a,onValue:l,name:m=``,placeholder:h=``,label:_,error:v,hidden:y=!1,disabled:b=!1,className:x,after:S=``,before:C=``,options:w,order:T,size:E=`m`}){let[D,O]=s.useState(!1),[k,A]=s.useState(0),[j,M]=s.useState(null),N=s.useRef(null),P=s.useId(),F=s.useCallback(()=>{let e=N.current;if(!e)return;let t=e.getBoundingClientRect();M(e=>e&&e.top===t.top&&e.left===t.left&&e.width===t.width&&e.height===t.height&&e.bottom===t.bottom?e:t)},[]);c(()=>{if(!D)return;F();let e=()=>F();return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[D,F]);let{value:I}=n(a,m,i??0),L=Number(I),R=[];w&&(R=Array.isArray(w)?w.map(e=>({id:e.id??e.i??0,label:e.n||``,hidden:e.s===0})).filter(e=>e.id!==0&&e.label.length>0):Object.keys(w).map(e=>{let t=Number(e),n=w[t];return{id:t,label:n?.n||``,hidden:n?.s===0}}).filter(e=>e.label.length>0));let z=(()=>{if(!T||T.length===0)return R;let e=new Map(R.map(e=>[e.id,e]));return T.map(t=>e.get(t)).filter(e=>!!e)})().filter(e=>!e.hidden),B=e=>z.find(t=>t.id===e)?.label,V=D&&z.length>0?`${P}-opt-${k}`:void 0,H=e=>{r(a,m,l)(e,!0)},U=e=>{if(z.length===0||b)return;let t=z.findIndex(e=>e.id===L);N.current=e;let n=e.getBoundingClientRect(),r=t>=0?t:0;M(n),A(r),O(!0)},W=e=>{U(e.currentTarget)},G=e=>{if(!b&&z.length!==0){if(!D&&(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)){e.preventDefault(),U(e.currentTarget);return}if(D){if(e.key===`Escape`){e.preventDefault(),O(!1);return}if(e.key===`ArrowDown`){e.preventDefault(),A(e=>(e+1)%z.length);return}if(e.key===`ArrowUp`){e.preventDefault(),A(e=>e-1<0?z.length-1:e-1);return}if(e.key===`Enter`){e.preventDefault();let t=z[k];t&&H(t.id),O(!1)}}}},K={};h&&(K.placeholder=h);let q=B(L),J=(q===void 0||q===``)&&!!h,Y=L===0||B(L)===void 0;return y&&Y?``:f(u,{children:[f(t,{type:`select`,label:_,element_blok:{className:[x||``]},error:v,size:E,element_input:{className:[e.w,o.f],props:{onClick:W,onKeyDown:G,tabIndex:b?-1:0,role:`combobox`,"aria-expanded":D,"aria-haspopup":`listbox`,"aria-controls":P,...V?{"aria-activedescendant":V}:{},"aria-disabled":b?!0:void 0,"data-disabled":b?`true`:void 0}},children:[C?d(`span`,{className:e.a,children:C}):null,d(`div`,{...K,className:[e.x,J?o.p:``].filter(Boolean).join(` `),children:q??h??``}),S?d(`span`,{className:e.a,children:S}):null]}),D&&p(d(g,{parent:j||void 0,onValue:H,className:x,items:z,setOpen:O,listId:P,activeIndex:k,currentValue:L}),document.body)]})}m.displayName=`SelectField`;var h=s.memo(m),g=({onValue:e,parent:t,className:n,items:r,setOpen:s,listId:p,activeIndex:m,currentValue:h})=>{let[g]=l(()=>i());if(c(()=>()=>a(g),[g]),!t)return null;let v=()=>{s(!1)},y=t=>{s(!1),e(t)},b=Math.min(300,Math.max(52,r.length*52+8)),x=window.innerHeight-t.bottom-6-8,S=t.top-6-8,C=x<Math.min(b,160)&&S>x,w=Math.max(t.width,260),T=Math.min(Math.max(8,t.left),window.innerWidth-w-8),E=C?t.top-b-6:t.bottom+6;return E=Math.min(E,window.innerHeight-b-8),E=Math.max(8,E),f(u,{children:[d(`div`,{className:o.o,style:{zIndex:g},onClick:v,"aria-hidden":!0}),d(`div`,{className:[o.l,n].filter(e=>e!==void 0).join(` `),style:{top:`${E}px`,left:T+`px`,width:w,zIndex:g+1},children:d(_,{listId:p,items:r,link:y,activeIndex:m,currentValue:h})})]})},_=({listId:e,items:t,link:n,activeIndex:r,currentValue:i})=>d(`ul`,{id:e,role:`listbox`,children:t.map((t,a)=>d(`li`,{id:`${e}-opt-${a}`,role:`option`,"aria-selected":i===t.id,"data-focus":r===a?`true`:`false`,onClick:()=>n(t.id),children:t.label},t.id))});export{h as default};

package/dist/fields/Tabs.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { TInput } from './type';
+type TabsOptionObject = Record<string | number, {
+    n: string;
+    s?: number;
+    icon?: ReactNode;
+}>;
+type TabsOptionArrayItem = {
+    id?: string | number;
+    i?: string | number;
+    n: string;
+    /** `0` — сегмент виден, но недоступен (приглушён) */
+    s?: number;
+    /** Иконка / точка слева от подписи */
+    icon?: ReactNode;
+};
+type TabsOptions = TabsOptionObject | TabsOptionArrayItem[];
+/**
+ * Сегменты (вкладки-переключатель).
+ *
+ * **В форме:** `string | number` (id активного сегмента).
+ *
+ * **Элементы:** капсула без внутреннего padding → кнопки-сегменты.
+ * `options[].icon` — слот слева в сегменте. `s === 0` — сегмент виден, но disabled.
+ * `equal` — равная ширина (по умолчанию true).
+ *
+ * @example
+ * <TabsField name="tab" form={form} options={[{ i: "a", n: "А" }, { i: "b", n: "Б" }]} />
+ */
+export type TTabs = TInput & {
+    options?: TabsOptions;
+    /**
+     * Равная ширина сегментов (по умолчанию `true`).
+     * `false` — ширина по содержимому.
+     */
+    equal?: boolean;
+};
+/**
+ * Сегмент-контрол. Фокус на сегменте, не на всей капсуле.
+ */
+declare function TabsField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, options, equal, size, }: TTabs): import("react/jsx-runtime").JSX.Element | null;
+declare namespace TabsField {
+    var displayName: string;
+}
+export default TabsField;

package/dist/fields/Tabs.js

@@ -0,0 +1 @@
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{createFieldEmit as r}from"./emit.js";import i from"../styles/Tabs.module.js";import"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(e){return e?Array.isArray(e)?e.map(e=>({id:e.id??e.i??``,label:e.n||``,disabled:e.s===0,icon:e.icon})).filter(e=>e.label.length>0&&e.id!==``):Object.keys(e).map(t=>{let n=e[t],r=Number(t);return{id:Number.isFinite(r)&&String(r)===t?r:t,label:n?.n||``,disabled:n?.s===0,icon:n?.icon}}).filter(e=>e.label.length>0):[]}function c(e,t){return e===t?!0:String(e)===String(t)}function l({value:l=``,form:u,onValue:d,onBlur:f,name:p=``,placeholder:m=``,label:h=``,error:g=``,hidden:_=!1,disabled:v=!1,className:y=``,after:b=``,before:x=``,options:S,equal:C=!0,size:w}){let{value:T}=n(u,p,l),E=!v,D=s(S),O=e=>{r(u,p,d)(e,!0)};return _&&(T==null||T===``)?null:o(t,{type:`tabs`,label:h,error:g,size:w,element_blok:{className:[y||``]},element_input:{className:[i.r],props:{"data-disabled":v||!E?`true`:void 0}},children:[x?a(`span`,{className:e.a,children:x}):null,a(`div`,{className:i.i,role:`tablist`,"aria-label":h||m||`Вкладки`,style:C?void 0:{justifyContent:`flex-start`},children:D.map(e=>{let t=c(T,e.id),n=v||!E||e.disabled;return o(`button`,{type:`button`,role:`tab`,"aria-selected":t,"aria-disabled":n||void 0,disabled:n,className:[i.t,t?i.a:``].filter(Boolean).join(` `),style:C?void 0:{flex:`0 0 auto`},onClick:()=>{n||O(e.id)},onBlur:()=>{!f||!p||f({value:u?u.getValue(p,T):T,name:p})},children:[e.icon==null?null:a(`span`,{className:i.o,"aria-hidden":!0,children:e.icon}),a(`span`,{className:i.l,children:e.label})]},String(e.id))})}),b?a(`span`,{className:e.a,children:b}):null]})}l.displayName=`TabsField`;export{l as default};

package/dist/fields/Tags.d.ts

@@ -1,10 +1,22 @@
 import { TInput } from './type';
-/** TagsField — чипы / метки. Значение: `string[]`. */
+/**
+ * Чипы / теги.
+ *
+ * **В форме:** `string[]`.
+ *
+ * **Элементы:** капсула → чипы + однострочный ввод. Enter / `separators` создают чип.
+ *
+ * @example
+ * <TagsField name="tags" form={form} label="Метки" maxTags={8} />
+ */
 export type TTags = TInput & {
     maxTags?: number;
     /** Разделители при вводе (по умолчанию Enter / запятая) */
     separators?: string[];
 };
+/**
+ * Поле тегов. Backspace на пустом вводе удаляет последний чип.
+ */
 declare function TagsField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, maxTags, maxLength, separators, }: TTags): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TagsField {
     var displayName: string;

package/dist/fields/Tags.js

@@ -1 +1 @@
-import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import r from"../styles/Tags.module.js";import i from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(e){return Array.isArray(e)?e.map(String).map(e=>e.trim()).filter(Boolean):typeof e==`string`&&e.trim()?e.split(`,`).map(e=>e.trim()).filter(Boolean):[]}function c({value:c=[],form:l,onValue:u,onBlur:d,name:f=``,placeholder:p=`Добавить…`,label:m=``,error:h=``,hidden:g=!1,disabled:_=!1,className:v=``,after:y=``,before:b=``,maxTags:x,maxLength:S,separators:C=[`,`,`Enter`]}){let{value:w}=n(l,f,c),T=s(w),E=!_,[D,O]=i.useState(``),k=i.useRef(null),A=e=>{let t={value:e,name:f};l&&f&&l.setValue(t),u&&u!==l?.onValue&&u(t)},j=e=>{let t=e.trim();if(t&&!(S&&t.length>S)){if(T.some(e=>e.toLowerCase()===t.toLowerCase())){O(``);return}x!==void 0&&T.length>=x||(A([...T,t]),O(``))}},M=e=>{E&&A(T.filter((t,n)=>n!==e))},N=e=>{if(E){if(C.includes(e.key)||e.key===`,`&&C.includes(`,`)){e.preventDefault(),j(D);return}e.key===`Backspace`&&!D&&T.length>0&&(e.preventDefault(),M(T.length-1))}},P=T.length===0;return g&&P?null:o(t,{type:`tags`,label:m,error:h,element_blok:{className:[v||``]},element_input:{className:[r.r],props:{"data-disabled":_||!E?`true`:void 0,onClick:()=>k.current?.focus()}},children:[b?a(`span`,{className:e.a,children:b}):null,o(`div`,{className:r.i,children:[T.map((e,t)=>o(`span`,{className:r.c,children:[a(`span`,{className:r.l,children:e}),E?a(`button`,{type:`button`,className:r.m,"aria-label":`Удалить ${e}`,onClick:e=>{e.stopPropagation(),M(t)},children:`×`}):null]},`${e}-${t}`)),E&&(x===void 0||T.length<x)?a(`input`,{ref:k,className:r.n,value:D,placeholder:T.length===0?p:``,disabled:_,maxLength:S,"aria-label":m||p||`Теги`,onChange:e=>O(e.target.value),onKeyDown:N,onBlur:()=>{D.trim()&&j(D),d?.({value:T,name:f})}}):null]}),y?a(`span`,{className:e.a,children:y}):null]})}c.displayName=`TagsField`;export{c as default};
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{createFieldEmit as r}from"./emit.js";import i from"../styles/Tags.module.js";import a from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(e){return Array.isArray(e)?e.map(String).map(e=>e.trim()).filter(Boolean):typeof e==`string`&&e.trim()?e.split(`,`).map(e=>e.trim()).filter(Boolean):[]}function l({value:l=[],form:u,onValue:d,onBlur:f,name:p=``,placeholder:m=`Добавить…`,label:h=``,error:g=``,hidden:_=!1,disabled:v=!1,className:y=``,after:b=``,before:x=``,maxTags:S,maxLength:C,separators:w=[`,`,`Enter`]}){let{value:T}=n(u,p,l),E=c(T),D=!v,[O,k]=a.useState(``),A=a.useRef(null),j=e=>{r(u,p,d)(e,!0)},M=e=>{let t=e.trim();if(t&&!(C&&t.length>C)){if(E.some(e=>e.toLowerCase()===t.toLowerCase())){k(``);return}S!==void 0&&E.length>=S||(j([...E,t]),k(``))}},N=e=>{D&&j(E.filter((t,n)=>n!==e))},P=e=>{if(D){if(w.includes(e.key)||e.key===`,`&&w.includes(`,`)){e.preventDefault(),M(O);return}e.key===`Backspace`&&!O&&E.length>0&&(e.preventDefault(),N(E.length-1))}},F=E.length===0;return _&&F?null:s(t,{type:`tags`,label:h,error:g,element_blok:{className:[y||``]},element_input:{className:[i.r],props:{"data-disabled":v||!D?`true`:void 0,onClick:()=>A.current?.focus()}},children:[x?o(`span`,{className:e.a,children:x}):null,s(`div`,{className:i.i,children:[E.map((e,t)=>s(`span`,{className:i.c,children:[o(`span`,{className:i.l,children:e}),D?o(`button`,{type:`button`,className:i.m,"aria-label":`Удалить ${e}`,onClick:e=>{e.stopPropagation(),N(t)},children:`×`}):null]},`${e}-${t}`)),D&&(S===void 0||E.length<S)?o(`input`,{ref:A,className:i.n,value:O,placeholder:E.length===0?m:``,disabled:v,maxLength:C,"aria-label":h||m||`Теги`,onChange:e=>k(e.target.value),onKeyDown:P,onBlur:()=>{O.trim()&&M(O),f?.({value:E,name:p})}}):null]}),b?o(`span`,{className:e.a,children:b}):null]})}l.displayName=`TagsField`;export{l as default};

package/dist/fields/Textarea.d.ts

@@ -1,5 +1,14 @@
 import { TInput } from './type';
-/** TextareaField — многострочное поле (contentEditable). */
+/**
+ * Многострочный текст (`contentEditable`).
+ *
+ * **В форме:** `string` (могут быть `\n`).
+ *
+ * **Элементы:** `label` + высокая капсула (`--field-note-height`) + `before` / `after`.
+ *
+ * @example
+ * <TextareaField name="comment" form={form} label="Комментарий" placeholder="Текст…" />
+ */
 declare function TextareaField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, size, inputmode, maxLength, spellCheck, }: TInput): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TextareaField {
     var displayName: string;

package/dist/fields/Textarea.js

@@ -1 +1 @@
-import e from"../styles/Field.module.js";import t,{useFieldA11y as n}from"../core/Field.js";import{useFormFieldState as r}from"../hooks/use.js";import i,{asEditableClipboard as a}from"../events/onEvent.js";import{isEmptyTextLike as o}from"./visibility.js";import s from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";function u({value:n,form:u,onValue:f,name:p=``,placeholder:m=``,label:h=``,hidden:g=!1,disabled:_=!1,onBlur:v,className:y=``,after:b=``,before:x=``,error:S=``,size:C=`md`,inputmode:w=`text`,maxLength:T,spellCheck:E=!0}){let{value:D,version:O}=r(u,p||``,n),k=!_,A=String(D??``),j=s.useRef(null),M=s.useRef(!1);s.useLayoutEffect(()=>{if(M.current)return;let e=j.current;e&&e.innerText!==A&&(e.innerText=A)},[A,O]);let N=e=>{let t={value:e.currentTarget.innerText,name:p||``};u&&p&&u.onValue(t),f&&f!==u?.onValue&&f(t)},P=e=>{let t=(e.currentTarget.textContent??``).trim();T&&t.length>=T&&e.key!==`Backspace`&&e.preventDefault(),e.key===`Enter`&&!e.shiftKey&&e.preventDefault()},F=e=>i.Paste(T||0,a(e));if(g&&o(D))return null;let I={};return m&&(I.placeholder=m),k&&(I.edit=``),I.inputMode=w||`text`,l(t,{type:`note`,label:h,error:S,size:C,element_blok:{className:[y||``]},element_input:{className:[e.n]},children:[x?c(`span`,{className:e.a,children:x}):null,c(d,{divRef:j,editable:k,label:h,placeholder:m,spellCheck:E,dd:I,onPaste:F,onInput:N,onFocus:()=>{M.current=!0},onBlur:e=>{i.Blur(e),v?.({value:(e.currentTarget.textContent??``).trim(),name:p||``}),M.current=!1},onKeyDown:P}),b?c(`span`,{className:e.a,children:b}):null]})}function d({divRef:e,editable:t,label:r,placeholder:i,spellCheck:a,dd:o,onPaste:s,onInput:l,onFocus:u,onBlur:d,onKeyDown:f}){let p=n();return c(`div`,{ref:e,id:p?.controlId,role:`textbox`,"aria-multiline":`true`,"aria-label":r?void 0:i||`Текст`,"aria-describedby":p?.describedBy,"aria-invalid":p?.errorId?!0:void 0,tabIndex:t?0:-1,onPaste:s,onInput:l,onFocus:u,onBlur:d,onKeyDown:f,spellCheck:a,contentEditable:t?`plaintext-only`:!1,suppressContentEditableWarning:!0,...o})}u.displayName=`TextareaField`;export{u as default};
+import e from"../styles/Field.module.js";import t,{useFieldA11y as n}from"../core/Field.js";import{useFormFieldState as r}from"../hooks/use.js";import{createFieldEmit as i}from"./emit.js";import a,{asEditableClipboard as o}from"../events/onEvent.js";import{isEmptyTextLike as s}from"./visibility.js";import c from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d({value:n,form:d,onValue:p,name:m=``,placeholder:h=``,label:g=``,hidden:_=!1,disabled:v=!1,onBlur:y,className:b=``,after:x=``,before:S=``,error:C=``,size:w=`m`,inputmode:T=`text`,maxLength:E,spellCheck:D=!0}){let{value:O,version:k}=r(d,m||``,n),A=!v,j=String(O??``),M=c.useRef(null),N=c.useRef(!1);c.useLayoutEffect(()=>{if(N.current)return;let e=M.current;e&&e.innerText!==j&&(e.innerText=j)},[j,k]);let P=i(d,m,p),F=e=>{P(e.currentTarget.innerText)},I=e=>{let t=(e.currentTarget.textContent??``).trim();E&&t.length>=E&&e.key!==`Backspace`&&e.preventDefault(),e.key===`Enter`&&!e.shiftKey&&e.preventDefault()},L=e=>a.Paste(E||0,o(e));if(_&&s(O))return null;let R={};h&&(R.placeholder=h),A&&(R.edit=``),R.inputMode=T||`text`;let z=e=>{a.Blur(e),y?.({value:(e.currentTarget.textContent??``).trim(),name:m||``}),N.current=!1},B=()=>{N.current=!0};return u(t,{type:`note`,label:g,error:C,size:w,element_blok:{className:[b||``]},element_input:{className:[e.n],props:{"data-disabled":v||!A?`true`:void 0}},children:[S?l(`span`,{className:e.a,children:S}):null,l(f,{divRef:M,editable:A,label:g,placeholder:h,spellCheck:D,dd:R,onPaste:L,onInput:F,onFocus:B,onBlur:z,onKeyDown:I}),x?l(`span`,{className:e.a,children:x}):null]})}function f({divRef:e,editable:t,label:r,placeholder:i,spellCheck:a,dd:o,onPaste:s,onInput:c,onFocus:u,onBlur:d,onKeyDown:f}){let p=n();return l(`div`,{ref:e,id:p?.controlId,role:`textbox`,"aria-multiline":`true`,"aria-label":r?void 0:i||`Текст`,"aria-describedby":p?.describedBy,"aria-invalid":p?.errorId?!0:void 0,tabIndex:t?0:-1,"aria-disabled":t?void 0:!0,onPaste:s,onInput:c,onFocus:u,onBlur:d,onKeyDown:f,spellCheck:a,contentEditable:t?`plaintext-only`:!1,suppressContentEditableWarning:!0,...o})}d.displayName=`TextareaField`;export{d as default};

package/dist/fields/Time.d.ts

@@ -1,5 +1,15 @@
 import { TInput } from './type';
-/** Значение в форме: строка `HH:mm` или пустая строка */
+/**
+ * Время `HH:mm` (два contentEditable: часы и минуты).
+ *
+ * **В форме:** `string` `"14:30"` или `""`.
+ *
+ * **Элементы:** капсула → [часы] `:` [минуты] + опционально кнопка picker (`after` по умолчанию — часы).
+ * `step` — шаг минут в **секундах** (`300` = 5 мин). `align`: `start` | `center`.
+ *
+ * @example
+ * <TimeField name="at" form={form} label="Время" step={300} picker />
+ */
 export type TTime = TInput & {
     /** Шаг для минут в секундах (`60` — любая минута; `300` — кратно 5 мин) */
     step?: number;
@@ -22,9 +32,8 @@ export type TTime = TInput & {
     presets?: string[];
 };
 /**
- * Время: два contentEditable по образцу Mask (каретка через queueMicrotask + setCursorPosition).
- * Пока фокус в группе — в DOM только введённые цифры без ведущих нулей; в форму значение
- * уходит при уходе фокуса с группы (snap минут, clamp, формат `HH:mm`).
+ * Поле времени. Пока фокус в группе — в DOM сырые цифры; в форму `HH:mm` уходит на blur.
+ * Popup слотов — при `picker` / `presets`.
  */
 declare function TimeField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, hidden, disabled, error, className, after, before, step, min, max, id, spellCheck, align, picker, presets, }: TTime): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TimeField {

package/dist/fields/Time.js

@@ -1 +1 @@
-import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import r from"../events/onEvent.js";import{acquireOverlayZIndex as i,releaseOverlayZIndex as a}from"../overlayZ.js";import o from"../styles/Time.module.js";import s from"../styles/Select.module.js";import c from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{createPortal as f}from"react-dom";function p(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function m(e,t){let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())}function h(e){return String(e).padStart(2,`0`)}function g(e){return(e||``).replace(/\D/g,``)}function _(e){if(e==null||e===``||typeof e!=`string`)return``;let t=e.trim(),n=/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(t);if(!n)return``;let r=Math.min(23,Math.max(0,parseInt(n[1],10))),i=Math.min(59,Math.max(0,parseInt(n[2],10)));return`${h(r)}:${h(i)}`}function v(e){let t=_(e);if(!t)return{h:null,m:null};let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return{h:n,m:r}}function y(e,t){if(e===null&&t===null)return``;let n=e??0,r=t??0;return`${h(n)}:${h(r)}`}function b(e,t){let n=g(e).slice(0,2);if(n===``)return null;let r=parseInt(n,10);return Number.isNaN(r)?null:Math.min(t,Math.max(0,r))}function x(e){let t=_(e);if(!t)return null;let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return n*60+r}function S(e,t){let n=Math.max(1,Math.round(t/60));if(n<=1)return e;let r=Math.round(e/n)*n;return Math.min(59,Math.max(0,r))}function C(e,t,n){let r=_(e);if(!r)return``;let i=x(r);if(i===null)return``;if(t){let e=x(t);e!==null&&(i=Math.max(i,e))}if(n){let e=x(n);e!==null&&(i=Math.min(i,e))}return y(Math.floor(i/60),i%60)}function ee(e,t,n,r){if(r&&r.length>0){let e=new Set,i=[];for(let a of r){let r=_(a);!r||e.has(r)||(e.add(r),i.push(C(r,t,n)||r))}return i}let i=Math.max(1,Math.round(e/60));i<5&&(i=15);let a=t?x(t)??0:0,o=n?x(n)??1439:1439,s=Math.min(1439,o),c=[],l=Math.ceil(a/i)*i;for(let e=l;e<=s;e+=i){let t=Math.floor(e/60);if(t>23)break;let n=e%60;c.push(y(t,n))}return c}function te(){return d(`svg`,{viewBox:`0 0 24 24`,width:`20`,height:`20`,fill:`none`,"aria-hidden":!0,children:[u(`circle`,{cx:`12`,cy:`12`,r:`8.25`,stroke:`currentColor`,strokeWidth:`1.75`}),u(`path`,{d:`M12 7.5V12l3 2`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}function w({value:i=``,form:a,onValue:s,onBlur:x,name:w=``,placeholder:T=``,label:E=``,hidden:re=!1,disabled:D=!1,error:ie=``,className:O=``,after:k=``,before:A=``,step:j=60,min:M,max:N,id:ae,spellCheck:oe=!1,align:se=`start`,picker:P=!1,presets:F}){let{value:ce,version:le}=n(a,w,i),I=_(ce),L=!D,R=c.useRef(null),z=c.useRef(null),B=c.useRef(null),V=c.useRef(null),[H,U]=c.useState(!1),[W,G]=c.useState(!1),[K,q]=c.useState(null),[J,Y]=c.useState(0),ue=c.useId(),X=c.useMemo(()=>ee(j,M,N,F),[j,M,N,F]);c.useLayoutEffect(()=>{if(!H||!L)return;let{h:e,m:t}=v(I),n=(e,t)=>{e&&(t===null?e.innerHTML=`<br>`:e.textContent=String(t))};n(R.current,e),n(z.current,t)},[H,I,le,L]);let de=c.useCallback(()=>{let e=b(R.current?.textContent||``,23),t=b(z.current?.textContent||``,59);if(e===null&&t===null)return``;let n=y(e,t);if(!n)return``;let{h:r,m:i}=v(n);return i!==null&&(n=y(r,S(i,j))),n&&=C(n,M,N),n||``},[M,N,j]),Z=c.useCallback(e=>{let t=_(e);if(t){let{h:e,m:n}=v(t);n!==null&&(t=y(e,S(n,j))),t=C(t,M,N)}return a&&w&&a.setValue({name:w,value:t}),s&&s!==a?.onValue&&s({value:t,name:w}),t},[a,w,s,M,N,j]),fe=c.useCallback(()=>{if(!P||!L||X.length===0)return;let e=V.current;if(!e)return;let t=Math.max(0,X.findIndex(e=>e===I));Y(t>=0?t:0),q(e.getBoundingClientRect()),G(!0)},[P,L,X,I]);c.useEffect(()=>{if(!W)return;let e=()=>{let e=V.current;e&&q(e.getBoundingClientRect())};return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[W]),c.useEffect(()=>{if(!W)return;let e=e=>{if(e.key===`Escape`){e.preventDefault(),G(!1);return}if(X.length!==0){if(e.key===`ArrowDown`)e.preventDefault(),Y(e=>(e+1)%X.length);else if(e.key===`ArrowUp`)e.preventDefault(),Y(e=>e-1<0?X.length-1:e-1);else if(e.key===`Enter`){e.preventDefault();let t=X[J];t&&(Z(t),G(!1))}}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[W,X,J,Z]);let pe=e=>t=>{if(t.preventDefault(),!L)return;let n=g(t.clipboardData?.getData(`text/plain`)??``),r=e===`hour`?23:59;if(n.length>=4){let e=Math.min(23,Math.max(0,parseInt(n.slice(0,2),10))),t=Math.min(59,Math.max(0,parseInt(n.slice(2,4),10))),r=R.current,i=z.current;r&&(r.textContent=String(e),queueMicrotask(()=>m(String(e).length,r))),i&&(i.textContent=String(t),queueMicrotask(()=>m(String(t).length,i)));return}let i=n.slice(0,2),a=t.currentTarget;if(i===``){a.innerHTML=`<br>`,queueMicrotask(()=>m(0,a));return}let o=parseInt(i,10);if(Number.isNaN(o))return;let s=String(Math.min(r,Math.max(0,o)));a.textContent=s,queueMicrotask(()=>m(s.length,a))},me=e=>{let t=e.target,n=t.textContent||``,r=p(t),i=n.slice(0,r).replace(/\D/g,``).length,a=g(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>m(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(23,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>m(c,t))},he=e=>{let t=e.target,n=t.textContent||``,r=p(t),i=n.slice(0,r).replace(/\D/g,``).length,a=g(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>m(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(59,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>m(c,t))},ge=e=>{(e.key===`Enter`||e.key===`:`)&&(e.preventDefault(),z.current?.focus())},_e=e=>{e.key===`Enter`&&e.preventDefault()},Q=e=>{let t=e.currentTarget;(t.textContent||``).trim().length||(t.innerHTML=`<br>`),L&&U(!0)},ve=e=>{r.Blur(e)};c.useEffect(()=>{let e=B.current;if(!e)return;let t=t=>{let n=t.relatedTarget;if(n&&e.contains(n))return;let r=de();a&&w&&a.setValue({name:w,value:r}),s&&s!==a?.onValue&&s({value:r,name:w}),x&&w&&x({value:r,name:w}),U(!1)};return e.addEventListener(`focusout`,t),()=>e.removeEventListener(`focusout`,t)},[a,w,x,M,N,j,de]);let{h:ye,m:be}=v(I),$={};L&&($.edit=``);let xe={...$},Se={...$};T&&(xe.placeholder=T);let Ce=I!==``||H;return re&&I===``?null:d(l,{children:[u(`div`,{ref:V,children:d(t,{type:`time`,label:E,error:ie,element_blok:{className:[O||``]},element_input:{className:[e.w,o.r,se===`center`?o.c:``].filter(Boolean),props:{"data-disabled":D||!L?`true`:void 0}},children:[A?u(`span`,{className:e.a,children:A}):null,d(`div`,{ref:B,className:o.i,role:`group`,"aria-label":E||`Время`,children:[u(`div`,{id:ae,ref:R,className:o.p,contentEditable:L?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:oe,inputMode:`numeric`,onPaste:pe(`hour`),onInput:me,onKeyDown:ge,onFocus:Q,onBlur:ve,"aria-label":`Часы, 0–23`,...xe,children:!L||!H?ye===null?``:h(ye):null}),Ce&&u(`span`,{className:o.s,"aria-hidden":`true`,children:`:`}),u(`div`,{ref:z,className:o.p,contentEditable:L?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:oe,inputMode:`numeric`,onPaste:pe(`minute`),onInput:he,onKeyDown:_e,onFocus:Q,onBlur:ve,"aria-label":`Минуты, 0–59`,...Se,children:!L||!H?be===null?``:h(be):null})]}),P?u(`button`,{type:`button`,className:o.b,disabled:!L||X.length===0,"aria-label":`Быстрый выбор времени`,"aria-haspopup":`listbox`,"aria-expanded":W,"aria-controls":ue,onMouseDown:e=>e.preventDefault(),onClick:fe,children:u(te,{})}):null,k?u(`span`,{className:e.a,children:k}):null]})}),W&&K&&f(u(ne,{parent:K,slots:X,current:I,activeIndex:J,listId:ue,className:O,setOpen:G,setActiveIndex:Y,onPick:e=>{Z(e),G(!1)}}),document.body)]})}w.displayName=`TimeField`;var ne=({parent:e,slots:t,current:n,activeIndex:r,listId:o,className:f,setOpen:p,setActiveIndex:m,onPick:h})=>{let g=c.useRef(null),[_]=c.useState(()=>i());c.useEffect(()=>()=>a(_),[_]),c.useEffect(()=>{(g.current?.querySelector(`[data-focus="true"]`))?.scrollIntoView({block:`nearest`})},[r]);let v=window.innerHeight-e.bottom<306?Math.max(6,e.top-300-6):Math.min(window.innerHeight-300-6,e.bottom+6),y=Math.max(e.width,160),b=Math.min(Math.max(6,e.left),window.innerWidth-y-6);return d(l,{children:[u(`div`,{className:s.o,style:{zIndex:_},onClick:()=>p(!1),"aria-hidden":!0}),u(`div`,{className:[s.l,f].filter(e=>e!==void 0).join(` `),style:{top:v+`px`,left:b+`px`,width:y,zIndex:_+1},children:u(`ul`,{id:o,role:`listbox`,ref:g,children:t.map((e,t)=>u(`li`,{id:`${o}-opt-${t}`,role:`option`,"aria-selected":n===e,"data-focus":r===t?`true`:`false`,onMouseEnter:()=>m(t),onClick:()=>h(e),children:e},e))})})]})};export{w as default};
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import{createFieldEmit as r}from"./emit.js";import i from"../events/onEvent.js";import a from"../styles/Time.module.js";import o from"./TimePicker.js";import{buildTimeSlots as s,clampToRange as c,combine as l,digitsOnly as u,getRangeStartOffsetInElement as ee,normalizeTime as d,pad2 as f,parsePartDigits as p,setCursorPosition as m,snapMinute as h,splitTime as g}from"./timeUtils.js";import _ from"react";import{Fragment as te,jsx as v,jsxs as y}from"react/jsx-runtime";import{createPortal as ne}from"react-dom";function re(){return y(`svg`,{viewBox:`0 0 24 24`,width:`20`,height:`20`,fill:`none`,"aria-hidden":!0,children:[v(`circle`,{cx:`12`,cy:`12`,r:`8.25`,stroke:`currentColor`,strokeWidth:`1.75`}),v(`path`,{d:`M12 7.5V12l3 2`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}function b({value:b=``,form:x,onValue:S,onBlur:C,name:w=``,placeholder:T=``,label:E=``,hidden:ie=!1,disabled:D=!1,error:ae=``,className:oe=``,after:O=``,before:k=``,step:A=60,min:j,max:M,id:se,spellCheck:N=!1,align:ce=`start`,picker:P=!1,presets:F}){let{value:le,version:ue}=n(x,w,b),I=d(le),L=!D,R=_.useRef(null),z=_.useRef(null),B=_.useRef(null),V=_.useRef(null),[H,U]=_.useState(!1),[W,G]=_.useState(!1),[K,q]=_.useState(null),[J,Y]=_.useState(0),de=_.useId(),X=_.useMemo(()=>s(A,j,M,F),[A,j,M,F]);_.useLayoutEffect(()=>{if(!H||!L)return;let{h:e,m:t}=g(I),n=(e,t)=>{e&&(t===null?e.innerHTML=`<br>`:e.textContent=String(t))};n(R.current,e),n(z.current,t)},[H,I,ue,L]);let fe=_.useCallback(()=>{let e=p(R.current?.textContent||``,23),t=p(z.current?.textContent||``,59);if(e===null&&t===null)return``;let n=l(e,t);if(!n)return``;let{h:r,m:i}=g(n);return i!==null&&(n=l(r,h(i,A))),n&&=c(n,j,M),n||``},[j,M,A]),Z=_.useCallback(e=>{let t=d(e);if(t){let{h:e,m:n}=g(t);n!==null&&(t=l(e,h(n,A))),t=c(t,j,M)}return r(x,w,S)(t,!0),t},[x,w,S,j,M,A]),pe=_.useCallback(()=>{if(!P||!L||X.length===0)return;let e=V.current;if(!e)return;let t=Math.max(0,X.findIndex(e=>e===I));Y(t>=0?t:0),q(e.getBoundingClientRect()),G(!0)},[P,L,X,I]);_.useEffect(()=>{if(!W)return;let e=()=>{let e=V.current;e&&q(e.getBoundingClientRect())};return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[W]),_.useEffect(()=>{if(!W)return;let e=e=>{if(e.key===`Escape`){e.preventDefault(),G(!1);return}if(X.length!==0){if(e.key===`ArrowDown`)e.preventDefault(),Y(e=>(e+1)%X.length);else if(e.key===`ArrowUp`)e.preventDefault(),Y(e=>e-1<0?X.length-1:e-1);else if(e.key===`Enter`){e.preventDefault();let t=X[J];t&&(Z(t),G(!1))}}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[W,X,J,Z]);let me=e=>t=>{if(t.preventDefault(),!L)return;let n=u(t.clipboardData?.getData(`text/plain`)??``),r=e===`hour`?23:59;if(n.length>=4){let e=Math.min(23,Math.max(0,parseInt(n.slice(0,2),10))),t=Math.min(59,Math.max(0,parseInt(n.slice(2,4),10))),r=R.current,i=z.current;r&&(r.textContent=String(e),queueMicrotask(()=>m(String(e).length,r))),i&&(i.textContent=String(t),queueMicrotask(()=>m(String(t).length,i)));return}let i=n.slice(0,2),a=t.currentTarget;if(i===``){a.innerHTML=`<br>`,queueMicrotask(()=>m(0,a));return}let o=parseInt(i,10);if(Number.isNaN(o))return;let s=String(Math.min(r,Math.max(0,o)));a.textContent=s,queueMicrotask(()=>m(s.length,a))},he=e=>{let t=e.target,n=t.textContent||``,r=ee(t),i=n.slice(0,r).replace(/\D/g,``).length,a=u(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>m(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(23,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>m(c,t))},ge=e=>{let t=e.target,n=t.textContent||``,r=ee(t),i=n.slice(0,r).replace(/\D/g,``).length,a=u(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>m(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(59,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>m(c,t))},_e=e=>{(e.key===`Enter`||e.key===`:`)&&(e.preventDefault(),z.current?.focus())},ve=e=>{e.key===`Enter`&&e.preventDefault()},ye=e=>{let t=e.currentTarget;(t.textContent||``).trim().length||(t.innerHTML=`<br>`),L&&U(!0)},be=e=>{i.Blur(e)};_.useEffect(()=>{let e=B.current;if(!e)return;let t=t=>{let n=t.relatedTarget;if(n&&e.contains(n))return;let i=fe();r(x,w,S)(i,!0),C&&w&&C({value:i,name:w}),U(!1)};return e.addEventListener(`focusout`,t),()=>e.removeEventListener(`focusout`,t)},[x,w,S,C,j,M,A,fe]);let{h:xe,m:Se}=g(I),Q={};L&&(Q.edit=``);let $={...Q},Ce={...Q};T&&($.placeholder=T);let we=I!==``||H;return ie&&I===``?null:y(te,{children:[v(`div`,{ref:V,children:y(t,{type:`time`,label:E,error:ae,element_blok:{className:[oe||``]},element_input:{className:[e.w,a.r,ce===`center`?a.c:``].filter(Boolean),props:{"data-disabled":D||!L?`true`:void 0}},children:[k?v(`span`,{className:e.a,children:k}):null,y(`div`,{ref:B,className:a.i,role:`group`,"aria-label":E||`Время`,children:[v(`div`,{id:se,ref:R,className:a.p,contentEditable:L?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:N,inputMode:`numeric`,onPaste:me(`hour`),onInput:he,onKeyDown:_e,onFocus:ye,onBlur:be,"aria-label":`Часы, 0–23`,...$,children:!L||!H?xe===null?``:f(xe):null}),we&&v(`span`,{className:a.s,"aria-hidden":`true`,children:`:`}),v(`div`,{ref:z,className:a.p,contentEditable:L?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:N,inputMode:`numeric`,onPaste:me(`minute`),onInput:ge,onKeyDown:ve,onFocus:ye,onBlur:be,"aria-label":`Минуты, 0–59`,...Ce,children:!L||!H?Se===null?``:f(Se):null})]}),P?v(`button`,{type:`button`,className:a.b,disabled:!L||X.length===0,"aria-label":`Быстрый выбор времени`,"aria-haspopup":`listbox`,"aria-expanded":W,"aria-controls":de,onMouseDown:e=>e.preventDefault(),onClick:pe,children:v(re,{})}):null,O?v(`span`,{className:e.a,children:O}):null]})}),W&&K&&ne(v(o,{parent:K,slots:X,current:I,activeIndex:J,listId:de,className:oe,setOpen:G,setActiveIndex:Y,onPick:e=>{Z(e),G(!1)}}),document.body)]})}b.displayName=`TimeField`;export{b as default};

package/dist/fields/TimePicker.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+/**
+ * Попап слотов {@link TimeField} (портал, якорь к капсуле).
+ * Не публичный API пакета.
+ */
+export type TTimePickerProps = {
+    /** getBoundingClientRect капсулы. */
+    parent: DOMRect;
+    /** Список `HH:mm`. */
+    slots: string[];
+    /** Текущее значение поля. */
+    current: string;
+    /** Подсветка пункта (клавиатура). */
+    activeIndex: number;
+    listId: string;
+    className?: string;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+    /** Выбор слота → коммит в форму. */
+    onPick: (slot: string) => void;
+};
+/** Список времени `role="listbox"`. */
+declare function TimePicker({ parent, slots, current, activeIndex, listId, className, setOpen, setActiveIndex, onPick, }: TTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export default TimePicker;

package/dist/fields/TimePicker.js

@@ -0,0 +1 @@
+import{acquireOverlayZIndex as e,releaseOverlayZIndex as t}from"../overlayZ.js";import n from"../styles/Select.module.js";import r from"react";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";function s({parent:s,slots:c,current:l,activeIndex:u,listId:d,className:f,setOpen:p,setActiveIndex:m,onPick:h}){let g=r.useRef(null),[_]=r.useState(()=>e());r.useEffect(()=>()=>t(_),[_]),r.useEffect(()=>{(g.current?.querySelector(`[data-focus="true"]`))?.scrollIntoView({block:`nearest`})},[u]);let v=window.innerHeight-s.bottom<306?s.top-300-6:s.bottom+6;v=Math.min(v,window.innerHeight-300-6),v=Math.max(6,v);let y=Math.max(s.width,160),b=Math.min(Math.max(6,s.left),window.innerWidth-y-6);return o(i,{children:[a(`div`,{className:n.o,style:{zIndex:_},onClick:()=>p(!1),"aria-hidden":!0}),a(`div`,{className:[n.l,f].filter(e=>e!==void 0).join(` `),style:{top:v+`px`,left:b+`px`,width:y,zIndex:_+1},children:a(`ul`,{id:d,role:`listbox`,ref:g,children:c.map((e,t)=>a(`li`,{id:`${d}-opt-${t}`,role:`option`,"aria-selected":l===e,"data-focus":u===t?`true`:`false`,onMouseEnter:()=>m(t),onClick:()=>h(e),children:e},e))})})]})}export{s as default};

package/dist/fields/Url.d.ts

@@ -1,7 +1,17 @@
 import { default as React } from 'react';
 import { TInput } from './type';
-/** UrlField — нативный input type=url. */
+/**
+ * Сайт / ссылка. Нативный `<input type="url">`.
+ *
+ * **В форме:** `string`. Пропы — {@link TInput}.
+ *
+ * @example
+ * <UrlField name="site" form={form} label="Сайт" placeholder="https://" />
+ */
 export type TUrl = TInput;
+/**
+ * Поле URL (автозаполнение `url`, клавиатура `inputMode="url"`).
+ */
 declare function UrlField(props: TUrl): import("react/jsx-runtime").JSX.Element;
 declare namespace UrlField {
     var displayName: string;

package/dist/fields/cardUtils.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Алгоритм Луна для номеров банковских карт.
+ * @returns true, если контрольная сумма верна
+ */
+export declare function luhnCheck(digits: string): boolean;
+/** Только цифры, максимум 19 (ISO/IEC 7812) */
+export declare function cardDigits(value: unknown): string;
+/** Группы по 4: `4111 1111 1111 1111` */
+export declare function formatCardNumber(digits: string): string;
+export type CardBrand = "visa" | "mastercard" | "amex" | "mir" | "unionpay" | "unknown";
+/**
+ * Определение платёжной системы по BIN.
+ * Visa / Мир / Amex — с 4 цифр. Mastercard 2xxx часто только с 6
+ * (диапазон 2221–2720); 2220 на четырёх — unknown.
+ */
+export declare function detectCardBrand(digits: string): CardBrand;
+/** Состояние бейджа: не пересчитываем на 5+ если уже узнали бренд. */
+export type CardBrandLock = {
+    prefix4: string;
+    locked: boolean;
+    brand: CardBrand;
+};
+export declare function emptyCardBrandLock(): CardBrandLock;
+/**
+ * Иконка по BIN:
+ * — меньше 4 цифр → «••••»;
+ * — на 4-й: Visa / Мир / Amex / MC (если хватает) — сразу и freeze;
+ * — если на 4 ещё unknown (часто MC 2xxx) — ждём до 6-й, потом freeze;
+ * — 7+ не трогаем, пока не сменятся первые 4.
+ */
+export declare function stepCardBrand(digits: string, prev: CardBrandLock): CardBrandLock;
+/**
+ * Проверка номера карты.
+ * Пустая строка — ок (обязательность снаружи).
+ * Неполная — ошибка; полная без Луна — ошибка.
+ */
+export declare function validateCardNumber(value: unknown): string;

package/dist/fields/cardUtils.js

@@ -0,0 +1 @@
+function e(e){let t=e.replace(/\D/g,``);if(t.length<13||t.length>19)return!1;let n=0,r=!1;for(let e=t.length-1;e>=0;e--){let i=t.charCodeAt(e)-48;if(i<0||i>9)return!1;r&&(i*=2,i>9&&(i-=9)),n+=i,r=!r}return n%10==0}function t(e){return String(e??``).replace(/\D/g,``).slice(0,19)}function n(e){return t(e).replace(/(\d{4})(?=\d)/g,`$1 `).trimEnd()}function r(e){let n=t(e);if(n.length<4)return`unknown`;let r=n.slice(0,6);return/^4/.test(r)?`visa`:/^3[47]/.test(r)?`amex`:/^220[0-4]/.test(r)?`mir`:/^(5[1-5]|222[1-9]|22[3-9]\d|2[3-6]\d{2}|27[01]\d|2720)/.test(r)?`mastercard`:/^62/.test(r)?`unionpay`:`unknown`}function i(){return{prefix4:``,locked:!1,brand:`unknown`}}function a(e,n){let o=t(e);if(o.length<4)return i();let s=o.slice(0,4);if(n.prefix4&&n.prefix4!==s)return a(o,i());if(n.locked&&n.prefix4===s)return n;let c=r(o);return c===`unknown`?o.length>=6?{prefix4:s,locked:!0,brand:`unknown`}:{prefix4:s,locked:!1,brand:`unknown`}:{prefix4:s,locked:!0,brand:c}}function o(n){let r=t(n);return r?r.length<13?`Неполный номер карты`:e(r)?``:`Некорректный номер карты`:``}export{t as cardDigits,r as detectCardBrand,i as emptyCardBrandLock,n as formatCardNumber,e as luhnCheck,a as stepCardBrand,o as validateCardNumber};

package/dist/fields/colorUtils.d.ts

@@ -0,0 +1,29 @@
+/** Встроенная палитра (6 колонок), близкая к пресетам UI */
+export declare const DEFAULT_COLOR_PALETTE: string[];
+export type Hsva = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare function clamp(n: number, min: number, max: number): number;
+export declare function toHexByte(n: number): string;
+/** HSV → RGB 0..255 */
+export declare function hsvToRgb(h: number, s: number, v: number): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHsv(r: number, g: number, b: number): Omit<Hsva, "a">;
+/** #RGB / #RRGGBB / #RRGGBBAA → hsva */
+export declare function parseHexColor(input: unknown): Hsva | null;
+/** hsva → #RRGGBB или #RRGGBBAA (alpha &lt; 1) */
+export declare function formatHexColor(hsva: Hsva, withAlpha: boolean): string;
+export declare function cssColor(hsva: Hsva): string;
+export declare function hueCss(h: number): string;
+export declare function normalizeHexCompare(hex: string): string;
+export declare function isEmptyColor(value: unknown): boolean;
+export declare function isEditablePasteTarget(target: EventTarget | null): boolean;
+/** Hex / rgb из буфера обмена */
+export declare function parseClipboardColor(text: string): Hsva | null;
+export declare function hasEyeDropper(): boolean;

package/dist/fields/colorUtils.js

@@ -0,0 +1 @@
+var e=`#FF2D55.#FF3B30.#FF453A.#FF6961.#FF8A80.#C11F3E.#AF52DE.#BF5AF2.#DA8FFF.#5856D6.#5E5CE6.#7D7AFF.#007AFF.#0A84FF.#409CFF.#64D2FF.#70D7FF.#5AC8FA.#32ADE6.#64D2FF.#40C8E0.#00C7BE.#63E6E2.#66D4CF.#34C759.#30D158.#30DB5B.#4CD964.#6DE6A0.#8EEDB3.#A8E10C.#B5F200.#D0FF00.#E4FF66.#F2FF99.#C6FF00.#FFCC00.#FFD60A.#FFEA00.#FFE066.#FFF3A3.#FFEB3B.#FF9500.#FF9F0A.#FFB340.#FFB340.#FFD580.#FF8C00.#A2845E.#AC8E68.#C4A484.#8E8E93.#636366.#48484A.#3A3A3C.#2C2C2E.#1C1C1E`.split(`.`);function t(e,t,n){return Math.min(n,Math.max(t,e))}function n(e){return Math.round(t(e,0,255)).toString(16).padStart(2,`0`).toUpperCase()}function r(e,t,n){let r=(e%360+360)%360,i=n*t,a=i*(1-Math.abs(r/60%2-1)),o=n-i,s=0,c=0,l=0;return r<60?[s,c,l]=[i,a,0]:r<120?[s,c,l]=[a,i,0]:r<180?[s,c,l]=[0,i,a]:r<240?[s,c,l]=[0,a,i]:r<300?[s,c,l]=[a,0,i]:[s,c,l]=[i,0,a],{r:(s+o)*255,g:(c+o)*255,b:(l+o)*255}}function i(e,t,n){let r=e/255,i=t/255,a=n/255,o=Math.max(r,i,a),s=o-Math.min(r,i,a),c=0;s!==0&&(c=o===r?(i-a)/s%6:o===i?(a-r)/s+2:(r-i)/s+4,c*=60,c<0&&(c+=360));let l=o===0?0:s/o;return{h:c,s:l,v:o}}function a(e){if(typeof e!=`string`)return null;let t=e.trim();if(!t||(t[0]===`#`&&(t=t.slice(1)),![3,4,6,8].includes(t.length))||!/^[0-9a-fA-F]+$/.test(t))return null;let n=0,r=0,a=0,o=1;return t.length===3||t.length===4?(n=parseInt(t[0]+t[0],16),r=parseInt(t[1]+t[1],16),a=parseInt(t[2]+t[2],16),t.length===4&&(o=parseInt(t[3]+t[3],16)/255)):(n=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),a=parseInt(t.slice(4,6),16),t.length===8&&(o=parseInt(t.slice(6,8),16)/255)),{...i(n,r,a),a:o}}function o(e,t){let{r:i,g:a,b:o}=r(e.h,e.s,e.v),s=`#${n(i)}${n(a)}${n(o)}`;return!t||e.a>=.999?s:`${s}${n(e.a*255)}`}function s(e){let{r:t,g:n,b:i}=r(e.h,e.s,e.v),a=Math.round(t),o=Math.round(n),s=Math.round(i);return e.a>=.999?`rgb(${a}, ${o}, ${s})`:`rgba(${a}, ${o}, ${s}, ${Number(e.a.toFixed(3))})`}function c(e){let{r:t,g:n,b:i}=r(e,1,1);return`rgb(${Math.round(t)},${Math.round(n)},${Math.round(i)})`}function l(e){let t=a(e);return t?o(t,t.a<.999):e.toUpperCase()}function u(e){return e==null?!0:typeof e==`string`?e.trim()===``:!1}function d(e){if(!(e instanceof HTMLElement))return!1;let t=e.tagName;return t===`INPUT`||t===`TEXTAREA`||t===`SELECT`?!0:!!e.isContentEditable}function f(e){let n=(e||``).trim();if(!n)return null;let r=a(n)??a(n[0]===`#`?n:`#${n.replace(/^#/,``)}`);if(r)return r;let o=/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*([\d.]+))?\s*\)$/i.exec(n);if(o){let e=t(Number(o[1]),0,255),n=t(Number(o[2]),0,255),r=t(Number(o[3]),0,255),a=o[4]===void 0?1:t(Number(o[4]),0,1);return{...i(e,n,r),a}}return null}function p(){return typeof window<`u`&&`EyeDropper`in window}export{e as DEFAULT_COLOR_PALETTE,t as clamp,s as cssColor,o as formatHexColor,p as hasEyeDropper,c as hueCss,d as isEditablePasteTarget,u as isEmptyColor,l as normalizeHexCompare,f as parseClipboardColor,a as parseHexColor};

package/dist/fields/dateUtils.d.ts

@@ -0,0 +1,32 @@
+export type TDateTemplate = "dd.mm.yyyy" | "yyyy-mm-dd" | "dd.mm.yy" | "dd.mm.yyyy HH:MM:SS" | string;
+export type TDatePosition = {
+    x: number;
+    y: number;
+    b: number;
+};
+export type TMonthInfo = {
+    val: string;
+    name: string;
+    names: string;
+    abc: string;
+};
+/** Для отображения в триггере: пусто → placeholder/data-placeholder, не «сегодня» */
+export declare function isDateDisplayEmpty(value: unknown): boolean;
+/** Месяц (1–12) в году y попадает в диапазон min/max */
+export declare function isMonthInRange(y: number, m: number, min?: Date, max?: Date): boolean;
+/** Год целиком пересекается с min/max */
+export declare function isYearInRange(y: number, min?: Date, max?: Date): boolean;
+/** Начало 12-летнего блока для сетки лет, с учётом min/max */
+export declare function clampYearPageStart(start: number, min?: Date, max?: Date): number;
+export declare function isEditablePasteTarget(target: EventTarget | null): boolean;
+/** Разбор даты из буфера: dd.mm.yyyy, yyyy-mm-dd и т.п. */
+export declare function parseClipboardDate(text: string): Date | null;
+export declare function clampDateValue(d: Date, min?: Date, max?: Date): Date;
+/** Дополнение числа ведущими нулями до длины l */
+export declare function FormatNumber(l: number, n: number): string;
+/** Дата в формате хранения формы: YYYY-MM-DD */
+export declare function toStoreDateString(d: Date): string;
+/** Имя месяца (1–12) или из Date */
+export declare function FormatMonth(m: number | Date): TMonthInfo;
+/** Форматирование даты по шаблону (dd.mm.yyyy и т.п.) */
+export declare function FormatDate(x: Date | string | number, y?: TDateTemplate): string;

package/dist/fields/dateUtils.js

@@ -0,0 +1 @@
+import{isEmptyTextLike as e}from"./visibility.js";function t(t){return!!(t==null||typeof t==`string`&&e(t)||t instanceof Date&&Number.isNaN(t.getTime()))}function n(e,t,n,r){let i=new Date(e,t-1,1);return!(n&&new Date(e,t,0)<n||r&&i>r)}function r(e,t,n){return!(t&&e<t.getFullYear()||n&&e>n.getFullYear())}function i(e,t,n){let r=e;if(t){let e=t.getFullYear();r+11<e&&(r=e-11),r<e&&(r=e)}if(n){let e=n.getFullYear();r>e&&(r=e-11),r+11>e&&(r=e-11)}return r}function a(e){if(!(e instanceof HTMLElement))return!1;let t=e.tagName;return t===`INPUT`||t===`TEXTAREA`||t===`SELECT`?!0:!!e.isContentEditable}function o(e){let t=(e||``).trim();if(!t)return null;let n=t.split(/\s+/)[0].replace(/,/g,`.`),r=(e,t,n)=>{if(t<1||t>12||n<1||n>31)return null;let r=e<100?2e3+e:e,i=new Date(r,t-1,n);return Number.isNaN(i.getTime())||i.getFullYear()!==r||i.getMonth()!==t-1||i.getDate()!==n?null:i},i=/^(\d{1,2})[./](\d{1,2})[./](\d{2,4})$/.exec(n);if(i)return r(parseInt(i[3],10),parseInt(i[2],10),parseInt(i[1],10));if(i=/^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(n),i)return r(parseInt(i[1],10),parseInt(i[2],10),parseInt(i[3],10));if(i=/^(\d{1,2})\/(\d{1,2})\/(\d{2,4})$/.exec(n),i)return r(parseInt(i[3],10),parseInt(i[2],10),parseInt(i[1],10));let a=n.replace(/\D/g,``);return a.length===8?r(parseInt(a.slice(4,8),10),parseInt(a.slice(2,4),10),parseInt(a.slice(0,2),10))||r(parseInt(a.slice(0,4),10),parseInt(a.slice(4,6),10),parseInt(a.slice(6,8),10)):null}function s(e,t,n){let r=e.getTime();return t&&r<t.getTime()&&(r=t.getTime()),n&&r>n.getTime()&&(r=n.getTime()),new Date(r)}function c(e,t){let n=t+``;for(;n.length<e;)n=`0`+n;return n}function l(e){return e.getFullYear()+`-`+c(2,e.getMonth()+1)+`-`+c(2,e.getDate())}var u={val:`01`,name:`—`,names:`—`,abc:`—`};function d(e){let t=typeof e==`number`?e:new Date(e).getMonth()+1;return(!Number.isFinite(t)||t<1||t>12)&&(t=new Date().getMonth()+1),{1:{val:`01`,name:`Январь`,names:`Января`,abc:`Янв`},2:{val:`02`,name:`Февраль`,names:`Февраля`,abc:`Февр`},3:{val:`03`,name:`Март`,names:`Марта`,abc:`Март`},4:{val:`04`,name:`Апрель`,names:`Апреля`,abc:`Апр`},5:{val:`05`,name:`Май`,names:`Мая`,abc:`Май`},6:{val:`06`,name:`Июнь`,names:`Июня`,abc:`Июнь`},7:{val:`07`,name:`Июль`,names:`Июля`,abc:`Июль`},8:{val:`08`,name:`Август`,names:`Августа`,abc:`Авг`},9:{val:`09`,name:`Сентябрь`,names:`Сентября`,abc:`Сент`},10:{val:`10`,name:`Октябрь`,names:`Октября`,abc:`Окт`},11:{val:`11`,name:`Ноябрь`,names:`Ноября`,abc:`Нояб`},12:{val:`12`,name:`Декабрь`,names:`Декабря`,abc:`Дек`}}[t]??u}function f(e,t){let n,r;t===void 0?(r=String(e),n=new Date):(r=t,n=new Date(e)),Number.isNaN(n.getTime())&&(n=new Date);let i=r,a={yyyy:n.getFullYear(),yy:(``+n.getFullYear()).slice(-2),mm:(`0`+(n.getMonth()+1)).slice(-2),dd:(`0`+n.getDate()).slice(-2),HH:(`0`+n.getHours()).slice(-2),MM:(`0`+n.getMinutes()).slice(-2),SS:(`0`+n.getSeconds()).slice(-2),__:`  \xA0\xA0\xA0\xA0  `,_:`  \xA0\xA0  `};for(let e in a)i=i.replace(e,String(a[e]));return i}export{f as FormatDate,d as FormatMonth,c as FormatNumber,s as clampDateValue,i as clampYearPageStart,t as isDateDisplayEmpty,a as isEditablePasteTarget,n as isMonthInRange,r as isYearInRange,o as parseClipboardDate,l as toStoreDateString};

package/dist/fields/emailUtils.d.ts

@@ -0,0 +1,4 @@
+/** Практичная проверка email (не полный RFC). Пустая строка — ок. */
+export declare function isValidEmail(value: unknown): boolean;
+/** Текст ошибки или "" */
+export declare function validateEmail(value: unknown): string;

package/dist/fields/emailUtils.js

@@ -0,0 +1 @@
+function e(e){let t=String(e??``).trim();return t?/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/i.test(t):!0}function t(t){let n=String(t??``).trim();return n?e(n)?``:`Некорректный email`:``}export{e as isValidEmail,t as validateEmail};

package/dist/fields/timeUtils.d.ts

@@ -0,0 +1,23 @@
+/** Смещение начала выделения в символах от начала contentEditable (как в Mask.tsx) */
+export declare function getRangeStartOffsetInElement(el: HTMLElement): number;
+/** Установка каретки в позицию `pos` (символы), как в Mask.tsx */
+export declare function setCursorPosition(pos: number, elem: HTMLElement): void;
+export declare function pad2(n: number): string;
+export declare function digitsOnly(s: string): string;
+export declare function normalizeTime(v: unknown): string;
+export declare function splitTime(s: string): {
+    h: number | null;
+    m: number | null;
+};
+/** Сборка `HH:mm` с ведущими нулями — только при коммите (blur), не во время ввода */
+export declare function combine(h: number | null, m: number | null): string;
+/** Цифры из текста части (часы/минуты) в DOM */
+export declare function parsePartDigits(s: string, max: number): number | null;
+export declare function toMinutes(hhmm: string): number | null;
+export declare function snapMinute(minute: number, stepSec: number): number;
+export declare function clampToRange(hhmm: string, min?: string, max?: string): string;
+/**
+ * Слоты для popup. При step меньше 5 мин список слишком длинный —
+ * для picker берём минимум 15 мин, если нет явных `presets`.
+ */
+export declare function buildTimeSlots(stepSec: number, min?: string, max?: string, presets?: string[]): string[];

package/dist/fields/timeUtils.js

@@ -0,0 +1 @@
+function e(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function t(e,t){let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())}function n(e){return String(e).padStart(2,`0`)}function r(e){return(e||``).replace(/\D/g,``)}function i(e){if(e==null||e===``||typeof e!=`string`)return``;let t=e.trim(),r=/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(t);if(!r)return``;let i=Math.min(23,Math.max(0,parseInt(r[1],10))),a=Math.min(59,Math.max(0,parseInt(r[2],10)));return`${n(i)}:${n(a)}`}function a(e){let t=i(e);if(!t)return{h:null,m:null};let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return{h:n,m:r}}function o(e,t){if(e===null&&t===null)return``;let r=e??0,i=t??0;return`${n(r)}:${n(i)}`}function s(e,t){let n=r(e).slice(0,2);if(n===``)return null;let i=parseInt(n,10);return Number.isNaN(i)?null:Math.min(t,Math.max(0,i))}function c(e){let t=i(e);if(!t)return null;let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return n*60+r}function l(e,t){let n=Math.max(1,Math.round(t/60));if(n<=1)return e;let r=Math.round(e/n)*n;return Math.min(59,Math.max(0,r))}function u(e,t,n){let r=i(e);if(!r)return``;let a=c(r);if(a===null)return``;if(t){let e=c(t);e!==null&&(a=Math.max(a,e))}if(n){let e=c(n);e!==null&&(a=Math.min(a,e))}return o(Math.floor(a/60),a%60)}function d(e,t,n,r){if(r&&r.length>0){let e=new Set,a=[];for(let o of r){let r=i(o);!r||e.has(r)||(e.add(r),a.push(u(r,t,n)||r))}return a}let a=Math.max(1,Math.round(e/60));a<5&&(a=15);let s=t?c(t)??0:0,l=n?c(n)??1439:1439,d=Math.min(1439,l),f=[],p=Math.ceil(s/a)*a;for(let e=p;e<=d;e+=a){let t=Math.floor(e/60);if(t>23)break;let n=e%60;f.push(o(t,n))}return f}export{d as buildTimeSlots,u as clampToRange,o as combine,r as digitsOnly,e as getRangeStartOffsetInElement,i as normalizeTime,n as pad2,s as parsePartDigits,t as setCursorPosition,l as snapMinute,a as splitTime};