@cronocode/react-box 1.6.9 → 1.7.0

package/components/baseSvg.cjs

@@ -1 +0,0 @@
-"use strict";require("./doxSvg.cjs");require("react/jsx-runtime");require("react");require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");

package/components/baseSvg.mjs

@@ -1,6 +0,0 @@
-import "./doxSvg.mjs";
-import "react/jsx-runtime";
-import "react";
-import "./dox.mjs";
-import "../utils.mjs";
-import "../theme.mjs";

package/components/button.cjs

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),s=require("./dox.cjs"),u=require("../utils.cjs");require("../theme.cjs");const c=["type","onClick","disabled"];function i(t,e){const o=u.ObjectUtils.buildProps(t,c);return n.jsx(s.default,{ref:e,tag:"button",component:"button",...o})}r.forwardRef(i);

package/components/checkbox.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),t=require("./dox.cjs"),i=require("../utils.cjs"),u=require("./flex.cjs"),l=require("../box.module.css.cjs");require("../theme.cjs");const d=["name","onInput","onChange","disabled","autoFocus","readOnly","required","value","checked","defaultChecked"];function a(n,s){const{native:o}=n,r=i.ObjectUtils.buildProps(n,d,{type:"checkbox"});return e.jsxs(u.default,{inline:!0,position:"relative",children:[e.jsx(t.default,{ref:s,tag:"input",component:"checkbox",...r,appearance:o?void 0:"none"}),!o&&e.jsx(t.default,{position:"absolute",pointerEvents:"none",className:l.classes._checkedIcon,children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",viewBox:"0 0 20 20",children:e.jsx("g",{fill:"none",fillRule:"evenodd",children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",d:"M6 10.15L8.5 13 14 7"})})})})]})}c.forwardRef(a);

package/components/dataGrid.cjs

@@ -1 +0,0 @@
-"use strict";require("react/jsx-runtime");require("./dox.cjs");require("react");require("../utils.cjs");require("../theme.cjs");

package/components/dataGrid.mjs

@@ -1,5 +0,0 @@
-import "react/jsx-runtime";
-import "./dox.mjs";
-import "react";
-import "../utils.mjs";
-import "../theme.mjs";

package/components/dox.cjs

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),E=require("../utils.cjs"),I=require("../theme.cjs");var e;(a=>{(r=>{function m(l,d){return`${l}${d.replace("/","-")}`}r.fraction=m;function n(l){return[`${l} path`,`${l} circle`,`${l} rect`,`${l} line`]}r.svg=n})(a.ClassName||(a.ClassName={})),(r=>{function m(u,t){return`${t/4}rem`}r.rem=m;function n(u,t){return`${t}px`}r.px=n;function l(u,t){const[o,v]=t.split("/");return`${+o/+v*100}%`}r.fraction=l;function d(u,t){switch(t){case"fit":return"100%";case"fit-screen":return u.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return t}}r.widthHeight=d;function g(u){return(t,o)=>`var(--${u}${o});`}r.variables=g;function x(u){return(t,o)=>`var(--${u}${o});`}r.svgVariables=x;function S(u,t){return`repeat(${t},minmax(0,1fr))`}r.gridColumns=S;function f(u,t){return t==="full-row"?"1/-1":`span ${t}/span ${t}`}r.gridColumn=f;function h(u,t){return`${t}ms`}r.ms=h;function V(u,t){return`${t}deg`}r.rotate=V;function N(u,t){return t==="xAxis"?"-1 1":"1 -1"}r.flip=N})(a.Value||(a.Value={}))})(e||(e={}));const _=["H","F","A"];var s;(a=>{a.positiveSizes=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,64,68,72,76,80,84,88,92,96,100],a.negativeSizes=[-1,-2,-3,-4,-5,-6,-7,-8,-9,-10,-11,-12,-13,-14,-15,-16,-17,-18,-19,-20,-22,-24,-26,-28,-30,-32,-34,-36,-38,-40,-44,-48,-52,-56,-60,-64,-68,-72,-76,-80,-84,-88,-92,-96,-100],a.sizes=[...a.positiveSizes,...a.negativeSizes],a.borderAndOutlineStyles=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],a.overflows=["auto","hidden","scroll","visible"],a.widthHeightFractions=["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"],a.widthHeightValues=["fit","fit-screen","auto","fit-content","max-content","min-content"],a.alignSelf=["auto","flex-start","flex-end","center","baseline","stretch"]})(s||(s={}));const j={shadow:{cssNames:["box-shadow"],formatValue:e.Value.variables("shadow")},background:{cssNames:["background"],formatValue:e.Value.variables("background")},color:{cssNames:["color"],formatValue:e.Value.variables("color")},bgColor:{cssNames:["background-color"],formatValue:e.Value.variables("color")},borderColor:{cssNames:["border-color"],formatValue:e.Value.variables("color")},outlineColor:{cssNames:["outline-color"],formatValue:e.Value.variables("color")}},A={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},$={hover:{className:"_h"},focus:{className:"_f"}},i={display:{cssNames:["display"],values1:{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]},values2:{values:[]},values3:{values:[]}},inline:{cssNames:["display"],values1:{values:[!0],formatValue:()=>"inline-block"},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},margin:{cssNames:["margin"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginHorizontal:{cssNames:["margin-inline"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginVertical:{cssNames:["margin-block"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginTop:{cssNames:["margin-top"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginRight:{cssNames:["margin-right"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginBottom:{cssNames:["margin-bottom"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginLeft:{cssNames:["margin-left"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},padding:{cssNames:["padding"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingHorizontal:{cssNames:["padding-inline"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingVertical:{cssNames:["padding-block"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingTop:{cssNames:["padding-top"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingRight:{cssNames:["padding-right"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingBottom:{cssNames:["padding-bottom"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingLeft:{cssNames:["padding-left"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},border:{cssNames:["border-width"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderHorizontal:{cssNames:["border-inline-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderVertical:{cssNames:["border-block-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderTop:{cssNames:["border-top-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderRight:{cssNames:["border-right-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderBottom:{cssNames:["border-bottom-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderLeft:{cssNames:["border-left-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:s.borderAndOutlineStyles},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},cursor:{cssNames:["cursor"],values1:{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"]},values2:{values:[]},values3:{values:[]}},zIndex:{cssNames:["z-index"],values1:{values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]},values2:{values:[]},values3:{values:[]}},overflow:{cssNames:["overflow"],values1:{values:s.overflows},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:s.overflows},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:s.overflows},values2:{values:[]},values3:{values:[]}},opacity:{cssNames:["opacity"],values1:{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]},values2:{values:[]},values3:{values:[]}},fontSize:{cssNames:["font-size"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:["inherit"]},values3:{values:[]}},fontStyle:{cssNames:["font-style"],values1:{values:["italic","normal","oblique"]},values2:{values:[]},values3:{values:[]}},fontWeight:{cssNames:["font-weight"],values1:{values:[100,200,300,400,500,600,700,800,900]},values2:{values:[]},values3:{values:[]}},letterSpacing:{cssNames:["letter-spacing"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:["font-size"],formatValue:()=>"1"},values3:{values:[]}},textDecoration:{cssNames:["text-decoration"],values1:{values:["none","underline","overline","line-through"]},values2:{values:[]},values3:{values:[]}},textTransform:{cssNames:["text-transform"],values1:{values:["none","capitalize","lowercase","uppercase"]},values2:{values:[]},values3:{values:[]}},textAlign:{cssNames:["text-align"],values1:{values:["left","right","center","justify"]},values2:{values:[]},values3:{values:[]}},flexWrap:{cssNames:["flex-wrap"],values1:{values:["nowrap","wrap","wrap-reverse"]},values2:{values:[]},values3:{values:[]}},justifyContent:{cssNames:["justify-content"],values1:{values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]},values2:{values:[]},values3:{values:[]}},alignItems:{cssNames:["align-items"],values1:{values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]},values2:{values:[]},values3:{values:[]}},alignContent:{cssNames:["align-content"],values1:{values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]},values2:{values:[]},values3:{values:[]}},flex1:{cssNames:["flex"],values1:{values:[!0],formatValue:()=>"1"},values2:{values:[]},values3:{values:[]}},flexDirection:{cssNames:["flex-direction"],values1:{values:["row","row-reverse","column","column-reverse"]},values2:{values:[]},values3:{values:[]}},gap:{cssNames:["gap"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},order:{cssNames:["order"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},flexGrow:{cssNames:["flex-grow"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},flexShrink:{cssNames:["flex-shrink"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},alignSelf:{cssNames:["align-self"],values1:{values:s.alignSelf},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:s.alignSelf},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:s.positiveSizes,formatValue:e.Value.gridColumns},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:s.positiveSizes,formatValue:e.Value.gridColumn},values2:{values:["full-row"],formatValue:e.Value.gridColumn},values3:{values:[]}},colStart:{cssNames:["grid-column-start"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},colEnd:{cssNames:["grid-column-end"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},outline:{cssNames:["outline-width"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:s.borderAndOutlineStyles},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},transition:{cssNames:["transition-property"],values1:{values:["none","all"]},values2:{values:[]},values3:{values:[]}},transitionDuration:{cssNames:["transition-duration"],values1:{values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],formatValue:e.Value.ms},values2:{values:[]},values3:{values:[]}},userSelect:{cssNames:["user-select"],values1:{values:["none","auto","text","all"]},values2:{values:[]},values3:{values:[]}},appearance:{cssNames:["appearance"],values1:{values:["none"]},values2:{values:[]},values3:{values:[]}},pointerEvents:{cssNames:["pointer-events"],values1:{values:["none","auto","all"]},values2:{values:[]},values3:{values:[]}},whiteSpace:{cssNames:["white-space"],values1:{values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]},values2:{values:[]},values3:{values:[]}},textOverflow:{cssNames:["text-overflow"],values1:{values:["clip","ellipsis"]},values2:{values:[]},values3:{values:[]}}},T={rotate:{cssNames:["rotate"],values1:{values:[0,90,180,270,-90,-180,-270],formatValue:e.Value.rotate},values2:{values:[]},values3:{values:[]}},flip:{cssNames:["scale"],values1:{values:["xAxis","yAxis"],formatValue:e.Value.flip},values2:{values:[]},values3:{values:[]}}};Object.keys(T).forEach(a=>{i[a]=T[a]});Object.keys(j).forEach(a=>{i[a]=j[a],i[a].isThemeStyle=!0});Object.keys(A).forEach(a=>{i[a]=A[a],i[a].isThemeStyle=!0});const w={w:{...i.width,key:"width"},h:{...i.height,key:"height"},m:{...i.margin,key:"margin"},mx:{...i.marginHorizontal,key:"marginHorizontal"},my:{...i.marginVertical,key:"marginVertical"},mt:{...i.marginTop,key:"marginTop"},mr:{...i.marginRight,key:"marginRight"},mb:{...i.marginBottom,key:"marginBottom"},ml:{...i.marginLeft,key:"marginLeft"},p:{...i.padding,key:"padding"},px:{...i.paddingHorizontal,key:"paddingHorizontal"},py:{...i.paddingVertical,key:"paddingVertical"},pt:{...i.paddingTop,key:"paddingTop"},pr:{...i.paddingRight,key:"paddingRight"},pb:{...i.paddingBottom,key:"paddingBottom"},pl:{...i.paddingLeft,key:"paddingLeft"},b:{...i.border,key:"border"},bx:{...i.borderHorizontal,key:"borderHorizontal"},by:{...i.borderVertical,key:"borderVertical"},bt:{...i.borderTop,key:"borderTop"},br:{...i.borderRight,key:"borderRight"},bb:{...i.borderBottom,key:"borderBottom"},bl:{...i.borderLeft,key:"borderLeft"},jc:{...i.justifyContent,key:"justifyContent"},ai:{...i.alignItems,key:"alignItems"},ac:{...i.alignContent,key:"alignContent"},d:{...i.flexDirection,key:"flexDirection"}},D=Object.keys(i),M=Object.keys(w);_.forEach(a=>{D.forEach(r=>{i[`${r}${a}`]={...i[r]},i[`${r}${a}`].pseudoSuffix=a}),M.forEach(r=>{w[`${r}${a}`]={...w[r],key:`${w[r].key}${a}`},w[`${r}${a}`].pseudoSuffix=a})});var z;(a=>{a.doxClassName="_dox",a.svgClassName="_svg";const r=`:root{--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;}
-.${a.doxClassName}{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;}
-.${a.svgClassName}{transition: all var(--svgTransitionTime);}.${a.svgClassName} path,.${a.svgClassName} circle,.${a.svgClassName} rect,.${a.svgClassName} line {transition: all var(--svgTransitionTime);}
-`,m=new E.IdentityFactory,n=Object.keys(i),l=N();let d=!1;const g=n.reduce((u,t)=>(u[t]=new Set,u),{});function x(u,t){if(u in i)return f(u,t);if(u in $)return $[u].className;if(u in T)return f(u,t)}a.get=x;function S(){if(d){console.info("%c💬Flush Dox Styles","color: #00ffff");let u=h([r]);u=h(u,"H"),u=h(u,"F"),u=h(u,"A"),l.innerHTML=u.join(""),d=!1}}a.flush=S;function f(u,t){var c;g[u].has(t)||(d=!0,g[u].add(t));const o=V(u,t),v=((c=o.formatClassName)==null?void 0:c.call(o,u,t))??`${u}${t}`;return`-${m.getIdentity(v)}`}function h(u,t){return Object.entries(g).filter(([v])=>{var c;return((c=i[v])==null?void 0:c.pseudoSuffix)===t}).reduce((v,[c,F])=>(F.forEach(H=>{var R;const p=V(c,H),y=`.${f(c,H)}`;let k=[];t?t==="H"?k=[...o(`${y}:hover`,p),...o(`.${$.hover.className}:hover>${y}`,p)]:t==="F"?k=[...o(`${y}:focus-within`,p),...o(`.${$.focus.className}:focus-within>${y}`,p)]:t==="A"&&(k=o(`${y}:active`,p)):k=o(y,p);const B=((R=p.formatValue)==null?void 0:R.call(p,c,H))??H,L=i[c].cssNames.map(O=>`${O}:${B};`).join("");v.push(`${k.join(",")}{${L}}`)}),v),u);function o(v,c){return c.formatSelector?c.formatSelector(v):[v]}}function V(u,t){const o=i[u];return o.isThemeStyle?o:o.values1.values.includes(t)?o.values1:o.values2.values.includes(t)?o.values2:o.values3}function N(){const u="crono-styles",o=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let v=o.getElementById(u);return v||(v=o.createElement("style"),v.setAttribute("id",u),v.setAttribute("type","text/css"),o.head.insertBefore(v,o.head.firstChild)),v}})(z||(z={}));const P=typeof window<"u"&&typeof window.document<"u",q=P?b.useLayoutEffect:b.useEffect;function W(a,r){const m=I.useTheme(a);return q(z.flush,[a]),b.useMemo(()=>{const n=[r?z.svgClassName:z.doxClassName],l=m?{...C(m),...C(a)}:C(a);return"inline"in l&&(l.display==="block"?l.display="inline-block":l.display==="flex"?l.display="inline-flex":l.display==="grid"&&(l.display="inline-grid"),delete l.inline),"inlineH"in l&&(l.displayH==="block"?l.displayH="inline-block":l.displayH==="flex"?l.displayH="inline-flex":l.displayH==="grid"&&(l.displayH="inline-grid"),delete l.inlineH),"inlineF"in l&&(l.displayF==="block"?l.displayF="inline-block":l.displayF==="flex"?l.displayF="inline-flex":l.displayF==="grid"&&(l.displayF="inline-grid"),delete l.inlineF),"inlineA"in l&&(l.displayA==="block"?l.displayA="inline-block":l.displayA==="flex"?l.displayA="inline-flex":l.displayA==="grid"&&(l.displayA="inline-grid"),delete l.inlineA),Object.entries(l).forEach(([d,g])=>{n.push(z.get(d,g))}),n},[a,m])}function C(a){const r={...a};return Object.keys(r).forEach(n=>{const l=w[n];l&&(l.key in r||(r[l.key]=r[n]),delete r[n])}),r}function G(a,r){const{tag:m="div",children:n,props:l,className:d,style:g}=a,x=W(a,m==="svg"),S=b.useMemo(()=>E.ClassNameUtils.classNames(d,x).join(" "),[a]),f={...l,className:S};g&&(f.style=g),r&&(f.ref=r);const[h,V]=b.useState(!1),N=typeof n=="function";return N&&(f.onMouseEnter=()=>V(!0),f.onMouseLeave=()=>V(!1)),b.createElement(m,f,N?n({isHover:h}):n)}const U=b.forwardRef(G);exports.default=U;

package/components/doxSvg.cjs

@@ -1 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),c=require("react"),p=require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");function g(e,r){const{viewBox:t="0 0 24 24",width:o="1.5rem",height:s,props:n,...i}=e;return u.jsx(p.default,{tag:"svg",ref:r,props:{...n,viewBox:t,width:o,height:s,xmlns:"http://www.w3.org/2000/svg",fill:"none"},...i})}c.forwardRef(g);

package/components/flex.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),s=require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");function u(e,r){const{inline:t,...n}=e;return i.jsx(s.default,{ref:r,display:t?"inline-flex":"flex",...n})}const l=o.forwardRef(u);exports.default=l;

package/components/form.cjs

@@ -1 +0,0 @@
-"use strict";require("react/jsx-runtime");require("react");require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");

package/components/form.mjs

@@ -1,5 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "./dox.mjs";
-import "../utils.mjs";
-import "../theme.mjs";

package/components/grid.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),o=require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");function u(e,r){const{inline:i,...n}=e;return t.jsx(o.default,{ref:r,display:i?"inline-grid":"grid",...n})}s.forwardRef(u);

package/components/radioButton.cjs

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),u=require("./dox.cjs"),s=require("../utils.cjs");require("../theme.cjs");const i=["name","onInput","onChange","disabled","value","autoFocus","readOnly","required","checked","defaultChecked"];function c(e,t){const o=s.ObjectUtils.buildProps(e,i,{type:"radio"});return n.jsx(u.default,{ref:t,tag:"input",component:"radioButton",...o})}r.forwardRef(c);

package/components/textarea.cjs

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("react"),a=require("./dox.cjs"),s=require("../utils.cjs");require("../theme.cjs");const u=["name","onInput","onChange","placeholder","disabled","value","defaultValue","rows","cols","autoFocus","maxLength","minLength","readOnly","required"];function c(e,t){const r=s.ObjectUtils.buildProps(e,u);return n.jsx(a.default,{ref:t,tag:"textarea",component:"textarea",...r})}o.forwardRef(c);

package/components/textbox.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),r=require("react"),u=require("./dox.cjs"),s=require("../utils.cjs");require("../theme.cjs");const a=["name","onInput","onChange","type","placeholder","disabled","defaultValue","autoFocus","readOnly","required","value","pattern"];function c(e,t){const n=s.ObjectUtils.buildProps(e,a);return o.jsx(u.default,{ref:t,tag:"input",component:"textbox",...n})}r.forwardRef(c);

package/components/tooltip.cjs

@@ -1 +0,0 @@
-"use strict";require("react/jsx-runtime");require("react-dom");require("./dox.cjs");require("react");require("../utils.cjs");require("../theme.cjs");

package/components/tooltip.mjs

@@ -1,6 +0,0 @@
-import "react/jsx-runtime";
-import "react-dom";
-import "./dox.mjs";
-import "react";
-import "../utils.mjs";
-import "../theme.mjs";

package/plugins.cjs

@@ -1,209 +0,0 @@
-"use strict";var c;(i=>{function h(r){const _=Object.entries(r.colors).map(([o,e])=>`--color${o}: ${e};`).join(`
-  `),t=Object.entries(r.shadows).map(([o,e])=>`--shadow${o}: ${e};`).join(`
-  `),n=Object.entries(r.backgrounds).map(([o,e])=>`--background${o}: ${e};`).join(`
-  `),l=[":root {"];_&&l.push(`  ${_}`),t&&l.push(`  ${t}`),n&&l.push(`  ${n}`),l.push("}");const s=Object.keys(r.colors).map(o=>`
-  .color_${o},
-  .color_h_${o}:hover,
-  ._h:hover>.color_h_${o} {
-    color: var(--color${o});
-  }
-  
-  .color_f_${o}:focus-within,
-  ._f:focus-within>.color_f_${o} {
-    color: var(--color${o});
-  }
-  
-  .color_a_${o}:active {
-    color: var(--color${o});
-  }
-  
-  .bgColor_${o},
-  .bgColor_h_${o}:hover,
-  ._h:hover>.bgColor_h_${o} {
-    background-color: var(--color${o});
-  }
-  
-  .bgColor_f_${o}:focus-within,
-  ._f:focus-within>.bgColor_f_${o} {
-    background-color: var(--color${o});
-  }
-  
-  .bgColor_a_${o}:active {
-    background-color: var(--color${o});
-  }
-  
-  .borderColor_${o},
-  .borderColor_h_${o}:hover,
-  ._h:hover>.borderColor_h_${o} {
-    border-color: var(--color${o});
-  }
-  
-  .borderColor_f_${o}:focus-within,
-  ._f:focus-within>.borderColor_f_${o} {
-    border-color: var(--color${o});
-  }
-  
-  .borderColor_a_${o}:active {
-    border-color: var(--color${o});
-  }
-  
-  .outlineColor_${o},
-  .outlineColor_h_${o}:hover,
-  ._h:hover>.outlineColor_h_${o} {
-    outline-color: var(--color${o});
-  }
-  
-  .outlineColor_f_${o}:focus-within,
-  ._f:focus-within>.outlineColor_f_${o} {
-    outline-color: var(--color${o});
-  }
-  
-  .outlineColor_a_${o}:active {
-    outline-color: var(--color${o});
-  }
-  
-  .fill_${o},
-  .fill_h_${o}:hover,
-  ._h:hover>.fill_h_${o} {
-    path,
-    circle,
-    rect,
-    line {
-      fill: var(--color${o});
-    }
-  }
-  
-  .fill_f_${o}:focus-within,
-  ._f:focus-within>.fill_f_${o} {
-    path,
-    circle,
-    rect,
-    line {
-      fill: var(--color${o});
-    }
-  }
-  
-  .fill_a_${o}:active {
-    path,
-    circle,
-    rect,
-    line {
-      fill: var(--color${o});
-    }
-  }
-  
-  .stroke_${o},
-  .stroke_h_${o}:hover,
-  ._h:hover>.stroke_h_${o} {
-    path,
-    circle,
-    rect,
-    line {
-      stroke: var(--color${o});
-    }
-  }
-  
-  .stroke_f_${o}:focus-within,
-  ._f:focus-within>.stroke_f_${o} {
-    path,
-    circle,
-    rect,
-    line {
-      stroke: var(--color${o});
-    }
-  }
-  
-  .stroke_a_${o}:active {
-    path,
-    circle,
-    rect,
-    line {
-      stroke: var(--color${o});
-    }
-  }`),$=Object.keys(r.shadows).map(o=>`
-  .shadow_${o},
-  .shadow_h_${o}:hover,
-  ._h:hover>.shadow_h_${o} {
-    box-shadow: var(--shadow${o});
-  }
-  
-  .shadow_f_${o}:focus-within,
-  ._f:focus-within>.shadow_f_${o} {
-    box-shadow: var(--shadow${o});
-  }
-  
-  .shadow_a_${o}:active {
-    box-shadow: var(--shadow${o});
-  }`),b=Object.keys(r.backgrounds).map(o=>`
-  .bg_${o},
-  .bg_h_${o}:hover,
-  ._h:hover>.bg_h_${o} {
-    background: var(--background${o});
-  }
-  
-  .bg_f_${o}:focus-within,
-  ._f:focus-within>.bg_f_${o} {
-    background: var(--background${o});
-  }
-  
-  .bg_a_${o}:active {
-    background: var(--background${o});
-  }`),p=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),u=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),C=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),d=`import '@cronocode/react-box';
-  
-  declare module '@cronocode/react-box/types' {
-    type ColorType = ${p};
-    type BackgroundType = ${u};
-    type ShadowType = ${C};
-  
-    namespace Augmented {
-      interface BoxProps {
-        color?: ColorType;
-        colorH?: ColorType;
-        colorF?: ColorType;
-        colorA?: ColorType;
-        bgColor?: ColorType;
-        bgColorH?: ColorType;
-        bgColorF?: ColorType;
-        bgColorA?: ColorType;
-        backgroundColor?: ColorType;
-        backgroundColorH?: ColorType;
-        backgroundColorF?: ColorType;
-        backgroundColorA?: ColorType;
-        borderColor?: ColorType;
-        borderColorH?: ColorType;
-        borderColorF?: ColorType;
-        borderColorA?: ColorType;
-        outlineColor?: ColorType;
-        outlineColorH?: ColorType;
-        outlineColorF?: ColorType;
-        outlineColorA?: ColorType;
-        bg?: BackgroundType;
-        bgH?: BackgroundType;
-        bgF?: BackgroundType;
-        bgA?: BackgroundType;
-        background?: BackgroundType;
-        backgroundH?: BackgroundType;
-        backgroundF?: BackgroundType;
-        backgroundA?: BackgroundType;
-        shadow?: ShadowType;
-        shadowH?: ShadowType;
-        shadowF?: ShadowType;
-        shadowA?: ShadowType;
-      }
-  
-      interface SvgProps {
-        fill?: ColorType;
-        fillH?: ColorType;
-        fillF?: ColorType;
-        fillA?: ColorType;
-        stroke?: ColorType;
-        strokeH?: ColorType;
-        strokeF?: ColorType;
-        strokeA?: ColorType;
-      }
-    }
-  }
-  `;return{themeCss:[l.join(`
-`),...s,...$,...b].join(`
-`)+`
-`,boxDts:d}}i.boxTheme=h})(c||(c={}));

package/plugins.d.ts

@@ -1,13 +0,0 @@
-interface BoxThemeOptions {
-    colors: Record<string, string>;
-    shadows: Record<string, string>;
-    backgrounds: Record<string, string>;
-}
-interface BoxThemeResources {
-    themeCss: string;
-    boxDts: string;
-}
-declare namespace Plugins {
-    function boxTheme(options: BoxThemeOptions): BoxThemeResources;
-}
-export default Plugins;

package/theme.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),d={button:{styles:{display:"inline-block",p:3,cursor:"pointer",b:1,borderRadius:1},disabled:{cursor:"default"}},checkbox:{styles:{display:"inline-block",b:1,p:2}},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}}};let i=d;var u;(a=>{function n(s){i=s,o()}a.setup=n;function o(){Object.keys(d).forEach(t=>{const e=i[t],l=d[t];e?(e.styles={...l.styles,...e.styles},e.disabled&&l.disabled&&(e.disabled={...l.disabled,...e.disabled})):i[t]=d[t]})}})(u||(u={}));function p(a){const{clean:n,disabled:o,theme:s,component:t}=a;return y.useMemo(()=>{var r,b,c;if(n)return;let e=i[t]??((r=i.components)==null?void 0:r[t]);if(!e)return;let l=s?{...e.styles,...(b=e.themes)==null?void 0:b[s].styles}:e.styles;return o?s?{...l,...e.disabled,...(c=e.themes)==null?void 0:c[s].disabled}:{...l,...e.disabled}:l},[t,n,o,s])}exports.useTheme=p;

package/theme.mjs

@@ -1,74 +0,0 @@
-import { useMemo as y } from "react";
-const d = {
-  button: {
-    styles: {
-      display: "inline-block",
-      p: 3,
-      cursor: "pointer",
-      b: 1,
-      borderRadius: 1
-    },
-    disabled: {
-      cursor: "default"
-    }
-  },
-  checkbox: {
-    styles: {
-      display: "inline-block",
-      b: 1,
-      p: 2
-    }
-  },
-  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
-    }
-  }
-};
-let i = d;
-var u;
-((a) => {
-  function n(s) {
-    i = s, o();
-  }
-  a.setup = n;
-  function o() {
-    Object.keys(d).forEach((t) => {
-      const e = i[t], l = d[t];
-      e ? (e.styles = { ...l.styles, ...e.styles }, e.disabled && l.disabled && (e.disabled = { ...l.disabled, ...e.disabled })) : i[t] = d[t];
-    });
-  }
-})(u || (u = {}));
-function f(a) {
-  const { clean: n, disabled: o, theme: s, component: t } = a;
-  return y(() => {
-    var r, b, c;
-    if (n)
-      return;
-    let e = i[t] ?? ((r = i.components) == null ? void 0 : r[t]);
-    if (!e)
-      return;
-    let l = s ? { ...e.styles, ...(b = e.themes) == null ? void 0 : b[s].styles } : e.styles;
-    return o ? s ? { ...l, ...e.disabled, ...(c = e.themes) == null ? void 0 : c[s].disabled } : { ...l, ...e.disabled } : l;
-  }, [t, n, o, s]);
-}
-export {
-  f as useTheme
-};

package/utils.cjs

@@ -1 +0,0 @@
-"use strict";require("react");var a;(h=>{function c(...o){return o.reduce((s,n)=>n?typeof n=="string"?(s.push(n),s):Array.isArray(n)?(s.push(...c(...n)),s):(Object.entries(n).forEach(([r,e])=>{e&&s.push(r)}),s):s,[])}h.classNames=c})(a||(a={}));const x=a;class y{constructor(){this._index=0,this._cache={}}getIdentity(c){return this._cache[c]||(this._cache[c]=this.getByIndex(this._index++)),this._cache[c]}getByIndex(c){const{first:o,next:s}=b,n=c-o.length;if(n<0)return o[c];const r=Math.floor(n/s.length),e=n-r*s.length;return this.getByIndex(r)+s[e]}}const b={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var l;(h=>{function c(s,...n){const r={...s},e={};return n.forEach(t=>{t in r&&(e[t]=r[t],delete r[t])}),[e,r]}h.moveToTagProps=c;function o(s,n,r){const e={...s},t=e.props||{};return n.forEach(i=>{if(i in e){if(t[i]=e[i],i==="disabled")return;delete e[i]}}),r&&Object.entries(r).forEach(([i,f])=>{t[i]=f}),e.props=t,e}h.buildProps=o})(l||(l={}));const I=l;var g;(h=>{function c(s){const n=Array.from(s.elements).reduce((r,e)=>{const t=e.name;return t&&(r[t]||(r[t]=[]),r[t].push(e)),r},{});return Object.entries(n).reduce((r,[e,t])=>{if(t.length===1){const i=t[0];o(r,e,i.type==="checkbox"||i.type==="radio"?i.checked:i.value)}else{const i=t.reduce((f,u)=>(u.type==="checkbox"||u.type==="radio"?u.checked&&f.push(u.value):f.push(u.value),f),[]);o(r,e,i)}return r},{})}h.getFormEntries=c;function o(s,n,r){if(n.includes(".")){const e=n.split(".");let t=s;e.forEach((i,f)=>{if(e.length>f+1){const u=i.match(/^(.+)\[(\d)\]$/);if(u){const[,d,p]=u;t[d]=t[d]||[],t[d][p]=t[d][p]||{},t=t[d][p]}else t[i]=t[i]||{},t=t[i]}else t[i]=r})}else s[n]=r}})(g||(g={}));exports.ClassNameUtils=x;exports.IdentityFactory=y;exports.ObjectUtils=I;