altum 0.0.4 → 0.0.6

package/dist/styles/calendarChrome.module.css.js

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../utils/injectCss.js";var e=".wQhie{align-items:center;display:flex;gap:var(--altum-g-space-2);justify-content:space-between;min-height:var(--altum-g-space-8,32px)}.XP4XB{color:var(--altum-color-ink-default);font-size:var(--altum-g-font-size-base);font-weight:var(--altum-g-font-weight-semibold);line-height:var(--altum-g-line-height-base);text-align:center}.X109C,.XP4XB{flex:1 1 auto}.LfSZJ{align-items:center;border-radius:var(--altum-g-radius-sm);color:var(--altum-color-muted);display:inline-flex;flex-shrink:0;height:var(--altum-g-space-8,32px);justify-content:center;transition:var(--altum-transition-smooth);width:var(--altum-g-space-8,32px)}.LfSZJ:hover:not(:disabled){background-color:var(--altum-color-option-hover);color:var(--altum-color-input-text)}.njMp-{border-radius:var(--altum-g-radius-sm);transition:var(--altum-transition-smooth)}.njMp-:hover:not(:disabled){background-color:var(--altum-color-option-hover)}.njMp-:focus-visible{outline-offset:-2px}.AmBrO{background-color:var(--altum-color-selection-fill)}.AmBrO,.AmBrO:hover:not(:disabled){color:var(--altum-color-selection-fill-fg)}.AmBrO:hover:not(:disabled){background-color:var(--altum-color-selection-fill-emphasis)}.SZQFN:not(.AmBrO){box-shadow:inset 0 0 0 1px var(--altum-color-brand)}.hHqSW{display:grid;gap:var(--altum-g-space-1);grid-template-columns:repeat(7,1fr);text-align:center}";const a={header:"wQhie",title:"XP4XB",titleSpacer:"X109C",navBtn:"LfSZJ",cell:"njMp-",selected:"AmBrO",today:"SZQFN",weekGrid:"hHqSW"};t(e);export{a as default};
+"use client";import{injectCss as e}from"../utils/injectCss.js";var t=".wQhie{align-items:center;display:flex;gap:var(--altum-g-space-2);justify-content:space-between;min-height:var(--altum-g-space-8,32px)}.XP4XB{color:var(--altum-color-ink-default);font-size:var(--altum-g-font-size-base);font-weight:var(--altum-g-font-weight-semibold);line-height:var(--altum-g-line-height-base);text-align:center}.X109C,.XP4XB{flex:1 1 auto}.njMp-{border-radius:var(--altum-g-radius-sm);transition:var(--altum-transition-smooth)}.njMp-:hover:not(:disabled){background-color:var(--altum-color-option-hover)}.njMp-:focus-visible{outline-offset:-2px}.AmBrO{background-color:var(--altum-color-selection-fill)}.AmBrO,.AmBrO:hover:not(:disabled){color:var(--altum-color-selection-fill-fg)}.AmBrO:hover:not(:disabled){background-color:var(--altum-color-selection-fill-emphasis)}.SZQFN:not(.AmBrO){box-shadow:inset 0 0 0 1px var(--altum-color-brand)}.hHqSW{display:grid;gap:var(--altum-g-space-1);grid-template-columns:repeat(7,1fr);text-align:center}";const a={header:"wQhie",title:"XP4XB",titleSpacer:"X109C",cell:"njMp-",selected:"AmBrO",today:"SZQFN",weekGrid:"hHqSW"};e(t);export{a as default};

package/dist/styles/status.module.css.js

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../utils/injectCss.js";var a=".f6EDo{--altum-status-border:var(--altum-color-status-success-border);--altum-status-fg:var(--altum-color-status-success-fg);--altum-status-bg:var(--altum-color-status-success-bg);--altum-status-fill:var(--altum-color-status-success);--altum-status-strong:var(--altum-color-status-success-strong);--altum-status-border-hover:var(--altum-color-status-success-border-hover);--altum-status-bg-hover:var(--altum-color-status-success-bg-hover)}.kxhxS{--altum-status-border:var(--altum-color-status-info-border);--altum-status-fg:var(--altum-color-status-info-fg);--altum-status-bg:var(--altum-color-status-info-bg);--altum-status-fill:var(--altum-color-status-info);--altum-status-strong:var(--altum-color-status-info);--altum-status-border-hover:var(--altum-color-status-info-border-hover);--altum-status-bg-hover:var(--altum-color-status-info-bg-hover)}.KVEW3{--altum-status-border:var(--altum-color-status-warning-border);--altum-status-fg:var(--altum-color-status-warning-fg);--altum-status-bg:var(--altum-color-status-warning-bg);--altum-status-fill:var(--altum-color-status-warning);--altum-status-strong:var(--altum-color-status-warning-strong);--altum-status-border-hover:var(--altum-color-status-warning-border-hover);--altum-status-bg-hover:var(--altum-color-status-warning-bg-hover)}._9J4Mh{--altum-status-border:var(--altum-color-status-danger-border);--altum-status-fg:var(--altum-color-status-danger-fg);--altum-status-bg:var(--altum-color-status-danger-bg);--altum-status-fill:var(--altum-color-status-error);--altum-status-strong:var(--altum-color-danger-text-secondary);--altum-status-border-hover:var(--altum-color-status-danger-border-hover);--altum-status-bg-hover:var(--altum-color-status-danger-bg-hover)}.KVEW3.AI6TD,._9J4Mh.AI6TD,.f6EDo.AI6TD,.kxhxS.AI6TD{background-color:var(--altum-status-bg);border-color:var(--altum-status-border);color:var(--altum-status-fg)}.KOZKu.AI6TD:hover:not(:disabled){background-color:var(--altum-status-bg-hover);border-color:var(--altum-status-border-hover)}._2pTv-{background-color:color-mix(in srgb,var(--altum-status-fill) 28%,#0000);border-color:color-mix(in srgb,var(--altum-status-fill) 70%,#0000)}.w6zDz{background-color:var(--altum-status-fill);color:var(--altum-color-brand-text)}.KVEW3 .yuC6o,._9J4Mh .yuC6o,.f6EDo .yuC6o,.kxhxS .yuC6o,.yuC6o{color:var(--altum-status-strong)}";const r={success:"f6EDo",info:"kxhxS",warning:"KVEW3",error:"_9J4Mh",surface:"AI6TD",clickable:"KOZKu",active:"_2pTv-",fill:"w6zDz",fg:"yuC6o"};t(a);export{r as default};
+"use client";import{injectCss as t}from"../utils/injectCss.js";var a=".KVEW3,._9J4Mh,.f6EDo,.kxhxS{--altum-status-bg:color-mix(in srgb,var(--altum-status-fill) var(--altum-status-bg-amt,11%),var(--altum-status-bg-base,#0000));--altum-status-border:color-mix(in srgb,var(--altum-status-fill) var(--altum-status-border-amt,34%),#0000);--altum-status-bg-hover:color-mix(in srgb,var(--altum-status-fill) var(--altum-status-bg-hover-amt,18%),var(--altum-status-bg-base,#0000));--altum-status-border-hover:color-mix(in srgb,var(--altum-status-fill) var(--altum-status-border-hover-amt,46%),#0000)}.f6EDo{--altum-status-fill:var(--altum-color-status-success);--altum-status-strong:var(--altum-color-status-success-strong);--altum-status-fg:var(--altum-status-strong)}.kxhxS{--altum-status-fill:var(--altum-color-status-info);--altum-status-strong:var(--altum-color-status-info);--altum-status-fg:var(--altum-status-fill)}.KVEW3{--altum-status-fill:var(--altum-color-status-warning);--altum-status-strong:var(--altum-color-status-warning-strong);--altum-status-fg:var(--altum-status-strong);--altum-status-bg-amt:var(--altum-status-warning-bg-amt,12%);--altum-status-border-amt:var(--altum-status-warning-border-amt,36%);--altum-status-bg-hover-amt:var(--altum-status-warning-bg-hover-amt,20%);--altum-status-border-hover-amt:var(--altum-status-warning-border-hover-amt,48%)}._9J4Mh{--altum-status-fill:var(--altum-color-status-error);--altum-status-strong:var(--altum-color-danger-text-secondary);--altum-status-fg:var(--altum-status-fill);--altum-status-bg-hover-amt:var(--altum-status-danger-bg-hover-amt,18%);--altum-status-border-hover-amt:var(--altum-status-danger-border-hover-amt,46%)}.KVEW3.AI6TD,._9J4Mh.AI6TD,.f6EDo.AI6TD,.kxhxS.AI6TD{background-color:var(--altum-status-bg);border-color:var(--altum-status-border);color:var(--altum-status-fg)}.KOZKu.AI6TD:hover:not(:disabled){background-color:var(--altum-status-bg-hover);border-color:var(--altum-status-border-hover)}._2pTv-{background-color:color-mix(in srgb,var(--altum-status-fill) 28%,#0000);border-color:color-mix(in srgb,var(--altum-status-fill) 70%,#0000)}.w6zDz{background-color:var(--altum-status-fill);color:var(--altum-color-brand-text)}.KVEW3 .yuC6o,._9J4Mh .yuC6o,.f6EDo .yuC6o,.kxhxS .yuC6o,.yuC6o{color:var(--altum-status-strong)}";const s={success:"f6EDo",info:"kxhxS",warning:"KVEW3",error:"_9J4Mh",surface:"AI6TD",clickable:"KOZKu",active:"_2pTv-",fill:"w6zDz",fg:"yuC6o"};t(a);export{s as default};

package/dist/styles/toggleBox.module.css.js

@@ -1 +1 @@
-"use client";import{injectCss as o}from"../utils/injectCss.js";var r='._9TRXw[data-align=start] .yMKDd{margin-top:var(--altum-toggle-align-nudge)}._9TRXw:active .sppC0:not(:disabled,[aria-readonly=true])~.yMKDd,._9TRXw:hover .sppC0:not(:checked):not(:disabled,[aria-readonly=true])~.yMKDd{border-color:var(--altum-color-border-hover)}._9TRXw:has(.sppC0[aria-readonly=true]) .yMKDd{background-color:var(--altum-color-control-bg-readonly);border-color:var(--altum-color-control-border-readonly);border-style:dashed}._9TRXw:has(.sppC0[aria-readonly=true]):hover .yMKDd{border-color:var(--altum-color-control-border-readonly)}._9TRXw .sppC0:checked~.yMKDd{background-color:var(--altum-color-control-bg-checked);border-color:var(--altum-color-control-border-checked)}:is(._9TRXw .sppC0:checked~.yMKDd):after{opacity:1}._9TRXw .sppC0:focus-visible~.yMKDd{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}.sppC0{appearance:none}.yMKDd{background-color:var(--altum-color-control-bg);border:1px solid var(--altum-color-control-border);box-sizing:border-box;display:inline-block;height:var(--altum-toggle-box-size);position:relative;width:var(--altum-toggle-box-size)}.yMKDd,.yMKDd:after{transition:var(--altum-transition-smooth)}.yMKDd:after{content:"";left:50%;opacity:0;position:absolute;top:50%}@media (prefers-reduced-motion:reduce){.yMKDd,.yMKDd:after{transition:none}}';const a={root:"_9TRXw",box:"yMKDd",input:"sppC0"};o(r);export{a as default};
+"use client";import{injectCss as o}from"../utils/injectCss.js";var r='._9TRXw[data-align=start] .yMKDd{margin-top:var(--altum-toggle-align-nudge)}._9TRXw:active .sppC0:not(:disabled,[aria-readonly=true])~.yMKDd,._9TRXw:hover .sppC0:not(:checked):not(:disabled,[aria-readonly=true])~.yMKDd{border-color:var(--altum-color-border-hover)}._9TRXw:has(.sppC0[aria-readonly=true]) .yMKDd{background-color:var(--altum-color-control-bg-readonly);border-color:var(--altum-color-control-border-readonly);border-style:dashed}._9TRXw:has(.sppC0[aria-readonly=true]):hover .yMKDd{border-color:var(--altum-color-control-border-readonly)}._9TRXw .sppC0:checked~.yMKDd{background-color:var(--altum-color-control-bg-checked);border-color:var(--altum-color-control-border-checked)}:is(._9TRXw .sppC0:checked~.yMKDd):after{opacity:1}._9TRXw .sppC0:focus-visible~.yMKDd{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}.sppC0{appearance:none}.yMKDd{background-color:var(--altum-color-control-bg);border:1px solid var(--altum-color-control-border);box-sizing:border-box;display:inline-block;flex-shrink:0;height:var(--altum-toggle-box-size);min-height:var(--altum-toggle-box-size);min-width:var(--altum-toggle-box-size);position:relative;width:var(--altum-toggle-box-size)}.yMKDd,.yMKDd:after{transition:var(--altum-transition-smooth)}.yMKDd:after{content:"";left:50%;opacity:0;position:absolute;top:50%}@media (prefers-reduced-motion:reduce){.yMKDd,.yMKDd:after{transition:none}}';const e={root:"_9TRXw",box:"yMKDd",input:"sppC0"};o(r);export{e as default};

package/dist/styles/visuallyHidden.module.css.js

@@ -0,0 +1 @@
+"use client";import{injectCss as e}from"../utils/injectCss.js";var o=".POwhD{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";const t={root:"POwhD"};e(o);export{t as default};

package/dist/utils/autoHeight.js

@@ -1 +1 @@
-function n(e,a={}){const{minHeightPx:t=0,maxHeight:o}=a;e.style.maxHeight=o!==void 0?typeof o=="number"?`${o}px`:o:"",e.style.height="auto";const i=e.scrollHeight,r=parseFloat(getComputedStyle(e).maxHeight),l=Number.isFinite(r)?r:1/0,h=Math.min(Math.max(i,t),l);e.style.height=`${h}px`,e.style.overflowY=i>l?"auto":"hidden"}function p(e,a){const t=getComputedStyle(e),o=parseFloat(t.getPropertyValue("--altum-field-control-height"))||0,i=parseFloat(t.lineHeight)||parseFloat(t.fontSize)*1.25,r=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom),l=parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),h=r+l+i*a;return a<=1&&o>0?Math.max(h,o):h}export{n as adjustElementHeight,p as getTextareaMinHeightPx};
+function n(e,o={}){const{minHeightPx:t=0,maxHeight:a}=o;e.style.maxHeight=a!==void 0?typeof a=="number"?`${a}px`:a:"",e.style.height="auto";const i=e.scrollHeight,r=parseFloat(getComputedStyle(e).maxHeight),h=Number.isFinite(r)?r:1/0,l=Math.min(Math.max(i,t),h);e.style.height=`${l}px`,e.style.overflowY=i>h?"auto":"hidden"}function p(e,o){const t=getComputedStyle(e),a=parseFloat(t.getPropertyValue("--altum-field-size-height"))||0,i=parseFloat(t.lineHeight)||parseFloat(t.fontSize)*1.25,r=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom),h=parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),l=r+h+i*o;return o<=1&&a>0?Math.max(l,a):l}export{n as adjustElementHeight,p as getTextareaMinHeightPx};

package/dist/utils/date.js

@@ -0,0 +1 @@
+import{localeToBcp47 as l}from"./locale.js";function u(t,e=1){const r=new Date(t),n=r.getDay(),a=e===1?n===0?6:n-1:n;return r.setDate(r.getDate()-a),r.setHours(0,0,0,0),r}function f(t,e=1){const r=u(t,e);return Array.from({length:7},(n,a)=>{const o=new Date(r);return o.setDate(r.getDate()+a),o})}function c(t,e,r){const n=new Date(t.getTime());switch(r){case"minute":n.setMinutes(n.getMinutes()+e);break;case"hour":n.setHours(n.getHours()+e);break;case"day":n.setDate(n.getDate()+e);break;case"week":n.setDate(n.getDate()+e*7);break;case"month":n.setMonth(n.getMonth()+e);break;case"year":n.setFullYear(n.getFullYear()+e);break;default:return r}return n}function s(t){return new Date(t.getFullYear(),t.getMonth(),t.getDate())}function m(t,e){return c(s(t),e,"day")}function d(t,e){return i(t,e)===0}function i(t,e){const r=t.getFullYear()-e.getFullYear();if(r)return r<0?-1:1;const n=t.getMonth()-e.getMonth();if(n)return n<0?-1:1;const a=t.getDate()-e.getDate();return a<0?-1:a>0?1:0}function g(t,e,r){const n=new Date(t,e,r);return n.getFullYear()===t&&n.getMonth()===e&&n.getDate()===r}function h(t){const e=/^(\d{4})-(\d{2})-(\d{2})$/.exec(t);if(!e)return null;const r=Number(e[1]),n=Number(e[2])-1,a=Number(e[3]);return g(r,n,a)?new Date(r,n,a):null}function b(t){const e=String(t.getMonth()+1).padStart(2,"0"),r=String(t.getDate()).padStart(2,"0");return`${t.getFullYear()}-${e}-${r}`}function D(t){return(Math.trunc(t)%24+24)%24}function w(t,e){const r=new Date(Date.UTC(2020,0,15,D(t),0,0));return new Intl.DateTimeFormat(l(e),{timeZone:"UTC",hour:"numeric",minute:"2-digit"}).format(r)}function y(t){return`${String(D(t)).padStart(2,"0")}:00`}export{m as addDays,c as addToDate,i as compareDay,w as formatHourLabel,y as formatHourTime,b as formatLocalDate,f as getWeekDays,u as getWeekStart,g as isExistingLocalDate,d as isSameDay,h as parseLocalDate,s as startOfDay};

package/dist/utils/duration.js

@@ -0,0 +1 @@
+const i=60,o=3600,t=86400,r=604800,e={minute:60,hour:3600,day:86400,week:604800};function S(n,u){return n/e[u]}function a(n,u){return n*e[u]}function c(n){return n!==0&&n%604800===0?{unit:"week",value:n/604800}:n!==0&&n%86400===0?{unit:"day",value:n/86400}:n!==0&&n%3600===0?{unit:"hour",value:n/3600}:{unit:"minute",value:n/60}}export{t as DAY_SECONDS,o as HOUR_SECONDS,i as MINUTE_SECONDS,r as WEEK_SECONDS,c as getDurationUnitAndValue,S as secondsToUnit,a as unitToSeconds};

package/dist/utils/eventTarget.js

@@ -0,0 +1 @@
+const i=["input","textarea","select","a",'[contenteditable="true"]'].join(", "),r=['[role="dialog"]','[role="listbox"]','[role="menu"]','[role="tree"]',"[data-side]"].join(",");function a(e){return`[class*="${e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"]`}function s(e){if(typeof HTMLElement>"u"||!(e instanceof HTMLElement))return!1;const{tagName:t}=e;return t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.isContentEditable}function l(e,t){return typeof Element>"u"||!(e instanceof Element)||!t?!1:!!e.closest(t)}function c(e,t,n,o){return typeof Node>"u"||!(e instanceof Node)?!0:!(t?.contains(e)||e instanceof Element&&(n&&e.closest(n)||o&&e.closest(a(o))))}export{i as DEFAULT_DRAG_BLOCKED_SELECTOR,r as DEFAULT_PORTAL_SELECTOR,l as isDragBlockedTarget,s as isEditableTarget,c as isOutsideFormInteraction};

package/dist/utils/fieldMessage.js

@@ -0,0 +1 @@
+function s(r){return typeof r=="string"&&r.length>0}function l(r,d){const{error:i,description:c}=d,e=!!i,o=s(c),t=typeof i=="string"?`${r}-error`:void 0,n=o&&!e?`${r}-description`:void 0,p=[t,n].filter(Boolean).join(" ")||void 0;return{hasError:e,isDescriptionText:o,errorId:t,descriptionId:n,describedBy:p}}export{s as isFieldDescriptionText,l as resolveFieldMessages};

package/dist/utils/injectCss.js

@@ -1 +1 @@
-function n(t){if(typeof document>"u")return;const e=document.createElement("style");e.textContent=t,document.head.appendChild(e)}export{n as injectCss};
+function n(t){if(typeof document>"u")return;const e=document.createElement("style");e.textContent=`@layer altum{${t}}`,document.head.appendChild(e)}export{n as injectCss};

package/dist/utils/locale.js

@@ -0,0 +1 @@
+function n(e){return e==="en"?"en-US":"ru-RU"}export{n as localeToBcp47};

package/dist/utils/plural.js

@@ -0,0 +1 @@
+function o(u,t,n,l){const e=Math.abs(Math.trunc(u)),a=e%10,r=e%100;return a===1&&r!==11?t:a>=2&&a<=4&&(r<12||r>14)?n:l}function c(u,t,n){return Math.abs(Math.trunc(u))===1?t:n}function f(u,t,n){return u==="en"?c(t,n.one,n.many):o(t,n.one,n.few,n.many)}export{f as plural,c as pluralEn,o as pluralRu};

package/dist/utils/timezone.js

@@ -0,0 +1 @@
+import{localeToBcp47 as m}from"./locale.js";const c=["UTC","Africa/Cairo","Africa/Johannesburg","America/Anchorage","America/Argentina/Buenos_Aires","America/Chicago","America/Denver","America/Los_Angeles","America/Mexico_City","America/New_York","America/Sao_Paulo","Asia/Dubai","Asia/Hong_Kong","Asia/Kolkata","Asia/Shanghai","Asia/Singapore","Asia/Tokyo","Australia/Sydney","Europe/Berlin","Europe/London","Europe/Moscow","Europe/Paris","Pacific/Auckland","Pacific/Honolulu"];function s(){try{return Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC"}catch{return"UTC"}}function f(){const e=Intl,t=typeof e.supportedValuesOf=="function"?[...e.supportedValuesOf("timeZone")]:[...c];return t.includes("UTC")||t.unshift("UTC"),t}function l(e){if(!e)return!1;try{return!0}catch{return!1}}function a(e,t){try{const n=new Intl.DateTimeFormat("en-US",{timeZone:t,hourCycle:"h23",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).formatToParts(e),r={};for(const i of n)i.type!=="literal"&&(r[i.type]=i.value);const o=Number(r.hour);return{year:Number(r.year),month:Number(r.month),day:Number(r.day),hour:o===24?0:o,minute:Number(r.minute),second:Number(r.second)}}catch{return null}}function d(e,t=new Date){const n=a(t,e);if(!n)return null;const r=Date.UTC(n.year,n.month-1,n.day,n.hour,n.minute,n.second);return Math.round((r-t.getTime())/6e4)}function y(e,t,n){const r=a(e,n),o=a(t,n);return!r||!o?!1:r.year===o.year&&r.month===o.month&&r.day===o.day}function h(e,t,n,r={}){try{return new Intl.DateTimeFormat(m(n),{...r,timeZone:t}).format(e)}catch{return""}}function u(e,t=new Date){try{return new Intl.DateTimeFormat("en-US",{timeZone:e,timeZoneName:"shortOffset"}).formatToParts(t).find(n=>n.type==="timeZoneName")?.value??""}catch{return""}}function A(e){const t=u(e);return t?`${e} (${t})`:e}export{h as formatInTimeZone,A as formatTimezoneLabel,u as formatTimezoneOffset,s as getBrowserTimezone,f as getSupportedTimezones,d as getTimezoneOffsetMinutes,a as getZonedParts,y as isSameZonedDay,l as isValidTimeZone};

package/dist/utils/visitElementTree.js

@@ -1 +1 @@
-import{Children as o,isValidElement as f,Fragment as c}from"react";function a(e){return e.type===c}function i(e,t,n=()=>!0){o.forEach(e,r=>{if(!f(r))return;if(a(r)){i(r.props.children,t,n);return}if(t(r),!n(r))return;const l=r.props.children;l!=null&&i(l,t,n)})}const u=Symbol.for("altum.dialogTitle");function p(e){return Object.defineProperty(e,u,{value:!0,enumerable:!1}),e}function m(e){return(typeof e=="function"||typeof e=="object"&&e!=null)&&u in e}function s(e){let t=!1;return i(e,n=>{m(n.type)&&(t=!0)}),t}export{p as markDialogTitle,s as treeContainsDialogTitle,i as visitElementTree};
+import{Children as l,isValidElement as u,Fragment as f}from"react";function p(n){return n.type===f}function e(n,i,t=()=>!0){l.forEach(n,r=>{if(!u(r))return;if(p(r)){e(r.props.children,i,t);return}if(i(r),!t(r))return;const o=r.props.children;o!=null&&e(o,i,t)})}export{e as visitElementTree};

package/docs/COMPONENTS.md

@@ -4,7 +4,7 @@
 
 **Link:** единственный элемент-потомок получает стили через Slot (роутерный `Link`). Смена HTML-тега у кнопок — `as` (`button` | `a`). **`Dropdown`** / **`Popover`**: якорь — `renderTrigger(props, ref)`; **`Tooltip`**: элемент-child или render-prop. Без пропа `asChild`.
 
-Оверлеи: кнопки — в `Modal.Footer` / `Modal.FormFooter` / `Sheet.Footer`, sibling к `Body`, не внутри скролла.
+Оверлеи: кнопки — в `Modal.Footer` / `Sheet.Footer`, sibling к `Body`, не внутри скролла. Статус и кнопки в одном ряду — `ControlRow` внутри футера.
 
 ---
 
@@ -12,8 +12,8 @@
 
 | Компонент | Описание |
 |-----------|----------|
-| **Button** | Кнопка: `variant` (`primary` / `tinted` / `secondary` / `ghost` / `link`) × `status` (`default` / `danger`), иконки, `loading`, `fullWidth`, `shortcut`. |
-| **ButtonIcon** | Иконка-кнопка; `circle` / `square`; по умолчанию `variant="ghost"`. |
+| **Button** | Кнопка: `variant` (`primary` / `tinted` / `secondary` / `danger` / `danger_tinted` / `ghost` / `link`), `prefix` / `postfix`, `loading`, `fullWidth`. |
+| **ButtonIcon** | Иконка-кнопка на базе **Button**; `circle` / `square`; по умолчанию `variant="ghost"`. |
 | **ButtonGroup** | Составная группа (`ButtonGroup` + `ButtonGroup.Item`): `mode` `button` (независимые, выбранность через `active` на Item) / `toggle` (один выбранный, слайдер) / `multi_toggle` (несколько); `itemFit` `equal` \| `content`; `width` `auto` \| `full`; `variant` / `status` / `size` / `borderless` на Root. |
 | **SegmentedControl** | Обёртка над `ButtonGroup` (`mode="toggle"`, `width="full"`): `options` + `value` / `onChange`; `itemFit` `equal` \| `content`; варианты `primary` / `tinted` / `secondary` (по умолчанию) / `ghost` / `plain`. |
 | **Overflow** | Лишние пункты за ⋯ в `Dropdown`. `Overflow.Item` — панель действий; прочие дети — измерение ширины. `longPress` открывает меню долгим нажатием (хост — **`ActionSheetTrigger`**). |
@@ -26,13 +26,13 @@
 
 | Компонент | Описание |
 |-----------|----------|
-| **TextField** | Однострочное поле. `keepPlaceholder` — не скрывать placeholder при фокусе пустого поля. |
+| **TextField** | Примитив поля: chrome + `as` (`input` / `textarea` / `button` / `div`). `label` — floating-лейбл; без `label` — поле без подписи (`aria-label` / `placeholder`). `description` — подсказка или слот под chrome. `keepPlaceholder` — не скрывать placeholder при фокусе пустого поля. |
 | **PasswordField** | Пароль на базе TextField: показать/скрыть, опциональный индикатор сложности. |
-| **SearchField** | Обёртка над `TextField` с `labelPlacement="none"` по умолчанию и иконкой поиска (`onClear` от TextField). |
-| **TextareaField** | Многострочное поле на **FieldBase**; авто-рост высоты. |
+| **SearchField** | Обёртка над `TextField` с иконкой поиска (`onClear` от TextField). Без `label` — тулбарный вид. |
+| **TextareaField** | Многострочное поле на **TextField** `as="textarea"`; авто-рост высоты. |
 | **NumberField** | Числовой ввод на базе `TextField` с кнопками +/-. |
 | **MaskedField** | Поле с маской ввода (телефон, дата и т.п.) на базе `TextField`; опционально `maskAsPlaceholder`. Не переопределяйте `padding` / `font-size` на inner `input`. |
-| **PinInput** | PIN / OTP (2FA, код из SMS). |
+| **PinInput** | PIN / OTP: группа ячеек на **TextField**. `label` — **FieldLabel**; `description` / `error` — **FormMessage**. |
 | **Rating** | Оценка звёздами. |
 | **FormMessage** | Подсказка / ошибка / успех под полем; `variant` `hint` / `error` / `success`. |
 | **Select** | Поле выбора: `options`, `value` / `onChange`, `label`, `filterable`; `selectionMode="multiple"` рисует chips. |
@@ -59,15 +59,16 @@
 
 | Компонент | Описание |
 |-----------|----------|
-| **Modal** | Составной диалог: `Header` / `Title` / `Close` / `Body` / `Footer` / **`FormFooter`**. `open` / `onOpenChange`. |
+| **DialogLayout** | Поверхность `Box` с крестиком в правом верхнем углу поверх контента. `onClose`, `showClose`. |
+| **Modal** | Составной диалог: корень — **`DialogLayout`**, шапка / тело / футер — **`Layout`**. `Header` / `Body` / `Footer`. Заголовок — **`Title`**. Ряд действий — **`ControlRow`** внутри `Footer`. `open` / `onOpenChange`, `showClose` на корне. |
 | **ConfirmDialog** | Готовый диалог на **`Modal`**: отмена + подтверждение, `confirmLabel`, `secondaryAction`, `status="danger"`, `onOpenChange`. |
-| **Sheet** | Панель: `Header` / `Title` / `Close` / `Body` / `Footer`; `mode` / `direction` / `backdrop` / `showHandle`. `open` / `onOpenChange`. |
+| **Sheet** | Панель: поверхность **`Box`**, шапка / тело / футер — **`Layout`**. `Header` / `Body` / `Footer`. Заголовок — **`Title`**. Крестик — `showClose` на `Header`. `mode` / `direction` / `backdrop` / `showHandle`. |
 | **ImageLightbox** | Полноэкранный просмотр; `open` / `onOpenChange`. |
-| **Dropdown** | Выпадающая панель. Якорь — `renderTrigger(props, ref)`; содержимое — `children`. `align` `start` \| `center` \| `end` \| `auto` (`left`/`right` — алиасы). `triggerMode` `toggle` \| `combobox`. `open` / `onOpenChange`. На мобильных — нижний Sheet. |
+| **Dropdown** | Список или меню у кнопки, на базе **`Popover`**. Стрелки по пунктам, выбор пункта закрывает панель, клик снаружи тоже. `align`, `widthMode`, `triggerMode` `toggle` \| `combobox`. На мобильных — нижний Sheet. Форма и календарь — **`Popover`**. |
 | **Menu** | Меню действий: клик по `trigger` (Dropdown + ActionList) или `trigger="context"` (ПКМ / Shift+F10 у курсора). |
-| **Tooltip** | Подсказка при наведении / фокусе; триггер — элемент-child или render-prop; `side` (алиас `position`), `openDelay` / `closeDelay`, wrap, arrow. |
-| **Popover** | Плавающий слой. Якорь — `renderTrigger`; содержимое — `children`. `trigger` click/hover/manual; `variant` panel/plain, `side` / `align` / delays, стрелка `arrow`. Подсказки — **Tooltip**. |
-| **CommandPalette** | Палитра Cmd+K: `items` / `groups`, фильтр — **`ActionList`** с `filterable`. |
+| **Tooltip** | Подсказка при наведении / фокусе; триггер — элемент-child или render-prop; `side`, `openDelay` / `closeDelay`, wrap. |
+| **Popover** | Немодальная панель для произвольного контента: текст, форма, фильтры, календарь. Клик внутри не закрывает, `Tab` ходит по полям. Якорь — `renderTrigger`, без корневой обёртки. `trigger` click/hover/manual, `variant` panel/plain, `side` / `align` / `widthMode`. Подсказки — **Tooltip**. |
+| **CommandPalette** | Палитра Cmd+K: поверхность **`Box`**, подпись **`Text`**. `items` / `groups`, фильтр — **`ActionList`** с `filterable`. |
 
 ---
 
@@ -76,7 +77,7 @@
 | Компонент | Описание |
 |-----------|----------|
 | **Pagination** | Постраничная навигация. Без `children` — `Controls`; опционально `totalItems` / `pageSize` / `onPageSizeChange`. Составной: `Summary`, `Controls`, `PageSize`. |
-| **Sidebar** | Составной: `Root`, `Header`, `Title`, `Collapse`, `Content`, `Group`, `GroupLabel`, `Item`, `Footer`, `MobileTrigger`; `value` / `onChange`; десктопный rail + мобильный Sheet. |
+| **Sidebar** | Составной: `Root`, `Header`, `Title`, `Content`, `Group`, `GroupLabel`, `Item`, `Footer`, `MobileTrigger`. Шапка, меню и футер — `Layout`. Кнопка сворачивания — на корне, по центру правой границы. `value` / `onChange`; десктопный rail + мобильный Sheet. |
 | **Steps** | Мастер: горизонтальный/вертикальный, статус шага, `onStepClick`. |
 | **Tabs** | Составные вкладки: `Tabs.List` / `Tabs.Trigger` / `Tabs.Panel`; `value` / `defaultValue` / `onChange` (без `defaultValue` вкладка не выбирается сама); `line` / `pill`, горизонтальные/вертикальные и бейдж на Trigger. |
 
@@ -92,7 +93,7 @@
 | **Accordion** | `Accordion.Item` с `title` и содержимым в `children`; `flush` (по умолчанию) / `bordered`; `multiple`, отключённый пункт. |
 | **Badge** | `size` sm/md, `position` overlay/standalone, `variant` включая `error`; overlay — `--altum-badge-overhang`. Числовой `label` ограничивается через `max`; `children` — якорь overlay. |
 | **Avatar** / **AvatarGroup** | Размеры `xs`…`xl`, кольцо статуса, запасная иконка; группа с наложением. |
-| **Chip** | Тег / фильтр: `mode` `chip` \| `tag` \| `toggle` (`as` — deprecated-алиас), `size`, `onRemove` / `onClick`. **`ChipGroup`**: `mode` `chip` \| `tag`, `layout` `wrap` \| `scrollX`. |
+| **Chip** | Тег / фильтр: `mode` `chip` \| `tag` \| `toggle`, `size`, `onRemove` / `onClick`. **`ChipGroup`**: `mode` `chip` \| `tag`, `gap`. |
 | **StatBadge** | Компактный блок статистики: число + подпись; `variant` `default` / `success` / `warning` / `error`; `size` `md` / `sm`. |
 | **EmptyState** | Пустое состояние: иконка (`--altum-color-empty-icon`), заголовок, описание, действие; `size` для вложенных панелей. |
 | **DescriptionList** | Список «ключ — значение» (`stacked` / `inline`, колонки). |
@@ -137,7 +138,7 @@
 | Компонент | Описание |
 |-----------|----------|
 | **ImageGallery** | Галерея: `images`, chrome `default` \| `none`, `showNav` / `showThumbnails` / `showCounter`. |
-| **ImageCrop** | Обрезка изображения. |
+| **ImageCrop** | Обрезка изображения. Корень — **`DialogLayout`**, шапка, сцена и кнопки — **`Layout`**, заголовок — **`Title`**. |
 | **FileList** | Список загрузок на **`Item`**: progress / retry / remove через `FileList.Item`. |
 | **Attachment** | Карточка файла: `Item` + статус загрузки (`idle` / `uploading` / `error` / `done`). Действия в слоте — **`ButtonIcon`**. |
 
@@ -194,4 +195,5 @@
 | **ru** / **en** | Встроенные словари. |
 | **useTheme** | Хук `{ theme, setTheme, toggleTheme }` внутри `ThemeProvider`. |
 | **VisuallyHidden** | Контент только для скринридеров (скрыт визуально). |
+| **LiveRegion** | Скрытая область: озвучивает `message`. `politeness` `polite` / `assertive`. Пустое сообщение ничего не рендерит. |
 | **SkipLink** | «Перейти к содержимому» (виден при фокусе). |

package/docs/LAYOUT.md

@@ -19,7 +19,7 @@ import {
 } from 'altum';
 ```
 
-Связанные: **FieldBase** — см. [COMPONENTS.md](./COMPONENTS.md).
+Связанные: **TextField** — см. [COMPONENTS.md](./COMPONENTS.md).
 
 ---
 
@@ -32,9 +32,9 @@ import {
 | Чипы / теги / мелкие кнопки в ряд с переносом | **Inline** |
 | Слева заголовок, справа действия | **Split** |
 | Поля + Chip + Button в одной строке фильтров | **ControlRow** |
-| Одному ребёнку — `flex: 1` или «не сжимать» | **LayoutItem** (`ControlRow.Item` / `Layout.Item`) |
+| Одному ребёнку — `flex: 1` или «не сжимать» | **LayoutItem** (`ControlRow.Item`) |
 | Колонки сетки | **Grid** |
-| Оболочка input (label / prefix / clear) | **FieldBase** |
+| Оболочка input (label / prefix / clear) | **TextField** |
 
 ---
 
@@ -58,7 +58,7 @@ import {
 
 | Часть | Роль | Ключевые пропсы |
 |-------|------|-----------------|
-| `Layout` | Корень-scrollport (`overflow-y: auto`, flex-колонка) | `as` (по умолчанию `div`) |
+| `Layout` | Корень-scrollport (`overflow-y: auto`, flex-колонка) | `as`, `padding` (отступ корня), `gap` (между секциями). Оба: `sm` 12px, `md` 16px, `lg` 24px |
 | `Layout.Header` | Шапка | `sticky`, `as="header"` |
 | `Layout.Content` | Середина (без собственного overflow) | `as` |
 | `Layout.Footer` | Низ с действиями | `sticky`, `align` (`start` \| `center` \| `end` \| `space-between`), `as="footer"` |
@@ -100,11 +100,11 @@ import {
 </Layout>
 ```
 
-### Namespace
+### Состав объекта
 
-На `Layout` также висят алиасы: `Layout.Inline`, `.Split`, `.ControlRow`, `.Item`.
+На `Layout` висят только `Layout.Header`, `Layout.Content` и `Layout.Footer`.
 
-В приложении предпочтительны **именованные импорты**; `Layout.*` удобен, когда вы уже внутри панели.
+`Inline`, `Split`, `ControlRow` и `LayoutItem` — отдельные компоненты, их импортируют по имени.
 
 Также экспортируются: `LayoutRoot`, `LayoutHeader`, `LayoutContent`, `LayoutFooter`.
 
@@ -228,7 +228,7 @@ Flex-ячейка внутри Stack / Inline / Split / ControlRow.
 | `grow` | `false` | `flex: 1` — занять оставшееся место |
 | `shrink` | `true` | `false` — кнопка/чип не сжимаются |
 
-Алиасы: `ControlRow.Item`, `Layout.Item`.
+Алиас: `ControlRow.Item`.
 
 **Использовать:** поле поиска растягивается, кнопка — по контенту; иконка/чип с `shrink={false}`.
 
@@ -279,4 +279,4 @@ Flex-ячейка внутри Stack / Inline / Split / ControlRow.
 | `Stack` для чипов в ряд | **Inline** |
 | `div` + `display:flex` + px `gap` | **Stack** / **Inline** с токенами |
 | Оборачивать всё в `LayoutItem` | Только где нужны `grow` / `shrink` |
-| Путать `Layout` и `FieldBase` | `Layout` — панель UI; `FieldBase` — оболочка поля ввода |
+| Путать `Layout` и `TextField` | `Layout` — панель UI; `TextField` — оболочка поля ввода |

package/docs/THEMING.md

@@ -4,7 +4,7 @@ altum использует **CSS custom properties** для всех дизай
 
 ## Быстрый старт
 
-Оберните приложение в `ThemeProvider` (установка — [README](../README.md)). Стили инжектятся из JS — отдельный `styles.css` не нужен. По умолчанию `applyTo="wrapper"`. Для порталов (`Modal`, `Sheet`, выпадающие панели, `Notification`) используйте **`applyTo="document"`**, чтобы классы и `data-theme` попали на `html` / `body`. Синхронизация идёт в **`useLayoutEffect`**, чтобы первый кадр совпадал с `initialTheme` / контролируемой `theme`.
+Оберните приложение в `ThemeProvider` (установка — [README](../README.md)). Стили инжектятся из JS — отдельный `styles.css` не нужен. По умолчанию `applyTo="wrapper"`. Для порталов (`Modal`, `Sheet`, выпадающие панели, `Notification`) используйте **`applyTo="document"`**, чтобы классы и `data-theme` попали на `html` / `body` и не дублировались на обёртке. Тогда переопределение токенов на `body` доходит до детей. Синхронизация идёт в **`useLayoutEffect`**, чтобы первый кадр совпадал с `initialTheme` / контролируемой `theme`.
 
 ### Контролируемая тема и хранилище
 
@@ -72,7 +72,7 @@ return (
 | `--altum-field-width-default` | Макс. ширина поля при `width="md"` (320px) |
 | `--altum-badge-size-sm` / `md` / `--altum-badge-font-size` / `--altum-badge-font-size-sm` | Компактный chrome счётчика (Badge / Tabs); sm-кегль для числового standalone |
 | `--altum-g-space-1` … `--altum-g-space-9` | Шкала отступов (4px … 36px) |
-| `--altum-shadow-sm` / `--altum-shadow-md` / `--altum-shadow-lg` | Лестница теней (алиасы `--altum-shadow-surface` / `--altum-shadow-dropdown` / deep) |
+| `--altum-shadow-surface` / `--altum-shadow-dropdown` / `--altum-shadow-lg` | Тени карточки, выпадающего слоя и глубокого возвышения |
 
 ### Типографика
 
@@ -97,15 +97,9 @@ return (
 
 | Переменная | По умолчанию | Назначение |
 |------------|--------------|------------|
-| `--altum-dialog-header-padding` | асимметричный `--altum-g-space-4` / `--altum-g-space-3` | Шапка Modal / Sheet |
-| `--altum-dialog-body-padding` | `--altum-g-space-4` | Тело Modal / Sheet |
-| `--altum-dialog-footer-padding` | асимметричный футер | Футер Modal / Sheet |
-| `--altum-dialog-title-size` | `--altum-g-font-size-lg` | Заголовок диалога |
-| `--altum-dialog-title-weight` | `--altum-g-font-weight-semibold` | Начертание заголовка |
 | `--altum-dialog-body-size` | `--altum-g-font-size-base` | Текст тела диалога |
-| `--altum-dialog-max-width-sm` / `md` / `lg` | 420 / 500 / 600 | Modal / Sheet |
+| `--altum-dialog-max-width-md` / `lg` | 500 / 600 | Modal / Sheet |
 | `--altum-dialog-max-height` | 85vh | Максимальная высота Modal |
-| `--altum-list-max-height` | 280px | Область скролла выпадающего списка |
 | `--altum-option-padding-y` / `--altum-option-padding-x` | `--altum-g-space-2` / `--altum-g-space-3` | Внутренние отступы опции списка |
 
 ### Тоггл / фокус / chrome оверлея
@@ -131,7 +125,7 @@ return (
 | `--altum-button-focus-inner` / `--altum-button-focus-outer` | light 1px / 3px; dark 2px / 4px | Ширины двойного кольца кнопки |
 | `--altum-opacity-disabled` | 0.5 | Отключённые контролы; **Button** — та же заливка × opacity |
 | `--altum-field-disabled-opacity` | 0.8 | Chrome отключённого поля (текст остаётся читаемым) |
-| `--altum-field-label-gap` / `--altum-field-message-gap` | `--altum-g-space-1` | Зазор внешнего лейбла / helper+ошибка |
+| `--altum-field-message-gap` | `--altum-g-space-1` | Зазор helper и ошибки |
 | `--altum-form-helper-indent` | `--altum-g-space-1` | Левый отступ helper / ошибки |
 | `--altum-field-placeholder` / `--altum-color-input-placeholder` | `color-mix(… label 88%, transparent)` | Текст плейсхолдера |
 | `--altum-switch-track-width/height/thumb-size-*` | sm/md/lg | Геометрия Switch (из toggle-box + inset) |
@@ -139,7 +133,6 @@ return (
 | `--altum-overlay-close-size` | 28px | Хит-зона закрытия Overlay / Alert / Notification |
 | `--altum-overlay-close-icon-size` | 16px | Кегль × в overlay-close |
 | `--altum-overlay-close-fg` / `--altum-overlay-close-fg-hover` / `--altum-overlay-close-bg` / `--altum-overlay-close-bg-hover` | тема | Голый крестик overlay (Modal / Sheet, `ButtonIcon` `diskClose`); chrome только на hover |
-| `--altum-overlay-arrow-size` | 8px | Стрелка Popover / tooltip |
 | `--altum-badge-overhang` | `space-1` + `control-inset` (6px) | Запас раскладки + смещение overlay-бейджа |
 | `--altum-badge-digit-nudge` | `0.5px` | Сдвиг цифры в круглом **Badge** вниз (оптический центр) |
 | `--altum-slider-track-height` | `3px` | Высота трека **Slider** |
@@ -240,13 +233,13 @@ return (
 
 ### Опасность / деструктив (`--altum-color-danger-*`)
 
-Действия удаления, состояния ошибки. API кнопки: `status="danger"` вместе с `variant` (`primary` — заливка, `secondary` — контур по поверхности, `tinted` — мягкая смывка).
+Действия удаления, состояния ошибки. API кнопки: `variant="danger"` (заливка) и `variant="danger_tinted"` (мягкая смывка).
 
 | Переменная | Назначение |
 |------------|------------|
 | `--altum-color-danger-bg-solid` | Залитая деструктивная кнопка |
-| `--altum-color-danger-text-secondary` | Текст контурной деструктивной (`variant="secondary"`) |
-| `--altum-color-danger-tint-bg` / `--altum-color-danger-tint-text` | Мягкий tint опасности (`variant="tinted"`) |
+| `--altum-color-danger-text-secondary` | Текст контурной деструктивной |
+| `--altum-color-danger-tint-bg` / `--altum-color-danger-tint-text` | Мягкий tint опасности (`variant="danger_tinted"`) |
 
 ### Контролы формы (`--altum-color-input-*`, `--altum-color-control-*`)
 
@@ -272,10 +265,10 @@ TextField, Checkbox (`mode="task"`), Switch, Radio. Примитивы — ис
 | Поле | `--altum-color-field-bg`, `--altum-color-field-border`, `--altum-color-border-hover`, `--altum-color-field-text`, `--altum-field-label` |
 | Кнопка (secondary / tinted / ghost) | `--altum-color-button-secondary-bg`, `--altum-color-button-tinted-border`, `--altum-color-button-ghost-text` (muted, не secondary), `--altum-color-button-ghost-hover-bg` |
 | Chip | `--altum-color-chip-secondary-bg`, `--altum-color-chip-tinted-text` |
-| Segmented | `--altum-color-segmented-*`: колодец (`*-track-bg`) + приглушённый thumb (`*-slider-bg`, `--altum-color-segmented-slider-shadow`). Один thumb на secondary / tinted / ghost |
+| Segmented | `--altum-color-segmented-ghost-slider-bg`, `--altum-color-segmented-slider-shadow` |
 | Панель | `--altum-color-panel-bg`, `--altum-color-panel-border`, `--altum-color-panel-bg-hover` |
 | Типографика | `--altum-color-type`, `--altum-color-type-secondary`, `--altum-color-type-tertiary`, `--altum-color-type-muted` (`Title` / `Text`) |
-| Ссылка | `--altum-color-link-color`, `--altum-color-link-secondary`, `--altum-color-link-muted`, `--altum-color-link-danger`, `--altum-color-link-focus-ring` |
+| Ссылка | `--altum-color-link-color`, `--altum-color-link-secondary`, `--altum-color-link-muted`, `--altum-color-link-danger`. Фокус — `--altum-focus-ring-color` |
 | Tooltip | `--altum-color-tooltip-bg` / `--altum-color-tooltip-fg` (инверсия ink, не brand-кнопка) |
 | Индикатор Tabs / Pagination | `--altum-color-tabs-indicator` |
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "altum",
-	"version": "0.0.4",
+	"version": "0.0.6",
 	"description": "Библиотека React + TypeScript UI-компонентов: CSS Modules, токены ThemeProvider, адаптация overlay/sheet.",
 	"license": "MIT",
 	"author": "Alexander <azeeson@gmail.com>",
@@ -40,6 +40,11 @@
 			"import": "./dist/entries/icons.js",
 			"default": "./dist/entries/icons.js"
 		},
+		"./locales": {
+			"types": "./types/entries/locales.d.ts",
+			"import": "./dist/entries/locales.js",
+			"default": "./dist/entries/locales.js"
+		},
 		"./package.json": "./package.json"
 	},
 	"files": [

package/types/entries/hooks.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { RefObject, PointerEvent, MouseEvent as MouseEvent$1 } from 'react';
+import { RefObject, PointerEvent, MouseEvent as MouseEvent$1, Dispatch, SetStateAction, ReactNode } from 'react';
 
 interface UseOutsideClickOptions {
     enabled?: boolean;
@@ -84,6 +84,62 @@ declare function usePresence(open: boolean, durationMs: number): {
     presented: boolean;
 };
 
+type FormErrors<T extends Record<string, unknown>> = Partial<Record<keyof T, string>>;
+type FieldValidate<T extends Record<string, unknown>, K extends keyof T> = (value: T[K], values: T) => string | undefined;
+interface RegisterOptions<T extends Record<string, unknown>, K extends keyof T> {
+    getValue?: (payload: unknown) => T[K];
+    validate?: FieldValidate<T, K>;
+}
+declare function useForm<T extends Record<string, unknown>>(initialValues: T): {
+    values: T;
+    errors: Partial<Record<keyof T, string>>;
+    isDirty: boolean;
+    register: <K extends keyof T>(name: K, options?: RegisterOptions<T, K>) => {
+        value: T[K];
+        onChange: (payload: unknown) => void;
+    };
+    hasErrors: boolean;
+    setValues: Dispatch<SetStateAction<T>>;
+    setValue: <K extends keyof T>(name: K, value: T[K]) => void;
+    setError: (name: keyof T, message: string) => void;
+    clearErrors: (name?: keyof T) => void;
+    reset: (next?: T) => void;
+    handleSubmit: (onValid: (values: T) => void) => (event?: {
+        preventDefault?: () => void;
+    }) => void;
+};
+type UseFormReturn<T extends Record<string, unknown>> = ReturnType<typeof useForm<T>>;
+
+declare function useFormContext<T extends Record<string, unknown>>(): UseFormReturn<T>;
+declare function useFormProvider<T extends Record<string, unknown>>(initialValues: T): {
+    FormProvider: {
+        ({ children }: {
+            children?: ReactNode;
+        }): react.FunctionComponentElement<react.ProviderProps<UseFormReturn<Record<string, unknown>> | null>>;
+        displayName: string;
+    };
+    values: T;
+    errors: Partial<Record<keyof T, string>>;
+    isDirty: boolean;
+    register: <K extends keyof T>(name: K, options?: RegisterOptions<T, K> | undefined) => {
+        value: T[K];
+        onChange: (payload: unknown) => void;
+    };
+    hasErrors: boolean;
+    setValues: react.Dispatch<react.SetStateAction<T>>;
+    setValue: <K extends keyof T>(name: K, value: T[K]) => void;
+    setError: (name: keyof T, message: string) => void;
+    clearErrors: (name?: keyof T | undefined) => void;
+    reset: (next?: T | undefined) => void;
+    handleSubmit: (onValid: (values: T) => void) => (event?: {
+        preventDefault?: (() => void) | undefined;
+    }) => void;
+};
+
+type FormRule<T extends Record<string, unknown> = Record<string, unknown>> = (value: unknown, values: T) => string | undefined;
+declare function required(message: string): FormRule;
+declare function pattern(regex: RegExp, message: string): FormRule;
+declare function compose<T extends Record<string, unknown> = Record<string, unknown>>(...rules: FormRule<T>[]): FormRule<T>;
 interface ValidationRules {
     required?: string;
     pattern?: {
@@ -92,16 +148,8 @@ interface ValidationRules {
     };
     validate?: (val: unknown) => string | boolean;
 }
-declare function useForm<T extends Record<string, unknown>>(initialValues: T): {
-    values: T;
-    errors: Record<string, string>;
-    register: (name: keyof T, rules?: ValidationRules) => {
-        value: T[keyof T];
-        onChange: (val: unknown) => void;
-    };
-    hasErrors: boolean;
-    setValues: react.Dispatch<react.SetStateAction<T>>;
-};
+declare function fieldRules(rules: ValidationRules): FormRule;
+declare function checkedValue(payload: unknown): boolean;
 
-export { MOBILE_MEDIA_QUERY, REDUCED_MOTION_QUERY, useBodyScrollLock, useControlledState, useControlledStateWithCallback, useDocumentKeyDown, useEscapeKey, useFocusRestore, useFocusTrap, useForm, useInertSiblings, useLongPress, useMediaQuery, useNow, useOutsideClick, useOverlay, useOverlayPanel, usePrefersReducedMotion, usePresence };
-export type { DocumentKeyDownTarget, UseDocumentKeyDownOptions, UseEscapeKeyOptions, UseFocusTrapOptions, UseLongPressHandlers, UseLongPressOptions, UseOutsideClickOptions, UseOverlayOptions, UseOverlayPanelOptions, ValidationRules };
+export { MOBILE_MEDIA_QUERY, REDUCED_MOTION_QUERY, checkedValue, compose, fieldRules, pattern, required, useBodyScrollLock, useControlledState, useControlledStateWithCallback, useDocumentKeyDown, useEscapeKey, useFocusRestore, useFocusTrap, useForm, useFormContext, useFormProvider, useInertSiblings, useLongPress, useMediaQuery, useNow, useOutsideClick, useOverlay, useOverlayPanel, usePrefersReducedMotion, usePresence };
+export type { DocumentKeyDownTarget, FieldValidate, FormErrors, FormRule, RegisterOptions, UseDocumentKeyDownOptions, UseEscapeKeyOptions, UseFocusTrapOptions, UseFormReturn, UseLongPressHandlers, UseLongPressOptions, UseOutsideClickOptions, UseOverlayOptions, UseOverlayPanelOptions, ValidationRules };

package/types/entries/icons.d.ts

@@ -105,6 +105,8 @@ declare const IconChevronRight: react.FC<IconProps>;
 
 declare const IconChevronUp: react.FC<IconProps>;
 
+declare const IconChevronUpDown: react.FC<IconProps>;
+
 declare const IconClipboard: react.FC<IconProps>;
 
 declare const IconClock: react.FC<IconProps>;
@@ -411,5 +413,5 @@ declare const IconZoomIn: react.FC<IconProps>;
 
 declare const IconZoomOut: react.FC<IconProps>;
 
-export { IconAlarm, IconAlignCenter, IconAlignJustify, IconAlignLeft, IconAlignRight, IconAnchor, IconArchive, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowThinDown, IconArrowThinLeft, IconArrowThinRight, IconArrowThinUp, IconArrowUp, IconArticle, IconBackspace, IconBasket, IconBasketball, IconBatteryEmpty, IconBatteryFull, IconBatteryLow, IconBatteryMedium, IconBell, IconBlog, IconBluetooth, IconBold, IconBookmark, IconBookmarks, IconBox, IconBriefcase, IconBrightnessLow, IconBrightnessMax, IconBrightnessMedium, IconBroadcast, IconBrowser, IconBrowserUpload, IconBrush, IconCalendar, IconCamcorder, IconCamera, IconCard, IconCart, IconChecklist, IconCheckmark, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboard, IconClock, IconClockwise, IconCloud, IconCloudDownload, IconCloudUpload, IconCode, IconContract, IconContract2, IconConversation, IconCopy, IconCrop, IconCross, IconCrosshair, IconCutlery, IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconDirection, IconDisc, IconDocument, IconDocumentDelete, IconDocumentEdit, IconDocumentNew, IconDocumentRemove, IconDot, IconDots2, IconDots3, IconDownload, IconDragHandle, IconDuplicate, IconEnter, IconExit, IconExpand, IconExpand2, IconExperiment, IconExport, IconFeed, IconFlag, IconFlashlight, IconFolder, IconFolderOpen, IconForward, IconGaming, IconGear, IconGraduation, IconGraphBar, IconGraphLine, IconGraphPie, IconHeadset, IconHeart, IconHelp, IconHome, IconHourglass, IconInbox, IconInformation, IconItalic, IconJewel, IconLifting, IconLightbulb, IconLink, IconLinkBroken, IconList, IconLoading, IconLocation, IconLock, IconLockOpen, IconMail, IconMap, IconMediaLoop, IconMediaNext, IconMediaPause, IconMediaPlay, IconMediaPrevious, IconMediaRecord, IconMediaShuffle, IconMediaStop, IconMedical, IconMenu, IconMessage, IconMeter, IconMicrophone, IconMinus, IconMonitor, IconMove, IconMusic, IconNetwork1, IconNetwork2, IconNetwork3, IconNetwork4, IconNetwork5, IconPamphlet, IconPaperclip, IconPencil, IconPhone, IconPhoto, IconPhotoGroup, IconPill, IconPin, IconPlus, IconPower, IconPreview, IconPreviewOff, IconPrint, IconPulse, IconQuestion, IconReply, IconReplyAll, IconReturn, IconRetweet, IconRocket, IconScale, IconSearch, IconShoppingBag, IconSkip, IconStack, IconStar, IconStopwatch, IconStore, IconSuitcase, IconSwap, IconTag, IconTagDelete, IconTags, IconThumbsDown, IconThumbsUp, IconTicket, IconTimeReverse, IconToDo, IconToggles, IconTrash, IconTrophy, IconUpload, IconUser, IconUserGroup, IconUserId, IconVibrate, IconViewApps, IconViewList, IconViewListLarge, IconViewThumb, IconVolumeFull, IconVolumeLow, IconVolumeMedium, IconVolumeOff, IconWallet, IconWarning, IconWeb, IconWeight, IconWifi, IconWrong, IconZoomIn, IconZoomOut, createIcon };
+export { IconAlarm, IconAlignCenter, IconAlignJustify, IconAlignLeft, IconAlignRight, IconAnchor, IconArchive, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowThinDown, IconArrowThinLeft, IconArrowThinRight, IconArrowThinUp, IconArrowUp, IconArticle, IconBackspace, IconBasket, IconBasketball, IconBatteryEmpty, IconBatteryFull, IconBatteryLow, IconBatteryMedium, IconBell, IconBlog, IconBluetooth, IconBold, IconBookmark, IconBookmarks, IconBox, IconBriefcase, IconBrightnessLow, IconBrightnessMax, IconBrightnessMedium, IconBroadcast, IconBrowser, IconBrowserUpload, IconBrush, IconCalendar, IconCamcorder, IconCamera, IconCard, IconCart, IconChecklist, IconCheckmark, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconChevronUpDown, IconClipboard, IconClock, IconClockwise, IconCloud, IconCloudDownload, IconCloudUpload, IconCode, IconContract, IconContract2, IconConversation, IconCopy, IconCrop, IconCross, IconCrosshair, IconCutlery, IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconDirection, IconDisc, IconDocument, IconDocumentDelete, IconDocumentEdit, IconDocumentNew, IconDocumentRemove, IconDot, IconDots2, IconDots3, IconDownload, IconDragHandle, IconDuplicate, IconEnter, IconExit, IconExpand, IconExpand2, IconExperiment, IconExport, IconFeed, IconFlag, IconFlashlight, IconFolder, IconFolderOpen, IconForward, IconGaming, IconGear, IconGraduation, IconGraphBar, IconGraphLine, IconGraphPie, IconHeadset, IconHeart, IconHelp, IconHome, IconHourglass, IconInbox, IconInformation, IconItalic, IconJewel, IconLifting, IconLightbulb, IconLink, IconLinkBroken, IconList, IconLoading, IconLocation, IconLock, IconLockOpen, IconMail, IconMap, IconMediaLoop, IconMediaNext, IconMediaPause, IconMediaPlay, IconMediaPrevious, IconMediaRecord, IconMediaShuffle, IconMediaStop, IconMedical, IconMenu, IconMessage, IconMeter, IconMicrophone, IconMinus, IconMonitor, IconMove, IconMusic, IconNetwork1, IconNetwork2, IconNetwork3, IconNetwork4, IconNetwork5, IconPamphlet, IconPaperclip, IconPencil, IconPhone, IconPhoto, IconPhotoGroup, IconPill, IconPin, IconPlus, IconPower, IconPreview, IconPreviewOff, IconPrint, IconPulse, IconQuestion, IconReply, IconReplyAll, IconReturn, IconRetweet, IconRocket, IconScale, IconSearch, IconShoppingBag, IconSkip, IconStack, IconStar, IconStopwatch, IconStore, IconSuitcase, IconSwap, IconTag, IconTagDelete, IconTags, IconThumbsDown, IconThumbsUp, IconTicket, IconTimeReverse, IconToDo, IconToggles, IconTrash, IconTrophy, IconUpload, IconUser, IconUserGroup, IconUserId, IconVibrate, IconViewApps, IconViewList, IconViewListLarge, IconViewThumb, IconVolumeFull, IconVolumeLow, IconVolumeMedium, IconVolumeOff, IconWallet, IconWarning, IconWeb, IconWeight, IconWifi, IconWrong, IconZoomIn, IconZoomOut, createIcon };
 export type { IconProps };