@cronocode/react-box 1.7.8 → 1.7.9
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.
- package/core/theme.d.ts +3 -0
- package/core.cjs +13 -13
- package/core.mjs +199 -177
- package/package.json +1 -1
package/core/theme.d.ts
CHANGED
package/core.cjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";const A=require("react");var e;(l=>{(u=>{function c(s,n){return`${s}${n.replace("/","-")}`}u.fraction=c;function v(s){return[`${s} path`,`${s} circle`,`${s} rect`,`${s} line`]}u.svg=v})(l.ClassName||(l.ClassName={})),(u=>{function c(t,a){return`${a/4}rem`}u.rem=c;function v(t,a){return`${a}px`}u.px=v;function s(t,a){const[r,b]=a.split("/");return`${+r/+b*100}%`}u.fraction=s;function n(t,a){switch(a){case"fit":return"100%";case"fit-screen":return t.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return a}}u.widthHeight=n;function d(t){return(a,r)=>`var(--${t}${r});`}u.variables=d;function f(t){return(a,r)=>`var(--${t}${r});`}u.svgVariables=f;function h(t,a){return`repeat(${a},minmax(0,1fr))`}u.gridColumns=h;function p(t,a){return a==="full-row"?"1/-1":`span ${a}/span ${a}`}u.gridColumn=p;function V(t,a){return`${a}ms`}u.ms=V;function N(t,a){return`${a}deg`}u.rotate=N;function T(t,a){return a==="xAxis"?"-1 1":"1 -1"}u.flip=T})(l.Value||(l.Value={}))})(e||(e={}));const i=[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],X=[-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],m=[...i,...X],L=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],B=["auto","hidden","scroll","visible"],x=["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"],k=["fit","fit-screen","auto","fit-content","max-content","min-content"],_=["auto","flex-start","flex-end","center","baseline","stretch"],o={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]},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:k,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:x,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:k,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:x,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:k,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:x,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:k,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:x,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:k,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:x,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:k,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:x,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},margin:{cssNames:["margin"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginHorizontal:{cssNames:["margin-inline"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginVertical:{cssNames:["margin-block"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginTop:{cssNames:["margin-top"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginRight:{cssNames:["margin-right"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginBottom:{cssNames:["margin-bottom"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginLeft:{cssNames:["margin-left"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},padding:{cssNames:["padding"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingHorizontal:{cssNames:["padding-inline"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingVertical:{cssNames:["padding-block"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingTop:{cssNames:["padding-top"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingRight:{cssNames:["padding-right"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingBottom:{cssNames:["padding-bottom"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingLeft:{cssNames:["padding-left"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},border:{cssNames:["border-width"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderHorizontal:{cssNames:["border-inline-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderVertical:{cssNames:["border-block-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderTop:{cssNames:["border-top-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderRight:{cssNames:["border-right-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderBottom:{cssNames:["border-bottom-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderLeft:{cssNames:["border-left-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:L},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:i,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:B},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:B},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:B},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:i,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:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:i,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:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},order:{cssNames:["order"],values1:{values:i},values2:{values:[]},values3:{values:[]}},flexGrow:{cssNames:["flex-grow"],values1:{values:i},values2:{values:[]},values3:{values:[]}},flexShrink:{cssNames:["flex-shrink"],values1:{values:i},values2:{values:[]},values3:{values:[]}},alignSelf:{cssNames:["align-self"],values1:{values:_},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:_},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:i,formatValue:e.Value.gridColumns},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:i,formatValue:e.Value.gridColumn},values2:{values:["full-row"],formatValue:e.Value.gridColumn},values3:{values:[]}},colStart:{cssNames:["grid-column-start"],values1:{values:i},values2:{values:[]},values3:{values:[]}},colEnd:{cssNames:["grid-column-end"],values1:{values:i},values2:{values:[]},values3:{values:[]}},outline:{cssNames:["outline-width"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:L},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:i,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:[]}},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:[]}}},D={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")}},P={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},Y=["H","F","A"],S={hover:{className:"_h"},focus:{className:"_f"}};Object.keys(D).forEach(l=>{o[l]=D[l],o[l].isThemeStyle=!0});Object.keys(P).forEach(l=>{o[l]=P[l],o[l].isThemeStyle=!0});const C={w:{...o.width,key:"width"},h:{...o.height,key:"height"},m:{...o.margin,key:"margin"},mx:{...o.marginHorizontal,key:"marginHorizontal"},my:{...o.marginVertical,key:"marginVertical"},mt:{...o.marginTop,key:"marginTop"},mr:{...o.marginRight,key:"marginRight"},mb:{...o.marginBottom,key:"marginBottom"},ml:{...o.marginLeft,key:"marginLeft"},p:{...o.padding,key:"padding"},px:{...o.paddingHorizontal,key:"paddingHorizontal"},py:{...o.paddingVertical,key:"paddingVertical"},pt:{...o.paddingTop,key:"paddingTop"},pr:{...o.paddingRight,key:"paddingRight"},pb:{...o.paddingBottom,key:"paddingBottom"},pl:{...o.paddingLeft,key:"paddingLeft"},b:{...o.border,key:"border"},bx:{...o.borderHorizontal,key:"borderHorizontal"},by:{...o.borderVertical,key:"borderVertical"},bt:{...o.borderTop,key:"borderTop"},br:{...o.borderRight,key:"borderRight"},bb:{...o.borderBottom,key:"borderBottom"},bl:{...o.borderLeft,key:"borderLeft"},jc:{...o.justifyContent,key:"justifyContent"},ai:{...o.alignItems,key:"alignItems"},ac:{...o.alignContent,key:"alignContent"},d:{...o.flexDirection,key:"flexDirection"}},J=Object.keys(o),Q=Object.keys(C);Y.forEach(l=>{J.forEach(u=>{o[`${u}${l}`]={...o[u]},o[`${u}${l}`].pseudoSuffix=l}),Q.forEach(u=>{C[`${u}${l}`]={...C[u],key:`${C[u].key}${l}`},C[`${u}${l}`].pseudoSuffix=l})});class Z{constructor(){this._index=0,this._cache={}}getIdentity(u){return this._cache[u]||(this._cache[u]=this.getByIndex(this._index++)),this._cache[u]}getByIndex(u){const{first:c,next:v}=K,s=u-c.length;if(s<0)return c[u];const n=Math.floor(s/v.length),d=s-n*v.length;return this.getByIndex(n)+v[d]}}const K={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var F;(l=>{l.boxClassName="_box",l.svgClassName="_svg",l.cronoStylesElementId="crono-styles";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;}}
|
|
1
|
+
"use strict";const A=require("react");var e;(a=>{(l=>{function c(s,d){return`${s}${d.replace("/","-")}`}l.fraction=c;function v(s){return[`${s} path`,`${s} circle`,`${s} rect`,`${s} line`]}l.svg=v})(a.ClassName||(a.ClassName={})),(l=>{function c(t,u){return`${u/4}rem`}l.rem=c;function v(t,u){return`${u}px`}l.px=v;function s(t,u){const[r,f]=u.split("/");return`${+r/+f*100}%`}l.fraction=s;function d(t,u){switch(u){case"fit":return"100%";case"fit-screen":return t.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return u}}l.widthHeight=d;function n(t){return(u,r)=>`var(--${t}${r});`}l.variables=n;function p(t){return(u,r)=>`var(--${t}${r});`}l.svgVariables=p;function g(t,u){return`repeat(${u},minmax(0,1fr))`}l.gridColumns=g;function b(t,u){return u==="full-row"?"1/-1":`span ${u}/span ${u}`}l.gridColumn=b;function V(t,u){return`${u}ms`}l.ms=V;function y(t,u){return`${u}deg`}l.rotate=y;function N(t,u){return u==="xAxis"?"-1 1":"1 -1"}l.flip=N})(a.Value||(a.Value={}))})(e||(e={}));const i=[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],X=[-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],m=[...i,...X],L=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],B=["auto","hidden","scroll","visible"],k=["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"],C=["fit","fit-screen","auto","fit-content","max-content","min-content"],_=["auto","flex-start","flex-end","center","baseline","stretch"],o={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]},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:C,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:C,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:C,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:C,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:C,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:C,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},margin:{cssNames:["margin"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginHorizontal:{cssNames:["margin-inline"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginVertical:{cssNames:["margin-block"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginTop:{cssNames:["margin-top"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginRight:{cssNames:["margin-right"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginBottom:{cssNames:["margin-bottom"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginLeft:{cssNames:["margin-left"],values1:{values:m,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},padding:{cssNames:["padding"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingHorizontal:{cssNames:["padding-inline"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingVertical:{cssNames:["padding-block"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingTop:{cssNames:["padding-top"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingRight:{cssNames:["padding-right"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingBottom:{cssNames:["padding-bottom"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingLeft:{cssNames:["padding-left"],values1:{values:m,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},border:{cssNames:["border-width"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderHorizontal:{cssNames:["border-inline-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderVertical:{cssNames:["border-block-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderTop:{cssNames:["border-top-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderRight:{cssNames:["border-right-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderBottom:{cssNames:["border-bottom-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderLeft:{cssNames:["border-left-width"],values1:{values:m,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:L},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:i,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:B},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:B},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:B},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:i,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:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:i,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:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},order:{cssNames:["order"],values1:{values:i},values2:{values:[]},values3:{values:[]}},flexGrow:{cssNames:["flex-grow"],values1:{values:i},values2:{values:[]},values3:{values:[]}},flexShrink:{cssNames:["flex-shrink"],values1:{values:i},values2:{values:[]},values3:{values:[]}},alignSelf:{cssNames:["align-self"],values1:{values:_},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:_},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:i,formatValue:e.Value.gridColumns},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:i,formatValue:e.Value.gridColumn},values2:{values:["full-row"],formatValue:e.Value.gridColumn},values3:{values:[]}},colStart:{cssNames:["grid-column-start"],values1:{values:i},values2:{values:[]},values3:{values:[]}},colEnd:{cssNames:["grid-column-end"],values1:{values:i},values2:{values:[]},values3:{values:[]}},outline:{cssNames:["outline-width"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:L},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:i,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:[]}},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:[]}}},D={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")}},P={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},Y=["H","F","A"],j={hover:{className:"_h"},focus:{className:"_f"}};Object.keys(D).forEach(a=>{o[a]=D[a],o[a].isThemeStyle=!0});Object.keys(P).forEach(a=>{o[a]=P[a],o[a].isThemeStyle=!0});const $={w:{...o.width,key:"width"},h:{...o.height,key:"height"},m:{...o.margin,key:"margin"},mx:{...o.marginHorizontal,key:"marginHorizontal"},my:{...o.marginVertical,key:"marginVertical"},mt:{...o.marginTop,key:"marginTop"},mr:{...o.marginRight,key:"marginRight"},mb:{...o.marginBottom,key:"marginBottom"},ml:{...o.marginLeft,key:"marginLeft"},p:{...o.padding,key:"padding"},px:{...o.paddingHorizontal,key:"paddingHorizontal"},py:{...o.paddingVertical,key:"paddingVertical"},pt:{...o.paddingTop,key:"paddingTop"},pr:{...o.paddingRight,key:"paddingRight"},pb:{...o.paddingBottom,key:"paddingBottom"},pl:{...o.paddingLeft,key:"paddingLeft"},b:{...o.border,key:"border"},bx:{...o.borderHorizontal,key:"borderHorizontal"},by:{...o.borderVertical,key:"borderVertical"},bt:{...o.borderTop,key:"borderTop"},br:{...o.borderRight,key:"borderRight"},bb:{...o.borderBottom,key:"borderBottom"},bl:{...o.borderLeft,key:"borderLeft"},jc:{...o.justifyContent,key:"justifyContent"},ai:{...o.alignItems,key:"alignItems"},ac:{...o.alignContent,key:"alignContent"},d:{...o.flexDirection,key:"flexDirection"}},J=Object.keys(o),Q=Object.keys($);Y.forEach(a=>{J.forEach(l=>{o[`${l}${a}`]={...o[l]},o[`${l}${a}`].pseudoSuffix=a}),Q.forEach(l=>{$[`${l}${a}`]={...$[l],key:`${$[l].key}${a}`},$[`${l}${a}`].pseudoSuffix=a})});class Z{constructor(){this._index=0,this._cache={}}getIdentity(l){return this._cache[l]||(this._cache[l]=this.getByIndex(this._index++)),this._cache[l]}getByIndex(l){const{first:c,next:v}=K,s=l-c.length;if(s<0)return c[l];const d=Math.floor(s/v.length),n=s-d*v.length;return this.getByIndex(d)+v[n]}}const K={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var F;(a=>{a.boxClassName="_box",a.svgClassName="_svg",a.cronoStylesElementId="crono-styles";const l=`: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
|
-
.${
|
|
6
|
-
.${
|
|
7
|
-
`,c=new Z,v=Object.keys(o);let s=!
|
|
8
|
-
`),
|
|
9
|
-
`),
|
|
10
|
-
`),
|
|
5
|
+
.${a.boxClassName}{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
|
+
.${a.svgClassName}{transition: all var(--svgTransitionTime);}.${a.svgClassName} path,.${a.svgClassName} circle,.${a.svgClassName} rect,.${a.svgClassName} line {transition: all var(--svgTransitionTime);}
|
|
7
|
+
`,c=new Z,v=Object.keys(o);let s=!0,d=v.reduce((t,u)=>(t[u]=new Set,t),{});function n(t,u){if(t in o)return b(t,u);if(t in j)return j[t].className}a.get=n;function p(){if(s){let t=V([l]);t=V(t,"H"),t=V(t,"F"),t=V(t,"A");const u=N();u.innerHTML=t.join(""),s=!1}}a.flush=p;function g(){d=v.reduce((t,u)=>(t[u]=new Set,t),{})}a.clear=g;function b(t,u){var h;d[t].has(u)||(s=!0,d[t].add(u));const r=y(t,u),f=((h=r.formatClassName)==null?void 0:h.call(r,t,u))??`${t}${u}`;return c.getIdentity(f)}function V(t,u){return Object.entries(d).filter(([f])=>{var h;return((h=o[f])==null?void 0:h.pseudoSuffix)===u}).reduce((f,[h,M])=>(M.forEach(S=>{var I;const w=y(h,S),x=`.${b(h,S)}`;let T=[];u?u==="H"?T=[...r(`${x}:hover`,w),...r(`.${j.hover.className}:hover>${x}`,w)]:u==="F"?T=[...r(`${x}:focus-within`,w),...r(`.${j.focus.className}:focus-within>${x}`,w)]:u==="A"&&(T=r(`${x}:active`,w)):T=r(x,w);const W=((I=w.formatValue)==null?void 0:I.call(w,h,S))??S,G=o[h].cssNames.map(U=>`${U}:${W};`).join("");f.push(`${T.join(",")}{${G}}`)}),f),t);function r(f,h){return h.formatSelector?h.formatSelector(f):[f]}}function y(t,u){const r=o[t];return r.isThemeStyle?r:r.values1.values.includes(u)?r.values1:r.values2.values.includes(u)?r.values2:r.values3}function N(){const u=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let r=u.getElementById(a.cronoStylesElementId);return r||(r=u.createElement("style"),r.setAttribute("id",a.cronoStylesElementId),r.setAttribute("type","text/css"),u.head.insertBefore(r,u.head.firstChild)),r}})(F||(F={}));const z=F,H={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}}};var O;(a=>{a.Styles=H;function l(n){s(n),a.Styles=n,v()}a.setup=l;function c(n,p){const g=Object.entries(n.colors).map(([f,h])=>`--color${f}: ${h};`).join(`
|
|
8
|
+
`),b=Object.entries(n.shadows).map(([f,h])=>`--shadow${f}: ${h};`).join(`
|
|
9
|
+
`),V=Object.entries(n.backgrounds).map(([f,h])=>`--background${f}: ${h};`).join(`
|
|
10
|
+
`),y=[":root {"];g&&y.push(` ${g}`),b&&y.push(` ${b}`),V&&y.push(` ${V}`),y.push("}");const N=Object.keys(n.colors).map(f=>`'${f}'`).join(" | "),t=Object.keys(n.backgrounds).map(f=>`'${f}'`).join(" | "),u=Object.keys(n.shadows).map(f=>`'${f}'`).join(" | "),r=`import '@cronocode/react-box';
|
|
11
11
|
|
|
12
|
-
declare module '${(
|
|
13
|
-
type ColorType = ${
|
|
14
|
-
type BackgroundType = ${
|
|
15
|
-
type ShadowType = ${
|
|
12
|
+
declare module '${(p==null?void 0:p.namespacePath)??"@cronocode/react-box/core/types"}' {
|
|
13
|
+
type ColorType = ${N};
|
|
14
|
+
type BackgroundType = ${t};
|
|
15
|
+
type ShadowType = ${u};
|
|
16
16
|
|
|
17
17
|
namespace Augmented {
|
|
18
18
|
interface BoxProps {
|
|
@@ -54,5 +54,5 @@ a,ul{all: unset;}
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
`;return{variables:
|
|
58
|
-
`),boxDts:
|
|
57
|
+
`;return{variables:y.join(`
|
|
58
|
+
`),boxDts:r}}a.setupAugmentedProps=c;function v(){s(H),Object.keys(H).forEach(p=>{const g=a.Styles[p],b=H[p];g?(g.styles={...b.styles,...g.styles},g.disabled&&b.disabled&&(g.disabled={...b.disabled,...g.disabled})):a.Styles[p]=H[p]})}function s(n){if(!n.components)return;const p=Object.keys(n.components);for(const g of p){const b=n.components[g],V=d(g,b);delete b.children;for(const y of V){const[N,t]=y;n.components[N]=t}}}function d(n,p){if(!p.children)return[];const g=Object.keys(p.children),b=[];for(const V of g){const y=`${n}.${V}`,N=p.children[V],t=d(y,N);b.push(...t),delete N.children,b.push([y,N])}return b}})(O||(O={}));const R=O;function ee(a){const{clean:l,disabled:c,theme:v,component:s}=a;return A.useMemo(()=>{var p,g,b;if(l)return;let d=R.Styles[s]??((p=R.Styles.components)==null?void 0:p[s]);if(!d)return;let n=v?{...d.styles,...(g=d.themes)==null?void 0:g[v].styles}:d.styles;return c?v?{...n,...d.disabled,...(b=d.themes)==null?void 0:b[v].disabled}:{...n,...d.disabled}:n},[s,l,c,v])}const se=typeof window<"u"&&typeof window.document<"u",ae=se?A.useLayoutEffect:A.useEffect;function le(a,l){const c=ee(a);return ae(z.flush,[a]),A.useMemo(()=>{const v=[l?z.svgClassName:z.boxClassName],s=c?{...E(c),...E(a)}:E(a);return"inline"in s&&(s.display==="block"||!s.display?s.display="inline-block":s.display==="flex"?s.display="inline-flex":s.display==="grid"&&(s.display="inline-grid"),delete s.inline),"inlineH"in s&&(s.displayH==="block"||!s.displayH?s.displayH="inline-block":s.displayH==="flex"?s.displayH="inline-flex":s.displayH==="grid"&&(s.displayH="inline-grid"),delete s.inlineH),"inlineF"in s&&(s.displayF==="block"||!s.displayF?s.displayF="inline-block":s.displayF==="flex"?s.displayF="inline-flex":s.displayF==="grid"&&(s.displayF="inline-grid"),delete s.inlineF),"inlineA"in s&&(s.displayA==="block"||!s.displayA?s.displayA="inline-block":s.displayA==="flex"?s.displayA="inline-flex":s.displayA==="grid"&&(s.displayA="inline-grid"),delete s.inlineA),Object.entries(s).forEach(([d,n])=>{v.push(z.get(d,n))}),v},[a,c])}function E(a){const l={...a};return Object.keys(l).forEach(v=>{const s=$[v];s&&(s.key in l||(l[s.key]=l[v]),delete l[v])}),l}function q(...a){return a.reduce((l,c)=>c?typeof c=="string"?(l.push(c),l):Array.isArray(c)?(l.push(...q(...c)),l):(Object.entries(c).forEach(([v,s])=>{s&&l.push(v)}),l):l,[])}exports.StylesContext=z;exports.Theme=R;exports.classNames=q;exports.useStyles=le;
|
package/core.mjs
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
1
|
import { useMemo as P, useLayoutEffect as U, useEffect as X } from "react";
|
|
2
2
|
var e;
|
|
3
|
-
((
|
|
4
|
-
((
|
|
5
|
-
function c(s,
|
|
6
|
-
return `${s}${
|
|
3
|
+
((a) => {
|
|
4
|
+
((l) => {
|
|
5
|
+
function c(s, d) {
|
|
6
|
+
return `${s}${d.replace("/", "-")}`;
|
|
7
7
|
}
|
|
8
|
-
|
|
8
|
+
l.fraction = c;
|
|
9
9
|
function v(s) {
|
|
10
10
|
return [`${s} path`, `${s} circle`, `${s} rect`, `${s} line`];
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
})(
|
|
14
|
-
function c(t,
|
|
15
|
-
return `${
|
|
12
|
+
l.svg = v;
|
|
13
|
+
})(a.ClassName || (a.ClassName = {})), ((l) => {
|
|
14
|
+
function c(t, u) {
|
|
15
|
+
return `${u / 4}rem`;
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
function v(t,
|
|
19
|
-
return `${
|
|
17
|
+
l.rem = c;
|
|
18
|
+
function v(t, u) {
|
|
19
|
+
return `${u}px`;
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
function s(t,
|
|
23
|
-
const [r,
|
|
24
|
-
return `${+r / +
|
|
21
|
+
l.px = v;
|
|
22
|
+
function s(t, u) {
|
|
23
|
+
const [r, f] = u.split("/");
|
|
24
|
+
return `${+r / +f * 100}%`;
|
|
25
25
|
}
|
|
26
|
-
|
|
27
|
-
function
|
|
28
|
-
switch (
|
|
26
|
+
l.fraction = s;
|
|
27
|
+
function d(t, u) {
|
|
28
|
+
switch (u) {
|
|
29
29
|
case "fit":
|
|
30
30
|
return "100%";
|
|
31
31
|
case "fit-screen":
|
|
32
32
|
return t.toLocaleLowerCase().includes("height") ? "100vh" : "100vw";
|
|
33
33
|
default:
|
|
34
|
-
return
|
|
34
|
+
return u;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
return (
|
|
37
|
+
l.widthHeight = d;
|
|
38
|
+
function n(t) {
|
|
39
|
+
return (u, r) => `var(--${t}${r});`;
|
|
40
40
|
}
|
|
41
|
-
|
|
42
|
-
function
|
|
43
|
-
return (
|
|
41
|
+
l.variables = n;
|
|
42
|
+
function p(t) {
|
|
43
|
+
return (u, r) => `var(--${t}${r});`;
|
|
44
44
|
}
|
|
45
|
-
|
|
46
|
-
function
|
|
47
|
-
return `repeat(${
|
|
45
|
+
l.svgVariables = p;
|
|
46
|
+
function g(t, u) {
|
|
47
|
+
return `repeat(${u},minmax(0,1fr))`;
|
|
48
48
|
}
|
|
49
|
-
|
|
50
|
-
function
|
|
51
|
-
return
|
|
49
|
+
l.gridColumns = g;
|
|
50
|
+
function b(t, u) {
|
|
51
|
+
return u === "full-row" ? "1/-1" : `span ${u}/span ${u}`;
|
|
52
52
|
}
|
|
53
|
-
|
|
54
|
-
function V(t,
|
|
55
|
-
return `${
|
|
53
|
+
l.gridColumn = b;
|
|
54
|
+
function V(t, u) {
|
|
55
|
+
return `${u}ms`;
|
|
56
56
|
}
|
|
57
|
-
|
|
58
|
-
function
|
|
59
|
-
return `${
|
|
57
|
+
l.ms = V;
|
|
58
|
+
function y(t, u) {
|
|
59
|
+
return `${u}deg`;
|
|
60
60
|
}
|
|
61
|
-
|
|
62
|
-
function
|
|
63
|
-
return
|
|
61
|
+
l.rotate = y;
|
|
62
|
+
function N(t, u) {
|
|
63
|
+
return u === "xAxis" ? "-1 1" : "1 -1";
|
|
64
64
|
}
|
|
65
|
-
|
|
66
|
-
})(
|
|
65
|
+
l.flip = N;
|
|
66
|
+
})(a.Value || (a.Value = {}));
|
|
67
67
|
})(e || (e = {}));
|
|
68
68
|
const i = [
|
|
69
69
|
0,
|
|
@@ -163,7 +163,7 @@ const i = [
|
|
|
163
163
|
-92,
|
|
164
164
|
-96,
|
|
165
165
|
-100
|
|
166
|
-
], m = [...i, ...Y], R = ["solid", "dashed", "dotted", "double", "groove", "ridge", "inset", "outset", "none", "hidden"], A = ["auto", "hidden", "scroll", "visible"],
|
|
166
|
+
], m = [...i, ...Y], R = ["solid", "dashed", "dotted", "double", "groove", "ridge", "inset", "outset", "none", "hidden"], A = ["auto", "hidden", "scroll", "visible"], k = [
|
|
167
167
|
"1/2",
|
|
168
168
|
"1/3",
|
|
169
169
|
"2/3",
|
|
@@ -190,7 +190,7 @@ const i = [
|
|
|
190
190
|
"9/12",
|
|
191
191
|
"10/12",
|
|
192
192
|
"11/12"
|
|
193
|
-
],
|
|
193
|
+
], C = ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"], I = ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"], o = {
|
|
194
194
|
/** The `display` CSS property sets whether an element is treated as a block or inline box and the layout used for its children, such as flow layout, grid or flex. */
|
|
195
195
|
display: {
|
|
196
196
|
cssNames: ["display"],
|
|
@@ -214,60 +214,60 @@ const i = [
|
|
|
214
214
|
},
|
|
215
215
|
width: {
|
|
216
216
|
cssNames: ["width"],
|
|
217
|
-
values1: { values:
|
|
217
|
+
values1: { values: C, formatValue: e.Value.widthHeight },
|
|
218
218
|
values2: { values: i, formatValue: e.Value.rem },
|
|
219
219
|
values3: {
|
|
220
|
-
values:
|
|
220
|
+
values: k,
|
|
221
221
|
formatValue: e.Value.fraction
|
|
222
222
|
// formatClassName: BoxStylesFormatters.ClassName.fraction,
|
|
223
223
|
}
|
|
224
224
|
},
|
|
225
225
|
minWidth: {
|
|
226
226
|
cssNames: ["min-width"],
|
|
227
|
-
values1: { values:
|
|
227
|
+
values1: { values: C, formatValue: e.Value.widthHeight },
|
|
228
228
|
values2: { values: i, formatValue: e.Value.rem },
|
|
229
229
|
values3: {
|
|
230
|
-
values:
|
|
230
|
+
values: k,
|
|
231
231
|
formatValue: e.Value.fraction
|
|
232
232
|
// formatClassName: BoxStylesFormatters.ClassName.fraction,
|
|
233
233
|
}
|
|
234
234
|
},
|
|
235
235
|
maxWidth: {
|
|
236
236
|
cssNames: ["max-width"],
|
|
237
|
-
values1: { values:
|
|
237
|
+
values1: { values: C, formatValue: e.Value.widthHeight },
|
|
238
238
|
values2: { values: i, formatValue: e.Value.rem },
|
|
239
239
|
values3: {
|
|
240
|
-
values:
|
|
240
|
+
values: k,
|
|
241
241
|
formatValue: e.Value.fraction
|
|
242
242
|
// formatClassName: BoxStylesFormatters.ClassName.fraction,
|
|
243
243
|
}
|
|
244
244
|
},
|
|
245
245
|
height: {
|
|
246
246
|
cssNames: ["height"],
|
|
247
|
-
values1: { values:
|
|
247
|
+
values1: { values: C, formatValue: e.Value.widthHeight },
|
|
248
248
|
values2: { values: i, formatValue: e.Value.rem },
|
|
249
249
|
values3: {
|
|
250
|
-
values:
|
|
250
|
+
values: k,
|
|
251
251
|
formatValue: e.Value.fraction
|
|
252
252
|
// formatClassName: BoxStylesFormatters.ClassName.fraction,
|
|
253
253
|
}
|
|
254
254
|
},
|
|
255
255
|
minHeight: {
|
|
256
256
|
cssNames: ["min-height"],
|
|
257
|
-
values1: { values:
|
|
257
|
+
values1: { values: C, formatValue: e.Value.widthHeight },
|
|
258
258
|
values2: { values: i, formatValue: e.Value.rem },
|
|
259
259
|
values3: {
|
|
260
|
-
values:
|
|
260
|
+
values: k,
|
|
261
261
|
formatValue: e.Value.fraction
|
|
262
262
|
// formatClassName: BoxStylesFormatters.ClassName.fraction,
|
|
263
263
|
}
|
|
264
264
|
},
|
|
265
265
|
maxHeight: {
|
|
266
266
|
cssNames: ["max-height"],
|
|
267
|
-
values1: { values:
|
|
267
|
+
values1: { values: C, formatValue: e.Value.widthHeight },
|
|
268
268
|
values2: { values: i, formatValue: e.Value.rem },
|
|
269
269
|
values3: {
|
|
270
|
-
values:
|
|
270
|
+
values: k,
|
|
271
271
|
formatValue: e.Value.fraction
|
|
272
272
|
// formatClassName: BoxStylesFormatters.ClassName.fraction,
|
|
273
273
|
}
|
|
@@ -849,17 +849,17 @@ const i = [
|
|
|
849
849
|
formatValue: e.Value.svgVariables("color"),
|
|
850
850
|
formatSelector: e.ClassName.svg
|
|
851
851
|
}
|
|
852
|
-
}, J = ["H", "F", "A"],
|
|
852
|
+
}, J = ["H", "F", "A"], S = {
|
|
853
853
|
hover: { className: "_h" },
|
|
854
854
|
focus: { className: "_f" }
|
|
855
855
|
};
|
|
856
|
-
Object.keys(L).forEach((
|
|
857
|
-
o[
|
|
856
|
+
Object.keys(L).forEach((a) => {
|
|
857
|
+
o[a] = L[a], o[a].isThemeStyle = !0;
|
|
858
858
|
});
|
|
859
|
-
Object.keys(_).forEach((
|
|
860
|
-
o[
|
|
859
|
+
Object.keys(_).forEach((a) => {
|
|
860
|
+
o[a] = _[a], o[a].isThemeStyle = !0;
|
|
861
861
|
});
|
|
862
|
-
const
|
|
862
|
+
const T = {
|
|
863
863
|
w: { ...o.width, key: "width" },
|
|
864
864
|
h: { ...o.height, key: "height" },
|
|
865
865
|
m: { ...o.margin, key: "margin" },
|
|
@@ -887,27 +887,27 @@ const C = {
|
|
|
887
887
|
ai: { ...o.alignItems, key: "alignItems" },
|
|
888
888
|
ac: { ...o.alignContent, key: "alignContent" },
|
|
889
889
|
d: { ...o.flexDirection, key: "flexDirection" }
|
|
890
|
-
}, Q = Object.keys(o), Z = Object.keys(
|
|
891
|
-
J.forEach((
|
|
892
|
-
Q.forEach((
|
|
893
|
-
o[`${
|
|
894
|
-
}), Z.forEach((
|
|
895
|
-
|
|
890
|
+
}, Q = Object.keys(o), Z = Object.keys(T);
|
|
891
|
+
J.forEach((a) => {
|
|
892
|
+
Q.forEach((l) => {
|
|
893
|
+
o[`${l}${a}`] = { ...o[l] }, o[`${l}${a}`].pseudoSuffix = a;
|
|
894
|
+
}), Z.forEach((l) => {
|
|
895
|
+
T[`${l}${a}`] = { ...T[l], key: `${T[l].key}${a}` }, T[`${l}${a}`].pseudoSuffix = a;
|
|
896
896
|
});
|
|
897
897
|
});
|
|
898
898
|
class K {
|
|
899
899
|
constructor() {
|
|
900
900
|
this._index = 0, this._cache = {};
|
|
901
901
|
}
|
|
902
|
-
getIdentity(
|
|
903
|
-
return this._cache[
|
|
902
|
+
getIdentity(l) {
|
|
903
|
+
return this._cache[l] || (this._cache[l] = this.getByIndex(this._index++)), this._cache[l];
|
|
904
904
|
}
|
|
905
|
-
getByIndex(
|
|
906
|
-
const { first: c, next: v } = ee, s =
|
|
905
|
+
getByIndex(l) {
|
|
906
|
+
const { first: c, next: v } = ee, s = l - c.length;
|
|
907
907
|
if (s < 0)
|
|
908
|
-
return c[
|
|
909
|
-
const
|
|
910
|
-
return this.getByIndex(
|
|
908
|
+
return c[l];
|
|
909
|
+
const d = Math.floor(s / v.length), n = s - d * v.length;
|
|
910
|
+
return this.getByIndex(d) + v[n];
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
913
|
const ee = {
|
|
@@ -915,82 +915,81 @@ const ee = {
|
|
|
915
915
|
next: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
|
|
916
916
|
};
|
|
917
917
|
var E;
|
|
918
|
-
((
|
|
919
|
-
|
|
920
|
-
const
|
|
918
|
+
((a) => {
|
|
919
|
+
a.boxClassName = "_box", a.svgClassName = "_svg", a.cronoStylesElementId = "crono-styles";
|
|
920
|
+
const l = `: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;}}
|
|
921
921
|
html{font-size: 16px;font-family: Arial, sans-serif;}
|
|
922
922
|
body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
|
|
923
923
|
a,ul{all: unset;}
|
|
924
|
-
.${
|
|
925
|
-
.${
|
|
924
|
+
.${a.boxClassName}{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
|
+
.${a.svgClassName}{transition: all var(--svgTransitionTime);}.${a.svgClassName} path,.${a.svgClassName} circle,.${a.svgClassName} rect,.${a.svgClassName} line {transition: all var(--svgTransitionTime);}
|
|
926
926
|
`, c = new K(), v = Object.keys(o);
|
|
927
|
-
let s = !
|
|
928
|
-
(t,
|
|
927
|
+
let s = !0, d = v.reduce(
|
|
928
|
+
(t, u) => (t[u] = /* @__PURE__ */ new Set(), t),
|
|
929
929
|
{}
|
|
930
930
|
);
|
|
931
|
-
function
|
|
931
|
+
function n(t, u) {
|
|
932
932
|
if (t in o)
|
|
933
|
-
return
|
|
934
|
-
if (t in
|
|
935
|
-
return
|
|
933
|
+
return b(t, u);
|
|
934
|
+
if (t in S)
|
|
935
|
+
return S[t].className;
|
|
936
936
|
}
|
|
937
|
-
|
|
938
|
-
function
|
|
937
|
+
a.get = n;
|
|
938
|
+
function p() {
|
|
939
939
|
if (s) {
|
|
940
|
-
|
|
941
|
-
let t = V([u]);
|
|
940
|
+
let t = V([l]);
|
|
942
941
|
t = V(t, "H"), t = V(t, "F"), t = V(t, "A");
|
|
943
|
-
const
|
|
944
|
-
|
|
942
|
+
const u = N();
|
|
943
|
+
u.innerHTML = t.join(""), s = !1;
|
|
945
944
|
}
|
|
946
945
|
}
|
|
947
|
-
|
|
948
|
-
function
|
|
949
|
-
|
|
950
|
-
(t,
|
|
946
|
+
a.flush = p;
|
|
947
|
+
function g() {
|
|
948
|
+
d = v.reduce(
|
|
949
|
+
(t, u) => (t[u] = /* @__PURE__ */ new Set(), t),
|
|
951
950
|
{}
|
|
952
951
|
);
|
|
953
952
|
}
|
|
954
|
-
|
|
955
|
-
function
|
|
956
|
-
var
|
|
957
|
-
|
|
958
|
-
const r =
|
|
959
|
-
return c.getIdentity(
|
|
953
|
+
a.clear = g;
|
|
954
|
+
function b(t, u) {
|
|
955
|
+
var h;
|
|
956
|
+
d[t].has(u) || (s = !0, d[t].add(u));
|
|
957
|
+
const r = y(t, u), f = ((h = r.formatClassName) == null ? void 0 : h.call(r, t, u)) ?? `${t}${u}`;
|
|
958
|
+
return c.getIdentity(f);
|
|
960
959
|
}
|
|
961
|
-
function V(t,
|
|
962
|
-
return Object.entries(
|
|
963
|
-
var
|
|
964
|
-
return ((
|
|
965
|
-
}).reduce((
|
|
960
|
+
function V(t, u) {
|
|
961
|
+
return Object.entries(d).filter(([f]) => {
|
|
962
|
+
var h;
|
|
963
|
+
return ((h = o[f]) == null ? void 0 : h.pseudoSuffix) === u;
|
|
964
|
+
}).reduce((f, [h, W]) => (W.forEach((z) => {
|
|
966
965
|
var O;
|
|
967
|
-
const
|
|
966
|
+
const w = y(h, z), x = `.${b(h, z)}`;
|
|
968
967
|
let $ = [];
|
|
969
|
-
|
|
970
|
-
...r(`${
|
|
971
|
-
...r(`.${
|
|
972
|
-
] :
|
|
973
|
-
...r(`${
|
|
974
|
-
...r(`.${
|
|
975
|
-
] :
|
|
976
|
-
const G = ((O =
|
|
977
|
-
|
|
978
|
-
}),
|
|
979
|
-
function r(
|
|
980
|
-
return
|
|
968
|
+
u ? u === "H" ? $ = [
|
|
969
|
+
...r(`${x}:hover`, w),
|
|
970
|
+
...r(`.${S.hover.className}:hover>${x}`, w)
|
|
971
|
+
] : u === "F" ? $ = [
|
|
972
|
+
...r(`${x}:focus-within`, w),
|
|
973
|
+
...r(`.${S.focus.className}:focus-within>${x}`, w)
|
|
974
|
+
] : u === "A" && ($ = r(`${x}:active`, w)) : $ = r(x, w);
|
|
975
|
+
const G = ((O = w.formatValue) == null ? void 0 : O.call(w, h, z)) ?? z, M = o[h].cssNames.map((q) => `${q}:${G};`).join("");
|
|
976
|
+
f.push(`${$.join(",")}{${M}}`);
|
|
977
|
+
}), f), t);
|
|
978
|
+
function r(f, h) {
|
|
979
|
+
return h.formatSelector ? h.formatSelector(f) : [f];
|
|
981
980
|
}
|
|
982
981
|
}
|
|
983
|
-
function
|
|
982
|
+
function y(t, u) {
|
|
984
983
|
const r = o[t];
|
|
985
|
-
return r.isThemeStyle ? r : r.values1.values.includes(
|
|
984
|
+
return r.isThemeStyle ? r : r.values1.values.includes(u) ? r.values1 : r.values2.values.includes(u) ? r.values2 : r.values3;
|
|
986
985
|
}
|
|
987
|
-
function
|
|
988
|
-
const
|
|
989
|
-
let r =
|
|
990
|
-
return r || (r =
|
|
986
|
+
function N() {
|
|
987
|
+
const u = typeof window < "u" && typeof window.document < "u" ? window.document : global.document;
|
|
988
|
+
let r = u.getElementById(a.cronoStylesElementId);
|
|
989
|
+
return r || (r = u.createElement("style"), r.setAttribute("id", a.cronoStylesElementId), r.setAttribute("type", "text/css"), u.head.insertBefore(r, u.head.firstChild)), r;
|
|
991
990
|
}
|
|
992
991
|
})(E || (E = {}));
|
|
993
|
-
const
|
|
992
|
+
const j = E, H = {
|
|
994
993
|
button: {
|
|
995
994
|
styles: {
|
|
996
995
|
display: "inline-block",
|
|
@@ -1034,24 +1033,24 @@ const S = E, j = {
|
|
|
1034
1033
|
}
|
|
1035
1034
|
};
|
|
1036
1035
|
var F;
|
|
1037
|
-
((
|
|
1038
|
-
|
|
1039
|
-
function
|
|
1040
|
-
|
|
1036
|
+
((a) => {
|
|
1037
|
+
a.Styles = H;
|
|
1038
|
+
function l(n) {
|
|
1039
|
+
s(n), a.Styles = n, v();
|
|
1041
1040
|
}
|
|
1042
|
-
|
|
1043
|
-
function c(
|
|
1044
|
-
const
|
|
1045
|
-
`),
|
|
1046
|
-
`),
|
|
1047
|
-
`),
|
|
1048
|
-
|
|
1049
|
-
const
|
|
1041
|
+
a.setup = l;
|
|
1042
|
+
function c(n, p) {
|
|
1043
|
+
const g = Object.entries(n.colors).map(([f, h]) => `--color${f}: ${h};`).join(`
|
|
1044
|
+
`), b = Object.entries(n.shadows).map(([f, h]) => `--shadow${f}: ${h};`).join(`
|
|
1045
|
+
`), V = Object.entries(n.backgrounds).map(([f, h]) => `--background${f}: ${h};`).join(`
|
|
1046
|
+
`), y = [":root {"];
|
|
1047
|
+
g && y.push(` ${g}`), b && y.push(` ${b}`), V && y.push(` ${V}`), y.push("}");
|
|
1048
|
+
const N = Object.keys(n.colors).map((f) => `'${f}'`).join(" | "), t = Object.keys(n.backgrounds).map((f) => `'${f}'`).join(" | "), u = Object.keys(n.shadows).map((f) => `'${f}'`).join(" | "), r = `import '@cronocode/react-box';
|
|
1050
1049
|
|
|
1051
|
-
declare module '${(
|
|
1052
|
-
type ColorType = ${
|
|
1053
|
-
type BackgroundType = ${
|
|
1054
|
-
type ShadowType = ${
|
|
1050
|
+
declare module '${(p == null ? void 0 : p.namespacePath) ?? "@cronocode/react-box/core/types"}' {
|
|
1051
|
+
type ColorType = ${N};
|
|
1052
|
+
type BackgroundType = ${t};
|
|
1053
|
+
type ShadowType = ${u};
|
|
1055
1054
|
|
|
1056
1055
|
namespace Augmented {
|
|
1057
1056
|
interface BoxProps {
|
|
@@ -1095,57 +1094,80 @@ var F;
|
|
|
1095
1094
|
}
|
|
1096
1095
|
`;
|
|
1097
1096
|
return {
|
|
1098
|
-
variables:
|
|
1097
|
+
variables: y.join(`
|
|
1099
1098
|
`),
|
|
1100
|
-
boxDts:
|
|
1099
|
+
boxDts: r
|
|
1101
1100
|
};
|
|
1102
1101
|
}
|
|
1103
|
-
|
|
1102
|
+
a.setupAugmentedProps = c;
|
|
1104
1103
|
function v() {
|
|
1105
|
-
Object.keys(
|
|
1106
|
-
const
|
|
1107
|
-
|
|
1104
|
+
s(H), Object.keys(H).forEach((p) => {
|
|
1105
|
+
const g = a.Styles[p], b = H[p];
|
|
1106
|
+
g ? (g.styles = { ...b.styles, ...g.styles }, g.disabled && b.disabled && (g.disabled = { ...b.disabled, ...g.disabled })) : a.Styles[p] = H[p];
|
|
1108
1107
|
});
|
|
1109
1108
|
}
|
|
1109
|
+
function s(n) {
|
|
1110
|
+
if (!n.components)
|
|
1111
|
+
return;
|
|
1112
|
+
const p = Object.keys(n.components);
|
|
1113
|
+
for (const g of p) {
|
|
1114
|
+
const b = n.components[g], V = d(g, b);
|
|
1115
|
+
delete b.children;
|
|
1116
|
+
for (const y of V) {
|
|
1117
|
+
const [N, t] = y;
|
|
1118
|
+
n.components[N] = t;
|
|
1119
|
+
}
|
|
1120
|
+
}
|
|
1121
|
+
}
|
|
1122
|
+
function d(n, p) {
|
|
1123
|
+
if (!p.children)
|
|
1124
|
+
return [];
|
|
1125
|
+
const g = Object.keys(p.children), b = [];
|
|
1126
|
+
for (const V of g) {
|
|
1127
|
+
const y = `${n}.${V}`, N = p.children[V], t = d(y, N);
|
|
1128
|
+
b.push(...t), delete N.children, b.push([y, N]);
|
|
1129
|
+
}
|
|
1130
|
+
return b;
|
|
1131
|
+
}
|
|
1110
1132
|
})(F || (F = {}));
|
|
1111
1133
|
const D = F;
|
|
1112
|
-
function se(
|
|
1113
|
-
const { clean:
|
|
1134
|
+
function se(a) {
|
|
1135
|
+
const { clean: l, disabled: c, theme: v, component: s } = a;
|
|
1114
1136
|
return P(() => {
|
|
1115
|
-
var
|
|
1116
|
-
if (
|
|
1137
|
+
var p, g, b;
|
|
1138
|
+
if (l)
|
|
1117
1139
|
return;
|
|
1118
|
-
let
|
|
1119
|
-
if (!
|
|
1140
|
+
let d = D.Styles[s] ?? ((p = D.Styles.components) == null ? void 0 : p[s]);
|
|
1141
|
+
if (!d)
|
|
1120
1142
|
return;
|
|
1121
|
-
let
|
|
1122
|
-
return c ? v ? { ...
|
|
1123
|
-
}, [s,
|
|
1143
|
+
let n = v ? { ...d.styles, ...(g = d.themes) == null ? void 0 : g[v].styles } : d.styles;
|
|
1144
|
+
return c ? v ? { ...n, ...d.disabled, ...(b = d.themes) == null ? void 0 : b[v].disabled } : { ...n, ...d.disabled } : n;
|
|
1145
|
+
}, [s, l, c, v]);
|
|
1124
1146
|
}
|
|
1125
1147
|
const ae = typeof window < "u" && typeof window.document < "u", le = ae ? U : X;
|
|
1126
|
-
function re(
|
|
1127
|
-
const c = se(
|
|
1128
|
-
return le(
|
|
1129
|
-
const v = [
|
|
1130
|
-
return "inline" in s && (s.display === "block" || !s.display ? s.display = "inline-block" : s.display === "flex" ? s.display = "inline-flex" : s.display === "grid" && (s.display = "inline-grid"), delete s.inline), "inlineH" in s && (s.displayH === "block" || !s.displayH ? s.displayH = "inline-block" : s.displayH === "flex" ? s.displayH = "inline-flex" : s.displayH === "grid" && (s.displayH = "inline-grid"), delete s.inlineH), "inlineF" in s && (s.displayF === "block" || !s.displayF ? s.displayF = "inline-block" : s.displayF === "flex" ? s.displayF = "inline-flex" : s.displayF === "grid" && (s.displayF = "inline-grid"), delete s.inlineF), "inlineA" in s && (s.displayA === "block" || !s.displayA ? s.displayA = "inline-block" : s.displayA === "flex" ? s.displayA = "inline-flex" : s.displayA === "grid" && (s.displayA = "inline-grid"), delete s.inlineA), Object.entries(s).forEach(([
|
|
1131
|
-
v.push(
|
|
1148
|
+
function re(a, l) {
|
|
1149
|
+
const c = se(a);
|
|
1150
|
+
return le(j.flush, [a]), P(() => {
|
|
1151
|
+
const v = [l ? j.svgClassName : j.boxClassName], s = c ? { ...B(c), ...B(a) } : B(a);
|
|
1152
|
+
return "inline" in s && (s.display === "block" || !s.display ? s.display = "inline-block" : s.display === "flex" ? s.display = "inline-flex" : s.display === "grid" && (s.display = "inline-grid"), delete s.inline), "inlineH" in s && (s.displayH === "block" || !s.displayH ? s.displayH = "inline-block" : s.displayH === "flex" ? s.displayH = "inline-flex" : s.displayH === "grid" && (s.displayH = "inline-grid"), delete s.inlineH), "inlineF" in s && (s.displayF === "block" || !s.displayF ? s.displayF = "inline-block" : s.displayF === "flex" ? s.displayF = "inline-flex" : s.displayF === "grid" && (s.displayF = "inline-grid"), delete s.inlineF), "inlineA" in s && (s.displayA === "block" || !s.displayA ? s.displayA = "inline-block" : s.displayA === "flex" ? s.displayA = "inline-flex" : s.displayA === "grid" && (s.displayA = "inline-grid"), delete s.inlineA), Object.entries(s).forEach(([d, n]) => {
|
|
1153
|
+
v.push(j.get(d, n));
|
|
1132
1154
|
}), v;
|
|
1133
|
-
}, [
|
|
1155
|
+
}, [a, c]);
|
|
1134
1156
|
}
|
|
1135
|
-
function B(
|
|
1136
|
-
const
|
|
1137
|
-
return Object.keys(
|
|
1138
|
-
const s =
|
|
1139
|
-
s && (s.key in
|
|
1140
|
-
}),
|
|
1157
|
+
function B(a) {
|
|
1158
|
+
const l = { ...a };
|
|
1159
|
+
return Object.keys(l).forEach((v) => {
|
|
1160
|
+
const s = T[v];
|
|
1161
|
+
s && (s.key in l || (l[s.key] = l[v]), delete l[v]);
|
|
1162
|
+
}), l;
|
|
1141
1163
|
}
|
|
1142
|
-
function ue(...
|
|
1143
|
-
return
|
|
1144
|
-
s &&
|
|
1145
|
-
}),
|
|
1164
|
+
function ue(...a) {
|
|
1165
|
+
return a.reduce((l, c) => c ? typeof c == "string" ? (l.push(c), l) : Array.isArray(c) ? (l.push(...ue(...c)), l) : (Object.entries(c).forEach(([v, s]) => {
|
|
1166
|
+
s && l.push(v);
|
|
1167
|
+
}), l) : l, []);
|
|
1146
1168
|
}
|
|
1147
1169
|
export {
|
|
1148
|
-
S,
|
|
1170
|
+
j as S,
|
|
1149
1171
|
D as T,
|
|
1150
1172
|
ue as c,
|
|
1151
1173
|
re as u
|