@cronocode/react-box 1.6.1 → 1.6.2

package/components/dox/doxStylesFormatters.d.ts

@@ -0,0 +1,15 @@
+export declare namespace DoxStylesFormatters {
+    namespace ClassName {
+        function fraction(key: string, value: string | number | boolean): string;
+    }
+    namespace Value {
+        function rem(_key: string, value: string | number | boolean): string;
+        function px(_key: string, value: string | number | boolean): string;
+        function fraction(_key: string, value: string | number | boolean): string;
+        function widthHeight(key: string, value: string | number | boolean): string;
+        function variables(prefix: string): (key: string, value: string | number | boolean) => string;
+        function gridColumns(key: string, value: string | number | boolean): string;
+        function gridColumn(key: string, value: string | number | boolean): string;
+        function ms(key: string, value: string | number | boolean): string;
+    }
+}

package/components/dox/stylesContext.d.ts

@@ -1,5 +1,6 @@
 export declare namespace StylesContext {
     const doxClassName = "_dox";
+    const svgClassName = "_svg";
     function get(key: string, value: string | number | boolean): string | undefined;
     function flush(): void;
 }

package/components/dox.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),B=require("../utils/utils.cjs"),D=require("../theme.cjs"),M=["H","F","A"],t=[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],P=[-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],r=[...t,...P],E=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],S=["auto","hidden","scroll","visible"],V=["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"],y=["fit","fit-screen","auto","fit-content","max-content","min-content"];var e;(s=>{function a(f,m){return`${m/4}rem`}s.rem=a;function d(f,m){return`${m}px`}s.px=d;function i(f,m){const[b,c]=m.split("/");return`${+b/+c*100}%`}s.fraction=i;function n(f,m){switch(m){case"fit":return"100%";case"fit-screen":return f.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return m}}s.widthHeight=n;function p(f){return(m,b)=>`var(--${f}${b});`}s.variables=p})(e||(e={}));var h;(s=>{function a(d,i){return`${d}${i.replace("/","-")}`}s.fraction=a})(h||(h={}));const T={shadow:{cssNames:["box-shadow"],formatValue:e.variables("shadow")},background:{cssNames:["background"],formatValue:e.variables("background")},color:{cssNames:["color"],formatValue:e.variables("color")},bgColor:{cssNames:["background-color"],formatValue:e.variables("color")},borderColor:{cssNames:["border-color"],formatValue:e.variables("color")},outlineColor:{cssNames:["outline-color"],formatValue:e.variables("color")}},l={display:{cssNames:["display"],values1:{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:y,formatValue:e.widthHeight},values2:{values:t,formatValue:e.rem},values3:{values:V,formatValue:e.fraction,formatClassName:h.fraction}},minWidth:{cssNames:["min-width"],values1:{values:y,formatValue:e.widthHeight},values2:{values:t,formatValue:e.rem},values3:{values:V,formatValue:e.fraction,formatClassName:h.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:y,formatValue:e.widthHeight},values2:{values:t,formatValue:e.rem},values3:{values:V,formatValue:e.fraction,formatClassName:h.fraction}},height:{cssNames:["height"],values1:{values:y,formatValue:e.widthHeight},values2:{values:t,formatValue:e.rem},values3:{values:V,formatValue:e.fraction,formatClassName:h.fraction}},minHeight:{cssNames:["min-height"],values1:{values:y,formatValue:e.widthHeight},values2:{values:t,formatValue:e.rem},values3:{values:V,formatValue:e.fraction,formatClassName:h.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:y,formatValue:e.widthHeight},values2:{values:t,formatValue:e.rem},values3:{values:V,formatValue:e.fraction,formatClassName:h.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},margin:{cssNames:["margin"],values1:{values:r,formatValue:e.rem},values2:{values:["auto"]},values3:{values:[]}},marginHorizontal:{cssNames:["margin-inline"],values1:{values:r,formatValue:e.rem},values2:{values:["auto"]},values3:{values:[]}},marginVertical:{cssNames:["margin-block"],values1:{values:r,formatValue:e.rem},values2:{values:["auto"]},values3:{values:[]}},marginTop:{cssNames:["margin-top"],values1:{values:r,formatValue:e.rem},values2:{values:["auto"]},values3:{values:[]}},marginRight:{cssNames:["margin-right"],values1:{values:r,formatValue:e.rem},values2:{values:["auto"]},values3:{values:[]}},marginBottom:{cssNames:["margin-bottom"],values1:{values:r,formatValue:e.rem},values2:{values:["auto"]},values3:{values:[]}},marginLeft:{cssNames:["margin-left"],values1:{values:r,formatValue:e.rem},values2:{values:["auto"]},values3:{values:[]}},padding:{cssNames:["padding"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},paddingHorizontal:{cssNames:["padding-inline"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},paddingVertical:{cssNames:["padding-block"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},paddingTop:{cssNames:["padding-top"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},paddingRight:{cssNames:["padding-right"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},paddingBottom:{cssNames:["padding-bottom"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},paddingLeft:{cssNames:["padding-left"],values1:{values:r,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},border:{cssNames:["border-width"],values1:{values:t,formatValue:e.px},values2:{values:[]},values3:{values:[]}},borderHorizontal:{cssNames:["border-inline-width"],values1:{values:r,formatValue:e.px},values2:{values:[]},values3:{values:[]}},borderVertical:{cssNames:["border-block-width"],values1:{values:r,formatValue:e.px},values2:{values:[]},values3:{values:[]}},borderTop:{cssNames:["border-top-width"],values1:{values:r,formatValue:e.px},values2:{values:[]},values3:{values:[]}},borderRight:{cssNames:["border-right-width"],values1:{values:r,formatValue:e.px},values2:{values:[]},values3:{values:[]}},borderBottom:{cssNames:["border-bottom-width"],values1:{values:r,formatValue:e.px},values2:{values:[]},values3:{values:[]}},borderLeft:{cssNames:["border-left-width"],values1:{values:r,formatValue:e.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:E},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:t,formatValue:e.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},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:S},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:S},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:t,formatValue:e.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:t,formatValue:e.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:t,formatValue:e.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:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:t,formatValue:e.rem},values2:{values:[]},values3:{values:[]}},order:{cssNames:["order"],values1:{values:t},values2:{values:[]},values3:{values:[]}},flexGrow:{cssNames:["flex-grow"],values1:{values:t},values2:{values:[]},values3:{values:[]}},flexShrink:{cssNames:["flex-shrink"],values1:{values:t},values2:{values:[]},values3:{values:[]}},alignSelf:{cssNames:["align-self"],values1:{values:["auto","flex-start","flex-end","center","baseline","stretch"]},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:["auto","flex-start","flex-end","center","baseline","stretch"]},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:t,formatValue:(s,a)=>`repeat(${a},minmax(0,1fr))`},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:t,formatValue:(s,a)=>`span ${a}/span ${a}`},values2:{values:["full-row"],formatValue:(s,a)=>"1/-1"},values3:{values:[]}},colStart:{cssNames:["grid-column-start"],values1:{values:t,formatValue:(s,a)=>`${a}`},values2:{values:[]},values3:{values:[]}},colEnd:{cssNames:["grid-column-end"],values1:{values:t,formatValue:(s,a)=>`${a}`},values2:{values:[]},values3:{values:[]}},outline:{cssNames:["outline-width"],values1:{values:t,formatValue:e.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:E},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:t,formatValue:e.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:(s,a)=>`${a}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:[]}}};Object.keys(T).forEach(s=>{l[s]=T[s],l[s].isThemeStyle=!0});const x={m:{...l.margin,key:"margin"},mx:{...l.marginHorizontal,key:"marginHorizontal"},my:{...l.marginVertical,key:"marginVertical"},mt:{...l.marginTop,key:"marginTop"},mr:{...l.marginRight,key:"marginRight"},mb:{...l.marginBottom,key:"marginBottom"},ml:{...l.marginLeft,key:"marginLeft"},p:{...l.padding,key:"padding"},px:{...l.paddingHorizontal,key:"paddingHorizontal"},py:{...l.paddingVertical,key:"paddingVertical"},pt:{...l.paddingTop,key:"paddingTop"},pr:{...l.paddingRight,key:"paddingRight"},pb:{...l.paddingBottom,key:"paddingBottom"},pl:{...l.paddingLeft,key:"paddingLeft"},b:{...l.border,key:"border"},bx:{...l.borderHorizontal,key:"borderHorizontal"},by:{...l.borderVertical,key:"borderVertical"},bt:{...l.borderTop,key:"borderTop"},br:{...l.borderRight,key:"borderRight"},bb:{...l.borderBottom,key:"borderBottom"},bl:{...l.borderLeft,key:"borderLeft"},jc:{...l.justifyContent,key:"justifyContent"},ai:{...l.alignItems,key:"alignItems"},ac:{...l.alignContent,key:"alignContent"},d:{...l.flexDirection,key:"flexDirection"}},q=Object.keys(l),F=Object.keys(x);M.forEach(s=>{q.forEach(a=>{l[`${a}${s}`]={...l[a]},l[`${a}${s}`].pseudoSuffix=s}),F.forEach(a=>{x[`${a}${s}`]={...x[a],key:`${x[a].key}${s}`},x[`${a}${s}`].pseudoSuffix=s})});var k;(s=>{const a=new B.IdentityFactory,d=[...Object.keys(l),...Object.keys(T)],i=$();let n=!1;const p=d.reduce((v,u)=>(v[u]=new Set,v),{});s.doxClassName="_dox";function f(v,u){if(v in l)return b(v,u)}s.get=f;function m(){if(n){console.info("%c💬Flush Dox Styles","color: #00ffff");const v=`.${s.doxClassName}{display: block;border: 0 solid black;outline: 0px solid black;margin: 0;padding: 0;background-color: initial;transition: all 250ms;box-sizing: border-box;font-family: inherit;font-size: inherit;}`;let u=c([v]);u=c(u,"H"),u=c(u,"F"),u=c(u,"A"),i.innerHTML=u.join(""),n=!1}}s.flush=m;function b(v,u){var H;p[v].has(u)||(n=!0,p[v].add(u));const o=z(v,u),g=((H=o.formatClassName)==null?void 0:H.call(o,v,u))??`${v}${u}`;return`-${a.getIdentity(g)}`}function c(v,u){return Object.entries(p).filter(([o])=>{var g;return((g=l[o])==null?void 0:g.pseudoSuffix)===u}).reduce((o,[g,H])=>(H.forEach(C=>{var L;let N=b(g,C);u==="H"&&(N=`${N}:hover`),u==="F"&&(N=`${N}:focus-within`),u==="A"&&(N=`${N}:active`);const R=z(g,C),O=((L=R.formatValue)==null?void 0:L.call(R,g,C))??C,I=l[g].cssNames.map(A=>`${A}:${O};`).join("");o.push(`.${N}{${I}}`)}),o),v)}function z(v,u){const o=l[v];return o.isThemeStyle?o:o.values1.values.includes(u)?o.values1:o.values2.values.includes(u)?o.values2:o.values3}function $(){const v="crono-styles";let u=document.getElementById(v);return u||(u=document.createElement("style"),u.setAttribute("id",v),u.setAttribute("type","text/css"),document.head.insertBefore(u,document.head.firstChild)),u}})(k||(k={}));function _(s){const a=D.useTheme(s);return w.useLayoutEffect(k.flush,[s]),w.useMemo(()=>{const d=[k.doxClassName],i=a?{...j(a),...j(s)}:j(s);return Object.entries(i).forEach(([n,p])=>{d.push(k.get(n,p))}),d},[s,a])}function j(s){const a={...s};return Object.keys(a).forEach(i=>{const n=x[i];n&&(n.key in a||(a[n.key]=a[i]),delete a[i])}),a}function W(s,a){const{tag:d,children:i,props:n,className:p,style:f}=s,m=_(s),b=w.useMemo(()=>B.ClassNameUtils.classNames(p,m).join(" "),[s]),c={...n,className:b};f&&(c.style=f),a&&(c.ref=a);const[z,$]=w.useState(!1),v=typeof i=="function";return v&&(c.onMouseEnter=()=>$(!0),c.onMouseLeave=()=>$(!1)),w.createElement(d||"div",c,v?i({isHover:z}):i)}const G=w.forwardRef(W);exports.default=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),R=require("../utils/utils.cjs"),B=require("../theme.cjs");var e;(a=>{(u=>{function c(n,m){return`${n}${m.replace("/","-")}`}u.fraction=c})(a.ClassName||(a.ClassName={})),(u=>{function c(o,r){return`${r/4}rem`}u.rem=c;function n(o,r){return`${r}px`}u.px=n;function m(o,r){const[V,t]=r.split("/");return`${+V/+t*100}%`}u.fraction=m;function g(o,r){switch(r){case"fit":return"100%";case"fit-screen":return o.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return r}}u.widthHeight=g;function h(o){return(r,V)=>`var(--${o}${V});`}u.variables=h;function z(o,r){return`repeat(${r},minmax(0,1fr))`}u.gridColumns=z;function w(o,r){return r==="full-row"?"1/-1":`span ${r}/span ${r}`}u.gridColumn=w;function d(o,r){return`${r}ms`}u.ms=d})(a.Value||(a.Value={}))})(e||(e={}));const O=["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 $={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")}},k={hover:{className:"_h"},focus:{className:"_f"}},l={display:{cssNames:["display"],values1:{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]},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,formatClassName:e.ClassName.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,formatClassName:e.ClassName.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,formatClassName:e.ClassName.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,formatClassName:e.ClassName.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,formatClassName:e.ClassName.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,formatClassName:e.ClassName.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:[]}}};Object.keys($).forEach(a=>{l[a]=$[a],l[a].isThemeStyle=!0});const b={m:{...l.margin,key:"margin"},mx:{...l.marginHorizontal,key:"marginHorizontal"},my:{...l.marginVertical,key:"marginVertical"},mt:{...l.marginTop,key:"marginTop"},mr:{...l.marginRight,key:"marginRight"},mb:{...l.marginBottom,key:"marginBottom"},ml:{...l.marginLeft,key:"marginLeft"},p:{...l.padding,key:"padding"},px:{...l.paddingHorizontal,key:"paddingHorizontal"},py:{...l.paddingVertical,key:"paddingVertical"},pt:{...l.paddingTop,key:"paddingTop"},pr:{...l.paddingRight,key:"paddingRight"},pb:{...l.paddingBottom,key:"paddingBottom"},pl:{...l.paddingLeft,key:"paddingLeft"},b:{...l.border,key:"border"},bx:{...l.borderHorizontal,key:"borderHorizontal"},by:{...l.borderVertical,key:"borderVertical"},bt:{...l.borderTop,key:"borderTop"},br:{...l.borderRight,key:"borderRight"},bb:{...l.borderBottom,key:"borderBottom"},bl:{...l.borderLeft,key:"borderLeft"},jc:{...l.justifyContent,key:"justifyContent"},ai:{...l.alignItems,key:"alignItems"},ac:{...l.alignContent,key:"alignContent"},d:{...l.flexDirection,key:"flexDirection"}},A=Object.keys(l),F=Object.keys(b);O.forEach(a=>{A.forEach(u=>{l[`${u}${a}`]={...l[u]},l[`${u}${a}`].pseudoSuffix=a}),F.forEach(u=>{b[`${u}${a}`]={...b[u],key:`${b[u].key}${a}`},b[`${u}${a}`].pseudoSuffix=a})});var y;(a=>{a.doxClassName="_dox",a.svgClassName="_svg";const u=`:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;#crono-box {position: absolute;top: 0;left: 0;height: 0;}}
+html{font-size: 16px;font-family: Arial, sans-serif;}
+body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
+a,ul{all: unset;}
+.${a.doxClassName}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
+.${a.svgClassName}{width: 1.5rem;transition: all var(--svgTransitionTime);path,circle,rect,line {transition: all var(--svgTransitionTime);}}
+`,c=new R.IdentityFactory,n=[...Object.keys(l),...Object.keys($)],m=V();let g=!1;const h=n.reduce((t,i)=>(t[i]=new Set,t),{});function z(t,i){if(t in l)return d(t,i);if(t in k)return k[t].className}a.get=z;function w(){if(g){console.info("%c💬Flush Dox Styles","color: #00ffff");let t=o([u]);t=o(t,"H"),t=o(t,"F"),t=o(t,"A"),m.innerHTML=t.join(""),g=!1}}a.flush=w;function d(t,i){var x;h[t].has(i)||(g=!0,h[t].add(i));const v=r(t,i),f=((x=v.formatClassName)==null?void 0:x.call(v,t,i))??`${t}${i}`;return`-${c.getIdentity(f)}`}function o(t,i){return Object.entries(h).filter(([v])=>{var f;return((f=l[v])==null?void 0:f.pseudoSuffix)===i}).reduce((v,[f,x])=>(x.forEach(S=>{var T;let p=d(f,S);i==="H"&&(p=`${p}:hover,.${k.hover.className}:hover>.${p}`),i==="F"&&(p=`${p}:focus-within,.${k.focus.className}:focus-within>.${p}`),i==="A"&&(p=`${p}:active`);const C=r(f,S),j=((T=C.formatValue)==null?void 0:T.call(C,f,S))??S,L=l[f].cssNames.map(E=>`${E}:${j};`).join("");v.push(`.${p}{${L}}`)}),v),t)}function r(t,i){const v=l[t];return v.isThemeStyle?v:v.values1.values.includes(i)?v.values1:v.values2.values.includes(i)?v.values2:v.values3}function V(){const t="crono-styles";let i=document.getElementById(t);return i||(i=document.createElement("style"),i.setAttribute("id",t),i.setAttribute("type","text/css"),document.head.insertBefore(i,document.head.firstChild)),i}})(y||(y={}));function I(a){const u=B.useTheme(a);return N.useLayoutEffect(y.flush,[a]),N.useMemo(()=>{const c=[y.doxClassName],n=u?{...H(u),...H(a)}:H(a);return Object.entries(n).forEach(([m,g])=>{c.push(y.get(m,g))}),c},[a,u])}function H(a){const u={...a};return Object.keys(u).forEach(n=>{const m=b[n];m&&(m.key in u||(u[m.key]=u[n]),delete u[n])}),u}function _(a,u){const{tag:c,children:n,props:m,className:g,style:h}=a,z=I(a),w=N.useMemo(()=>R.ClassNameUtils.classNames(g,z).join(" "),[a]),d={...m,className:w};h&&(d.style=h),u&&(d.ref=u);const[o,r]=N.useState(!1),V=typeof n=="function";return V&&(d.onMouseEnter=()=>r(!0),d.onMouseLeave=()=>r(!1)),N.createElement(c||"div",d,V?n({isHover:o}):n)}const M=N.forwardRef(_);exports.default=M;