@cronocode/react-box 1.8.7 → 1.8.8

package/components/tooltip.mjs

@@ -1,9 +1,7 @@
 import { jsxs as v, Fragment as b, jsx as a } from "react/jsx-runtime";
 import { createPortal as x } from "react-dom";
 import d from "../box.mjs";
-import { useMemo as E, useRef as C, useState as g, useCallback as p, useLayoutEffect as L } from "react";
-import "../core.mjs";
-import "../utils.mjs";
+import { useMemo as E, useRef as C, useState as g, useCallback as f, useLayoutEffect as L } from "react";
 function y() {
   return E(() => {
     const i = "crono-box";
@@ -12,8 +10,8 @@ function y() {
   }, []);
 }
 const l = 2;
-function j(i) {
-  const { onPositionChange: r } = i, c = C(null), [t, f] = g(), m = y(), w = p(
+function M(i) {
+  const { onPositionChange: r } = i, c = C(null), [t, p] = g(), m = y(), w = f(
     (n, e) => {
       const o = (s) => {
         s.target.contains(n) && e(n);
@@ -23,7 +21,7 @@ function j(i) {
       };
     },
     [t]
-  ), h = p(
+  ), h = f(
     (n, e) => {
       const o = (s) => {
         e(n);
@@ -33,10 +31,10 @@ function j(i) {
       };
     },
     [t]
-  ), u = p(
+  ), u = f(
     (n) => {
       const e = n.getBoundingClientRect(), o = Math.round((e.top + window.scrollY) * l) / l, s = Math.round((e.left + window.scrollX) * l) / l;
-      ((t == null ? void 0 : t.top) !== o || (t == null ? void 0 : t.left) !== s) && (r == null || r({ top: o, left: s }), f({ top: o, left: s, width: e.width > 0 ? e.width : void 0 }));
+      ((t == null ? void 0 : t.top) !== o || (t == null ? void 0 : t.left) !== s) && (r == null || r({ top: o, left: s }), p({ top: o, left: s, width: e.width > 0 ? e.width : void 0 }));
     },
     [t]
   );
@@ -67,5 +65,5 @@ function j(i) {
   ] });
 }
 export {
-  j as default
+  M as default
 };

package/core/boxStyles.d.ts

@@ -1,4 +1,5 @@
 import { BoxStylesFormatters } from './boxStylesFormatters';
+
 export interface StyleValues {
     values: Readonly<Array<unknown>>;
     formatSelector?: (selector: string) => string[];
@@ -15,6 +16,7 @@ export interface StyleItem {
     values2: StyleValues;
     values3: StyleValues;
     pseudoSuffix?: PseudoClassSuffix;
+    customPseudoSuffix?: string;
     breakpoint?: BoxBreakpointsType;
     isThemeStyle?: boolean;
 }
@@ -1215,18 +1217,10 @@ export declare const svgThemeStyles: {
         formatSelector: typeof BoxStylesFormatters.ClassName.svg;
     };
 };
-export declare const pseudoClassSuffixesExtended: readonly ["H", "F", "A", "Checked", "Indeterminate", "Valid", "Invalid", "Required", "Optional", "Disabled"];
-export type PseudoClassSuffix = (typeof pseudoClassSuffixesExtended)[number];
+export declare const pseudoClassSuffixes: readonly ["Hover", "Focus", "Active", "Checked", "Indeterminate", "Valid", "Invalid", "Required", "Optional", "Disabled"];
+export type PseudoClassSuffix = (typeof pseudoClassSuffixes)[number];
 export declare const boxBreakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
 export type BoxBreakpointsType = (typeof boxBreakpoints)[number];
 export declare const boxBreakpointsMinWidth: Record<BoxBreakpointsType, number>;
-export declare const pseudoClassClassName: {
-    hover: {
-        className: string;
-    };
-    focus: {
-        className: string;
-    };
-};
-export type PseudoClassClassNameKey = keyof typeof pseudoClassClassName;
 export type StyleKey = keyof typeof boxStyles;
+export declare function addCustomPseudoClassProps(suffix: PseudoClassSuffix, customName: string, parentKey: string): string[];

package/core/stylesContext.d.ts

@@ -1,4 +1,5 @@
-import { BoxBreakpointsType } from './boxStyles';
+import { BoxBreakpointsType, PseudoClassSuffix } from './boxStyles';
+
 declare namespace StylesContext {
     const boxClassName = "_box";
     const svgClassName = "_svg";
@@ -6,5 +7,7 @@ declare namespace StylesContext {
     function get(key: string, value: unknown, breakpoint?: BoxBreakpointsType): string | undefined;
     function flush(): void;
     function clear(): void;
+    function addCustomPseudoClass(suffix: PseudoClassSuffix, customName: string, parentKey: string): void;
+    function getElement(): HTMLElement;
 }
 export default StylesContext;

package/core/theme.d.ts

@@ -1,4 +1,5 @@
 import { BoxStyleProps, BoxThemeProps } from './types';
+
 export interface ThemeStyles<T> {
     styles: T;
 }

package/core/types.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { StyleItem, boxStyles } from './boxStyles';
 import { ThemeComponentProps } from './useTheme';
+import { StyleItem, boxStyles } from './boxStyles';
+
 export type ExtractElementType<T> = T extends React.DetailedHTMLProps<React.HTMLAttributes<infer E>, infer E> ? E : T extends React.SVGProps<infer E> ? E : never;
 export type ExtractElementFromTag<T extends keyof React.JSX.IntrinsicElements> = ExtractElementType<React.JSX.IntrinsicElements[T]>;
 export declare namespace Augmented {
@@ -15,9 +15,13 @@ type BoxStyles<T extends Record<string, StyleItem>> = {
 type BoxNormalStyles = BoxStyles<typeof boxStyles> & Augmented.BoxProps;
 interface BoxPseudoClasses {
     disabled?: boolean | [boolean, BoxNormalStyles];
-    hover?: boolean | [boolean, BoxNormalStyles] | BoxNormalStyles;
-    focus?: boolean | [boolean, BoxNormalStyles] | BoxNormalStyles;
+    disabledGroup?: string | Record<string, BoxNormalStyles>;
+    hover?: BoxNormalStyles;
+    hoverGroup?: string | Record<string, BoxNormalStyles>;
+    focus?: BoxNormalStyles;
+    focusGroup?: string | Record<string, BoxNormalStyles>;
     active?: BoxNormalStyles;
+    activeGroup?: string | Record<string, BoxNormalStyles>;
 }
 interface BoxThemePseudoClassProps {
     hover?: BoxNormalStyles;
@@ -40,7 +44,13 @@ interface SvgNormalStyles {
     rotate?: BoxNormalStyles['rotate'];
     flip?: BoxNormalStyles['flip'];
     transitionDuration?: BoxNormalStyles['transitionDuration'];
-    hover?: boolean | [boolean, BoxNormalStyles];
+    disabledGroup?: Record<string, SvgNormalStyles>;
+    hover?: SvgNormalStyles;
+    hoverGroup?: string | Record<string, SvgNormalStyles>;
+    focus?: SvgNormalStyles;
+    focusGroup?: string | Record<string, SvgNormalStyles>;
+    active?: SvgNormalStyles;
+    activeGroup?: string | Record<string, SvgNormalStyles>;
 }
 export type BoxSvgStyles = SvgNormalStyles & ThemeComponentProps & Augmented.SvgProps;
 export {};

package/core/useStyles.cssClass.test.d.ts

@@ -0,0 +1 @@
+export {};

package/core/useStyles.d.ts

@@ -1,2 +1,3 @@
 import { BoxStyleProps } from './types';
+
 export default function useStyles(props: BoxStyleProps, isSvg: boolean): (string | undefined)[];

package/core/useStyles.styles.test.d.ts

@@ -0,0 +1 @@
+export {};

package/core/useTheme.d.ts

@@ -1,5 +1,6 @@
-import { ThemeSetup } from './theme';
 import { BoxStyleProps } from './types';
+import { ThemeSetup } from './theme';
+
 type ReservedComponentName = Exclude<string, keyof Omit<ThemeSetup, 'components'>>;
 export interface ThemeComponentProps {
     clean?: boolean;

package/core.cjs

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