@cronocode/react-box 1.6.6 → 1.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/dox.cjs +2 -2
  2. package/components/dox.mjs +117 -117
  3. package/package.json +1 -1
  4. package/theme.cjs +1 -1
  5. package/theme.mjs +27 -27
package/components/dox.cjs CHANGED
@@ -1,7 +1,7 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),B=require("../utils/utils.cjs"),I=require("../theme.cjs");var e;(a=>{(i=>{function m(v,d){return`${v}${d.replace("/","-")}`}i.fraction=m;function n(v){return[`${v} path`,`${v} circle`,`${v} rect`,`${v} line`]}i.svg=n})(a.ClassName||(a.ClassName={})),(i=>{function m(l,u){return`${u/4}rem`}i.rem=m;function n(l,u){return`${u}px`}i.px=n;function v(l,u){const[r,o]=u.split("/");return`${+r/+o*100}%`}i.fraction=v;function d(l,u){switch(u){case"fit":return"100%";case"fit-screen":return l.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return u}}i.widthHeight=d;function g(l){return(u,r)=>`var(--${l}${r});`}i.variables=g;function x(l){return(u,r)=>`var(--${l}${r});`}i.svgVariables=x;function S(l,u){return`repeat(${u},minmax(0,1fr))`}i.gridColumns=S;function f(l,u){return u==="full-row"?"1/-1":`span ${u}/span ${u}`}i.gridColumn=f;function h(l,u){return`${u}ms`}i.ms=h;function V(l,u){return`${u}deg`}i.rotate=V;function w(l,u){return u==="xAxis"?"-1 1":"1 -1"}i.flip=w})(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")}},E={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},H={hover:{className:"_h"},focus:{className:"_f"}},t={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=>{t[a]=T[a]});Object.keys(j).forEach(a=>{t[a]=j[a],t[a].isThemeStyle=!0});Object.keys(E).forEach(a=>{t[a]=E[a],t[a].isThemeStyle=!0});const y={w:{...t.width,key:"width"},h:{...t.height,key:"height"},m:{...t.margin,key:"margin"},mx:{...t.marginHorizontal,key:"marginHorizontal"},my:{...t.marginVertical,key:"marginVertical"},mt:{...t.marginTop,key:"marginTop"},mr:{...t.marginRight,key:"marginRight"},mb:{...t.marginBottom,key:"marginBottom"},ml:{...t.marginLeft,key:"marginLeft"},p:{...t.padding,key:"padding"},px:{...t.paddingHorizontal,key:"paddingHorizontal"},py:{...t.paddingVertical,key:"paddingVertical"},pt:{...t.paddingTop,key:"paddingTop"},pr:{...t.paddingRight,key:"paddingRight"},pb:{...t.paddingBottom,key:"paddingBottom"},pl:{...t.paddingLeft,key:"paddingLeft"},b:{...t.border,key:"border"},bx:{...t.borderHorizontal,key:"borderHorizontal"},by:{...t.borderVertical,key:"borderVertical"},bt:{...t.borderTop,key:"borderTop"},br:{...t.borderRight,key:"borderRight"},bb:{...t.borderBottom,key:"borderBottom"},bl:{...t.borderLeft,key:"borderLeft"},jc:{...t.justifyContent,key:"justifyContent"},ai:{...t.alignItems,key:"alignItems"},ac:{...t.alignContent,key:"alignContent"},d:{...t.flexDirection,key:"flexDirection"}},D=Object.keys(t),M=Object.keys(y);_.forEach(a=>{D.forEach(i=>{t[`${i}${a}`]={...t[i]},t[`${i}${a}`].pseudoSuffix=a}),M.forEach(i=>{y[`${i}${a}`]={...y[i],key:`${y[i].key}${a}`},y[`${i}${a}`].pseudoSuffix=a})});var b;(a=>{a.doxClassName="_dox",a.svgClassName="_svg";const i=`: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;}}
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=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 y(u,t){return t==="xAxis"?"-1 1":"1 -1"}r.flip=y})(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 z={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(z);_.forEach(a=>{D.forEach(r=>{i[`${r}${a}`]={...i[r]},i[`${r}${a}`].pseudoSuffix=a}),M.forEach(r=>{z[`${r}${a}`]={...z[r],key:`${z[r].key}${a}`},z[`${r}${a}`].pseudoSuffix=a})});var b;(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;}}
2
2
  html{font-size: 16px;font-family: Arial, sans-serif;}
3
3
  body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
4
4
  a,ul{all: unset;}
5
5
  .${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;}
6
6
  .${a.svgClassName}{transition: all var(--svgTransitionTime);}.${a.svgClassName} path,.${a.svgClassName} circle,.${a.svgClassName} rect,.${a.svgClassName} line {transition: all var(--svgTransitionTime);}
7
- `,m=new B.IdentityFactory,n=Object.keys(t),v=w();let d=!1;const g=n.reduce((l,u)=>(l[u]=new Set,l),{});function x(l,u){if(l in t)return f(l,u);if(l in H)return H[l].className;if(l in T)return f(l,u)}a.get=x;function S(){if(d){console.info("%c💬Flush Dox Styles","color: #00ffff");let l=h([i]);l=h(l,"H"),l=h(l,"F"),l=h(l,"A"),v.innerHTML=l.join(""),d=!1}}a.flush=S;function f(l,u){var c;g[l].has(u)||(d=!0,g[l].add(u));const r=V(l,u),o=((c=r.formatClassName)==null?void 0:c.call(r,l,u))??`${l}${u}`;return`-${m.getIdentity(o)}`}function h(l,u){return Object.entries(g).filter(([o])=>{var c;return((c=t[o])==null?void 0:c.pseudoSuffix)===u}).reduce((o,[c,L])=>(L.forEach($=>{var R;const p=V(c,$),z=`.${f(c,$)}`;let k=[];u?u==="H"?k=[...r(`${z}:hover`,p),...r(`.${H.hover.className}:hover>${z}`,p)]:u==="F"?k=[...r(`${z}:focus-within`,p),...r(`.${H.focus.className}:focus-within>${z}`,p)]:u==="A"&&(k=r(`${z}:active`,p)):k=r(z,p);const O=((R=p.formatValue)==null?void 0:R.call(p,c,$))??$,A=t[c].cssNames.map(F=>`${F}:${O};`).join("");o.push(`${k.join(",")}{${A}}`)}),o),l);function r(o,c){return c.formatSelector?c.formatSelector(o):[o]}}function V(l,u){const r=t[l];return r.isThemeStyle?r:r.values1.values.includes(u)?r.values1:r.values2.values.includes(u)?r.values2:r.values3}function w(){const l="crono-styles",r=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let o=r.getElementById(l);return o||(o=r.createElement("style"),o.setAttribute("id",l),o.setAttribute("type","text/css"),r.head.insertBefore(o,r.head.firstChild)),o}})(b||(b={}));const P=typeof window<"u"&&typeof window.document<"u",q=P?N.useLayoutEffect:N.useEffect;function W(a,i){const m=I.useTheme(a);return q(b.flush,[a]),N.useMemo(()=>{const n=[i?b.svgClassName:b.doxClassName],v=m?{...C(m),...C(a)}:C(a);return Object.entries(v).forEach(([d,g])=>{n.push(b.get(d,g))}),n},[a,m])}function C(a){const i={...a};return Object.keys(i).forEach(n=>{const v=y[n];v&&(v.key in i||(i[v.key]=i[n]),delete i[n])}),i}function G(a,i){const{tag:m="div",children:n,props:v,className:d,style:g}=a,x=W(a,m==="svg"),S=N.useMemo(()=>B.ClassNameUtils.classNames(d,x).join(" "),[a]),f={...v,className:S};g&&(f.style=g),i&&(f.ref=i);const[h,V]=N.useState(!1),w=typeof n=="function";return w&&(f.onMouseEnter=()=>V(!0),f.onMouseLeave=()=>V(!1)),N.createElement(m,f,w?n({isHover:h}):n)}const U=N.forwardRef(G),{flush:X}=b;exports.default=U;exports.flushStyles=X;
7
+ `,m=new E.IdentityFactory,n=Object.keys(i),l=y();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),w=`.${f(c,H)}`;let k=[];t?t==="H"?k=[...o(`${w}:hover`,p),...o(`.${$.hover.className}:hover>${w}`,p)]:t==="F"?k=[...o(`${w}:focus-within`,p),...o(`.${$.focus.className}:focus-within>${w}`,p)]:t==="A"&&(k=o(`${w}:active`,p)):k=o(w,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 y(){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}})(b||(b={}));const P=typeof window<"u"&&typeof window.document<"u",q=P?N.useLayoutEffect:N.useEffect;function W(a,r){const m=I.useTheme(a);return q(b.flush,[a]),N.useMemo(()=>{const n=[r?b.svgClassName:b.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(b.get(d,g))}),n},[a,m])}function C(a){const r={...a};return Object.keys(r).forEach(n=>{const l=z[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=N.useMemo(()=>E.ClassNameUtils.classNames(d,x).join(" "),[a]),f={...l,className:S};g&&(f.style=g),r&&(f.ref=r);const[h,V]=N.useState(!1),y=typeof n=="function";return y&&(f.onMouseEnter=()=>V(!0),f.onMouseLeave=()=>V(!1)),N.createElement(m,f,y?n({isHover:h}):n)}const U=N.forwardRef(G),{flush:X}=b;exports.default=U;exports.flushStyles=X;
package/components/dox.mjs CHANGED
@@ -1,68 +1,68 @@
1
- import F, { useMemo as E, useLayoutEffect as I, useEffect as _, forwardRef as D, useState as P } from "react";
1
+ import O, { useMemo as j, useLayoutEffect as I, useEffect as _, forwardRef as D, useState as P } from "react";
2
2
  import { I as M, C as W } from "../utils/utils.mjs";
3
3
  import { useTheme as G } from "../theme.mjs";
4
4
  var e;
5
5
  ((a) => {
6
6
  ((r) => {
7
- function m(v, d) {
8
- return `${v}${d.replace("/", "-")}`;
7
+ function m(l, d) {
8
+ return `${l}${d.replace("/", "-")}`;
9
9
  }
10
10
  r.fraction = m;
11
- function n(v) {
12
- return [`${v} path`, `${v} circle`, `${v} rect`, `${v} line`];
11
+ function n(l) {
12
+ return [`${l} path`, `${l} circle`, `${l} rect`, `${l} line`];
13
13
  }
14
14
  r.svg = n;
15
15
  })(a.ClassName || (a.ClassName = {})), ((r) => {
16
- function m(l, u) {
17
- return `${u / 4}rem`;
16
+ function m(u, t) {
17
+ return `${t / 4}rem`;
18
18
  }
19
19
  r.rem = m;
20
- function n(l, u) {
21
- return `${u}px`;
20
+ function n(u, t) {
21
+ return `${t}px`;
22
22
  }
23
23
  r.px = n;
24
- function v(l, u) {
25
- const [i, o] = u.split("/");
26
- return `${+i / +o * 100}%`;
24
+ function l(u, t) {
25
+ const [o, v] = t.split("/");
26
+ return `${+o / +v * 100}%`;
27
27
  }
28
- r.fraction = v;
29
- function d(l, u) {
30
- switch (u) {
28
+ r.fraction = l;
29
+ function d(u, t) {
30
+ switch (t) {
31
31
  case "fit":
32
32
  return "100%";
33
33
  case "fit-screen":
34
- return l.toLocaleLowerCase().includes("height") ? "100vh" : "100vw";
34
+ return u.toLocaleLowerCase().includes("height") ? "100vh" : "100vw";
35
35
  default:
36
- return u;
36
+ return t;
37
37
  }
38
38
  }
39
39
  r.widthHeight = d;
40
- function g(l) {
41
- return (u, i) => `var(--${l}${i});`;
40
+ function g(u) {
41
+ return (t, o) => `var(--${u}${o});`;
42
42
  }
43
43
  r.variables = g;
44
- function y(l) {
45
- return (u, i) => `var(--${l}${i});`;
44
+ function z(u) {
45
+ return (t, o) => `var(--${u}${o});`;
46
46
  }
47
- r.svgVariables = y;
48
- function x(l, u) {
49
- return `repeat(${u},minmax(0,1fr))`;
47
+ r.svgVariables = z;
48
+ function x(u, t) {
49
+ return `repeat(${t},minmax(0,1fr))`;
50
50
  }
51
51
  r.gridColumns = x;
52
- function f(l, u) {
53
- return u === "full-row" ? "1/-1" : `span ${u}/span ${u}`;
52
+ function f(u, t) {
53
+ return t === "full-row" ? "1/-1" : `span ${t}/span ${t}`;
54
54
  }
55
55
  r.gridColumn = f;
56
- function h(l, u) {
57
- return `${u}ms`;
56
+ function h(u, t) {
57
+ return `${t}ms`;
58
58
  }
59
59
  r.ms = h;
60
- function V(l, u) {
61
- return `${u}deg`;
60
+ function V(u, t) {
61
+ return `${t}deg`;
62
62
  }
63
63
  r.rotate = V;
64
- function N(l, u) {
65
- return u === "xAxis" ? "-1 1" : "1 -1";
64
+ function N(u, t) {
65
+ return t === "xAxis" ? "-1 1" : "1 -1";
66
66
  }
67
67
  r.flip = N;
68
68
  })(a.Value || (a.Value = {}));
@@ -215,7 +215,7 @@ const R = {
215
215
  bgColor: { cssNames: ["background-color"], formatValue: e.Value.variables("color") },
216
216
  borderColor: { cssNames: ["border-color"], formatValue: e.Value.variables("color") },
217
217
  outlineColor: { cssNames: ["outline-color"], formatValue: e.Value.variables("color") }
218
- }, j = {
218
+ }, A = {
219
219
  fill: {
220
220
  cssNames: ["fill"],
221
221
  formatValue: e.Value.svgVariables("color"),
@@ -226,10 +226,10 @@ const R = {
226
226
  formatValue: e.Value.svgVariables("color"),
227
227
  formatSelector: e.ClassName.svg
228
228
  }
229
- }, $ = {
229
+ }, H = {
230
230
  hover: { className: "_h" },
231
231
  focus: { className: "_f" }
232
- }, t = {
232
+ }, i = {
233
233
  display: {
234
234
  cssNames: ["display"],
235
235
  values1: { values: ["none", "block", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "contents"] },
@@ -870,48 +870,48 @@ const R = {
870
870
  }
871
871
  };
872
872
  Object.keys(C).forEach((a) => {
873
- t[a] = C[a];
873
+ i[a] = C[a];
874
874
  });
875
875
  Object.keys(R).forEach((a) => {
876
- t[a] = R[a], t[a].isThemeStyle = !0;
876
+ i[a] = R[a], i[a].isThemeStyle = !0;
877
877
  });
878
- Object.keys(j).forEach((a) => {
879
- t[a] = j[a], t[a].isThemeStyle = !0;
878
+ Object.keys(A).forEach((a) => {
879
+ i[a] = A[a], i[a].isThemeStyle = !0;
880
880
  });
881
- const z = {
882
- w: { ...t.width, key: "width" },
883
- h: { ...t.height, key: "height" },
884
- m: { ...t.margin, key: "margin" },
885
- mx: { ...t.marginHorizontal, key: "marginHorizontal" },
886
- my: { ...t.marginVertical, key: "marginVertical" },
887
- mt: { ...t.marginTop, key: "marginTop" },
888
- mr: { ...t.marginRight, key: "marginRight" },
889
- mb: { ...t.marginBottom, key: "marginBottom" },
890
- ml: { ...t.marginLeft, key: "marginLeft" },
891
- p: { ...t.padding, key: "padding" },
892
- px: { ...t.paddingHorizontal, key: "paddingHorizontal" },
893
- py: { ...t.paddingVertical, key: "paddingVertical" },
894
- pt: { ...t.paddingTop, key: "paddingTop" },
895
- pr: { ...t.paddingRight, key: "paddingRight" },
896
- pb: { ...t.paddingBottom, key: "paddingBottom" },
897
- pl: { ...t.paddingLeft, key: "paddingLeft" },
898
- b: { ...t.border, key: "border" },
899
- bx: { ...t.borderHorizontal, key: "borderHorizontal" },
900
- by: { ...t.borderVertical, key: "borderVertical" },
901
- bt: { ...t.borderTop, key: "borderTop" },
902
- br: { ...t.borderRight, key: "borderRight" },
903
- bb: { ...t.borderBottom, key: "borderBottom" },
904
- bl: { ...t.borderLeft, key: "borderLeft" },
905
- jc: { ...t.justifyContent, key: "justifyContent" },
906
- ai: { ...t.alignItems, key: "alignItems" },
907
- ac: { ...t.alignContent, key: "alignContent" },
908
- d: { ...t.flexDirection, key: "flexDirection" }
909
- }, U = Object.keys(t), X = Object.keys(z);
881
+ const w = {
882
+ w: { ...i.width, key: "width" },
883
+ h: { ...i.height, key: "height" },
884
+ m: { ...i.margin, key: "margin" },
885
+ mx: { ...i.marginHorizontal, key: "marginHorizontal" },
886
+ my: { ...i.marginVertical, key: "marginVertical" },
887
+ mt: { ...i.marginTop, key: "marginTop" },
888
+ mr: { ...i.marginRight, key: "marginRight" },
889
+ mb: { ...i.marginBottom, key: "marginBottom" },
890
+ ml: { ...i.marginLeft, key: "marginLeft" },
891
+ p: { ...i.padding, key: "padding" },
892
+ px: { ...i.paddingHorizontal, key: "paddingHorizontal" },
893
+ py: { ...i.paddingVertical, key: "paddingVertical" },
894
+ pt: { ...i.paddingTop, key: "paddingTop" },
895
+ pr: { ...i.paddingRight, key: "paddingRight" },
896
+ pb: { ...i.paddingBottom, key: "paddingBottom" },
897
+ pl: { ...i.paddingLeft, key: "paddingLeft" },
898
+ b: { ...i.border, key: "border" },
899
+ bx: { ...i.borderHorizontal, key: "borderHorizontal" },
900
+ by: { ...i.borderVertical, key: "borderVertical" },
901
+ bt: { ...i.borderTop, key: "borderTop" },
902
+ br: { ...i.borderRight, key: "borderRight" },
903
+ bb: { ...i.borderBottom, key: "borderBottom" },
904
+ bl: { ...i.borderLeft, key: "borderLeft" },
905
+ jc: { ...i.justifyContent, key: "justifyContent" },
906
+ ai: { ...i.alignItems, key: "alignItems" },
907
+ ac: { ...i.alignContent, key: "alignContent" },
908
+ d: { ...i.flexDirection, key: "flexDirection" }
909
+ }, U = Object.keys(i), X = Object.keys(w);
910
910
  q.forEach((a) => {
911
911
  U.forEach((r) => {
912
- t[`${r}${a}`] = { ...t[r] }, t[`${r}${a}`].pseudoSuffix = a;
912
+ i[`${r}${a}`] = { ...i[r] }, i[`${r}${a}`].pseudoSuffix = a;
913
913
  }), X.forEach((r) => {
914
- z[`${r}${a}`] = { ...z[r], key: `${z[r].key}${a}` }, z[`${r}${a}`].pseudoSuffix = a;
914
+ w[`${r}${a}`] = { ...w[r], key: `${w[r].key}${a}` }, w[`${r}${a}`].pseudoSuffix = a;
915
915
  });
916
916
  });
917
917
  var b;
@@ -923,86 +923,86 @@ body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
923
923
  a,ul{all: unset;}
924
924
  .${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;}
925
925
  .${a.svgClassName}{transition: all var(--svgTransitionTime);}.${a.svgClassName} path,.${a.svgClassName} circle,.${a.svgClassName} rect,.${a.svgClassName} line {transition: all var(--svgTransitionTime);}
926
- `, m = new M(), n = Object.keys(t), v = N();
926
+ `, m = new M(), n = Object.keys(i), l = N();
927
927
  let d = !1;
928
- const g = n.reduce((l, u) => (l[u] = /* @__PURE__ */ new Set(), l), {});
929
- function y(l, u) {
930
- if (l in t)
931
- return f(l, u);
932
- if (l in $)
933
- return $[l].className;
934
- if (l in C)
935
- return f(l, u);
928
+ const g = n.reduce((u, t) => (u[t] = /* @__PURE__ */ new Set(), u), {});
929
+ function z(u, t) {
930
+ if (u in i)
931
+ return f(u, t);
932
+ if (u in H)
933
+ return H[u].className;
934
+ if (u in C)
935
+ return f(u, t);
936
936
  }
937
- a.get = y;
937
+ a.get = z;
938
938
  function x() {
939
939
  if (d) {
940
940
  console.info("%c💬Flush Dox Styles", "color: #00ffff");
941
- let l = h([r]);
942
- l = h(l, "H"), l = h(l, "F"), l = h(l, "A"), v.innerHTML = l.join(""), d = !1;
941
+ let u = h([r]);
942
+ u = h(u, "H"), u = h(u, "F"), u = h(u, "A"), l.innerHTML = u.join(""), d = !1;
943
943
  }
944
944
  }
945
945
  a.flush = x;
946
- function f(l, u) {
946
+ function f(u, t) {
947
947
  var c;
948
- g[l].has(u) || (d = !0, g[l].add(u));
949
- const i = V(l, u), o = ((c = i.formatClassName) == null ? void 0 : c.call(i, l, u)) ?? `${l}${u}`;
950
- return `-${m.getIdentity(o)}`;
948
+ g[u].has(t) || (d = !0, g[u].add(t));
949
+ const o = V(u, t), v = ((c = o.formatClassName) == null ? void 0 : c.call(o, u, t)) ?? `${u}${t}`;
950
+ return `-${m.getIdentity(v)}`;
951
951
  }
952
- function h(l, u) {
953
- return Object.entries(g).filter(([o]) => {
952
+ function h(u, t) {
953
+ return Object.entries(g).filter(([v]) => {
954
954
  var c;
955
- return ((c = t[o]) == null ? void 0 : c.pseudoSuffix) === u;
956
- }).reduce((o, [c, B]) => (B.forEach((k) => {
955
+ return ((c = i[v]) == null ? void 0 : c.pseudoSuffix) === t;
956
+ }).reduce((v, [c, E]) => (E.forEach((k) => {
957
957
  var T;
958
- const p = V(c, k), w = `.${f(c, k)}`;
958
+ const p = V(c, k), y = `.${f(c, k)}`;
959
959
  let S = [];
960
- u ? u === "H" ? S = [
961
- ...i(`${w}:hover`, p),
962
- ...i(`.${$.hover.className}:hover>${w}`, p)
963
- ] : u === "F" ? S = [
964
- ...i(`${w}:focus-within`, p),
965
- ...i(`.${$.focus.className}:focus-within>${w}`, p)
966
- ] : u === "A" && (S = i(`${w}:active`, p)) : S = i(w, p);
967
- const L = ((T = p.formatValue) == null ? void 0 : T.call(p, c, k)) ?? k, A = t[c].cssNames.map((O) => `${O}:${L};`).join("");
968
- o.push(`${S.join(",")}{${A}}`);
969
- }), o), l);
970
- function i(o, c) {
971
- return c.formatSelector ? c.formatSelector(o) : [o];
960
+ t ? t === "H" ? S = [
961
+ ...o(`${y}:hover`, p),
962
+ ...o(`.${H.hover.className}:hover>${y}`, p)
963
+ ] : t === "F" ? S = [
964
+ ...o(`${y}:focus-within`, p),
965
+ ...o(`.${H.focus.className}:focus-within>${y}`, p)
966
+ ] : t === "A" && (S = o(`${y}:active`, p)) : S = o(y, p);
967
+ const F = ((T = p.formatValue) == null ? void 0 : T.call(p, c, k)) ?? k, B = i[c].cssNames.map((L) => `${L}:${F};`).join("");
968
+ v.push(`${S.join(",")}{${B}}`);
969
+ }), v), u);
970
+ function o(v, c) {
971
+ return c.formatSelector ? c.formatSelector(v) : [v];
972
972
  }
973
973
  }
974
- function V(l, u) {
975
- const i = t[l];
976
- return i.isThemeStyle ? i : i.values1.values.includes(u) ? i.values1 : i.values2.values.includes(u) ? i.values2 : i.values3;
974
+ function V(u, t) {
975
+ const o = i[u];
976
+ return o.isThemeStyle ? o : o.values1.values.includes(t) ? o.values1 : o.values2.values.includes(t) ? o.values2 : o.values3;
977
977
  }
978
978
  function N() {
979
- const l = "crono-styles", i = typeof window < "u" && typeof window.document < "u" ? window.document : global.document;
980
- let o = i.getElementById(l);
981
- return o || (o = i.createElement("style"), o.setAttribute("id", l), o.setAttribute("type", "text/css"), i.head.insertBefore(o, i.head.firstChild)), o;
979
+ const u = "crono-styles", o = typeof window < "u" && typeof window.document < "u" ? window.document : global.document;
980
+ let v = o.getElementById(u);
981
+ return v || (v = o.createElement("style"), v.setAttribute("id", u), v.setAttribute("type", "text/css"), o.head.insertBefore(v, o.head.firstChild)), v;
982
982
  }
983
983
  })(b || (b = {}));
984
984
  const Y = typeof window < "u" && typeof window.document < "u", J = Y ? I : _;
985
985
  function Q(a, r) {
986
986
  const m = G(a);
987
- return J(b.flush, [a]), E(() => {
988
- const n = [r ? b.svgClassName : b.doxClassName], v = m ? { ...H(m), ...H(a) } : H(a);
989
- return Object.entries(v).forEach(([d, g]) => {
987
+ return J(b.flush, [a]), j(() => {
988
+ const n = [r ? b.svgClassName : b.doxClassName], l = m ? { ...$(m), ...$(a) } : $(a);
989
+ 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]) => {
990
990
  n.push(b.get(d, g));
991
991
  }), n;
992
992
  }, [a, m]);
993
993
  }
994
- function H(a) {
994
+ function $(a) {
995
995
  const r = { ...a };
996
996
  return Object.keys(r).forEach((n) => {
997
- const v = z[n];
998
- v && (v.key in r || (r[v.key] = r[n]), delete r[n]);
997
+ const l = w[n];
998
+ l && (l.key in r || (r[l.key] = r[n]), delete r[n]);
999
999
  }), r;
1000
1000
  }
1001
1001
  function Z(a, r) {
1002
- const { tag: m = "div", children: n, props: v, className: d, style: g } = a, y = Q(a, m === "svg"), x = E(() => W.classNames(d, y).join(" "), [a]), f = { ...v, className: x };
1002
+ const { tag: m = "div", children: n, props: l, className: d, style: g } = a, z = Q(a, m === "svg"), x = j(() => W.classNames(d, z).join(" "), [a]), f = { ...l, className: x };
1003
1003
  g && (f.style = g), r && (f.ref = r);
1004
1004
  const [h, V] = P(!1), N = typeof n == "function";
1005
- return N && (f.onMouseEnter = () => V(!0), f.onMouseLeave = () => V(!1)), F.createElement(m, f, N ? n({ isHover: h }) : n);
1005
+ return N && (f.onMouseEnter = () => V(!0), f.onMouseLeave = () => V(!1)), O.createElement(m, f, N ? n({ isHover: h }) : n);
1006
1006
  }
1007
1007
  const le = D(Z), { flush: ue } = b;
1008
1008
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cronocode/react-box",
3
- "version": "1.6.6",
3
+ "version": "1.6.7",
4
4
  "main": "./box.cjs",
5
5
  "module": "./box.mjs",
6
6
  "types": "./box.d.ts",
package/theme.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),r={button:{styles:{inline:!0,p:3,cursor:"pointer",b:1,borderRadius:1},disabled:{cursor:"default"}},checkbox:{styles:{inline:!0,b:1,p:2}},radioButton:{styles:{inline:!0,b:1,p:2}},textbox:{styles:{inline:!0,b:1,borderRadius:1,p:3}},textarea:{styles:{inline:!0,b:1,borderRadius:1}}};let n=r;var u;(d=>{function i(t){n=t,o()}d.setup=i;function o(){Object.keys(r).forEach(s=>{const e=n[s],l=r[s];e?(e.styles={...l.styles,...e.styles},e.disabled&&l.disabled&&(e.disabled={...l.disabled,...e.disabled})):n[s]=r[s]})}})(u||(u={}));const f=u;function m(d){const{clean:i,disabled:o,theme:t,component:s}=d;return y.useMemo(()=>{var a,b,c;if(i)return;let e=n[s]??((a=n.components)==null?void 0:a[s]);if(!e)return;let l=t?{...e.styles,...(b=e.themes)==null?void 0:b[t].styles}:e.styles;return o?t?{...l,...e.disabled,...(c=e.themes)==null?void 0:c[t].disabled}:{...l,...e.disabled}:l},[s,i,o,t])}exports.default=f;exports.useTheme=m;
1
+ "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 r;(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]})}})(r||(r={}));const p=r;function f(a){const{clean:n,disabled:o,theme:s,component:t}=a;return y.useMemo(()=>{var b,c,u;if(n)return;let e=i[t]??((b=i.components)==null?void 0:b[t]);if(!e)return;let l=s?{...e.styles,...(c=e.themes)==null?void 0:c[s].styles}:e.styles;return o?s?{...l,...e.disabled,...(u=e.themes)==null?void 0:u[s].disabled}:{...l,...e.disabled}:l},[t,n,o,s])}exports.default=p;exports.useTheme=f;
package/theme.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import { useMemo as y } from "react";
2
- const r = {
2
+ const d = {
3
3
  button: {
4
4
  styles: {
5
- inline: !0,
5
+ display: "inline-block",
6
6
  p: 3,
7
7
  cursor: "pointer",
8
8
  b: 1,
@@ -14,21 +14,21 @@ const r = {
14
14
  },
15
15
  checkbox: {
16
16
  styles: {
17
- inline: !0,
17
+ display: "inline-block",
18
18
  b: 1,
19
19
  p: 2
20
20
  }
21
21
  },
22
22
  radioButton: {
23
23
  styles: {
24
- inline: !0,
24
+ display: "inline-block",
25
25
  b: 1,
26
26
  p: 2
27
27
  }
28
28
  },
29
29
  textbox: {
30
30
  styles: {
31
- inline: !0,
31
+ display: "inline-block",
32
32
  b: 1,
33
33
  borderRadius: 1,
34
34
  p: 3
@@ -36,41 +36,41 @@ const r = {
36
36
  },
37
37
  textarea: {
38
38
  styles: {
39
- inline: !0,
39
+ display: "inline-block",
40
40
  b: 1,
41
41
  borderRadius: 1
42
42
  }
43
43
  }
44
44
  };
45
- let n = r;
46
- var u;
47
- ((d) => {
48
- function i(t) {
49
- n = t, o();
45
+ let i = d;
46
+ var r;
47
+ ((a) => {
48
+ function n(s) {
49
+ i = s, o();
50
50
  }
51
- d.setup = i;
51
+ a.setup = n;
52
52
  function o() {
53
- Object.keys(r).forEach((s) => {
54
- const e = n[s], l = r[s];
55
- e ? (e.styles = { ...l.styles, ...e.styles }, e.disabled && l.disabled && (e.disabled = { ...l.disabled, ...e.disabled })) : n[s] = r[s];
53
+ Object.keys(d).forEach((t) => {
54
+ const e = i[t], l = d[t];
55
+ e ? (e.styles = { ...l.styles, ...e.styles }, e.disabled && l.disabled && (e.disabled = { ...l.disabled, ...e.disabled })) : i[t] = d[t];
56
56
  });
57
57
  }
58
- })(u || (u = {}));
59
- const m = u;
60
- function p(d) {
61
- const { clean: i, disabled: o, theme: t, component: s } = d;
58
+ })(r || (r = {}));
59
+ const f = r;
60
+ function m(a) {
61
+ const { clean: n, disabled: o, theme: s, component: t } = a;
62
62
  return y(() => {
63
- var a, b, c;
64
- if (i)
63
+ var b, c, u;
64
+ if (n)
65
65
  return;
66
- let e = n[s] ?? ((a = n.components) == null ? void 0 : a[s]);
66
+ let e = i[t] ?? ((b = i.components) == null ? void 0 : b[t]);
67
67
  if (!e)
68
68
  return;
69
- let l = t ? { ...e.styles, ...(b = e.themes) == null ? void 0 : b[t].styles } : e.styles;
70
- return o ? t ? { ...l, ...e.disabled, ...(c = e.themes) == null ? void 0 : c[t].disabled } : { ...l, ...e.disabled } : l;
71
- }, [s, i, o, t]);
69
+ let l = s ? { ...e.styles, ...(c = e.themes) == null ? void 0 : c[s].styles } : e.styles;
70
+ return o ? s ? { ...l, ...e.disabled, ...(u = e.themes) == null ? void 0 : u[s].disabled } : { ...l, ...e.disabled } : l;
71
+ }, [t, n, o, s]);
72
72
  }
73
73
  export {
74
- m as default,
75
- p as useTheme
74
+ f as default,
75
+ m as useTheme
76
76
  };