@cronocode/react-box 1.6.8 → 1.6.9

package/box.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/dox.cjs");require("react");require("./utils/utils.cjs");require("./theme.cjs");exports.default=e.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/dox.cjs");require("react");require("./utils.cjs");require("./theme.cjs");exports.default=e.default;

package/box.mjs

@@ -1,6 +1,6 @@
 import r from "./components/dox.mjs";
 import "react";
-import "./utils/utils.mjs";
+import "./utils.mjs";
 import "./theme.mjs";
 export {
   r as default

package/components/baseSvg.cjs

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

package/components/baseSvg.mjs

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

package/components/button.cjs

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 import m from "./dox.mjs";
-import { O as p } from "../utils/utils.mjs";
+import { O as p } from "../utils.mjs";
 import "../theme.mjs";
 const s = ["type", "onClick", "disabled"];
 function e(o, t) {

package/components/checkbox.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),t=require("./dox.cjs"),c=require("../utils/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=c.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"})})})})]})}i.forwardRef(a);
+"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/checkbox.mjs

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import t from "./dox.mjs";
-import { O as a } from "../utils/utils.mjs";
+import { O as a } from "../utils.mjs";
 import l from "./flex.mjs";
 import { c as d } from "../box.module.css.mjs";
 import "../theme.mjs";

package/components/dataGrid.cjs

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

package/components/dataGrid.mjs

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

package/components/dox.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),E=require("../utils/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;}}
+"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;}

package/components/dox.mjs

@@ -1,5 +1,5 @@
 import O, { useMemo as j, useLayoutEffect as I, useEffect as _, forwardRef as D, useState as P } from "react";
-import { I as M, C as W } from "../utils/utils.mjs";
+import { I as M, C as W } from "../utils.mjs";
 import { useTheme as G } from "../theme.mjs";
 var e;
 ((a) => {

package/components/doxSvg.cjs

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import g from "./dox.mjs";
-import "../utils/utils.mjs";
+import "../utils.mjs";
 import "../theme.mjs";
 function n(o, r) {
   const { viewBox: t = "0 0 24 24", width: p = "1.5rem", height: i, props: m, ...s } = o;

package/components/flex.cjs

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

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import n from "./dox.mjs";
-import "../utils/utils.mjs";
+import "../utils.mjs";
 import "../theme.mjs";
 function l(o, r) {
   const { inline: t, ...e } = o;

package/components/form.cjs

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

package/components/form.mjs

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

package/components/grid.cjs

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

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import p from "./dox.mjs";
-import "../utils/utils.mjs";
+import "../utils.mjs";
 import "../theme.mjs";
 function f(r, i) {
   const { inline: o, ...t } = r;

package/components/radioButton.cjs

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import a from "./dox.mjs";
-import { O as i } from "../utils/utils.mjs";
+import { O as i } from "../utils.mjs";
 import "../theme.mjs";
 const d = [
   "name",

package/components/textarea.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),a=require("react"),o=require("./dox.cjs"),s=require("../utils/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(o.default,{ref:t,tag:"textarea",component:"textarea",...r})}a.forwardRef(c);
+"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/textarea.mjs

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import n from "./dox.mjs";
-import { O as m } from "../utils/utils.mjs";
+import { O as m } from "../utils.mjs";
 import "../theme.mjs";
 const s = [
   "name",

package/components/textbox.cjs

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import a from "./dox.mjs";
-import { O as p } from "../utils/utils.mjs";
+import { O as p } from "../utils.mjs";
 import "../theme.mjs";
 const i = [
   "name",

package/components/tooltip.cjs

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

package/components/tooltip.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.6.8",
+  "version": "1.6.9",
   "main": "./box.cjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",

package/plugins.cjs

@@ -1 +1,209 @@
-"use strict";
+"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,2 +1,13 @@
-import { boxTheme } from './plugins/box-theme';
-export { boxTheme };
+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/plugins.mjs

@@ -1 +1,221 @@
-
+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 $ = 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});
+    }
+  }`), s = 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 = {}));