@cronocode/react-box 3.0.0-alpha.3 → 3.0.0-alpha.4

package/core/coreTypes.d.ts

@@ -24,6 +24,7 @@ interface BoxStyleString {
 }
 export type BoxStyle = (BoxStyleArrayString | BoxStyleArrayBoolean | BoxStyleArrayNumber | BoxStyleNumber | BoxStyleString) & {
     styleName?: string;
+    selector?: (className: string, pseudoClass: string) => string;
 };
 export type ExtractKeys<T extends Record<string, unknown>, TT> = {
     [K in keyof T]?: TT;

package/core.cjs

@@ -1,7 +1,7 @@
-"use strict";const T=require("react");function k(...e){return e.reduce((t,s)=>s?typeof s=="string"?(t.push(s),t):Array.isArray(s)?(t.push(...k(...s)),t):(Object.entries(s).forEach(([u,m])=>{m&&t.push(u)}),t):t,[])}var c;(e=>{(t=>{function s(m,n){return`${m}${n.replace("/","-")}`}t.fraction=s;function u(m){return[`${m} path`,`${m} circle`,`${m} rect`,`${m} line`]}t.svg=u})(e.ClassName||(e.ClassName={})),(t=>{function s(h){return`${h/4}rem`}t.rem=s;function u(h){return`${h}px`}t.px=u;function m(h,r){const[i,l]=r.split("/");return`${+i/+l*100}%`}t.fraction=m;function n(h,r){switch(r){case"fit":return"100%";case"fit-screen":return h.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return r}}t.widthHeight=n;function d(h){return(r,i)=>`var(--${h}${i});`}t.variables=d;function o(h){return(r,i)=>`var(--${h}${i});`}t.svgVariables=o;function v(h,r){return`repeat(${r},minmax(0,1fr))`}t.gridColumns=v;function y(h,r){return r==="full-row"?"1/-1":`span ${r}/span ${r}`}t.gridColumn=y;function a(h,r){return`${r}ms`}t.ms=a;function f(h,r){return`${r}deg`}t.rotate=f;function p(h,r){return r==="xAxis"?"-1 1":"1 -1"}t.flip=p})(e.Value||(e.Value={}))})(c||(c={}));const _={appearance:[{values:["none","auto","menulist-button","textfield","button","checkbox"]}],b:[{values:0,styleName:"border-width",valueFormat:c.Value.px}],bx:[{values:0,styleName:"border-inline-width",valueFormat:c.Value.px}],by:[{values:0,styleName:"border-block-width",valueFormat:c.Value.px}],bt:[{values:0,styleName:"border-top-width",valueFormat:c.Value.px}],br:[{values:0,styleName:"border-right-width",valueFormat:c.Value.px}],bb:[{values:0,styleName:"border-bottom-width",valueFormat:c.Value.px}],bl:[{values:0,styleName:"border-left-width",valueFormat:c.Value.px}],borderStyle:[{styleName:"border-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],borderRadius:[{styleName:"border-radius",values:0,valueFormat:c.Value.rem}],borderRadiusTop:[{values:0,styleName:"border-radius",valueFormat:e=>`${e/4}rem ${e/4}rem 0 0`}],borderRadiusRight:[{values:0,styleName:"border-radius",valueFormat:e=>`0 ${e/4}rem ${e/4}rem 0`}],borderRadiusBottom:[{values:0,styleName:"border-radius",valueFormat:e=>`0 0 ${e/4}rem ${e/4}rem`}],borderRadiusLeft:[{values:0,styleName:"border-radius",valueFormat:e=>`${e/4}rem 0 0 ${e/4}rem`}],borderRadiusTopLeft:[{values:0,styleName:"border-radius",valueFormat:e=>`${e/4}rem 0 0 0`}],borderRadiusTopRight:[{values:0,styleName:"border-radius",valueFormat:e=>`0 ${e/4}rem 0 0`}],borderRadiusBottomRight:[{values:0,styleName:"border-radius",valueFormat:e=>`0 0 ${e/4}rem 0`}],borderRadiusBottomLeft:[{values:0,styleName:"border-radius",valueFormat:e=>`0 0 0 ${e/4}rem`}],position:[{values:["static","relative","absolute","fixed","sticky"]}],top:[{values:0,valueFormat:c.Value.rem}],right:[{values:0,valueFormat:c.Value.rem}],bottom:[{values:0,valueFormat:c.Value.rem}],left:[{values:0,valueFormat:c.Value.rem}],inset:[{values:0,valueFormat:c.Value.rem}],boxSizing:[{values:["border-box","content-box"],styleName:"box-sizing"}],contentVisibility:[{values:["visible","hidden"],styleName:"content-visibility"}],cursor:[{values:["auto","default","none","context-menu","help","pointer","progress","wait","cell","crosshair","text","vertical-text","alias","copy","move","no-drop","not-allowed","e-resize","n-resize","ne-resize","nw-resize","s-resize","se-resize","sw-resize","w-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","col-resize","row-resize","all-scroll","zoom-in","zoom-out","grab","grabbing"]}],display:[{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]}],inline:[{values:[!0],styleName:"display",valueFormat:()=>"inline-block"}],jc:[{styleName:"justify-content",values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]}],ai:[{styleName:"align-items",values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]}],alignContent:[{styleName:"align-content",values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]}],flex1:[{styleName:"flex",values:[!0],valueFormat:()=>"1"}],d:[{styleName:"flex-direction",values:["row","row-reverse","column","column-reverse"]}],flexWrap:[{styleName:"flex-wrap",values:["nowrap","wrap","wrap-reverse"]}],flexGrow:[{styleName:"flex-grow",values:0}],flexShrink:[{styleName:"flex-shrink",values:0}],alignSelf:[{styleName:"align-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],justifySelf:[{styleName:"justify-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],fontSize:[{styleName:"font-size",values:0,valueFormat:c.Value.px},{styleName:"font-size",values:["inherit"]}],fontStyle:[{styleName:"font-style",values:["italic","normal","oblique"]}],fontWeight:[{styleName:"font-weight",values:[100,200,300,400,500,600,700,800,900]}],gap:[{values:0,valueFormat:c.Value.rem}],rowGap:[{styleName:"row-gap",values:0,valueFormat:c.Value.rem}],columnGap:[{styleName:"column-gap",values:0,valueFormat:c.Value.rem}],order:[{styleName:"order",values:0}],height:[{values:0,valueFormat:e=>`${e/4}rem`},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vh"},{values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{values:["auto","fit-content","max-content","min-content"]}],minHeight:[{styleName:"min-height",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"min-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"min-height",values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{styleName:"min-height",values:["auto","fit-content","max-content","min-content"]}],maxHeight:[{styleName:"max-height",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"max-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"max-height",values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{styleName:"max-height",values:["auto","fit-content","max-content","min-content"]}],width:[{values:0,valueFormat:e=>`${e/4}rem`},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vw"},{values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{values:["auto","fit-content","max-content","min-content"]}],minWidth:[{styleName:"min-width",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"min-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"min-width",values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{styleName:"min-width",values:["auto","fit-content","max-content","min-content"]}],maxWidth:[{styleName:"max-width",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"max-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"max-width",values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{styleName:"max-width",values:["auto","fit-content","max-content","min-content"]}],letterSpacing:[{styleName:"letter-spacing",values:0,valueFormat:c.Value.px}],lineHeight:[{styleName:"line-height",values:0,valueFormat:c.Value.px},{styleName:"line-height",values:["font-size"],valueFormat:e=>"1"}],listStyle:[{styleName:"list-style",values:["square","inside","outside","none"]}],m:[{values:0,styleName:"margin",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin"}],mx:[{values:0,styleName:"margin-inline",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-inline"}],my:[{values:0,styleName:"margin-block",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-block"}],mt:[{values:0,styleName:"margin-top",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-top"}],mr:[{values:0,styleName:"margin-right",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-right"}],mb:[{values:0,styleName:"margin-bottom",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-bottom"}],ml:[{values:0,styleName:"margin-left",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-left"}],p:[{values:0,styleName:"padding",valueFormat:c.Value.rem}],px:[{values:0,styleName:"padding-inline",valueFormat:c.Value.rem}],py:[{values:0,styleName:"padding-block",valueFormat:c.Value.rem}],pt:[{values:0,styleName:"padding-top",valueFormat:c.Value.rem}],pr:[{values:0,styleName:"padding-right",valueFormat:c.Value.rem}],pb:[{values:0,styleName:"padding-bottom",valueFormat:c.Value.rem}],pl:[{values:0,styleName:"padding-left",valueFormat:c.Value.rem}],objectFit:[{styleName:"object-fit",values:["fill","contain","cover","scale-down","none"]}],opacity:[{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]}],outline:[{styleName:"outline-width",values:0,valueFormat:c.Value.px}],outlineStyle:[{styleName:"outline-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],outlineOffset:[{styleName:"outline-offset",values:0,valueFormat:c.Value.px}],overflow:[{values:["auto","hidden","scroll","visible"]}],overflowX:[{styleName:"overflow-x",values:["auto","hidden","scroll","visible"]}],overflowY:[{styleName:"overflow-y",values:["auto","hidden","scroll","visible"]}],pointerEvents:[{styleName:"pointer-events",values:["none","auto","all"]}],resize:[{values:["none","both","horizontal","vertical","block","inline"]}],rotate:[{values:[0,90,180,270,-90,-180,-270],valueFormat:e=>`${e}deg`}],flip:[{styleName:"scale",values:["xAxis","yAxis"],valueFormat:e=>e==="xAxis"?"-1 1":"1 -1"}],textAlign:[{styleName:"text-align",values:["left","right","center","justify"]}],textDecoration:[{styleName:"text-decoration",values:["none","underline","overline","line-through"]}],textOverflow:[{styleName:"text-overflow",values:["clip","ellipsis"]}],textTransform:[{styleName:"text-transform",values:["none","capitalize","lowercase","uppercase"]}],textWrap:[{styleName:"text-wrap",values:["wrap","nowrap","balance","pretty"]}],transition:[{styleName:"transition-property",values:["none","all"]}],transitionDuration:[{styleName:"transition-duration",values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],valueFormat:e=>`${e}ms`}],userSelect:[{styleName:"user-select",values:["none","auto","text","all"]}],visibility:[{styleName:"visibility",values:["visible","hidden","collapse"]}],whiteSpace:[{styleName:"white-space",values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]}],zIndex:[{styleName:"z-index",values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]}],gridTemplateColumns:[{styleName:"grid-template-columns",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-columns",values:["subgrid"]}],gridTemplateRows:[{styleName:"grid-template-rows",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-rows",values:["subgrid"]}],gridColumn:[{styleName:"grid-column",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-column",values:["full-row"],valueFormat:()=>"1/-1"}],gridColumnStart:[{styleName:"grid-column-start",values:0}],gridColumnEnd:[{styleName:"grid-column-end",values:0}],gridRow:[{styleName:"grid-row",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-row",values:["full-column"],valueFormat:()=>"1/-1"}],gridRowStart:[{styleName:"grid-row-start",values:0}],gridRowEnd:[{styleName:"grid-row-end",values:0}]},ee={hover:":hover",focus:":focus-within",hasFocus:":has(:focus)",active:":active",valid:":user-valid",hasValid:":has(:valid)",invalid:":user-invalid",hasInvalid:":has(:user-invalid)",optional:":optional",hasChecked:":has(:checked)",hasRequired:":has(:required)",hasDisabled:":has([disabled])"},I={indeterminate:":indeterminate",checked:":checked",required:":required",disabled:"[disabled]"},M={...ee,...I},te=Object.entries(M).reduce((e,[t],s)=>(e[t]=Math.pow(2,s),e),{}),q=Object.entries(M).reduce((e,[t])=>{const s=te[t];return Object.entries(e).forEach(([u,m])=>{e[+u+s]=[...m,t]}),e},{0:[]}),H={hoverGroup:"hover",focusGroup:"focus",activeGroup:"active"},C={sm:640,md:768,lg:1024,xl:1280,xxl:1536};var K;(e=>{function t(n,d,o){const v={...n},y=v.props||{};return d.forEach(a=>{a in v&&(y[a]=v[a],delete v[a])}),o&&Object.entries(o).forEach(([a,f])=>{y[a]=f}),v.props=y,v}e.buildProps=t;function s(n){return!!n&&typeof n=="object"}e.isObject=s;function u(...n){return n.reduce((d,o)=>(Object.keys(o).forEach(v=>{const y=d[v],a=o[v];v in I&&typeof a=="boolean"||(v in I&&Array.isArray(a)?d[v]=u(y,a[1]??{}):Array.isArray(y)&&Array.isArray(a)?d[v]=y.concat(...a):s(y)&&s(a)?d[v]=u(y,a):d[v]=a)}),d),{})}e.mergeDeep=u;function m(n,d){return n in d}e.isKeyOf=m})(K||(K={}));const x=K;class ne{constructor(){this._index=0,this._cache={}}getIdentity(t){return this._cache[t]||(this._cache[t]=this.getByIndex(this._index++)),this._cache[t]}getByIndex(t){const{first:s,next:u}=ie,m=t-s.length;if(m<0)return s[t];const n=Math.floor(m/u.length),d=m-n*u.length;return this.getByIndex(n)+u[d]}}const ie={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var L;(e=>{let t="";function s(m,n){return t=Object.entries(m).map(([d,o])=>`--${d}: ${o};`).join(""),Object.entries(n).forEach(([d,o])=>{_[d]=o}),n}e.extend=s;function u(){return t}e.getVariables=u})(L||(L={}));const se=L;var R;(e=>{e.components={}})(R||(R={}));function oe(e){const{clean:t,theme:s,component:u}=e;return T.useMemo(()=>{var n,d;if(t)return;let m=(n=R.components)==null?void 0:n[u];if(m)return s?x.mergeDeep(m.styles,((d=m.themes)==null?void 0:d[s])??{}):m.styles},[u,t,s])}const ue=new ne,me=typeof window<"u"&&typeof window.document<"u";var P;const ae=typeof process=="object"&&((P=process.env)==null?void 0:P.NODE_ENV)==="test",ce=me&&!ae?T.useLayoutEffect:T.useEffect,re="_b",j="_s";function de(e,t){ce(O.flush,[e]);const s=oe(e);return T.useMemo(()=>{var n;const u=[t?j:re];(n=e.props)==null||n.name;const m=s?x.mergeDeep(s,e):e;return O.addClassNames(m,u,[]),u},[e,t,s])}var O;(e=>{let t=!0,s={};function u(a,f,p,h,r){Object.entries(a).forEach(([i,l])=>{if(x.isKeyOf(i,_))d(i,l,f,p,h,r);else if(x.isKeyOf(i,ee))u(l,f,[...p,i],h,r);else if(x.isKeyOf(i,I)){if(Array.isArray(l)){const[g,b]=l;u(b,f,[...p,i],h,r)}x.isObject(l)&&u(l,f,[...p,i],h,r)}else x.isKeyOf(i,C)?u(l,f,p,i,r):x.isKeyOf(i,H)&&(typeof l=="string"?f.push(`${H[i]}-${l}`):Object.entries(l).forEach(([g,b])=>{u(b,f,[...p,H[i]],h,g)}))})}e.addClassNames=u;function m(){if(!t)return;console.debug("\x1B[36m%s\x1B[0m","[react-box]: flush");const a=Object.entries(_).reduce((i,[l],g)=>(i[l]=g,i),{}),f=`:root{${se.getVariables()}--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;}#crono-box {position: absolute;top: 0;left: 0;height: 0;}
+"use strict";const C=require("react");function te(...e){return e.reduce((t,s)=>s?typeof s=="string"?(t.push(s),t):Array.isArray(s)?(t.push(...te(...s)),t):(Object.entries(s).forEach(([u,m])=>{m&&t.push(u)}),t):t,[])}var c;(e=>{(t=>{function s(m,n){return`${m}${n.replace("/","-")}`}t.fraction=s;function u(m){return[`${m} path`,`${m} circle`,`${m} rect`,`${m} line`]}t.svg=u})(e.ClassName||(e.ClassName={})),(t=>{function s(h){return`${h/4}rem`}t.rem=s;function u(h){return`${h}px`}t.px=u;function m(h,r){const[o,l]=r.split("/");return`${+o/+l*100}%`}t.fraction=m;function n(h,r){switch(r){case"fit":return"100%";case"fit-screen":return h.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return r}}t.widthHeight=n;function d(h){return(r,o)=>`var(--${h}${o});`}t.variables=d;function i(h){return(r,o)=>`var(--${h}${o});`}t.svgVariables=i;function v(h,r){return`repeat(${r},minmax(0,1fr))`}t.gridColumns=v;function y(h,r){return r==="full-row"?"1/-1":`span ${r}/span ${r}`}t.gridColumn=y;function a(h,r){return`${r}ms`}t.ms=a;function f(h,r){return`${r}deg`}t.rotate=f;function p(h,r){return r==="xAxis"?"-1 1":"1 -1"}t.flip=p})(e.Value||(e.Value={}))})(c||(c={}));const A={appearance:[{values:["none","auto","menulist-button","textfield","button","checkbox"]}],b:[{values:0,styleName:"border-width",valueFormat:c.Value.px}],bx:[{values:0,styleName:"border-inline-width",valueFormat:c.Value.px}],by:[{values:0,styleName:"border-block-width",valueFormat:c.Value.px}],bt:[{values:0,styleName:"border-top-width",valueFormat:c.Value.px}],br:[{values:0,styleName:"border-right-width",valueFormat:c.Value.px}],bb:[{values:0,styleName:"border-bottom-width",valueFormat:c.Value.px}],bl:[{values:0,styleName:"border-left-width",valueFormat:c.Value.px}],borderStyle:[{styleName:"border-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],borderRadius:[{styleName:"border-radius",values:0,valueFormat:c.Value.rem}],borderRadiusTop:[{values:0,styleName:"border-radius",valueFormat:e=>`${e/4}rem ${e/4}rem 0 0`}],borderRadiusRight:[{values:0,styleName:"border-radius",valueFormat:e=>`0 ${e/4}rem ${e/4}rem 0`}],borderRadiusBottom:[{values:0,styleName:"border-radius",valueFormat:e=>`0 0 ${e/4}rem ${e/4}rem`}],borderRadiusLeft:[{values:0,styleName:"border-radius",valueFormat:e=>`${e/4}rem 0 0 ${e/4}rem`}],borderRadiusTopLeft:[{values:0,styleName:"border-radius",valueFormat:e=>`${e/4}rem 0 0 0`}],borderRadiusTopRight:[{values:0,styleName:"border-radius",valueFormat:e=>`0 ${e/4}rem 0 0`}],borderRadiusBottomRight:[{values:0,styleName:"border-radius",valueFormat:e=>`0 0 ${e/4}rem 0`}],borderRadiusBottomLeft:[{values:0,styleName:"border-radius",valueFormat:e=>`0 0 0 ${e/4}rem`}],position:[{values:["static","relative","absolute","fixed","sticky"]}],top:[{values:0,valueFormat:c.Value.rem}],right:[{values:0,valueFormat:c.Value.rem}],bottom:[{values:0,valueFormat:c.Value.rem}],left:[{values:0,valueFormat:c.Value.rem}],inset:[{values:0,valueFormat:c.Value.rem}],boxSizing:[{values:["border-box","content-box"],styleName:"box-sizing"}],contentVisibility:[{values:["visible","hidden"],styleName:"content-visibility"}],cursor:[{values:["auto","default","none","context-menu","help","pointer","progress","wait","cell","crosshair","text","vertical-text","alias","copy","move","no-drop","not-allowed","e-resize","n-resize","ne-resize","nw-resize","s-resize","se-resize","sw-resize","w-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","col-resize","row-resize","all-scroll","zoom-in","zoom-out","grab","grabbing"]}],display:[{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]}],inline:[{values:[!0],styleName:"display",valueFormat:()=>"inline-block"}],jc:[{styleName:"justify-content",values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]}],ai:[{styleName:"align-items",values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]}],alignContent:[{styleName:"align-content",values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]}],flex1:[{styleName:"flex",values:[!0],valueFormat:()=>"1"}],d:[{styleName:"flex-direction",values:["row","row-reverse","column","column-reverse"]}],flexWrap:[{styleName:"flex-wrap",values:["nowrap","wrap","wrap-reverse"]}],flexGrow:[{styleName:"flex-grow",values:0}],flexShrink:[{styleName:"flex-shrink",values:0}],alignSelf:[{styleName:"align-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],justifySelf:[{styleName:"justify-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],fontSize:[{styleName:"font-size",values:0,valueFormat:c.Value.px},{styleName:"font-size",values:["inherit"]}],fontStyle:[{styleName:"font-style",values:["italic","normal","oblique"]}],fontWeight:[{styleName:"font-weight",values:[100,200,300,400,500,600,700,800,900]}],gap:[{values:0,valueFormat:c.Value.rem}],rowGap:[{styleName:"row-gap",values:0,valueFormat:c.Value.rem}],columnGap:[{styleName:"column-gap",values:0,valueFormat:c.Value.rem}],order:[{styleName:"order",values:0}],height:[{values:0,valueFormat:e=>`${e/4}rem`},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vh"},{values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{values:["auto","fit-content","max-content","min-content"]}],minHeight:[{styleName:"min-height",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"min-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"min-height",values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{styleName:"min-height",values:["auto","fit-content","max-content","min-content"]}],maxHeight:[{styleName:"max-height",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"max-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"max-height",values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{styleName:"max-height",values:["auto","fit-content","max-content","min-content"]}],width:[{values:0,valueFormat:e=>`${e/4}rem`},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vw"},{values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{values:["auto","fit-content","max-content","min-content"]}],minWidth:[{styleName:"min-width",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"min-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"min-width",values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{styleName:"min-width",values:["auto","fit-content","max-content","min-content"]}],maxWidth:[{styleName:"max-width",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"max-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"max-width",values:["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],valueFormat:e=>{const[t,s]=e.split("/");return`${+t/+s*100}%`}},{styleName:"max-width",values:["auto","fit-content","max-content","min-content"]}],letterSpacing:[{styleName:"letter-spacing",values:0,valueFormat:c.Value.px}],lineHeight:[{styleName:"line-height",values:0,valueFormat:c.Value.px},{styleName:"line-height",values:["font-size"],valueFormat:e=>"1"}],listStyle:[{styleName:"list-style",values:["square","inside","outside","none"]}],m:[{values:0,styleName:"margin",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin"}],mx:[{values:0,styleName:"margin-inline",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-inline"}],my:[{values:0,styleName:"margin-block",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-block"}],mt:[{values:0,styleName:"margin-top",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-top"}],mr:[{values:0,styleName:"margin-right",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-right"}],mb:[{values:0,styleName:"margin-bottom",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-bottom"}],ml:[{values:0,styleName:"margin-left",valueFormat:c.Value.rem},{values:["auto"],styleName:"margin-left"}],p:[{values:0,styleName:"padding",valueFormat:c.Value.rem}],px:[{values:0,styleName:"padding-inline",valueFormat:c.Value.rem}],py:[{values:0,styleName:"padding-block",valueFormat:c.Value.rem}],pt:[{values:0,styleName:"padding-top",valueFormat:c.Value.rem}],pr:[{values:0,styleName:"padding-right",valueFormat:c.Value.rem}],pb:[{values:0,styleName:"padding-bottom",valueFormat:c.Value.rem}],pl:[{values:0,styleName:"padding-left",valueFormat:c.Value.rem}],objectFit:[{styleName:"object-fit",values:["fill","contain","cover","scale-down","none"]}],opacity:[{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]}],outline:[{styleName:"outline-width",values:0,valueFormat:c.Value.px}],outlineStyle:[{styleName:"outline-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],outlineOffset:[{styleName:"outline-offset",values:0,valueFormat:c.Value.px}],overflow:[{values:["auto","hidden","scroll","visible"]}],overflowX:[{styleName:"overflow-x",values:["auto","hidden","scroll","visible"]}],overflowY:[{styleName:"overflow-y",values:["auto","hidden","scroll","visible"]}],pointerEvents:[{styleName:"pointer-events",values:["none","auto","all"]}],resize:[{values:["none","both","horizontal","vertical","block","inline"]}],rotate:[{values:[0,90,180,270,-90,-180,-270],valueFormat:e=>`${e}deg`}],flip:[{styleName:"scale",values:["xAxis","yAxis"],valueFormat:e=>e==="xAxis"?"-1 1":"1 -1"}],textAlign:[{styleName:"text-align",values:["left","right","center","justify"]}],textDecoration:[{styleName:"text-decoration",values:["none","underline","overline","line-through"]}],textOverflow:[{styleName:"text-overflow",values:["clip","ellipsis"]}],textTransform:[{styleName:"text-transform",values:["none","capitalize","lowercase","uppercase"]}],textWrap:[{styleName:"text-wrap",values:["wrap","nowrap","balance","pretty"]}],transition:[{styleName:"transition-property",values:["none","all"]}],transitionDuration:[{styleName:"transition-duration",values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],valueFormat:e=>`${e}ms`}],userSelect:[{styleName:"user-select",values:["none","auto","text","all"]}],visibility:[{styleName:"visibility",values:["visible","hidden","collapse"]}],whiteSpace:[{styleName:"white-space",values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]}],zIndex:[{styleName:"z-index",values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]}],gridTemplateColumns:[{styleName:"grid-template-columns",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-columns",values:["subgrid"]}],gridTemplateRows:[{styleName:"grid-template-rows",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-rows",values:["subgrid"]}],gridColumn:[{styleName:"grid-column",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-column",values:["full-row"],valueFormat:()=>"1/-1"}],gridColumnStart:[{styleName:"grid-column-start",values:0}],gridColumnEnd:[{styleName:"grid-column-end",values:0}],gridRow:[{styleName:"grid-row",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-row",values:["full-column"],valueFormat:()=>"1/-1"}],gridRowStart:[{styleName:"grid-row-start",values:0}],gridRowEnd:[{styleName:"grid-row-end",values:0}]},se={hover:":hover",focus:":focus-within",hasFocus:":has(:focus)",active:":active",valid:":user-valid",hasValid:":has(:valid)",invalid:":user-invalid",hasInvalid:":has(:user-invalid)",optional:":optional",hasChecked:":has(:checked)",hasRequired:":has(:required)",hasDisabled:":has([disabled])"},B={indeterminate:":indeterminate",checked:":checked",required:":required",disabled:"[disabled]"},Y={...se,...B},ae=Object.entries(Y).reduce((e,[t],s)=>(e[t]=Math.pow(2,s),e),{}),K=Object.entries(Y).reduce((e,[t])=>{const s=ae[t];return Object.entries(e).forEach(([u,m])=>{e[+u+s]=[...m,t]}),e},{0:[]}),L={hoverGroup:"hover",focusGroup:"focus",activeGroup:"active"},R={sm:640,md:768,lg:1024,xl:1280,xxl:1536};var U;(e=>{function t(n,d,i){const v={...n},y=v.props||{};return d.forEach(a=>{a in v&&(y[a]=v[a],delete v[a])}),i&&Object.entries(i).forEach(([a,f])=>{y[a]=f}),v.props=y,v}e.buildProps=t;function s(n){return!!n&&typeof n=="object"}e.isObject=s;function u(...n){return n.reduce((d,i)=>(Object.keys(i).forEach(v=>{const y=d[v],a=i[v];v in B&&typeof a=="boolean"||(v in B&&Array.isArray(a)?d[v]=u(y,a[1]??{}):Array.isArray(y)&&Array.isArray(a)?d[v]=y.concat(...a):s(y)&&s(a)?d[v]=u(y,a):d[v]=a)}),d),{})}e.mergeDeep=u;function m(n,d){return n in d}e.isKeyOf=m})(U||(U={}));const w=U;class ie{constructor(){this._index=0,this._cache={}}getIdentity(t){return this._cache[t]||(this._cache[t]=this.getByIndex(this._index++)),this._cache[t]}getByIndex(t){const{first:s,next:u}=ue,m=t-s.length;if(m<0)return s[t];const n=Math.floor(m/u.length),d=m-n*u.length;return this.getByIndex(n)+u[d]}}const ue={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var W;(e=>{let t="";function s(m,n){return t=Object.entries(m).map(([d,i])=>`--${d}: ${i};`).join(""),Object.entries(n).forEach(([d,i])=>{A[d]=i}),n}e.extend=s;function u(){return t}e.getVariables=u})(W||(W={}));const re=W;var G;(e=>{e.components={}})(G||(G={}));function me(e){const{clean:t,theme:s,component:u}=e;return C.useMemo(()=>{var n,d;if(t)return;let m=(n=G.components)==null?void 0:n[u];if(m)return s?w.mergeDeep(m.styles,((d=m.themes)==null?void 0:d[s])??{}):m.styles},[u,t,s])}const ce=new ie,de=typeof window<"u"&&typeof window.document<"u";var ee;const le=typeof process=="object"&&((ee=process.env)==null?void 0:ee.NODE_ENV)==="test",ve=de&&!le?C.useLayoutEffect:C.useEffect,ne="_b",O="_s";function fe(e,t){ve(S.flush,[e]);const s=me(e);return C.useMemo(()=>{var n;const u=[t?O:ne];(n=e.props)==null||n.name;const m=s?w.mergeDeep(s,e):e;return S.addClassNames(m,u,[]),u},[e,t,s])}var S;(e=>{let t=!0,s={};function u(a,f,p,h,r){Object.entries(a).forEach(([o,l])=>{if(w.isKeyOf(o,A))d(o,l,f,p,h,r);else if(w.isKeyOf(o,se))u(l,f,[...p,o],h,r);else if(w.isKeyOf(o,B)){if(Array.isArray(l)){const[b,x]=l;u(x,f,[...p,o],h,r)}w.isObject(l)&&u(l,f,[...p,o],h,r)}else w.isKeyOf(o,R)?u(l,f,p,o,r):w.isKeyOf(o,L)&&(typeof l=="string"?f.push(`${L[o]}-${l}`):Object.entries(l).forEach(([b,x])=>{u(x,f,[...p,L[o]],h,b)}))})}e.addClassNames=u;function m(){if(!t)return;console.debug("\x1B[36m%s\x1B[0m","[react-box]: flush");const a=Object.entries(A).reduce((o,[l],b)=>(o[l]=b,o),{}),f=`:root{${re.getVariables()}--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;}#crono-box {position: absolute;top: 0;left: 0;height: 0;}
 html{font-size: 16px;font-family: Arial, sans-serif;}
 body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
 a,ul{all: unset;}
-.${re}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
-.${j}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${j} path,.${j} circle,.${j} rect,.${j} line {transition: all var(--svgTransitionTime);}
-`,p=Object.entries(s);p.sort(([i],[l])=>(C[i]??0)-(C[l]??0));const h=p.reduce((i,[l,g])=>(l!=="normal"&&i.push(`@media(min-width: ${C[l]}px){`),Object.entries(g).forEach(([b,B])=>{const{__parents:X,...le}=B,Y=Object.entries(le);Y.sort(([w],[S])=>a[w]-a[S]),Y.forEach(([w,S])=>{S.forEach(F=>{var A;const N=_[w].find(E=>Array.isArray(E.values)?E.values.includes(F):typeof F==typeof E.values);if(!N)return;const $=o(w,F,+b,l),J=N.styleName??w,V=((A=N.valueFormat)==null?void 0:A.call(N,F))??F,G=q[+b];i.push(`.${$}${G.map(E=>M[E]).join("")}{${J}:${V}}`)})}),X&&Object.entries(X).forEach(([w,S])=>{const F=Object.entries(S);F.sort(([z],[N])=>a[z]-a[N]),F.forEach(([z,N])=>{N.forEach($=>{var Z;const V=_[z].find(D=>Array.isArray(D.values)?D.values.includes($):typeof $==typeof D.values);if(!V)return;const G=o(z,$,+b,l,w),A=V.styleName??z,E=((Z=V.valueFormat)==null?void 0:Z.call(V,$))??$,[Q]=q[+b];i.push(`.${Q}-${w}:${Q} .${G}{${A}:${E}}`)})})})}),l!=="normal"&&i.push("}"),i),[f]),r=y();r.innerHTML=h.join(""),t=!1}e.flush=m;function n(){s={}}e.clear=n;function d(a,f,p,h,r="normal",i){if(f==null)return;const l=h.reduce((b,B)=>b+te[B],0);s[r]?s[r][l]?s[r][l][a]||(s[r][l][a]=new Set):s[r][l]={[a]:new Set}:s[r]={[l]:{[a]:new Set}},i?(s[r][l].__parents?s[r][l].__parents[i]?s[r][l].__parents[i][a]||(s[r][l].__parents[i][a]=new Set):s[r][l].__parents[i]={[a]:new Set}:s[r][l].__parents={[i]:{[a]:new Set}},s[r][l].__parents[i][a].has(f)||(s[r][l].__parents[i][a].add(f),t=!0)):s[r][l][a].has(f)||(s[r][l][a].add(f),t=!0);const g=o(a,f,l,r,i);p.push(g)}function o(a,f,p,h,r){const i=q[p],l=`${h==="normal"?"":`${h}-`}${i.map(g=>`${g}-`).join("")}${r?`${r}-`:""}${a}-${f}`;return ae?l:ue.getIdentity(l)}const v="crono-styles";function y(){let a=document.getElementById(v);return a||(a=document.createElement("style"),a.setAttribute("id",v),a.setAttribute("type","text/css"),document.head.insertBefore(a,document.head.firstChild)),a}})(O||(O={}));exports.StylesContext=void 0;(e=>{e.flush=O.flush,e.clear=O.clear})(exports.StylesContext||(exports.StylesContext={}));var U;(e=>{const t={button:{styles:{display:"inline-block",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",disabled:{cursor:"default"}}},checkbox:{styles:{display:"inline-block"}},radioButton:{styles:{display:"inline-block",b:1,p:2}},textbox:{styles:{display:"inline-block",b:1,borderRadius:1,p:3}},textarea:{styles:{display:"inline-block",b:1,borderRadius:1}}};function s(u){const{components:m,...n}=u,d=m??{};Object.entries(n).forEach(([o,v])=>{d[o]=v}),R.components=x.mergeDeep(t,d)}e.setup=s})(U||(U={}));const ve=U;var W;(e=>{function t(u){const m=Array.from(u.elements).reduce((n,d)=>{const o=d.name;return o&&(n[o]||(n[o]=[]),n[o].push(d)),n},{});return Object.entries(m).reduce((n,[d,o])=>{if(o.length===1){const v=o[0];s(n,d,v.type==="checkbox"||v.type==="radio"?v.checked:v.value)}else{const v=o.reduce((y,a)=>(a.type==="checkbox"||a.type==="radio"?a.checked&&y.push(a.value):y.push(a.value),y),[]);s(n,d,v)}return n},{})}e.getFormEntries=t;function s(u,m,n){if(m.includes(".")){const d=m.split(".");let o=u;d.forEach((v,y)=>{if(d.length>y+1){const a=v.match(/^(.+)\[(\d)\]$/);if(a){const[,f,p]=a;o[f]=o[f]||[],o[f][p]=o[f][p]||{},o=o[f][p]}else o[v]=o[v]||{},o=o[v]}else o[v]=n})}else u[m]=n}})(W||(W={}));const fe=W;function he(){return T.useMemo(()=>{const e="crono-box";let t=document.getElementById(e);return t||(t=document.createElement("div"),t.id=e,document.body.appendChild(t)),t},[])}exports.BoxExtends=se;exports.FormUtils=fe;exports.ObjectUtils=x;exports.Theme=ve;exports.classNames=k;exports.usePortalContainer=he;exports.useStyles=de;
+.${ne}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
+.${O}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${O} path,.${O} circle,.${O} rect,.${O} line {transition: all var(--svgTransitionTime);}
+`,p=Object.entries(s);p.sort(([o],[l])=>(R[o]??0)-(R[l]??0));const h=p.reduce((o,[l,b])=>(l!=="normal"&&o.push(`@media(min-width: ${R[l]}px){`),Object.entries(b).forEach(([x,D])=>{const{__parents:J,...oe}=D,Q=Object.entries(oe);Q.sort(([$],[_])=>a[$]-a[_]),Q.forEach(([$,_])=>{_.forEach(F=>{var I,V;const g=A[$].find(z=>Array.isArray(z.values)?z.values.includes(F):typeof F==typeof z.values);if(!g)return;const E=i($,F,+x,l),Z=g.styleName??$,N=((I=g.valueFormat)==null?void 0:I.call(g,F))??F,T=K[+x].map(z=>Y[z]).join(""),q=((V=g.selector)==null?void 0:V.call(g,`.${E}`,T))??`.${E}${T}`;o.push(`${q}{${Z}:${N}}`)})}),J&&Object.entries(J).forEach(([$,_])=>{const F=Object.entries(_);F.sort(([j],[g])=>a[j]-a[g]),F.forEach(([j,g])=>{g.forEach(E=>{var P,k;const N=A[j].find(H=>Array.isArray(H.values)?H.values.includes(E):typeof E==typeof H.values);if(!N)return;const T=i(j,E,+x,l,$),q=N.styleName??j,I=((P=N.valueFormat)==null?void 0:P.call(N,E))??E,[V]=K[+x],z=((k=N.selector)==null?void 0:k.call(N,`.${V}-${$}:${V} .${T}`,""))??`.${V}-${$}:${V} .${T}`;o.push(`${z}{${q}:${I}}`)})})})}),l!=="normal"&&o.push("}"),o),[f]),r=y();r.innerHTML=h.join(""),t=!1}e.flush=m;function n(){s={}}e.clear=n;function d(a,f,p,h,r="normal",o){if(f==null)return;const l=h.reduce((x,D)=>x+ae[D],0);s[r]?s[r][l]?s[r][l][a]||(s[r][l][a]=new Set):s[r][l]={[a]:new Set}:s[r]={[l]:{[a]:new Set}},o?(s[r][l].__parents?s[r][l].__parents[o]?s[r][l].__parents[o][a]||(s[r][l].__parents[o][a]=new Set):s[r][l].__parents[o]={[a]:new Set}:s[r][l].__parents={[o]:{[a]:new Set}},s[r][l].__parents[o][a].has(f)||(s[r][l].__parents[o][a].add(f),t=!0)):s[r][l][a].has(f)||(s[r][l][a].add(f),t=!0);const b=i(a,f,l,r,o);p.push(b)}function i(a,f,p,h,r){const o=K[p],l=`${h==="normal"?"":`${h}-`}${o.map(b=>`${b}-`).join("")}${r?`${r}-`:""}${a}-${f}`;return le?l:ce.getIdentity(l)}const v="crono-styles";function y(){let a=document.getElementById(v);return a||(a=document.createElement("style"),a.setAttribute("id",v),a.setAttribute("type","text/css"),document.head.insertBefore(a,document.head.firstChild)),a}})(S||(S={}));exports.StylesContext=void 0;(e=>{e.flush=S.flush,e.clear=S.clear})(exports.StylesContext||(exports.StylesContext={}));var M;(e=>{const t={button:{styles:{display:"inline-block",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",disabled:{cursor:"default"}}},checkbox:{styles:{display:"inline-block"}},radioButton:{styles:{display:"inline-block",b:1,p:2}},textbox:{styles:{display:"inline-block",b:1,borderRadius:1,p:3}},textarea:{styles:{display:"inline-block",b:1,borderRadius:1}}};function s(u){const{components:m,...n}=u,d=m??{};Object.entries(n).forEach(([i,v])=>{d[i]=v}),G.components=w.mergeDeep(t,d)}e.setup=s})(M||(M={}));const he=M;var X;(e=>{function t(u){const m=Array.from(u.elements).reduce((n,d)=>{const i=d.name;return i&&(n[i]||(n[i]=[]),n[i].push(d)),n},{});return Object.entries(m).reduce((n,[d,i])=>{if(i.length===1){const v=i[0];s(n,d,v.type==="checkbox"||v.type==="radio"?v.checked:v.value)}else{const v=i.reduce((y,a)=>(a.type==="checkbox"||a.type==="radio"?a.checked&&y.push(a.value):y.push(a.value),y),[]);s(n,d,v)}return n},{})}e.getFormEntries=t;function s(u,m,n){if(m.includes(".")){const d=m.split(".");let i=u;d.forEach((v,y)=>{if(d.length>y+1){const a=v.match(/^(.+)\[(\d)\]$/);if(a){const[,f,p]=a;i[f]=i[f]||[],i[f][p]=i[f][p]||{},i=i[f][p]}else i[v]=i[v]||{},i=i[v]}else i[v]=n})}else u[m]=n}})(X||(X={}));const ye=X;function pe(){return C.useMemo(()=>{const e="crono-box";let t=document.getElementById(e);return t||(t=document.createElement("div"),t.id=e,document.body.appendChild(t)),t},[])}exports.BoxExtends=re;exports.FormUtils=ye;exports.ObjectUtils=w;exports.Theme=he;exports.classNames=te;exports.usePortalContainer=pe;exports.useStyles=fe;

package/core.mjs

@@ -1,32 +1,32 @@
-import { useMemo as U, useLayoutEffect as le, useEffect as ne } from "react";
-function ie(...e) {
-  return e.reduce((t, a) => a ? typeof a == "string" ? (t.push(a), t) : Array.isArray(a) ? (t.push(...ie(...a)), t) : (Object.entries(a).forEach(([u, m]) => {
+import { useMemo as X, useLayoutEffect as oe, useEffect as ie } from "react";
+function ue(...e) {
+  return e.reduce((t, s) => s ? typeof s == "string" ? (t.push(s), t) : Array.isArray(s) ? (t.push(...ue(...s)), t) : (Object.entries(s).forEach(([u, m]) => {
     m && t.push(u);
   }), t) : t, []);
 }
 var c;
 ((e) => {
   ((t) => {
-    function a(m, n) {
+    function s(m, n) {
       return `${m}${n.replace("/", "-")}`;
     }
-    t.fraction = a;
+    t.fraction = s;
     function u(m) {
       return [`${m} path`, `${m} circle`, `${m} rect`, `${m} line`];
     }
     t.svg = u;
   })(e.ClassName || (e.ClassName = {})), ((t) => {
-    function a(h) {
+    function s(h) {
       return `${h / 4}rem`;
     }
-    t.rem = a;
+    t.rem = s;
     function u(h) {
       return `${h}px`;
     }
     t.px = u;
     function m(h, r) {
-      const [i, l] = r.split("/");
-      return `${+i / +l * 100}%`;
+      const [o, l] = r.split("/");
+      return `${+o / +l * 100}%`;
     }
     t.fraction = m;
     function n(h, r) {
@@ -41,13 +41,13 @@ var c;
     }
     t.widthHeight = n;
     function d(h) {
-      return (r, i) => `var(--${h}${i});`;
+      return (r, o) => `var(--${h}${o});`;
     }
     t.variables = d;
-    function o(h) {
-      return (r, i) => `var(--${h}${i});`;
+    function i(h) {
+      return (r, o) => `var(--${h}${o});`;
     }
-    t.svgVariables = o;
+    t.svgVariables = i;
     function v(h, r) {
       return `repeat(${r},minmax(0,1fr))`;
     }
@@ -56,10 +56,10 @@ var c;
       return r === "full-row" ? "1/-1" : `span ${r}/span ${r}`;
     }
     t.gridColumn = y;
-    function s(h, r) {
+    function a(h, r) {
       return `${r}ms`;
     }
-    t.ms = s;
+    t.ms = a;
     function f(h, r) {
       return `${r}deg`;
     }
@@ -70,7 +70,7 @@ var c;
     t.flip = p;
   })(e.Value || (e.Value = {}));
 })(c || (c = {}));
-const S = {
+const A = {
   /** The appearance CSS property is used to display UI elements with platform-specific styling, based on the operating system's theme. */
   appearance: [
     {
@@ -515,8 +515,8 @@ const S = {
         "11/12"
       ],
       valueFormat: (e) => {
-        const [t, a] = e.split("/");
-        return `${+t / +a * 100}%`;
+        const [t, s] = e.split("/");
+        return `${+t / +s * 100}%`;
       }
     },
     {
@@ -567,8 +567,8 @@ const S = {
         "11/12"
       ],
       valueFormat: (e) => {
-        const [t, a] = e.split("/");
-        return `${+t / +a * 100}%`;
+        const [t, s] = e.split("/");
+        return `${+t / +s * 100}%`;
       }
     },
     {
@@ -620,8 +620,8 @@ const S = {
         "11/12"
       ],
       valueFormat: (e) => {
-        const [t, a] = e.split("/");
-        return `${+t / +a * 100}%`;
+        const [t, s] = e.split("/");
+        return `${+t / +s * 100}%`;
       }
     },
     {
@@ -670,8 +670,8 @@ const S = {
         "11/12"
       ],
       valueFormat: (e) => {
-        const [t, a] = e.split("/");
-        return `${+t / +a * 100}%`;
+        const [t, s] = e.split("/");
+        return `${+t / +s * 100}%`;
       }
     },
     {
@@ -722,8 +722,8 @@ const S = {
         "11/12"
       ],
       valueFormat: (e) => {
-        const [t, a] = e.split("/");
-        return `${+t / +a * 100}%`;
+        const [t, s] = e.split("/");
+        return `${+t / +s * 100}%`;
       }
     },
     {
@@ -775,8 +775,8 @@ const S = {
         "11/12"
       ],
       valueFormat: (e) => {
-        const [t, a] = e.split("/");
-        return `${+t / +a * 100}%`;
+        const [t, s] = e.split("/");
+        return `${+t / +s * 100}%`;
       }
     },
     {
@@ -1191,7 +1191,7 @@ const S = {
       values: 0
     }
   ]
-}, ee = {
+}, se = {
   hover: ":hover",
   focus: ":focus-within",
   hasFocus: ":has(:focus)",
@@ -1204,52 +1204,52 @@ const S = {
   hasChecked: ":has(:checked)",
   hasRequired: ":has(:required)",
   hasDisabled: ":has([disabled])"
-}, C = {
+}, B = {
   indeterminate: ":indeterminate",
   checked: ":checked",
   required: ":required",
   disabled: "[disabled]"
-}, M = { ...ee, ...C }, te = Object.entries(M).reduce(
-  (e, [t], a) => (e[t] = Math.pow(2, a), e),
+}, Y = { ...se, ...B }, ae = Object.entries(Y).reduce(
+  (e, [t], s) => (e[t] = Math.pow(2, s), e),
   {}
-), D = Object.entries(M).reduce(
+), q = Object.entries(Y).reduce(
   (e, [t]) => {
-    const a = te[t];
+    const s = ae[t];
     return Object.entries(e).forEach(([u, m]) => {
-      e[+u + a] = [...m, t];
+      e[+u + s] = [...m, t];
     }), e;
   },
   { 0: [] }
-), H = {
+), K = {
   hoverGroup: "hover",
   focusGroup: "focus",
   activeGroup: "active"
-}, A = {
+}, I = {
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   xxl: 1536
 };
-var q;
+var L;
 ((e) => {
-  function t(n, d, o) {
+  function t(n, d, i) {
     const v = { ...n }, y = v.props || {};
-    return d.forEach((s) => {
-      s in v && (y[s] = v[s], delete v[s]);
-    }), o && Object.entries(o).forEach(([s, f]) => {
-      y[s] = f;
+    return d.forEach((a) => {
+      a in v && (y[a] = v[a], delete v[a]);
+    }), i && Object.entries(i).forEach(([a, f]) => {
+      y[a] = f;
     }), v.props = y, v;
   }
   e.buildProps = t;
-  function a(n) {
+  function s(n) {
     return !!n && typeof n == "object";
   }
-  e.isObject = a;
+  e.isObject = s;
   function u(...n) {
-    return n.reduce((d, o) => (Object.keys(o).forEach((v) => {
-      const y = d[v], s = o[v];
-      v in C && typeof s == "boolean" || (v in C && Array.isArray(s) ? d[v] = u(y, s[1] ?? {}) : Array.isArray(y) && Array.isArray(s) ? d[v] = y.concat(...s) : a(y) && a(s) ? d[v] = u(y, s) : d[v] = s);
+    return n.reduce((d, i) => (Object.keys(i).forEach((v) => {
+      const y = d[v], a = i[v];
+      v in B && typeof a == "boolean" || (v in B && Array.isArray(a) ? d[v] = u(y, a[1] ?? {}) : Array.isArray(y) && Array.isArray(a) ? d[v] = y.concat(...a) : s(y) && s(a) ? d[v] = u(y, a) : d[v] = a);
     }), d), {});
   }
   e.mergeDeep = u;
@@ -1257,9 +1257,9 @@ var q;
     return n in d;
   }
   e.isKeyOf = m;
-})(q || (q = {}));
-const N = q;
-class oe {
+})(L || (L = {}));
+const $ = L;
+class me {
   constructor() {
     this._index = 0, this._cache = {};
   }
@@ -1267,77 +1267,77 @@ class oe {
     return this._cache[t] || (this._cache[t] = this.getByIndex(this._index++)), this._cache[t];
   }
   getByIndex(t) {
-    const { first: a, next: u } = ue, m = t - a.length;
+    const { first: s, next: u } = ce, m = t - s.length;
     if (m < 0)
-      return a[t];
+      return s[t];
     const n = Math.floor(m / u.length), d = m - n * u.length;
     return this.getByIndex(n) + u[d];
   }
 }
-const ue = {
+const ce = {
   first: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
   next: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
 };
-var K;
+var W;
 ((e) => {
   let t = "";
-  function a(m, n) {
-    return t = Object.entries(m).map(([d, o]) => `--${d}: ${o};`).join(""), Object.entries(n).forEach(([d, o]) => {
-      S[d] = o;
+  function s(m, n) {
+    return t = Object.entries(m).map(([d, i]) => `--${d}: ${i};`).join(""), Object.entries(n).forEach(([d, i]) => {
+      A[d] = i;
     }), n;
   }
-  e.extend = a;
+  e.extend = s;
   function u() {
     return t;
   }
   e.getVariables = u;
-})(K || (K = {}));
-const me = K;
-var I;
+})(W || (W = {}));
+const de = W;
+var R;
 ((e) => {
   e.components = {};
-})(I || (I = {}));
-function ce(e) {
-  const { clean: t, theme: a, component: u } = e;
-  return U(() => {
+})(R || (R = {}));
+function ve(e) {
+  const { clean: t, theme: s, component: u } = e;
+  return X(() => {
     var n, d;
     if (t) return;
-    let m = (n = I.components) == null ? void 0 : n[u];
+    let m = (n = R.components) == null ? void 0 : n[u];
     if (m)
-      return a ? N.mergeDeep(m.styles, ((d = m.themes) == null ? void 0 : d[a]) ?? {}) : m.styles;
-  }, [u, t, a]);
+      return s ? $.mergeDeep(m.styles, ((d = m.themes) == null ? void 0 : d[s]) ?? {}) : m.styles;
+  }, [u, t, s]);
 }
-const de = new oe(), ve = typeof window < "u" && typeof window.document < "u";
-var k;
-const ae = typeof process == "object" && ((k = process.env) == null ? void 0 : k.NODE_ENV) === "test", fe = ve && !ae ? le : ne, se = "_b", O = "_s";
-function ye(e, t) {
-  fe(j.flush, [e]);
-  const a = ce(e);
-  return U(() => {
+const fe = new me(), he = typeof window < "u" && typeof window.document < "u";
+var te;
+const re = typeof process == "object" && ((te = process.env) == null ? void 0 : te.NODE_ENV) === "test", ye = he && !re ? oe : ie, le = "_b", j = "_s";
+function ge(e, t) {
+  ye(_.flush, [e]);
+  const s = ve(e);
+  return X(() => {
     var n;
-    const u = [t ? O : se];
+    const u = [t ? j : le];
     (n = e.props) == null || n.name;
-    const m = a ? N.mergeDeep(a, e) : e;
-    return j.addClassNames(m, u, []), u;
-  }, [e, t, a]);
+    const m = s ? $.mergeDeep(s, e) : e;
+    return _.addClassNames(m, u, []), u;
+  }, [e, t, s]);
 }
-var j;
+var _;
 ((e) => {
-  let t = !0, a = {};
-  function u(s, f, p, h, r) {
-    Object.entries(s).forEach(([i, l]) => {
-      if (N.isKeyOf(i, S))
-        d(i, l, f, p, h, r);
-      else if (N.isKeyOf(i, ee))
-        u(l, f, [...p, i], h, r);
-      else if (N.isKeyOf(i, C)) {
+  let t = !0, s = {};
+  function u(a, f, p, h, r) {
+    Object.entries(a).forEach(([o, l]) => {
+      if ($.isKeyOf(o, A))
+        d(o, l, f, p, h, r);
+      else if ($.isKeyOf(o, se))
+        u(l, f, [...p, o], h, r);
+      else if ($.isKeyOf(o, B)) {
         if (Array.isArray(l)) {
-          const [g, b] = l;
-          u(b, f, [...p, i], h, r);
+          const [b, x] = l;
+          u(x, f, [...p, o], h, r);
         }
-        N.isObject(l) && u(l, f, [...p, i], h, r);
-      } else N.isKeyOf(i, A) ? u(l, f, p, i, r) : N.isKeyOf(i, H) && (typeof l == "string" ? f.push(`${H[i]}-${l}`) : Object.entries(l).forEach(([g, b]) => {
-        u(b, f, [...p, H[i]], h, g);
+        $.isObject(l) && u(l, f, [...p, o], h, r);
+      } else $.isKeyOf(o, I) ? u(l, f, p, o, r) : $.isKeyOf(o, K) && (typeof l == "string" ? f.push(`${K[o]}-${l}`) : Object.entries(l).forEach(([b, x]) => {
+        u(x, f, [...p, K[o]], h, b);
       }));
     });
   }
@@ -1345,71 +1345,71 @@ var j;
   function m() {
     if (!t) return;
     console.debug("\x1B[36m%s\x1B[0m", "[react-box]: flush");
-    const s = Object.entries(S).reduce((i, [l], g) => (i[l] = g, i), {}), f = `:root{${me.getVariables()}--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;}#crono-box {position: absolute;top: 0;left: 0;height: 0;}
+    const a = Object.entries(A).reduce((o, [l], b) => (o[l] = b, o), {}), f = `:root{${de.getVariables()}--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;}#crono-box {position: absolute;top: 0;left: 0;height: 0;}
 html{font-size: 16px;font-family: Arial, sans-serif;}
 body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
 a,ul{all: unset;}
-.${se}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
-.${O}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${O} path,.${O} circle,.${O} rect,.${O} line {transition: all var(--svgTransitionTime);}
-`, p = Object.entries(a);
+.${le}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
+.${j}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${j} path,.${j} circle,.${j} rect,.${j} line {transition: all var(--svgTransitionTime);}
+`, p = Object.entries(s);
     p.sort(
-      ([i], [l]) => (A[i] ?? 0) - (A[l] ?? 0)
+      ([o], [l]) => (I[o] ?? 0) - (I[l] ?? 0)
     );
     const h = p.reduce(
-      (i, [l, g]) => (l !== "normal" && i.push(`@media(min-width: ${A[l]}px){`), Object.entries(g).forEach(([b, B]) => {
-        const { __parents: X, ...re } = B, Y = Object.entries(re);
-        Y.sort(([w], [_]) => s[w] - s[_]), Y.forEach(([w, _]) => {
-          _.forEach((F) => {
-            var T;
-            const x = S[w].find((E) => Array.isArray(E.values) ? E.values.includes(F) : typeof F == typeof E.values);
-            if (!x) return;
-            const $ = o(w, F, +b, l), J = x.styleName ?? w, V = ((T = x.valueFormat) == null ? void 0 : T.call(x, F)) ?? F, R = D[+b];
-            i.push(`.${$}${R.map((E) => M[E]).join("")}{${J}:${V}}`);
+      (o, [l, b]) => (l !== "normal" && o.push(`@media(min-width: ${I[l]}px){`), Object.entries(b).forEach(([x, G]) => {
+        const { __parents: J, ...ne } = G, Q = Object.entries(ne);
+        Q.sort(([w], [S]) => a[w] - a[S]), Q.forEach(([w, S]) => {
+          S.forEach((F) => {
+            var C, V;
+            const g = A[w].find((z) => Array.isArray(z.values) ? z.values.includes(F) : typeof F == typeof z.values);
+            if (!g) return;
+            const E = i(w, F, +x, l), Z = g.styleName ?? w, N = ((C = g.valueFormat) == null ? void 0 : C.call(g, F)) ?? F, T = q[+x].map((z) => Y[z]).join(""), D = ((V = g.selector) == null ? void 0 : V.call(g, `.${E}`, T)) ?? `.${E}${T}`;
+            o.push(`${D}{${Z}:${N}}`);
           });
-        }), X && Object.entries(X).forEach(([w, _]) => {
-          const F = Object.entries(_);
-          F.sort(([z], [x]) => s[z] - s[x]), F.forEach(([z, x]) => {
-            x.forEach(($) => {
-              var Z;
-              const V = S[z].find((G) => Array.isArray(G.values) ? G.values.includes($) : typeof $ == typeof G.values);
-              if (!V) return;
-              const R = o(z, $, +b, l, w), T = V.styleName ?? z, E = ((Z = V.valueFormat) == null ? void 0 : Z.call(V, $)) ?? $, [Q] = D[+b];
-              i.push(`.${Q}-${w}:${Q} .${R}{${T}:${E}}`);
+        }), J && Object.entries(J).forEach(([w, S]) => {
+          const F = Object.entries(S);
+          F.sort(([O], [g]) => a[O] - a[g]), F.forEach(([O, g]) => {
+            g.forEach((E) => {
+              var P, k;
+              const N = A[O].find((H) => Array.isArray(H.values) ? H.values.includes(E) : typeof E == typeof H.values);
+              if (!N) return;
+              const T = i(O, E, +x, l, w), D = N.styleName ?? O, C = ((P = N.valueFormat) == null ? void 0 : P.call(N, E)) ?? E, [V] = q[+x], z = ((k = N.selector) == null ? void 0 : k.call(N, `.${V}-${w}:${V} .${T}`, "")) ?? `.${V}-${w}:${V} .${T}`;
+              o.push(`${z}{${D}:${C}}`);
             });
           });
         });
-      }), l !== "normal" && i.push("}"), i),
+      }), l !== "normal" && o.push("}"), o),
       [f]
     ), r = y();
     r.innerHTML = h.join(""), t = !1;
   }
   e.flush = m;
   function n() {
-    a = {};
+    s = {};
   }
   e.clear = n;
-  function d(s, f, p, h, r = "normal", i) {
+  function d(a, f, p, h, r = "normal", o) {
     if (f == null) return;
-    const l = h.reduce((b, B) => b + te[B], 0);
-    a[r] ? a[r][l] ? a[r][l][s] || (a[r][l][s] = /* @__PURE__ */ new Set()) : a[r][l] = { [s]: /* @__PURE__ */ new Set() } : a[r] = { [l]: { [s]: /* @__PURE__ */ new Set() } }, i ? (a[r][l].__parents ? a[r][l].__parents[i] ? a[r][l].__parents[i][s] || (a[r][l].__parents[i][s] = /* @__PURE__ */ new Set()) : a[r][l].__parents[i] = { [s]: /* @__PURE__ */ new Set() } : a[r][l].__parents = { [i]: { [s]: /* @__PURE__ */ new Set() } }, a[r][l].__parents[i][s].has(f) || (a[r][l].__parents[i][s].add(f), t = !0)) : a[r][l][s].has(f) || (a[r][l][s].add(f), t = !0);
-    const g = o(s, f, l, r, i);
-    p.push(g);
+    const l = h.reduce((x, G) => x + ae[G], 0);
+    s[r] ? s[r][l] ? s[r][l][a] || (s[r][l][a] = /* @__PURE__ */ new Set()) : s[r][l] = { [a]: /* @__PURE__ */ new Set() } : s[r] = { [l]: { [a]: /* @__PURE__ */ new Set() } }, o ? (s[r][l].__parents ? s[r][l].__parents[o] ? s[r][l].__parents[o][a] || (s[r][l].__parents[o][a] = /* @__PURE__ */ new Set()) : s[r][l].__parents[o] = { [a]: /* @__PURE__ */ new Set() } : s[r][l].__parents = { [o]: { [a]: /* @__PURE__ */ new Set() } }, s[r][l].__parents[o][a].has(f) || (s[r][l].__parents[o][a].add(f), t = !0)) : s[r][l][a].has(f) || (s[r][l][a].add(f), t = !0);
+    const b = i(a, f, l, r, o);
+    p.push(b);
   }
-  function o(s, f, p, h, r) {
-    const i = D[p], l = `${h === "normal" ? "" : `${h}-`}${i.map((g) => `${g}-`).join("")}${r ? `${r}-` : ""}${s}-${f}`;
-    return ae ? l : de.getIdentity(l);
+  function i(a, f, p, h, r) {
+    const o = q[p], l = `${h === "normal" ? "" : `${h}-`}${o.map((b) => `${b}-`).join("")}${r ? `${r}-` : ""}${a}-${f}`;
+    return re ? l : fe.getIdentity(l);
   }
   const v = "crono-styles";
   function y() {
-    let s = document.getElementById(v);
-    return s || (s = document.createElement("style"), s.setAttribute("id", v), s.setAttribute("type", "text/css"), document.head.insertBefore(s, document.head.firstChild)), s;
+    let a = document.getElementById(v);
+    return a || (a = document.createElement("style"), a.setAttribute("id", v), a.setAttribute("type", "text/css"), document.head.insertBefore(a, document.head.firstChild)), a;
   }
-})(j || (j = {}));
-var P;
+})(_ || (_ = {}));
+var ee;
 ((e) => {
-  e.flush = j.flush, e.clear = j.clear;
-})(P || (P = {}));
-var L;
+  e.flush = _.flush, e.clear = _.clear;
+})(ee || (ee = {}));
+var U;
 ((e) => {
   const t = {
     button: {
@@ -1453,71 +1453,71 @@ var L;
       }
     }
   };
-  function a(u) {
+  function s(u) {
     const { components: m, ...n } = u, d = m ?? {};
-    Object.entries(n).forEach(([o, v]) => {
-      d[o] = v;
-    }), I.components = N.mergeDeep(t, d);
+    Object.entries(n).forEach(([i, v]) => {
+      d[i] = v;
+    }), R.components = $.mergeDeep(t, d);
   }
-  e.setup = a;
-})(L || (L = {}));
-const pe = L;
-var W;
+  e.setup = s;
+})(U || (U = {}));
+const be = U;
+var M;
 ((e) => {
   function t(u) {
     const m = Array.from(u.elements).reduce(
       (n, d) => {
-        const o = d.name;
-        return o && (n[o] || (n[o] = []), n[o].push(d)), n;
+        const i = d.name;
+        return i && (n[i] || (n[i] = []), n[i].push(d)), n;
       },
       {}
     );
-    return Object.entries(m).reduce((n, [d, o]) => {
-      if (o.length === 1) {
-        const v = o[0];
-        a(n, d, v.type === "checkbox" || v.type === "radio" ? v.checked : v.value);
+    return Object.entries(m).reduce((n, [d, i]) => {
+      if (i.length === 1) {
+        const v = i[0];
+        s(n, d, v.type === "checkbox" || v.type === "radio" ? v.checked : v.value);
       } else {
-        const v = o.reduce((y, s) => (s.type === "checkbox" || s.type === "radio" ? s.checked && y.push(s.value) : y.push(s.value), y), []);
-        a(n, d, v);
+        const v = i.reduce((y, a) => (a.type === "checkbox" || a.type === "radio" ? a.checked && y.push(a.value) : y.push(a.value), y), []);
+        s(n, d, v);
       }
       return n;
     }, {});
   }
   e.getFormEntries = t;
-  function a(u, m, n) {
+  function s(u, m, n) {
     if (m.includes(".")) {
       const d = m.split(".");
-      let o = u;
+      let i = u;
       d.forEach((v, y) => {
         if (d.length > y + 1) {
-          const s = v.match(/^(.+)\[(\d)\]$/);
-          if (s) {
-            const [, f, p] = s;
-            o[f] = o[f] || [], o[f][p] = o[f][p] || {}, o = o[f][p];
+          const a = v.match(/^(.+)\[(\d)\]$/);
+          if (a) {
+            const [, f, p] = a;
+            i[f] = i[f] || [], i[f][p] = i[f][p] || {}, i = i[f][p];
           } else
-            o[v] = o[v] || {}, o = o[v];
+            i[v] = i[v] || {}, i = i[v];
         } else
-          o[v] = n;
+          i[v] = n;
       });
     } else
       u[m] = n;
   }
-})(W || (W = {}));
-const ge = W;
-function be() {
-  return U(() => {
+})(M || (M = {}));
+const xe = M;
+function Ne() {
+  return X(() => {
     const e = "crono-box";
     let t = document.getElementById(e);
     return t || (t = document.createElement("div"), t.id = e, document.body.appendChild(t)), t;
   }, []);
 }
 export {
-  me as B,
-  ge as F,
-  N as O,
-  P as S,
-  pe as T,
-  be as a,
-  ie as c,
-  ye as u
+  de as B,
+  xe as F,
+  $ as O,
+  ee as S,
+  be as T,
+  Ne as a,
+  ue as c,
+  ge as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.4",
   "type": "module",
   "main": "./box.cjs",
   "module": "./box.mjs",