@cronocode/react-box 2.0.3 → 2.0.6

package/components/checkbox.d.ts

@@ -1,5 +1,4 @@
 import { BoxTagProps, BoxProps } from '../box';
-import { default as React } from 'react';
 
 declare const tagProps: readonly ["name", "onInput", "onChange", "autoFocus", "readOnly", "required", "value", "checked", "defaultChecked"];
 type TagPropsType = (typeof tagProps)[number];
@@ -14,9 +13,8 @@ interface Props extends CheckboxProps {
     autoFocus?: boolean;
     readOnly?: boolean;
     required?: boolean;
-    checked?: boolean;
     defaultChecked?: boolean;
     indeterminate?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/components/label.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),n=require("react"),o=require("../box.cjs");function s(e,t){return r.jsx(o,{tag:"label",ref:t,component:"label",...e})}const c=n.forwardRef(s);module.exports=c;

package/components/label.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '../box';
+
+interface Props extends Omit<BoxProps<'label'>, 'ref' | 'tag'> {
+}
+declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLLabelElement>>;
+export default _default;

package/components/label.mjs

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import a from "../box.mjs";
+function l(o, r) {
+  return /* @__PURE__ */ t(a, { tag: "label", ref: r, component: "label", ...o });
+}
+const p = e(l);
+export {
+  p as default
+};

package/components/radioButton.d.ts

@@ -1,5 +1,4 @@
 import { default as Box } from '../box';
-import { default as React } from 'react';
 
 type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
 type BoxTagProps = Required<BoxProps>['props'];
@@ -15,8 +14,7 @@ interface Props extends Omit<BoxProps, 'props'> {
     autoFocus?: boolean;
     readOnly?: boolean;
     required?: boolean;
-    checked?: boolean;
     defaultChecked?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/components/textarea.d.ts

@@ -1,5 +1,4 @@
 import { default as Box } from '../box';
-import { default as React } from 'react';
 
 type BoxProps = Omit<React.ComponentProps<typeof Box<'textarea'>>, 'ref' | 'tag'>;
 type BoxTagProps = Required<BoxProps>['props'];
@@ -22,5 +21,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     readOnly?: boolean;
     required?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTextAreaElement>>;
+declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLTextAreaElement>>;
 export default _default;

package/components/textbox.d.ts

@@ -1,5 +1,4 @@
 import { default as Box } from '../box';
-import { default as React } from 'react';
 
 type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
 type BoxTagProps = Required<BoxProps>['props'];
@@ -22,5 +21,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     required?: boolean;
     step?: number | string;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/core/boxStyles.d.ts

@@ -1174,6 +1174,30 @@ export declare const simpleBoxStyles: {
             values: readonly [];
         };
     };
+    visibility: {
+        cssNames: string[];
+        values1: {
+            values: readonly ["visible", "hidden", "collapse"];
+        };
+        values2: {
+            values: readonly [];
+        };
+        values3: {
+            values: readonly [];
+        };
+    };
+    resize: {
+        cssNames: string[];
+        values1: {
+            values: readonly ["none", "both", "horizontal", "vertical", "block", "inline"];
+        };
+        values2: {
+            values: readonly [];
+        };
+        values3: {
+            values: readonly [];
+        };
+    };
 };
 export type StyleKey = keyof typeof simpleBoxStyles;
 export declare const boxThemeStyles: {
@@ -1218,7 +1242,9 @@ export declare const svgThemeStyles: {
         formatSelector: typeof BoxStylesFormatters.ClassName.svg;
     };
 };
-export declare const pseudoClassSuffixes: readonly ["Hover", "Focus", "Active", "Checked", "Indeterminate", "Valid", "Invalid", "Required", "Optional", "Disabled"];
+export declare const pseudoGroupClass: string[];
+export type PseudoGroupClass = (typeof pseudoGroupClass)[number];
+export declare const pseudoClassSuffixes: readonly ["hover", "focus", "hasFocus", "active", "checked", "hasChecked", "indeterminate", "valid", "hasValid", "invalid", "hasInvalid", "required", "optional", "disabled", "hasDisabled"];
 export type PseudoClassSuffix = (typeof pseudoClassSuffixes)[number];
 export declare const boxBreakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
 export type BoxBreakpointsType = (typeof boxBreakpoints)[number];

package/core/theme.d.ts

@@ -20,6 +20,7 @@ export interface ThemeSetup<T = BoxStyleProps> {
     textarea?: ThemeComponentStyles<T>;
     checkbox?: ThemeComponentStyles<T>;
     radioButton?: ThemeComponentStyles<T>;
+    label?: ThemeComponentStyles<T>;
 }
 interface BoxAugmentedProps {
     colors?: Record<string, string>;

package/core/types.d.ts

@@ -17,20 +17,35 @@ type SvgNormalStyles = BoxStyles<typeof simpleBoxStyles> & Augmented.SvgProps;
 interface BoxPseudoClasses<T> {
     disabled?: boolean | [boolean, T];
     disabledGroup?: string | Record<string, T>;
+    hasDisabled?: T;
     hover?: T;
     hoverGroup?: string | Record<string, T>;
     focus?: T;
+    hasFocus?: T;
     focusGroup?: string | Record<string, T>;
     active?: T;
     activeGroup?: string | Record<string, T>;
+    checked?: boolean;
+    hasChecked?: T;
+    valid?: T;
+    hasValid?: T;
+    invalid?: T;
+    hasInvalid?: T;
 }
 interface BoxThemePseudoClassProps {
     hover?: BoxNormalStyles;
     focus?: BoxNormalStyles;
+    hasFocus?: BoxNormalStyles;
     active?: BoxNormalStyles;
     disabled?: BoxNormalStyles;
+    hasDisabled?: BoxNormalStyles;
     indeterminate?: BoxNormalStyles;
     checked?: BoxNormalStyles;
+    hasChecked?: BoxNormalStyles;
+    valid?: BoxNormalStyles;
+    hasValid?: BoxNormalStyles;
+    invalid?: BoxNormalStyles;
+    hasInvalid?: BoxNormalStyles;
 }
 export interface BoxBreakpoints<T = BoxThemeProps> {
     sm?: T;

package/core.cjs

@@ -1,20 +1,20 @@
-"use strict";const G=require("react"),Y=require("./utils.cjs");var e;(a=>{(u=>{function t(o,m){return`${o}${m.replace("/","-")}`}u.fraction=t;function n(o){return[`${o} path`,`${o} circle`,`${o} rect`,`${o} line`]}u.svg=n})(a.ClassName||(a.ClassName={})),(u=>{function t(l,s){return`${s/4}rem`}u.rem=t;function n(l,s){return`${s}px`}u.px=n;function o(l,s){const[r,i]=s.split("/");return`${+r/+i*100}%`}u.fraction=o;function m(l,s){switch(s){case"fit":return"100%";case"fit-screen":return l.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return s}}u.widthHeight=m;function N(l){return(s,r)=>`var(--${l}${r});`}u.variables=N;function T(l){return(s,r)=>`var(--${l}${r});`}u.svgVariables=T;function S(l,s){return`repeat(${s},minmax(0,1fr))`}u.gridColumns=S;function c(l,s){return s==="full-row"?"1/-1":`span ${s}/span ${s}`}u.gridColumn=c;function d(l,s){return`${s}ms`}u.ms=d;function h(l,s){return`${s}deg`}u.rotate=h;function f(l,s){return s==="xAxis"?"-1 1":"1 -1"}u.flip=f})(a.Value||(a.Value={}))})(e||(e={}));const v=[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,110,120,128,130,140,150,160,170,180,190,192,200,225,250,256,275,300,320,350,384,400],ae=[-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],b=[...v,...ae],W=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],P=["auto","hidden","scroll","visible"],z=["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"],I=["fit","fit-screen","auto","fit-content","max-content","min-content"],K=["auto","flex-start","flex-end","center","baseline","stretch"],le={display:{cssNames:["display"],values1:{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]},values2:{values:[]},values3:{values:[]}},inline:{cssNames:["display"],values1:{values:[!0],formatValue:()=>"inline-block"},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:I,formatValue:e.Value.widthHeight},values2:{values:v,formatValue:e.Value.rem},values3:{values:z,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:I,formatValue:e.Value.widthHeight},values2:{values:v,formatValue:e.Value.rem},values3:{values:z,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:I,formatValue:e.Value.widthHeight},values2:{values:v,formatValue:e.Value.rem},values3:{values:z,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:I,formatValue:e.Value.widthHeight},values2:{values:v,formatValue:e.Value.rem},values3:{values:z,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:I,formatValue:e.Value.widthHeight},values2:{values:v,formatValue:e.Value.rem},values3:{values:z,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:I,formatValue:e.Value.widthHeight},values2:{values:v,formatValue:e.Value.rem},values3:{values:z,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},m:{cssNames:["margin"],values1:{values:b,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mx:{cssNames:["margin-inline"],values1:{values:b,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},my:{cssNames:["margin-block"],values1:{values:b,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mt:{cssNames:["margin-top"],values1:{values:b,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mr:{cssNames:["margin-right"],values1:{values:b,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mb:{cssNames:["margin-bottom"],values1:{values:b,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},ml:{cssNames:["margin-left"],values1:{values:b,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},p:{cssNames:["padding"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},px:{cssNames:["padding-inline"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},py:{cssNames:["padding-block"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pt:{cssNames:["padding-top"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pr:{cssNames:["padding-right"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pb:{cssNames:["padding-bottom"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pl:{cssNames:["padding-left"],values1:{values:b,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},b:{cssNames:["border-width"],values1:{values:v,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bx:{cssNames:["border-inline-width"],values1:{values:b,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},by:{cssNames:["border-block-width"],values1:{values:b,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bt:{cssNames:["border-top-width"],values1:{values:b,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},br:{cssNames:["border-right-width"],values1:{values:b,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bb:{cssNames:["border-bottom-width"],values1:{values:b,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bl:{cssNames:["border-left-width"],values1:{values:b,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:W},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:v,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:P},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:P},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:P},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:v,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:v,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:v,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:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:v,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},order:{cssNames:["order"],values1:{values:v},values2:{values:[]},values3:{values:[]}},flexGrow:{cssNames:["flex-grow"],values1:{values:v},values2:{values:[]},values3:{values:[]}},flexShrink:{cssNames:["flex-shrink"],values1:{values:v},values2:{values:[]},values3:{values:[]}},alignSelf:{cssNames:["align-self"],values1:{values:K},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:K},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:v,formatValue:e.Value.gridColumns},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:v,formatValue:e.Value.gridColumn},values2:{values:["full-row"],formatValue:e.Value.gridColumn},values3:{values:[]}},colStart:{cssNames:["grid-column-start"],values1:{values:v},values2:{values:[]},values3:{values:[]}},colEnd:{cssNames:["grid-column-end"],values1:{values:v},values2:{values:[]},values3:{values:[]}},outline:{cssNames:["outline-width"],values1:{values:v,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:W},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:v,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","auto","menulist-button","textfield","button","checkbox"]},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:[]}}},M={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")}},U={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},D=["Hover","Focus","Active","Checked","Indeterminate","Valid","Invalid","Required","Optional","Disabled"],A=["sm","md","lg","xl","xxl"],ue={sm:640,md:768,lg:1024,xl:1280,xxl:1536};function J(){const a={...le};Object.keys(M).forEach(t=>{a[t]=M[t],a[t].isThemeStyle=!0}),Object.keys(U).forEach(t=>{a[t]=U[t],a[t].isThemeStyle=!0});let u=Object.keys(a);return D.forEach(t=>{u.forEach(n=>{a[`${n}${t}`]={...a[n],pseudoSuffix:t}})}),u=Object.keys(a),A.forEach(t=>{u.forEach(n=>{a[`${t}${n}`]={...a[n],breakpoint:t}})}),a}let C=J();function te(){C=J()}function oe(a,u,t){const n=Object.entries(C).filter(([o,m])=>m.pseudoSuffix===a&&!m.customPseudoSuffix&&!(`${o}${u}`in C)).map(([o])=>o);return n.forEach(o=>{C[`${o}${u}`]={...C[o],customPseudoSuffix:t+u}}),n.map(o=>`${o}${u}`)}class re{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:t,next:n}=ne,o=u-t.length;if(o<0)return t[u];const m=Math.floor(o/n.length),N=o-m*n.length;return this.getByIndex(m)+n[N]}}const ne={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var _;(a=>{a.boxClassName="_box",a.svgClassName="_svg",a.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;}}
+"use strict";const H=require("react"),X=require("./utils.cjs");var s;(e=>{(l=>{function u(t,d){return`${t}${d.replace("/","-")}`}l.fraction=u;function n(t){return[`${t} path`,`${t} circle`,`${t} rect`,`${t} line`]}l.svg=n})(e.ClassName||(e.ClassName={})),(l=>{function u(r,a){return`${a/4}rem`}l.rem=u;function n(r,a){return`${a}px`}l.px=n;function t(r,a){const[o,v]=a.split("/");return`${+o/+v*100}%`}l.fraction=t;function d(r,a){switch(a){case"fit":return"100%";case"fit-screen":return r.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return a}}l.widthHeight=d;function p(r){return(a,o)=>`var(--${r}${o});`}l.variables=p;function k(r){return(a,o)=>`var(--${r}${o});`}l.svgVariables=k;function E(r,a){return`repeat(${a},minmax(0,1fr))`}l.gridColumns=E;function C(r,a){return a==="full-row"?"1/-1":`span ${a}/span ${a}`}l.gridColumn=C;function i(r,a){return`${a}ms`}l.ms=i;function m(r,a){return`${a}deg`}l.rotate=m;function f(r,a){return a==="xAxis"?"-1 1":"1 -1"}l.flip=f})(e.Value||(e.Value={}))})(s||(s={}));const c=[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,110,120,128,130,140,150,160,170,180,190,192,200,225,250,256,275,300,320,350,384,400],ae=[-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],h=[...c,...ae],W=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],_=["auto","hidden","scroll","visible"],O=["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"],I=["fit","fit-screen","auto","fit-content","max-content","min-content"],F=["auto","flex-start","flex-end","center","baseline","stretch"],le={display:{cssNames:["display"],values1:{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]},values2:{values:[]},values3:{values:[]}},inline:{cssNames:["display"],values1:{values:[!0],formatValue:()=>"inline-block"},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:I,formatValue:s.Value.widthHeight},values2:{values:c,formatValue:s.Value.rem},values3:{values:O,formatValue:s.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:I,formatValue:s.Value.widthHeight},values2:{values:c,formatValue:s.Value.rem},values3:{values:O,formatValue:s.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:I,formatValue:s.Value.widthHeight},values2:{values:c,formatValue:s.Value.rem},values3:{values:O,formatValue:s.Value.fraction}},height:{cssNames:["height"],values1:{values:I,formatValue:s.Value.widthHeight},values2:{values:c,formatValue:s.Value.rem},values3:{values:O,formatValue:s.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:I,formatValue:s.Value.widthHeight},values2:{values:c,formatValue:s.Value.rem},values3:{values:O,formatValue:s.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:I,formatValue:s.Value.widthHeight},values2:{values:c,formatValue:s.Value.rem},values3:{values:O,formatValue:s.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},m:{cssNames:["margin"],values1:{values:h,formatValue:s.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mx:{cssNames:["margin-inline"],values1:{values:h,formatValue:s.Value.rem},values2:{values:["auto"]},values3:{values:[]}},my:{cssNames:["margin-block"],values1:{values:h,formatValue:s.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mt:{cssNames:["margin-top"],values1:{values:h,formatValue:s.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mr:{cssNames:["margin-right"],values1:{values:h,formatValue:s.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mb:{cssNames:["margin-bottom"],values1:{values:h,formatValue:s.Value.rem},values2:{values:["auto"]},values3:{values:[]}},ml:{cssNames:["margin-left"],values1:{values:h,formatValue:s.Value.rem},values2:{values:["auto"]},values3:{values:[]}},p:{cssNames:["padding"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},px:{cssNames:["padding-inline"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},py:{cssNames:["padding-block"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},pt:{cssNames:["padding-top"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},pr:{cssNames:["padding-right"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},pb:{cssNames:["padding-bottom"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},pl:{cssNames:["padding-left"],values1:{values:h,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},b:{cssNames:["border-width"],values1:{values:c,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},bx:{cssNames:["border-inline-width"],values1:{values:h,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},by:{cssNames:["border-block-width"],values1:{values:h,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},bt:{cssNames:["border-top-width"],values1:{values:h,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},br:{cssNames:["border-right-width"],values1:{values:h,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},bb:{cssNames:["border-bottom-width"],values1:{values:h,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},bl:{cssNames:["border-left-width"],values1:{values:h,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:W},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:c,formatValue:s.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:_},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:_},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:_},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:c,formatValue:s.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:c,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:c,formatValue:s.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:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:c,formatValue:s.Value.rem},values2:{values:[]},values3:{values:[]}},order:{cssNames:["order"],values1:{values:c},values2:{values:[]},values3:{values:[]}},flexGrow:{cssNames:["flex-grow"],values1:{values:c},values2:{values:[]},values3:{values:[]}},flexShrink:{cssNames:["flex-shrink"],values1:{values:c},values2:{values:[]},values3:{values:[]}},alignSelf:{cssNames:["align-self"],values1:{values:F},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:F},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:c,formatValue:s.Value.gridColumns},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:c,formatValue:s.Value.gridColumn},values2:{values:["full-row"],formatValue:s.Value.gridColumn},values3:{values:[]}},colStart:{cssNames:["grid-column-start"],values1:{values:c},values2:{values:[]},values3:{values:[]}},colEnd:{cssNames:["grid-column-end"],values1:{values:c},values2:{values:[]},values3:{values:[]}},outline:{cssNames:["outline-width"],values1:{values:c,formatValue:s.Value.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:W},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:c,formatValue:s.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:s.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","auto","menulist-button","textfield","button","checkbox"]},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:s.Value.rotate},values2:{values:[]},values3:{values:[]}},flip:{cssNames:["scale"],values1:{values:["xAxis","yAxis"],formatValue:s.Value.flip},values2:{values:[]},values3:{values:[]}},visibility:{cssNames:["visibility"],values1:{values:["visible","hidden","collapse"]},values2:{values:[]},values3:{values:[]}},resize:{cssNames:["resize"],values1:{values:["none","both","horizontal","vertical","block","inline"]},values2:{values:[]},values3:{values:[]}}},K={shadow:{cssNames:["box-shadow"],formatValue:s.Value.variables("shadow")},background:{cssNames:["background"],formatValue:s.Value.variables("background")},backgroundImage:{cssNames:["background-image"],formatValue:s.Value.variables("backgroundImage")},color:{cssNames:["color"],formatValue:s.Value.variables("color")},bgColor:{cssNames:["background-color"],formatValue:s.Value.variables("color")},borderColor:{cssNames:["border-color"],formatValue:s.Value.variables("color")},outlineColor:{cssNames:["outline-color"],formatValue:s.Value.variables("color")}},M={fill:{cssNames:["fill"],formatValue:s.Value.svgVariables("color"),formatSelector:s.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:s.Value.svgVariables("color"),formatSelector:s.ClassName.svg}},ue=["disabledGroup","hoverGroup","focusGroup","activeGroup"],P=["hover","focus","hasFocus","active","checked","hasChecked","indeterminate","valid","hasValid","invalid","hasInvalid","required","optional","disabled","hasDisabled"],B=["sm","md","lg","xl","xxl"],te={sm:640,md:768,lg:1024,xl:1280,xxl:1536};function Y(){const e={...le};Object.keys(K).forEach(u=>{e[u]=K[u],e[u].isThemeStyle=!0}),Object.keys(M).forEach(u=>{e[u]=M[u],e[u].isThemeStyle=!0});let l=Object.keys(e);return P.forEach(u=>{l.forEach(n=>{e[`${n}${u}`]={...e[n],pseudoSuffix:u}})}),l=Object.keys(e),B.forEach(u=>{l.forEach(n=>{e[`${u}${n}`]={...e[n],breakpoint:u}})}),e}let $=Y();function oe(){$=Y()}function re(e,l,u){const n=Object.entries($).filter(([t,d])=>d.pseudoSuffix===e&&!d.customPseudoSuffix&&!(`${t}${l}`in $)).map(([t])=>t);return n.forEach(t=>{$[`${t}${l}`]={...$[t],customPseudoSuffix:u+l}}),n.map(t=>`${t}${l}`)}class ne{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:u,next:n}=ve,t=l-u.length;if(t<0)return u[l];const d=Math.floor(t/n.length),p=t-d*n.length;return this.getByIndex(d)+n[p]}}const ve={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var D;(e=>{e.boxClassName="_box",e.svgClassName="_svg",e.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;}}
 html{font-size: 16px;font-family: Arial, sans-serif;}
 body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
 a,ul{all: unset;}
-.${a.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;}
-.${a.svgClassName}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${a.svgClassName} path,.${a.svgClassName} circle,.${a.svgClassName} rect,.${a.svgClassName} line {transition: all var(--svgTransitionTime);}
-`,t=new re;let n=!0,o={};T();function m(l,s,r){if(l in C)return c(l,s,r);if(["disabledGroup","hoverGroup","focusGroup","activeGroup"].includes(l))return l+s}a.get=m;function N(){if(n){let l=d([u]);D.forEach(r=>{l=d(l,r)}),A.forEach(r=>{l.push(`@media(min-width: ${ue[r]}px){`),l=d(l,void 0,r),D.forEach(i=>{l=d(l,i,r)}),l.push("}")});const s=f();s.innerHTML=l.join(""),n=!1}}a.flush=N;function T(){te(),o=Object.keys(C).reduce((s,r)=>(s[r]=new Set,s),{})}a.clear=T;function S(l,s,r){oe(l,s,r).forEach(p=>{o[p]=new Set})}a.addCustomPseudoClass=S;function c(l,s,r){const i=(r??"")+l;o[i].has(s)||(n=!0,o[i].add(s));const p=`${i}${s}`;return process.env.NODE_ENV==="test"?p:t.getIdentity(p)}function d(l,s,r){return Object.entries(o).filter(([p,k])=>{var x,$;return((x=C[p])==null?void 0:x.pseudoSuffix)===s&&(($=C[p])==null?void 0:$.breakpoint)===r&&k.size>0}).reduce((p,[k,x])=>(x.forEach($=>{var L;const g=C[k],y=h(g,$),j=`.${c(k,$)}`;let w=[];s?s==="Hover"?w=i(j,g,y,"hover"):s==="Focus"?w=i(j,g,y,"focus-within"):s==="Active"?w=i(j,g,y,"active"):s==="Checked"?w=i(j,g,y,"checked"):s==="Indeterminate"?w=i(j,g,y,"indeterminate"):s==="Valid"?w=i(j,g,y,"valid"):s==="Invalid"?w=i(j,g,y,"invalid"):s==="Required"?w=i(j,g,y,"required"):s==="Optional"?w=i(j,g,y,"optional"):s==="Disabled"&&(w=i(j,g,y,"disabled")):w=i(j,g,y);const V=((L=y.formatValue)==null?void 0:L.call(y,k,$))??$,ee=C[k].cssNames.map(se=>`${se}:${V};`).join("");p.push(`${w.join(",")}{${ee}}`)}),p),l);function i(p,k,x,$){let g=p;return $&&(g=k.customPseudoSuffix?`.${k.customPseudoSuffix}:${$} ${p}`:`${p}:${$}`),x.formatSelector?x.formatSelector(g):[g]}}function h(l,s){return l.isThemeStyle?l:l.values1.values.includes(s)?l.values1:l.values2.values.includes(s)?l.values2:l.values3}function f(){const s=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let r=s.getElementById(a.cronoStylesElementId);return r||(r=s.createElement("style"),r.setAttribute("id",a.cronoStylesElementId),r.setAttribute("type","text/css"),s.head.insertBefore(r,s.head.firstChild)),r}a.getElement=f})(_||(_={}));const E=_,H={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}}},ve={Hover:"hover",Focus:"focus",Active:"active",Checked:"checked",Indeterminate:"indeterminate",Valid:"valid",Invalid:"invalid",Required:"required",Optional:"optional",Disabled:"disabled"};var q;(a=>{a.Styles={};function u(c){a.Styles=o(H),a.Styles=n(c)}a.setup=u;function t(c,d){const{colors:h={},shadows:f={},backgrounds:l={},backgroundImages:s={}}=c;h.none="none",f.none="none",l.none="none",s.none="none";const r=Object.entries(h).map(([V,O])=>`--color${V}: ${O};`).join(`
-  `),i=Object.entries(f).map(([V,O])=>`--shadow${V}: ${O};`).join(`
-  `),p=Object.entries(l).map(([V,O])=>`--background${V}: ${O};`).join(`
-  `),k=Object.entries(s).map(([V,O])=>`--backgroundImage${V}: ${O};`).join(`
-  `),x=[":root {"];r&&x.push(`  ${r}`),i&&x.push(`  ${i}`),p&&x.push(`  ${p}`),k&&x.push(`  ${k}`),x.push("}");const $=Object.keys(h).map(V=>`'${V}'`).join(" | "),g=Object.keys(l).map(V=>`'${V}'`).join(" | "),y=Object.keys(s).map(V=>`'${V}'`).join(" | "),j=Object.keys(f).map(V=>`'${V}'`).join(" | "),w=`import '@cronocode/react-box';
+.${e.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;}
+.${e.svgClassName}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${e.svgClassName} path,.${e.svgClassName} circle,.${e.svgClassName} rect,.${e.svgClassName} line {transition: all var(--svgTransitionTime);}
+`,u=new ne;let n=!0,t={};k();function d(a,o,v){if(a in $)return C(a,o,v);if(ue.includes(a))return a+o}e.get=d;function p(){if(n){let a=m([l]);P.forEach(v=>{a=m(a,v)}),B.forEach(v=>{a.push(`@media(min-width: ${te[v]}px){`),a=m(a,void 0,v),P.forEach(V=>{a=m(a,V,v)}),a.push("}")});const o=r();o.innerHTML=a.join(""),n=!1}}e.flush=p;function k(){oe(),t=Object.keys($).reduce((o,v)=>(o[v]=new Set,o),{})}e.clear=k;function E(a,o,v){re(a,o,v).forEach(b=>{t[b]=new Set})}e.addCustomPseudoClass=E;function C(a,o,v){const V=(v??"")+a;t[V].has(o)||(n=!0,t[V].add(o));const b=`${V}${o}`;return process.env.NODE_ENV==="test"?b:u.getIdentity(b)}const i={hover:"hover",focus:"focus-within",hasFocus:"has(:focus-within)",active:"active",checked:"checked",hasChecked:"has(:checked)",indeterminate:"indeterminate",valid:"user-valid",hasValid:"has(:valid)",invalid:"user-invalid",hasInvalid:"has(:user-invalid)",required:"required",optional:"optional",disabled:"disabled",hasDisabled:"has(:disabled)"};function m(a,o,v){return Object.entries(t).filter(([b,x])=>{var N,y;return((N=$[b])==null?void 0:N.pseudoSuffix)===o&&((y=$[b])==null?void 0:y.breakpoint)===v&&x.size>0}).reduce((b,[x,N])=>(N.forEach(y=>{var L;const S=$[x],z=f(S,y),G=`.${C(x,y)}`,R=V(G,S,z,o?i[o]:void 0),g=((L=z.formatValue)==null?void 0:L.call(z,x,y))??y,ee=$[x].cssNames.map(se=>`${se}:${g};`).join("");b.push(`${R.join(",")}{${ee}}`)}),b),a);function V(b,x,N,y){let S=b;return y&&(S=x.customPseudoSuffix?`.${x.customPseudoSuffix}:${y} ${b}`:`${b}:${y}`),N.formatSelector?N.formatSelector(S):[S]}}function f(a,o){return a.isThemeStyle?a:a.values1.values.includes(o)?a.values1:a.values2.values.includes(o)?a.values2:a.values3}function r(){const o=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let v=o.getElementById(e.cronoStylesElementId);return v||(v=o.createElement("style"),v.setAttribute("id",e.cronoStylesElementId),v.setAttribute("type","text/css"),o.head.insertBefore(v,o.head.firstChild)),v}e.getElement=r})(D||(D={}));const T=D,ie={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 q;(e=>{e.Styles={};function l(i){e.Styles=t(ie),n(i)}e.setup=l;function u(i,m){const{colors:f={},shadows:r={},backgrounds:a={},backgroundImages:o={}}=i;f.none="none",r.none="none",a.none="none",o.none="none";const v=Object.entries(f).map(([g,j])=>`--color${g}: ${j};`).join(`
+  `),V=Object.entries(r).map(([g,j])=>`--shadow${g}: ${j};`).join(`
+  `),b=Object.entries(a).map(([g,j])=>`--background${g}: ${j};`).join(`
+  `),x=Object.entries(o).map(([g,j])=>`--backgroundImage${g}: ${j};`).join(`
+  `),N=[":root {"];v&&N.push(`  ${v}`),V&&N.push(`  ${V}`),b&&N.push(`  ${b}`),x&&N.push(`  ${x}`),N.push("}");const y=Object.keys(f).map(g=>`'${g}'`).join(" | "),S=Object.keys(a).map(g=>`'${g}'`).join(" | "),z=Object.keys(o).map(g=>`'${g}'`).join(" | "),G=Object.keys(r).map(g=>`'${g}'`).join(" | "),R=`import '@cronocode/react-box';
   
-  declare module '${(d==null?void 0:d.namespacePath)??"@cronocode/react-box/core/types"}' {
-    type ColorType = ${$};
-    type BackgroundType = ${g};
-    type BackgroundImageType = ${y};
-    type ShadowType = ${j};
+  declare module '${(m==null?void 0:m.namespacePath)??"@cronocode/react-box/core/types"}' {
+    type ColorType = ${y};
+    type BackgroundType = ${S};
+    type BackgroundImageType = ${z};
+    type ShadowType = ${G};
   
     namespace Augmented {
       interface BoxProps {
@@ -33,5 +33,5 @@ a,ul{all: unset;}
       }
     }
   }
-  `;return{variables:x.join(`
-`),boxDts:w}}a.setupAugmentedProps=t;function n(c){const d=o(c);return Object.keys(H).forEach(f=>{const l=d[f],s=H[f];l?l.styles={...s.styles,...l.styles}:d[f]=H[f]}),d}function o(c){return m(c),T(c),c}function m(c){if(!c.components)return;const d=Object.keys(c.components);for(const h of d){const f=c.components[h],l=N(h,f);delete f.children;for(const s of l){const[r,i]=s;c.components[r]=i}}}function N(c,d){if(!d.children)return[];const h=Object.keys(d.children),f=[];for(const l of h){const s=`${c}.${l}`,r=d.children[l],i=N(s,r);f.push(...i),delete r.children,f.push([s,r])}return f}function T(c){const{components:d,...h}=c,f=Object.values(h);d&&f.push(...Object.values(d));for(const l of f)S(l.styles),A.forEach(s=>{if(s in l.styles){const r=l.styles[s];S(r)}}),l.themes&&Object.values(l.themes).forEach(s=>{S(s),A.forEach(r=>{if(r in s){const i=s[r];S(i)}})})}function S(c){Object.entries(ve).forEach(([d,h])=>{if(h in c){const f=c[h];Object.entries(f).map(([l,s])=>{c[`${l}${d}`]=s}),delete c[h]}})}})(q||(q={}));const F=q;function ie(a){const{clean:u,theme:t,component:n}=a;return G.useMemo(()=>{var m,N;if(u)return;let o=F.Styles[n]??((m=F.Styles.components)==null?void 0:m[n]);if(o)return t?{...o.styles,...(N=o.themes)==null?void 0:N[t]}:o.styles},[n,u,t])}const ce=typeof window<"u"&&typeof window.document<"u",me=ce?G.useLayoutEffect:G.useEffect;function de(a,u){const t=ie(a);return me(E.flush,[a]),G.useMemo(()=>{const n=[u?E.svgClassName:E.boxClassName],o=t?{...t,...a}:{...a};return X(o),Object.entries(o).forEach(([m,N])=>{n.push(E.get(m,N))}),A.forEach(m=>{if(m in o){const N=o[m];X(N),Object.entries(N).forEach(([T,S])=>{n.push(E.get(T,S,m))}),delete o[m]}}),n},[a,t])}function X(a){B(a,"hover","Hover"),B(a,"focus","Focus"),B(a,"active","Active"),B(a,"disabled","Disabled"),R(a,"hoverGroup","Hover"),R(a,"focusGroup","Focus"),R(a,"activeGroup","Active"),R(a,"disabledGroup","Disabled")}function B(a,u,t){u in a&&Q(a,u,t,a[u])}function R(a,u,t){u in a&&Y.ObjectUtils.isObject(a[u])&&Object.entries(a[u]).forEach(([n,o])=>{E.addCustomPseudoClass(t,n,u),Q(a,u,t+n,o)})}function Q(a,u,t,n){Array.isArray(n)?(Object.entries(n[1]).forEach(([o,m])=>{a[`${o}${t}`]=m}),a[u]=n[0]):Y.ObjectUtils.isObject(n)&&(Object.entries(n).forEach(([o,m])=>{a[`${o}${t}`]=m}),delete a[u])}function Z(...a){return a.reduce((u,t)=>t?typeof t=="string"?(u.push(t),u):Array.isArray(t)?(u.push(...Z(...t)),u):(Object.entries(t).forEach(([n,o])=>{o&&u.push(n)}),u):u,[])}exports.StylesContext=E;exports.Theme=F;exports.classNames=Z;exports.useStyles=de;
+  `;return{variables:N.join(`
+`),boxDts:R}}e.setupAugmentedProps=u;function n(i){const m=t(i);if(m.components)return Object.entries(m.components).forEach(([f,r])=>{var o;const a=(o=e.Styles.components)==null?void 0:o[f];a?e.Styles.components[f].styles={...a.styles,...r.styles}:e.Styles.components[f]=r}),m}function t(i){return d(i),p(i),E(i),i}function d(i){const{components:m,...f}=i,r=Object.entries(f);r.length&&!i.components&&(i.components={});for(const a of r){const[o,v]=a;i.components[o]=v,delete i[o]}}function p(i){if(!i.components)return;const m=Object.keys(i.components);for(const f of m){const r=i.components[f],a=k(f,r);delete r.children;for(const o of a){const[v,V]=o;i.components[v]=V}}}function k(i,m){if(!m.children)return[];const f=Object.keys(m.children),r=[];for(const a of f){const o=`${i}.${a}`,v=m.children[a],V=k(o,v);r.push(...V),delete v.children,r.push([o,v])}return r}function E(i){if(!i.components)return;const m=Object.values(i.components);for(const f of m)C(f.styles),B.forEach(r=>{if(r in f.styles){const a=f.styles[r];C(a)}}),f.themes&&Object.values(f.themes).forEach(r=>{C(r),B.forEach(a=>{if(a in r){const o=r[a];C(o)}})})}function C(i){P.forEach(m=>{if(m in i){const f=i[m];Object.entries(f).map(([r,a])=>{i[`${r}${m}`]=a}),delete i[m]}})}})(q||(q={}));const J=q;function ce(e){const{clean:l,theme:u,component:n}=e;return H.useMemo(()=>{var d,p;if(l)return;let t=(d=J.Styles.components)==null?void 0:d[n];if(t)return u?{...t.styles,...(p=t.themes)==null?void 0:p[u]}:t.styles},[n,l,u])}const me=typeof window<"u"&&typeof window.document<"u",de=me?H.useLayoutEffect:H.useEffect;function fe(e,l){const u=ce(e);return de(T.flush,[e]),H.useMemo(()=>{const n=[l?T.svgClassName:T.boxClassName],t=u?{...u,...e}:{...e};return U(t),Object.entries(t).forEach(([d,p])=>{n.push(T.get(d,p))}),B.forEach(d=>{if(d in t){const p=t[d];U(p),Object.entries(p).forEach(([k,E])=>{n.push(T.get(k,E,d))}),delete t[d]}}),n},[e,u])}function U(e){w(e,"hover","hover"),w(e,"focus","focus"),w(e,"hasFocus","hasFocus"),w(e,"active","active"),w(e,"disabled","disabled"),w(e,"hasDisabled","hasDisabled"),w(e,"checked","checked"),w(e,"hasChecked","hasChecked"),w(e,"valid","valid"),w(e,"hasValid","hasValid"),w(e,"invalid","invalid"),w(e,"hasInvalid","hasInvalid"),A(e,"hoverGroup","hover"),A(e,"focusGroup","focus"),A(e,"activeGroup","active"),A(e,"disabledGroup","disabled")}function w(e,l,u){l in e&&Q(e,l,u,e[l])}function A(e,l,u){l in e&&X.ObjectUtils.isObject(e[l])&&Object.entries(e[l]).forEach(([n,t])=>{T.addCustomPseudoClass(u,n,l),Q(e,l,u+n,t)})}function Q(e,l,u,n){Array.isArray(n)?(Object.entries(n[1]).forEach(([t,d])=>{e[`${t}${u}`]=d}),e[l]=n[0]):X.ObjectUtils.isObject(n)&&(Object.entries(n).forEach(([t,d])=>{e[`${t}${u}`]=d}),delete e[l])}function Z(...e){return e.reduce((l,u)=>u?typeof u=="string"?(l.push(u),l):Array.isArray(u)?(l.push(...Z(...u)),l):(Object.entries(u).forEach(([n,t])=>{t&&l.push(n)}),l):l,[])}exports.StylesContext=T;exports.Theme=J;exports.classNames=Z;exports.useStyles=fe;