@cronocode/react-box 1.8.2 → 1.8.3
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/components/textarea.d.ts +0 -1
- package/core/boxStyles.d.ts +1 -1
- package/core/types.d.ts +4 -2
- package/core.cjs +9 -9
- package/core.mjs +60 -54
- package/package.json +1 -1
package/components/textarea.d.ts
CHANGED
|
@@ -11,7 +11,6 @@ interface Props extends Omit<BoxProps, 'props'> {
|
|
|
11
11
|
onInput?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
12
12
|
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
13
13
|
placeholder?: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
14
|
value?: string;
|
|
16
15
|
defaultValue?: string;
|
|
17
16
|
rows?: number;
|
package/core/boxStyles.d.ts
CHANGED
|
@@ -1215,7 +1215,7 @@ export declare const svgThemeStyles: {
|
|
|
1215
1215
|
formatSelector: typeof BoxStylesFormatters.ClassName.svg;
|
|
1216
1216
|
};
|
|
1217
1217
|
};
|
|
1218
|
-
export declare const pseudoClassSuffixes: readonly ["H", "F", "A"
|
|
1218
|
+
export declare const pseudoClassSuffixes: readonly ["H", "F", "A"];
|
|
1219
1219
|
export declare const pseudoClassSuffixesExtended: readonly ["H", "F", "A", "Checked", "Indeterminate", "Valid", "Invalid", "Required", "Optional", "Disabled"];
|
|
1220
1220
|
export type PseudoClassSuffix = (typeof pseudoClassSuffixes)[number];
|
|
1221
1221
|
export type PseudoClassSuffixExtended = (typeof pseudoClassSuffixesExtended)[number];
|
package/core/types.d.ts
CHANGED
|
@@ -23,9 +23,11 @@ interface BoxPseudoClasses {
|
|
|
23
23
|
interface BoxPseudoClasses2 {
|
|
24
24
|
disabled?: boolean | [boolean, BoxNormalStyles];
|
|
25
25
|
}
|
|
26
|
-
type BoxPseudoClassStyles = PseudoClass<BoxNormalStyles, 'H'> & PseudoClass<BoxNormalStyles, 'F'> & PseudoClass<BoxNormalStyles, 'A'
|
|
26
|
+
type BoxPseudoClassStyles = PseudoClass<BoxNormalStyles, 'H'> & PseudoClass<BoxNormalStyles, 'F'> & PseudoClass<BoxNormalStyles, 'A'>;
|
|
27
27
|
interface BoxThemePseudoClassProps {
|
|
28
28
|
disabled?: BoxNormalStyles;
|
|
29
|
+
indeterminate?: BoxNormalStyles;
|
|
30
|
+
checked?: BoxNormalStyles;
|
|
29
31
|
}
|
|
30
32
|
export type BoxThemeProps = BoxNormalStyles & BoxThemePseudoClassProps & BoxPseudoClassStyles;
|
|
31
33
|
export type BoxStyleProps = BoxNormalStyles & BoxPseudoClasses & BoxPseudoClasses2 & BoxPseudoClassStyles & ThemeComponentProps;
|
|
@@ -34,5 +36,5 @@ interface SvgNormalStyles {
|
|
|
34
36
|
flip?: BoxNormalStyles['flip'];
|
|
35
37
|
transitionDuration?: BoxNormalStyles['transitionDuration'];
|
|
36
38
|
}
|
|
37
|
-
export type BoxSvgStyles = SvgNormalStyles & PseudoClass<SvgNormalStyles, 'H'> & PseudoClass<SvgNormalStyles, 'F'> & PseudoClass<SvgNormalStyles, 'A'> &
|
|
39
|
+
export type BoxSvgStyles = SvgNormalStyles & PseudoClass<SvgNormalStyles, 'H'> & PseudoClass<SvgNormalStyles, 'F'> & PseudoClass<SvgNormalStyles, 'A'> & ThemeComponentProps & Augmented.SvgProps;
|
|
38
40
|
export {};
|
package/core.cjs
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
"use strict";const I=require("react");var e;(u=>{(r=>{function m(a,b){return`${a}${b.replace("/","-")}`}r.fraction=m;function n(a){return[`${a} path`,`${a} circle`,`${a} rect`,`${a} line`]}r.svg=n})(u.ClassName||(u.ClassName={})),(r=>{function m(l,s){return`${s/4}rem`}r.rem=m;function n(l,s){return`${s}px`}r.px=n;function a(l,s){const[t,N]=s.split("/");return`${+t/+N*100}%`}r.fraction=a;function b(l,s){switch(s){case"fit":return"100%";case"fit-screen":return l.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return s}}r.widthHeight=b;function V(l){return(s,t)=>`var(--${l}${t});`}r.variables=V;function $(l){return(s,t)=>`var(--${l}${t});`}r.svgVariables=$;function v(l,s){return`repeat(${s},minmax(0,1fr))`}r.gridColumns=v;function d(l,s){return s==="full-row"?"1/-1":`span ${s}/span ${s}`}r.gridColumn=d;function c(l,s){return`${s}ms`}r.ms=c;function p(l,s){return`${s}deg`}r.rotate=p;function h(l,s){return s==="xAxis"?"-1 1":"1 -1"}r.flip=h})(u.Value||(u.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,120,140,160,180,200,250,300],G=[-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],f=[...i,...G],R=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],A=["auto","hidden","scroll","visible"],C=["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"],j=["fit","fit-screen","auto","fit-content","max-content","min-content"],_=["auto","flex-start","flex-end","center","baseline","stretch"],w={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:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},m:{cssNames:["margin"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mx:{cssNames:["margin-inline"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},my:{cssNames:["margin-block"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mt:{cssNames:["margin-top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mr:{cssNames:["margin-right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mb:{cssNames:["margin-bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},ml:{cssNames:["margin-left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},p:{cssNames:["padding"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},px:{cssNames:["padding-inline"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},py:{cssNames:["padding-block"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pt:{cssNames:["padding-top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pr:{cssNames:["padding-right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pb:{cssNames:["padding-bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pl:{cssNames:["padding-left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},b:{cssNames:["border-width"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bx:{cssNames:["border-inline-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},by:{cssNames:["border-block-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bt:{cssNames:["border-top-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},br:{cssNames:["border-right-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bb:{cssNames:["border-bottom-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bl:{cssNames:["border-left-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:R},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:A},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:A},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:A},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:[]}},jc:{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:[]}},ai:{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:[]}},d:{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:R},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")},backgroundImage:{cssNames:["background-image"],formatValue:e.Value.variables("backgroundImage")},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")}},q={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},U=["H","F","A","Checked","Indeterminate","Valid","Invalid","Required","Optional"],X=["H","F","A","Checked","Indeterminate","Valid","Invalid","Required","Optional","Disabled"],S={hover:{className:"_h"},focus:{className:"_f"}};Object.keys(D).forEach(u=>{w[u]=D[u],w[u].isThemeStyle=!0});Object.keys(q).forEach(u=>{w[u]=q[u],w[u].isThemeStyle=!0});const Y=Object.keys(w);X.forEach(u=>{Y.forEach(r=>{w[`${r}${u}`]={...w[r]},w[`${r}${u}`].pseudoSuffix=u})});class J{constructor(){this._index=0,this._cache={}}getIdentity(r){return this._cache[r]||(this._cache[r]=this.getByIndex(this._index++)),this._cache[r]}getByIndex(r){const{first:m,next:n}=Q,a=r-m.length;if(a<0)return m[r];const b=Math.floor(a/n.length),V=a-b*n.length;return this.getByIndex(b)+n[V]}}const Q={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var O;(u=>{u.boxClassName="_box",u.svgClassName="_svg",u.cronoStylesElementId="crono-styles";const r=`:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;#crono-box {position: absolute;top: 0;left: 0;height: 0;}}
|
|
1
|
+
"use strict";const I=require("react");var e;(u=>{(r=>{function m(a,b){return`${a}${b.replace("/","-")}`}r.fraction=m;function n(a){return[`${a} path`,`${a} circle`,`${a} rect`,`${a} line`]}r.svg=n})(u.ClassName||(u.ClassName={})),(r=>{function m(l,s){return`${s/4}rem`}r.rem=m;function n(l,s){return`${s}px`}r.px=n;function a(l,s){const[t,V]=s.split("/");return`${+t/+V*100}%`}r.fraction=a;function b(l,s){switch(s){case"fit":return"100%";case"fit-screen":return l.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return s}}r.widthHeight=b;function y(l){return(s,t)=>`var(--${l}${t});`}r.variables=y;function x(l){return(s,t)=>`var(--${l}${t});`}r.svgVariables=x;function v(l,s){return`repeat(${s},minmax(0,1fr))`}r.gridColumns=v;function d(l,s){return s==="full-row"?"1/-1":`span ${s}/span ${s}`}r.gridColumn=d;function c(l,s){return`${s}ms`}r.ms=c;function p(l,s){return`${s}deg`}r.rotate=p;function g(l,s){return s==="xAxis"?"-1 1":"1 -1"}r.flip=g})(u.Value||(u.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,120,140,160,180,200,250,300],G=[-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],f=[...i,...G],R=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],A=["auto","hidden","scroll","visible"],C=["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"],j=["fit","fit-screen","auto","fit-content","max-content","min-content"],_=["auto","flex-start","flex-end","center","baseline","stretch"],w={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:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},m:{cssNames:["margin"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mx:{cssNames:["margin-inline"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},my:{cssNames:["margin-block"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mt:{cssNames:["margin-top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mr:{cssNames:["margin-right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mb:{cssNames:["margin-bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},ml:{cssNames:["margin-left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},p:{cssNames:["padding"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},px:{cssNames:["padding-inline"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},py:{cssNames:["padding-block"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pt:{cssNames:["padding-top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pr:{cssNames:["padding-right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pb:{cssNames:["padding-bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pl:{cssNames:["padding-left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},b:{cssNames:["border-width"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bx:{cssNames:["border-inline-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},by:{cssNames:["border-block-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bt:{cssNames:["border-top-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},br:{cssNames:["border-right-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bb:{cssNames:["border-bottom-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bl:{cssNames:["border-left-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:R},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:A},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:A},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:A},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:[]}},jc:{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:[]}},ai:{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:[]}},d:{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:R},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")},backgroundImage:{cssNames:["background-image"],formatValue:e.Value.variables("backgroundImage")},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}},U=["H","F","A"],X=["H","F","A","Checked","Indeterminate","Valid","Invalid","Required","Optional","Disabled"],S={hover:{className:"_h"},focus:{className:"_f"}};Object.keys(D).forEach(u=>{w[u]=D[u],w[u].isThemeStyle=!0});Object.keys(P).forEach(u=>{w[u]=P[u],w[u].isThemeStyle=!0});const Y=Object.keys(w);X.forEach(u=>{Y.forEach(r=>{w[`${r}${u}`]={...w[r]},w[`${r}${u}`].pseudoSuffix=u})});class J{constructor(){this._index=0,this._cache={}}getIdentity(r){return this._cache[r]||(this._cache[r]=this.getByIndex(this._index++)),this._cache[r]}getByIndex(r){const{first:m,next:n}=Q,a=r-m.length;if(a<0)return m[r];const b=Math.floor(a/n.length),y=a-b*n.length;return this.getByIndex(b)+n[y]}}const Q={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var O;(u=>{u.boxClassName="_box",u.svgClassName="_svg",u.cronoStylesElementId="crono-styles";const r=`:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;#crono-box {position: absolute;top: 0;left: 0;height: 0;}}
|
|
2
2
|
html{font-size: 16px;font-family: Arial, sans-serif;}
|
|
3
3
|
body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
|
|
4
4
|
a,ul{all: unset;}
|
|
5
5
|
.${u.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
6
|
.${u.svgClassName}{transition: all var(--svgTransitionTime);}.${u.svgClassName} path,.${u.svgClassName} circle,.${u.svgClassName} rect,.${u.svgClassName} line {transition: all var(--svgTransitionTime);}
|
|
7
|
-
`,m=new J,n=Object.keys(w);let a=!0,b=n.reduce((l,s)=>(l[s]=new Set,l),{});function
|
|
8
|
-
`),p=Object.entries(v.shadows).map(([o,
|
|
9
|
-
`),
|
|
10
|
-
`),l=Object.entries(v.backgroundImages).map(([o,
|
|
11
|
-
`),s=[":root {"];c&&s.push(` ${c}`),p&&s.push(` ${p}`),
|
|
7
|
+
`,m=new J,n=Object.keys(w);let a=!0,b=n.reduce((l,s)=>(l[s]=new Set,l),{});function y(l,s){if(l in w)return d(l,s);if(l in S)return S[l].className}u.get=y;function x(){if(a){let l=c([r]);l=c(l,"H"),l=c(l,"F"),l=c(l,"A"),l=c(l,"Checked"),l=c(l,"Indeterminate"),l=c(l,"Valid"),l=c(l,"Invalid"),l=c(l,"Required"),l=c(l,"Disabled");const s=g();s.innerHTML=l.join(""),a=!1}}u.flush=x;function v(){b=n.reduce((l,s)=>(l[s]=new Set,l),{})}u.clear=v;function d(l,s){var N;b[l].has(s)||(a=!0,b[l].add(s));const t=p(l,s),V=((N=t.formatClassName)==null?void 0:N.call(t,l,s))??`${l}${s}`;return m.getIdentity(V)}function c(l,s){return Object.entries(b).filter(([V])=>{var N;return((N=w[V])==null?void 0:N.pseudoSuffix)===s}).reduce((V,[N,H])=>(H.forEach(k=>{var F;const o=p(N,k),h=`.${d(N,k)}`;let $=[];s?s==="H"?$=[...t(`${h}:hover`,o),...t(`.${S.hover.className}:hover>${h}`,o)]:s==="F"?$=[...t(`${h}:focus-within`,o),...t(`.${S.focus.className}:focus-within>${h}`,o)]:s==="A"?$=t(`${h}:active`,o):s==="Checked"?$=t(`${h}:checked`,o):s==="Indeterminate"?$=t(`${h}:indeterminate`,o):s==="Valid"?$=t(`${h}:valid`,o):s==="Invalid"?$=t(`${h}:invalid`,o):s==="Required"?$=t(`${h}:required`,o):s==="Optional"?$=t(`${h}:optional`,o):s==="Disabled"&&($=t(`${h}:disabled`,o)):$=t(h,o);const L=((F=o.formatValue)==null?void 0:F.call(o,N,k))??k,M=w[N].cssNames.map(W=>`${W}:${L};`).join("");V.push(`${$.join(",")}{${M}}`)}),V),l);function t(V,N){return N.formatSelector?N.formatSelector(V):[V]}}function p(l,s){const t=w[l];return t.isThemeStyle?t:t.values1.values.includes(s)?t.values1:t.values2.values.includes(s)?t.values2:t.values3}function g(){const s=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let t=s.getElementById(u.cronoStylesElementId);return t||(t=s.createElement("style"),t.setAttribute("id",u.cronoStylesElementId),t.setAttribute("type","text/css"),s.head.insertBefore(t,s.head.firstChild)),t}})(O||(O={}));const z=O,T={button:{styles:{display:"inline-block",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",disabled:{cursor:"default"}}},checkbox:{styles:{display:"inline-block"}},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 E;(u=>{function r(v){b(v),x(v),u.Styles=v,a()}u.setup=r;function m(v,d){const c=Object.entries(v.colors).map(([o,h])=>`--color${o}: ${h};`).join(`
|
|
8
|
+
`),p=Object.entries(v.shadows).map(([o,h])=>`--shadow${o}: ${h};`).join(`
|
|
9
|
+
`),g=Object.entries(v.backgrounds).map(([o,h])=>`--background${o}: ${h};`).join(`
|
|
10
|
+
`),l=Object.entries(v.backgroundImages).map(([o,h])=>`--backgroundImage${o}: ${h};`).join(`
|
|
11
|
+
`),s=[":root {"];c&&s.push(` ${c}`),p&&s.push(` ${p}`),g&&s.push(` ${g}`),l&&s.push(` ${l}`),s.push("}");const t=Object.keys(v.colors).map(o=>`'${o}'`).join(" | "),V=Object.keys(v.backgrounds).map(o=>`'${o}'`).join(" | "),N=Object.keys(v.backgroundImages).map(o=>`'${o}'`).join(" | "),H=Object.keys(v.shadows).map(o=>`'${o}'`).join(" | "),k=`import '@cronocode/react-box';
|
|
12
12
|
|
|
13
13
|
declare module '${(d==null?void 0:d.namespacePath)??"@cronocode/react-box/core/types"}' {
|
|
14
14
|
type ColorType = ${t};
|
|
15
|
-
type BackgroundType = ${
|
|
16
|
-
type BackgroundImageType = ${
|
|
15
|
+
type BackgroundType = ${V};
|
|
16
|
+
type BackgroundImageType = ${N};
|
|
17
17
|
type ShadowType = ${H};
|
|
18
18
|
|
|
19
19
|
namespace Augmented {
|
|
@@ -35,4 +35,4 @@ ${n("stroke","ColorType")}
|
|
|
35
35
|
}
|
|
36
36
|
`;return{variables:s.join(`
|
|
37
37
|
`),boxDts:k}}u.setupAugmentedProps=m;function n(v,d){const c=U.map(p=>` ${v}${p}?: ${d};`);return c.unshift(` ${v}?: ${d};`),c.join(`
|
|
38
|
-
`)}function a(){b(T)
|
|
38
|
+
`)}function a(){b(T),x(T),Object.keys(T).forEach(d=>{const c=u.Styles[d],p=T[d];c?c.styles={...p.styles,...c.styles}:u.Styles[d]=T[d]})}function b(v){if(!v.components)return;const d=Object.keys(v.components);for(const c of d){const p=v.components[c],g=y(c,p);delete p.children;for(const l of g){const[s,t]=l;v.components[s]=t}}}function y(v,d){if(!d.children)return[];const c=Object.keys(d.children),p=[];for(const g of c){const l=`${v}.${g}`,s=d.children[g],t=y(l,s);p.push(...t),delete s.children,p.push([l,s])}return p}function x(v){const{components:d,...c}=v,p=Object.values(c);d&&p.push(...Object.values(d));for(const g of p)[["disabled","Disabled"],["indeterminate","Indeterminate"],["checked","Checked"]].forEach(([l,s])=>{l in g.styles&&(Object.entries(g.styles[l]).map(([t,V])=>{g.styles[`${t}${s}`]=V}),delete g.styles[l])})}})(E||(E={}));const B=E;function Z(u){const{clean:r,theme:m,component:n}=u;return I.useMemo(()=>{var b,y;if(r)return;let a=B.Styles[n]??((b=B.Styles.components)==null?void 0:b[n]);if(a)return m?{...a.styles,...(y=a.themes)==null?void 0:y[m].styles}:a.styles},[n,r,m])}const K=typeof window<"u"&&typeof window.document<"u",ee=K?I.useLayoutEffect:I.useEffect;function se(u,r){const m=Z(u);return ee(z.flush,[u]),I.useMemo(()=>{const n=[r?z.svgClassName:z.boxClassName],a=m?{...m,...u}:{...u};return Array.isArray(a.disabled)&&(Object.entries(a.disabled[1]).forEach(([b,y])=>{a[`${b}Disabled`]=y}),delete a.disabled),"inline"in a&&(a.display==="block"||!a.display?a.display="inline-block":a.display==="flex"?a.display="inline-flex":a.display==="grid"&&(a.display="inline-grid"),delete a.inline),"inlineH"in a&&(a.displayH==="block"||!a.displayH?a.displayH="inline-block":a.displayH==="flex"?a.displayH="inline-flex":a.displayH==="grid"&&(a.displayH="inline-grid"),delete a.inlineH),"inlineF"in a&&(a.displayF==="block"||!a.displayF?a.displayF="inline-block":a.displayF==="flex"?a.displayF="inline-flex":a.displayF==="grid"&&(a.displayF="inline-grid"),delete a.inlineF),"inlineA"in a&&(a.displayA==="block"||!a.displayA?a.displayA="inline-block":a.displayA==="flex"?a.displayA="inline-flex":a.displayA==="grid"&&(a.displayA="inline-grid"),delete a.inlineA),Object.entries(a).forEach(([b,y])=>{n.push(z.get(b,y))}),n},[u,m])}function q(...u){return u.reduce((r,m)=>m?typeof m=="string"?(r.push(m),r):Array.isArray(m)?(r.push(...q(...m)),r):(Object.entries(m).forEach(([n,a])=>{a&&r.push(n)}),r):r,[])}exports.StylesContext=z;exports.Theme=B;exports.classNames=q;exports.useStyles=se;
|
package/core.mjs
CHANGED
|
@@ -20,8 +20,8 @@ var e;
|
|
|
20
20
|
}
|
|
21
21
|
r.px = n;
|
|
22
22
|
function a(l, s) {
|
|
23
|
-
const [t,
|
|
24
|
-
return `${+t / +
|
|
23
|
+
const [t, V] = s.split("/");
|
|
24
|
+
return `${+t / +V * 100}%`;
|
|
25
25
|
}
|
|
26
26
|
r.fraction = a;
|
|
27
27
|
function b(l, s) {
|
|
@@ -35,10 +35,10 @@ var e;
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
r.widthHeight = b;
|
|
38
|
-
function
|
|
38
|
+
function y(l) {
|
|
39
39
|
return (s, t) => `var(--${l}${t});`;
|
|
40
40
|
}
|
|
41
|
-
r.variables =
|
|
41
|
+
r.variables = y;
|
|
42
42
|
function $(l) {
|
|
43
43
|
return (s, t) => `var(--${l}${t});`;
|
|
44
44
|
}
|
|
@@ -59,10 +59,10 @@ var e;
|
|
|
59
59
|
return `${s}deg`;
|
|
60
60
|
}
|
|
61
61
|
r.rotate = p;
|
|
62
|
-
function
|
|
62
|
+
function g(l, s) {
|
|
63
63
|
return s === "xAxis" ? "-1 1" : "1 -1";
|
|
64
64
|
}
|
|
65
|
-
r.flip =
|
|
65
|
+
r.flip = g;
|
|
66
66
|
})(u.Value || (u.Value = {}));
|
|
67
67
|
})(e || (e = {}));
|
|
68
68
|
const i = [
|
|
@@ -857,7 +857,7 @@ const i = [
|
|
|
857
857
|
formatValue: e.Value.svgVariables("color"),
|
|
858
858
|
formatSelector: e.ClassName.svg
|
|
859
859
|
}
|
|
860
|
-
}, X = ["H", "F", "A"
|
|
860
|
+
}, X = ["H", "F", "A"], Y = [
|
|
861
861
|
"H",
|
|
862
862
|
"F",
|
|
863
863
|
"A",
|
|
@@ -895,8 +895,8 @@ class Q {
|
|
|
895
895
|
const { first: m, next: n } = Z, a = r - m.length;
|
|
896
896
|
if (a < 0)
|
|
897
897
|
return m[r];
|
|
898
|
-
const b = Math.floor(a / n.length),
|
|
899
|
-
return this.getByIndex(b) + n[
|
|
898
|
+
const b = Math.floor(a / n.length), y = a - b * n.length;
|
|
899
|
+
return this.getByIndex(b) + n[y];
|
|
900
900
|
}
|
|
901
901
|
}
|
|
902
902
|
const Z = {
|
|
@@ -917,18 +917,18 @@ a,ul{all: unset;}
|
|
|
917
917
|
(l, s) => (l[s] = /* @__PURE__ */ new Set(), l),
|
|
918
918
|
{}
|
|
919
919
|
);
|
|
920
|
-
function
|
|
920
|
+
function y(l, s) {
|
|
921
921
|
if (l in w)
|
|
922
922
|
return d(l, s);
|
|
923
923
|
if (l in z)
|
|
924
924
|
return z[l].className;
|
|
925
925
|
}
|
|
926
|
-
u.get =
|
|
926
|
+
u.get = y;
|
|
927
927
|
function $() {
|
|
928
928
|
if (a) {
|
|
929
929
|
let l = c([r]);
|
|
930
930
|
l = c(l, "H"), l = c(l, "F"), l = c(l, "A"), l = c(l, "Checked"), l = c(l, "Indeterminate"), l = c(l, "Valid"), l = c(l, "Invalid"), l = c(l, "Required"), l = c(l, "Disabled");
|
|
931
|
-
const s =
|
|
931
|
+
const s = g();
|
|
932
932
|
s.innerHTML = l.join(""), a = !1;
|
|
933
933
|
}
|
|
934
934
|
}
|
|
@@ -941,38 +941,38 @@ a,ul{all: unset;}
|
|
|
941
941
|
}
|
|
942
942
|
u.clear = v;
|
|
943
943
|
function d(l, s) {
|
|
944
|
-
var
|
|
944
|
+
var N;
|
|
945
945
|
b[l].has(s) || (a = !0, b[l].add(s));
|
|
946
|
-
const t = p(l, s),
|
|
947
|
-
return m.getIdentity(
|
|
946
|
+
const t = p(l, s), V = ((N = t.formatClassName) == null ? void 0 : N.call(t, l, s)) ?? `${l}${s}`;
|
|
947
|
+
return m.getIdentity(V);
|
|
948
948
|
}
|
|
949
949
|
function c(l, s) {
|
|
950
|
-
return Object.entries(b).filter(([
|
|
951
|
-
var
|
|
952
|
-
return ((
|
|
953
|
-
}).reduce((
|
|
950
|
+
return Object.entries(b).filter(([V]) => {
|
|
951
|
+
var N;
|
|
952
|
+
return ((N = w[V]) == null ? void 0 : N.pseudoSuffix) === s;
|
|
953
|
+
}).reduce((V, [N, I]) => (I.forEach((k) => {
|
|
954
954
|
var E;
|
|
955
|
-
const o = p(
|
|
955
|
+
const o = p(N, k), h = `.${d(N, k)}`;
|
|
956
956
|
let x = [];
|
|
957
957
|
s ? s === "H" ? x = [
|
|
958
|
-
...t(`${
|
|
959
|
-
...t(`.${z.hover.className}:hover>${
|
|
958
|
+
...t(`${h}:hover`, o),
|
|
959
|
+
...t(`.${z.hover.className}:hover>${h}`, o)
|
|
960
960
|
] : s === "F" ? x = [
|
|
961
|
-
...t(`${
|
|
962
|
-
...t(`.${z.focus.className}:focus-within>${
|
|
963
|
-
] : s === "A" ? x = t(`${
|
|
964
|
-
const
|
|
965
|
-
|
|
966
|
-
}),
|
|
967
|
-
function t(
|
|
968
|
-
return
|
|
961
|
+
...t(`${h}:focus-within`, o),
|
|
962
|
+
...t(`.${z.focus.className}:focus-within>${h}`, o)
|
|
963
|
+
] : s === "A" ? x = t(`${h}:active`, o) : s === "Checked" ? x = t(`${h}:checked`, o) : s === "Indeterminate" ? x = t(`${h}:indeterminate`, o) : s === "Valid" ? x = t(`${h}:valid`, o) : s === "Invalid" ? x = t(`${h}:invalid`, o) : s === "Required" ? x = t(`${h}:required`, o) : s === "Optional" ? x = t(`${h}:optional`, o) : s === "Disabled" && (x = t(`${h}:disabled`, o)) : x = t(h, o);
|
|
964
|
+
const L = ((E = o.formatValue) == null ? void 0 : E.call(o, N, k)) ?? k, q = w[N].cssNames.map((W) => `${W}:${L};`).join("");
|
|
965
|
+
V.push(`${x.join(",")}{${q}}`);
|
|
966
|
+
}), V), l);
|
|
967
|
+
function t(V, N) {
|
|
968
|
+
return N.formatSelector ? N.formatSelector(V) : [V];
|
|
969
969
|
}
|
|
970
970
|
}
|
|
971
971
|
function p(l, s) {
|
|
972
972
|
const t = w[l];
|
|
973
973
|
return t.isThemeStyle ? t : t.values1.values.includes(s) ? t.values1 : t.values2.values.includes(s) ? t.values2 : t.values3;
|
|
974
974
|
}
|
|
975
|
-
function
|
|
975
|
+
function g() {
|
|
976
976
|
const s = typeof window < "u" && typeof window.document < "u" ? window.document : global.document;
|
|
977
977
|
let t = s.getElementById(u.cronoStylesElementId);
|
|
978
978
|
return t || (t = s.createElement("style"), t.setAttribute("id", u.cronoStylesElementId), t.setAttribute("type", "text/css"), s.head.insertBefore(t, s.head.firstChild)), t;
|
|
@@ -1027,18 +1027,18 @@ var O;
|
|
|
1027
1027
|
}
|
|
1028
1028
|
u.setup = r;
|
|
1029
1029
|
function m(v, d) {
|
|
1030
|
-
const c = Object.entries(v.colors).map(([o,
|
|
1031
|
-
`), p = Object.entries(v.shadows).map(([o,
|
|
1032
|
-
`),
|
|
1033
|
-
`), l = Object.entries(v.backgroundImages).map(([o,
|
|
1030
|
+
const c = Object.entries(v.colors).map(([o, h]) => `--color${o}: ${h};`).join(`
|
|
1031
|
+
`), p = Object.entries(v.shadows).map(([o, h]) => `--shadow${o}: ${h};`).join(`
|
|
1032
|
+
`), g = Object.entries(v.backgrounds).map(([o, h]) => `--background${o}: ${h};`).join(`
|
|
1033
|
+
`), l = Object.entries(v.backgroundImages).map(([o, h]) => `--backgroundImage${o}: ${h};`).join(`
|
|
1034
1034
|
`), s = [":root {"];
|
|
1035
|
-
c && s.push(` ${c}`), p && s.push(` ${p}`),
|
|
1036
|
-
const t = Object.keys(v.colors).map((o) => `'${o}'`).join(" | "),
|
|
1035
|
+
c && s.push(` ${c}`), p && s.push(` ${p}`), g && s.push(` ${g}`), l && s.push(` ${l}`), s.push("}");
|
|
1036
|
+
const t = Object.keys(v.colors).map((o) => `'${o}'`).join(" | "), V = Object.keys(v.backgrounds).map((o) => `'${o}'`).join(" | "), N = Object.keys(v.backgroundImages).map((o) => `'${o}'`).join(" | "), I = Object.keys(v.shadows).map((o) => `'${o}'`).join(" | "), k = `import '@cronocode/react-box';
|
|
1037
1037
|
|
|
1038
1038
|
declare module '${(d == null ? void 0 : d.namespacePath) ?? "@cronocode/react-box/core/types"}' {
|
|
1039
1039
|
type ColorType = ${t};
|
|
1040
|
-
type BackgroundType = ${
|
|
1041
|
-
type BackgroundImageType = ${
|
|
1040
|
+
type BackgroundType = ${V};
|
|
1041
|
+
type BackgroundImageType = ${N};
|
|
1042
1042
|
type ShadowType = ${I};
|
|
1043
1043
|
|
|
1044
1044
|
namespace Augmented {
|
|
@@ -1082,20 +1082,20 @@ ${n("stroke", "ColorType")}
|
|
|
1082
1082
|
return;
|
|
1083
1083
|
const d = Object.keys(v.components);
|
|
1084
1084
|
for (const c of d) {
|
|
1085
|
-
const p = v.components[c],
|
|
1085
|
+
const p = v.components[c], g = y(c, p);
|
|
1086
1086
|
delete p.children;
|
|
1087
|
-
for (const l of
|
|
1087
|
+
for (const l of g) {
|
|
1088
1088
|
const [s, t] = l;
|
|
1089
1089
|
v.components[s] = t;
|
|
1090
1090
|
}
|
|
1091
1091
|
}
|
|
1092
1092
|
}
|
|
1093
|
-
function
|
|
1093
|
+
function y(v, d) {
|
|
1094
1094
|
if (!d.children)
|
|
1095
1095
|
return [];
|
|
1096
1096
|
const c = Object.keys(d.children), p = [];
|
|
1097
|
-
for (const
|
|
1098
|
-
const l = `${v}.${
|
|
1097
|
+
for (const g of c) {
|
|
1098
|
+
const l = `${v}.${g}`, s = d.children[g], t = y(l, s);
|
|
1099
1099
|
p.push(...t), delete s.children, p.push([l, s]);
|
|
1100
1100
|
}
|
|
1101
1101
|
return p;
|
|
@@ -1103,22 +1103,28 @@ ${n("stroke", "ColorType")}
|
|
|
1103
1103
|
function $(v) {
|
|
1104
1104
|
const { components: d, ...c } = v, p = Object.values(c);
|
|
1105
1105
|
d && p.push(...Object.values(d));
|
|
1106
|
-
for (const
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1106
|
+
for (const g of p)
|
|
1107
|
+
[
|
|
1108
|
+
["disabled", "Disabled"],
|
|
1109
|
+
["indeterminate", "Indeterminate"],
|
|
1110
|
+
["checked", "Checked"]
|
|
1111
|
+
].forEach(([l, s]) => {
|
|
1112
|
+
l in g.styles && (Object.entries(g.styles[l]).map(([t, V]) => {
|
|
1113
|
+
g.styles[`${t}${s}`] = V;
|
|
1114
|
+
}), delete g.styles[l]);
|
|
1115
|
+
});
|
|
1110
1116
|
}
|
|
1111
1117
|
})(O || (O = {}));
|
|
1112
1118
|
const D = O;
|
|
1113
1119
|
function K(u) {
|
|
1114
1120
|
const { clean: r, theme: m, component: n } = u;
|
|
1115
1121
|
return P(() => {
|
|
1116
|
-
var b,
|
|
1122
|
+
var b, y;
|
|
1117
1123
|
if (r)
|
|
1118
1124
|
return;
|
|
1119
1125
|
let a = D.Styles[n] ?? ((b = D.Styles.components) == null ? void 0 : b[n]);
|
|
1120
1126
|
if (a)
|
|
1121
|
-
return m ? { ...a.styles, ...(
|
|
1127
|
+
return m ? { ...a.styles, ...(y = a.themes) == null ? void 0 : y[m].styles } : a.styles;
|
|
1122
1128
|
}, [n, r, m]);
|
|
1123
1129
|
}
|
|
1124
1130
|
const ee = typeof window < "u" && typeof window.document < "u", se = ee ? G : M;
|
|
@@ -1126,10 +1132,10 @@ function te(u, r) {
|
|
|
1126
1132
|
const m = K(u);
|
|
1127
1133
|
return se(S.flush, [u]), P(() => {
|
|
1128
1134
|
const n = [r ? S.svgClassName : S.boxClassName], a = m ? { ...m, ...u } : { ...u };
|
|
1129
|
-
return Array.isArray(a.disabled) && (Object.entries(a.disabled[1]).forEach(([b,
|
|
1130
|
-
a[`${b}Disabled`] =
|
|
1131
|
-
}), delete a.disabled), "inline" in a && (a.display === "block" || !a.display ? a.display = "inline-block" : a.display === "flex" ? a.display = "inline-flex" : a.display === "grid" && (a.display = "inline-grid"), delete a.inline), "inlineH" in a && (a.displayH === "block" || !a.displayH ? a.displayH = "inline-block" : a.displayH === "flex" ? a.displayH = "inline-flex" : a.displayH === "grid" && (a.displayH = "inline-grid"), delete a.inlineH), "inlineF" in a && (a.displayF === "block" || !a.displayF ? a.displayF = "inline-block" : a.displayF === "flex" ? a.displayF = "inline-flex" : a.displayF === "grid" && (a.displayF = "inline-grid"), delete a.inlineF), "inlineA" in a && (a.displayA === "block" || !a.displayA ? a.displayA = "inline-block" : a.displayA === "flex" ? a.displayA = "inline-flex" : a.displayA === "grid" && (a.displayA = "inline-grid"), delete a.inlineA), Object.entries(a).forEach(([b,
|
|
1132
|
-
n.push(S.get(b,
|
|
1135
|
+
return Array.isArray(a.disabled) && (Object.entries(a.disabled[1]).forEach(([b, y]) => {
|
|
1136
|
+
a[`${b}Disabled`] = y;
|
|
1137
|
+
}), delete a.disabled), "inline" in a && (a.display === "block" || !a.display ? a.display = "inline-block" : a.display === "flex" ? a.display = "inline-flex" : a.display === "grid" && (a.display = "inline-grid"), delete a.inline), "inlineH" in a && (a.displayH === "block" || !a.displayH ? a.displayH = "inline-block" : a.displayH === "flex" ? a.displayH = "inline-flex" : a.displayH === "grid" && (a.displayH = "inline-grid"), delete a.inlineH), "inlineF" in a && (a.displayF === "block" || !a.displayF ? a.displayF = "inline-block" : a.displayF === "flex" ? a.displayF = "inline-flex" : a.displayF === "grid" && (a.displayF = "inline-grid"), delete a.inlineF), "inlineA" in a && (a.displayA === "block" || !a.displayA ? a.displayA = "inline-block" : a.displayA === "flex" ? a.displayA = "inline-flex" : a.displayA === "grid" && (a.displayA = "inline-grid"), delete a.inlineA), Object.entries(a).forEach(([b, y]) => {
|
|
1138
|
+
n.push(S.get(b, y));
|
|
1133
1139
|
}), n;
|
|
1134
1140
|
}, [u, m]);
|
|
1135
1141
|
}
|