@cronocode/react-box 1.8.3 → 1.8.5

package/box.cjs

@@ -1 +1 @@
-"use strict";const s=require("react"),u=require("./core.cjs");function g(t,a){const{tag:n="div",children:o,props:f,className:d,style:c,disabled:r}=t,y=u.useStyles(t,n==="svg"),m=s.useMemo(()=>u.classNames(y,d).join(" "),[t]),e={...f,className:m,disabled:Array.isArray(r)?r[0]:r};c&&(e.style=c),a&&(e.ref=a);const[v,l]=s.useState(!1),i=typeof o=="function";return i&&(e.onMouseEnter=()=>l(!0),e.onMouseLeave=()=>l(!1)),s.createElement(n,e,i?o({isHover:v}):o)}const N=s.forwardRef(g);module.exports=N;
+"use strict";const s=require("react"),u=require("./core.cjs");require("./utils.cjs");function g(t,a){const{tag:n="div",children:r,props:f,className:d,style:c,disabled:o}=t,y=u.useStyles(t,n==="svg"),m=s.useMemo(()=>u.classNames(y,d).join(" "),[t]),e={...f,className:m,disabled:Array.isArray(o)?o[0]:o};c&&(e.style=c),a&&(e.ref=a);const[v,i]=s.useState(!1),l=typeof r=="function";return l&&(e.onMouseEnter=()=>i(!0),e.onMouseLeave=()=>i(!1)),s.createElement(n,e,l?r({isHover:v}):r)}const q=s.forwardRef(g);module.exports=q;

package/box.mjs

@@ -1,12 +1,13 @@
-import y, { forwardRef as v, useMemo as g, useState as p } from "react";
+import y, { forwardRef as v, useMemo as p, useState as g } from "react";
 import { u as N, c as x } from "./core.mjs";
-function H(s, o) {
-  const { tag: r = "div", children: t, props: i, className: u, style: n, disabled: a } = s, f = N(s, r === "svg"), m = g(() => x(f, u).join(" "), [s]), e = { ...i, className: m, disabled: Array.isArray(a) ? a[0] : a };
-  n && (e.style = n), o && (e.ref = o);
-  const [d, l] = p(!1), c = typeof t == "function";
+import "./utils.mjs";
+function H(s, a) {
+  const { tag: r = "div", children: t, props: i, className: u, style: n, disabled: o } = s, f = N(s, r === "svg"), m = p(() => x(f, u).join(" "), [s]), e = { ...i, className: m, disabled: Array.isArray(o) ? o[0] : o };
+  n && (e.style = n), a && (e.ref = a);
+  const [d, l] = g(!1), c = typeof t == "function";
   return c && (e.onMouseEnter = () => l(!0), e.onMouseLeave = () => l(!1)), y.createElement(r, e, c ? t({ isHover: d }) : t);
 }
-const $ = v(H);
+const b = v(H);
 export {
-  $ as default
+  b as default
 };

package/components/baseSvg.cjs

@@ -1 +1 @@
-"use strict";const u=require("react/jsx-runtime"),g=require("react"),p=require("../box.cjs");require("../core.cjs");function c(r,e){const{viewBox:s="0 0 24 24",width:t="1.5rem",height:o,props:i,...n}=r;return u.jsx(p,{tag:"svg",ref:e,props:{...i,viewBox:s,width:t,height:o,xmlns:"http://www.w3.org/2000/svg",fill:"none"},...n})}const w=g.forwardRef(c);module.exports=w;
+"use strict";const u=require("react/jsx-runtime"),g=require("react"),p=require("../box.cjs");require("../core.cjs");require("../utils.cjs");function c(r,e){const{viewBox:s="0 0 24 24",width:t="1.5rem",height:o,props:i,...n}=r;return u.jsx(p,{tag:"svg",ref:e,props:{...i,viewBox:s,width:t,height:o,xmlns:"http://www.w3.org/2000/svg",fill:"none"},...n})}const w=g.forwardRef(c);module.exports=w;

package/components/baseSvg.mjs

@@ -2,6 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import g from "../box.mjs";
 import "../core.mjs";
+import "../utils.mjs";
 function n(o, r) {
   const { viewBox: t = "0 0 24 24", width: s = "1.5rem", height: p, props: e, ...i } = o;
   return /* @__PURE__ */ m(
@@ -14,7 +15,7 @@ function n(o, r) {
     }
   );
 }
-const h = f(n);
+const l = f(n);
 export {
-  h as default
+  l as default
 };

package/components/dataGrid.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),u=require("../box.cjs");require("react");require("../core.cjs");function c(e){if(!(e!=null&&e.length))return{rows:[],columns:[]};const i=Object.keys(e[0]);return{rows:e.map(r=>({dataRow:r,cells:i.map(n=>({key:n,value:r[n]}))})),columns:i.map(r=>({key:r}))}}function l(e){const{data:i}=e,r=c(i);return s.jsx(u,{display:"grid",b:1,borderRadius:1,children:r.columns.length===0?s.jsx(s.Fragment,{children:"empty grid"}):s.jsxs(s.Fragment,{children:[r.columns.map((n,t)=>s.jsx(u,{style:{gridColumn:t+1},children:n.key.toString()},n.key.toString())),r.rows.map((n,t)=>n.cells.map(o=>s.jsx(u,{children:o.value},o.key.toString()+t)))]})})}module.exports=l;
+"use strict";const s=require("react/jsx-runtime"),u=require("../box.cjs");require("react");require("../core.cjs");require("../utils.cjs");function c(e){if(!(e!=null&&e.length))return{rows:[],columns:[]};const i=Object.keys(e[0]);return{rows:e.map(r=>({dataRow:r,cells:i.map(n=>({key:n,value:r[n]}))})),columns:i.map(r=>({key:r}))}}function l(e){const{data:i}=e,r=c(i);return s.jsx(u,{display:"grid",b:1,borderRadius:1,children:r.columns.length===0?s.jsx(s.Fragment,{children:"empty grid"}):s.jsxs(s.Fragment,{children:[r.columns.map((n,t)=>s.jsx(u,{style:{gridColumn:t+1},children:n.key.toString()},n.key.toString())),r.rows.map((n,t)=>n.cells.map(o=>s.jsx(u,{children:o.value},o.key.toString()+t)))]})})}module.exports=l;

package/components/dataGrid.mjs

@@ -1,7 +1,8 @@
-import { jsx as o, Fragment as m, jsxs as u } from "react/jsx-runtime";
+import { jsx as o, Fragment as l, jsxs as u } from "react/jsx-runtime";
 import s from "../box.mjs";
 import "react";
 import "../core.mjs";
+import "../utils.mjs";
 function c(e) {
   if (!(e != null && e.length))
     return {
@@ -22,13 +23,13 @@ function c(e) {
     }))
   };
 }
-function y(e) {
+function f(e) {
   const { data: i } = e, r = c(i);
-  return /* @__PURE__ */ o(s, { display: "grid", b: 1, borderRadius: 1, children: r.columns.length === 0 ? /* @__PURE__ */ o(m, { children: "empty grid" }) : /* @__PURE__ */ u(m, { children: [
+  return /* @__PURE__ */ o(s, { display: "grid", b: 1, borderRadius: 1, children: r.columns.length === 0 ? /* @__PURE__ */ o(l, { children: "empty grid" }) : /* @__PURE__ */ u(l, { children: [
     r.columns.map((n, t) => /* @__PURE__ */ o(s, { style: { gridColumn: t + 1 }, children: n.key.toString() }, n.key.toString())),
-    r.rows.map((n, t) => n.cells.map((l) => /* @__PURE__ */ o(s, { children: l.value }, l.key.toString() + t)))
+    r.rows.map((n, t) => n.cells.map((m) => /* @__PURE__ */ o(s, { children: m.value }, m.key.toString() + t)))
   ] }) });
 }
 export {
-  y as default
+  f as default
 };

package/components/flex.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),t=require("react"),o=require("../box.cjs");require("../core.cjs");function u(e,r){const{inline:i,...n}=e;return s.jsx(o,{ref:r,display:i?"inline-flex":"flex",...n})}const x=t.forwardRef(u);module.exports=x;
+"use strict";const s=require("react/jsx-runtime"),t=require("react"),o=require("../box.cjs");require("../core.cjs");require("../utils.cjs");function u(e,r){const{inline:i,...n}=e;return s.jsx(o,{ref:r,display:i?"inline-flex":"flex",...n})}const x=t.forwardRef(u);module.exports=x;

package/components/flex.mjs

@@ -1,12 +1,13 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
 import n from "../box.mjs";
 import "../core.mjs";
+import "../utils.mjs";
 function l(o, r) {
-  const { inline: e, ...t } = o;
-  return /* @__PURE__ */ f(n, { ref: r, display: e ? "inline-flex" : "flex", ...t });
+  const { inline: t, ...e } = o;
+  return /* @__PURE__ */ i(n, { ref: r, display: t ? "inline-flex" : "flex", ...e });
 }
-const a = i(l);
+const c = f(l);
 export {
-  a as default
+  c as default
 };

package/components/grid.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),t=require("react"),o=require("../box.cjs");require("../core.cjs");function u(r,e){const{inline:i,...n}=r;return s.jsx(o,{ref:e,display:i?"inline-grid":"grid",...n})}const c=t.forwardRef(u);module.exports=c;
+"use strict";const s=require("react/jsx-runtime"),t=require("react"),o=require("../box.cjs");require("../core.cjs");require("../utils.cjs");function u(r,e){const{inline:i,...n}=r;return s.jsx(o,{ref:e,display:i?"inline-grid":"grid",...n})}const c=t.forwardRef(u);module.exports=c;

package/components/grid.mjs

@@ -1,12 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import e from "../box.mjs";
+import { forwardRef as m } from "react";
+import p from "../box.mjs";
 import "../core.mjs";
-function f(r, i) {
+import "../utils.mjs";
+function d(r, i) {
   const { inline: o, ...t } = r;
-  return /* @__PURE__ */ n(e, { ref: i, display: o ? "inline-grid" : "grid", ...t });
+  return /* @__PURE__ */ n(p, { ref: i, display: o ? "inline-grid" : "grid", ...t });
 }
-const l = d(f);
+const c = m(d);
 export {
-  l as default
+  c as default
 };

package/components/tooltip.cjs

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),h=require("react-dom"),f=require("../box.cjs"),s=require("react");require("../core.cjs");function v(){return s.useMemo(()=>{const c="crono-box";let r=document.getElementById(c);return r||(r=document.createElement("div"),r.id=c,document.body.appendChild(r)),r},[])}const a=2;function x(c){const{onPositionChange:r}=c,u=s.useRef(null),[e,p]=s.useState(),m=v(),w=s.useCallback((o,t)=>{const n=i=>{i.target.contains(o)&&t(o)};return document.addEventListener("scroll",n,{capture:!0}),()=>{document.removeEventListener("scroll",n,{capture:!0})}},[e]),b=s.useCallback((o,t)=>{const n=i=>{t(o)};return window.addEventListener("resize",n,{capture:!0}),()=>{window.removeEventListener("resize",n,{capture:!0})}},[e]),d=s.useCallback(o=>{const t=o.getBoundingClientRect(),n=Math.round((t.top+window.scrollY)*a)/a,i=Math.round((t.left+window.scrollX)*a)/a;((e==null?void 0:e.top)!==n||(e==null?void 0:e.left)!==i)&&(r==null||r({top:n,left:i}),p({top:n,left:i,width:t.width>0?t.width:void 0}))},[e]);return s.useLayoutEffect(()=>{if(u.current){d(u.current);const o=w(u.current,d),t=b(u.current,d);return()=>{o(),t()}}},[e]),l.jsxs(l.Fragment,{children:[l.jsx(f,{ref:u}),e&&h.createPortal(l.jsx(f,{position:"absolute",top:0,left:0,transition:"none",style:{transform:`translate(${e.left}px,${e.top}px)`,width:e.width},children:l.jsx(f,{position:"absolute",width:"fit",...c})}),m)]})}module.exports=x;
+"use strict";const l=require("react/jsx-runtime"),h=require("react-dom"),f=require("../box.cjs"),s=require("react");require("../core.cjs");require("../utils.cjs");function v(){return s.useMemo(()=>{const c="crono-box";let r=document.getElementById(c);return r||(r=document.createElement("div"),r.id=c,document.body.appendChild(r)),r},[])}const a=2;function x(c){const{onPositionChange:r}=c,u=s.useRef(null),[e,p]=s.useState(),m=v(),w=s.useCallback((o,t)=>{const n=i=>{i.target.contains(o)&&t(o)};return document.addEventListener("scroll",n,{capture:!0}),()=>{document.removeEventListener("scroll",n,{capture:!0})}},[e]),b=s.useCallback((o,t)=>{const n=i=>{t(o)};return window.addEventListener("resize",n,{capture:!0}),()=>{window.removeEventListener("resize",n,{capture:!0})}},[e]),d=s.useCallback(o=>{const t=o.getBoundingClientRect(),n=Math.round((t.top+window.scrollY)*a)/a,i=Math.round((t.left+window.scrollX)*a)/a;((e==null?void 0:e.top)!==n||(e==null?void 0:e.left)!==i)&&(r==null||r({top:n,left:i}),p({top:n,left:i,width:t.width>0?t.width:void 0}))},[e]);return s.useLayoutEffect(()=>{if(u.current){d(u.current);const o=w(u.current,d),t=b(u.current,d);return()=>{o(),t()}}},[e]),l.jsxs(l.Fragment,{children:[l.jsx(f,{ref:u}),e&&h.createPortal(l.jsx(f,{position:"absolute",top:0,left:0,transition:"none",style:{transform:`translate(${e.left}px,${e.top}px)`,width:e.width},children:l.jsx(f,{position:"absolute",width:"fit",...c})}),m)]})}module.exports=x;

package/components/tooltip.mjs

@@ -1,8 +1,9 @@
 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 f, useLayoutEffect as L } from "react";
+import { useMemo as E, useRef as C, useState as g, useCallback as p, useLayoutEffect as L } from "react";
 import "../core.mjs";
+import "../utils.mjs";
 function y() {
   return E(() => {
     const i = "crono-box";
@@ -11,8 +12,8 @@ function y() {
   }, []);
 }
 const l = 2;
-function R(i) {
-  const { onPositionChange: r } = i, c = C(null), [t, p] = g(), m = y(), w = f(
+function j(i) {
+  const { onPositionChange: r } = i, c = C(null), [t, f] = g(), m = y(), w = p(
     (n, e) => {
       const o = (s) => {
         s.target.contains(n) && e(n);
@@ -22,7 +23,7 @@ function R(i) {
       };
     },
     [t]
-  ), h = f(
+  ), h = p(
     (n, e) => {
       const o = (s) => {
         e(n);
@@ -32,10 +33,10 @@ function R(i) {
       };
     },
     [t]
-  ), u = f(
+  ), u = p(
     (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 }), p({ 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 }), f({ top: o, left: s, width: e.width > 0 ? e.width : void 0 }));
     },
     [t]
   );
@@ -66,5 +67,5 @@ function R(i) {
   ] });
 }
 export {
-  R as default
+  j as default
 };

package/core/boxStyles.d.ts

@@ -1215,10 +1215,8 @@ export declare const svgThemeStyles: {
         formatSelector: typeof BoxStylesFormatters.ClassName.svg;
     };
 };
-export declare const pseudoClassSuffixes: readonly ["H", "F", "A"];
 export declare const pseudoClassSuffixesExtended: readonly ["H", "F", "A", "Checked", "Indeterminate", "Valid", "Invalid", "Required", "Optional", "Disabled"];
-export type PseudoClassSuffix = (typeof pseudoClassSuffixes)[number];
-export type PseudoClassSuffixExtended = (typeof pseudoClassSuffixesExtended)[number];
+export type PseudoClassSuffix = (typeof pseudoClassSuffixesExtended)[number];
 export declare const pseudoClassClassName: {
     hover: {
         className: string;

package/core/types.d.ts

@@ -1,11 +1,8 @@
 /// <reference types="react" />
-import { PseudoClassSuffix, StyleItem, boxStyles } from './boxStyles';
+import { StyleItem, boxStyles } from './boxStyles';
 import { ThemeComponentProps } from './useTheme';
 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 type PseudoClass<T, TSuffix extends PseudoClassSuffix> = {
-    [K in keyof T as K extends string ? `${K}${TSuffix}` : never]: T[K];
-};
 export declare namespace Augmented {
     interface BoxProps {
     }
@@ -16,25 +13,26 @@ type BoxStyles<T extends Record<string, StyleItem>> = {
     [K in keyof T]?: T[K]['values1']['values'][number] | T[K]['values2']['values'][number] | T[K]['values3']['values'][number];
 };
 type BoxNormalStyles = BoxStyles<typeof boxStyles> & Augmented.BoxProps;
-interface BoxPseudoClasses {
-    hover?: boolean;
-    focus?: boolean;
-}
 interface BoxPseudoClasses2 {
     disabled?: boolean | [boolean, BoxNormalStyles];
+    hover?: boolean | [boolean, BoxNormalStyles] | BoxNormalStyles;
+    focus?: boolean | [boolean, BoxNormalStyles] | BoxNormalStyles;
+    active?: BoxNormalStyles;
 }
-type BoxPseudoClassStyles = PseudoClass<BoxNormalStyles, 'H'> & PseudoClass<BoxNormalStyles, 'F'> & PseudoClass<BoxNormalStyles, 'A'>;
 interface BoxThemePseudoClassProps {
+    hover?: BoxNormalStyles;
+    focus?: BoxNormalStyles;
+    active?: BoxNormalStyles;
     disabled?: BoxNormalStyles;
     indeterminate?: BoxNormalStyles;
     checked?: BoxNormalStyles;
 }
-export type BoxThemeProps = BoxNormalStyles & BoxThemePseudoClassProps & BoxPseudoClassStyles;
-export type BoxStyleProps = BoxNormalStyles & BoxPseudoClasses & BoxPseudoClasses2 & BoxPseudoClassStyles & ThemeComponentProps;
+export type BoxThemeProps = BoxNormalStyles & BoxThemePseudoClassProps;
+export type BoxStyleProps = BoxNormalStyles & BoxPseudoClasses2 & ThemeComponentProps;
 interface SvgNormalStyles {
     rotate?: BoxNormalStyles['rotate'];
     flip?: BoxNormalStyles['flip'];
     transitionDuration?: BoxNormalStyles['transitionDuration'];
 }
-export type BoxSvgStyles = SvgNormalStyles & PseudoClass<SvgNormalStyles, 'H'> & PseudoClass<SvgNormalStyles, 'F'> & PseudoClass<SvgNormalStyles, 'A'> & ThemeComponentProps & Augmented.SvgProps;
+export type BoxSvgStyles = SvgNormalStyles & ThemeComponentProps & Augmented.SvgProps;
 export {};

package/core.cjs

@@ -1,38 +1,37 @@
-"use strict";const I=require("react");var e;(u=>{(r=>{function m(a,b){return`${a}${b.replace("/","-")}`}r.fraction=m;function n(a){return[`${a} path`,`${a} circle`,`${a} rect`,`${a} line`]}r.svg=n})(u.ClassName||(u.ClassName={})),(r=>{function m(l,s){return`${s/4}rem`}r.rem=m;function n(l,s){return`${s}px`}r.px=n;function a(l,s){const[t,V]=s.split("/");return`${+t/+V*100}%`}r.fraction=a;function b(l,s){switch(s){case"fit":return"100%";case"fit-screen":return l.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return s}}r.widthHeight=b;function y(l){return(s,t)=>`var(--${l}${t});`}r.variables=y;function x(l){return(s,t)=>`var(--${l}${t});`}r.svgVariables=x;function v(l,s){return`repeat(${s},minmax(0,1fr))`}r.gridColumns=v;function d(l,s){return s==="full-row"?"1/-1":`span ${s}/span ${s}`}r.gridColumn=d;function c(l,s){return`${s}ms`}r.ms=c;function p(l,s){return`${s}deg`}r.rotate=p;function g(l,s){return s==="xAxis"?"-1 1":"1 -1"}r.flip=g})(u.Value||(u.Value={}))})(e||(e={}));const i=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,64,68,72,76,80,84,88,92,96,100,120,140,160,180,200,250,300],G=[-1,-2,-3,-4,-5,-6,-7,-8,-9,-10,-11,-12,-13,-14,-15,-16,-17,-18,-19,-20,-22,-24,-26,-28,-30,-32,-34,-36,-38,-40,-44,-48,-52,-56,-60,-64,-68,-72,-76,-80,-84,-88,-92,-96,-100],f=[...i,...G],R=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],A=["auto","hidden","scroll","visible"],C=["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],j=["fit","fit-screen","auto","fit-content","max-content","min-content"],_=["auto","flex-start","flex-end","center","baseline","stretch"],w={display:{cssNames:["display"],values1:{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]},values2:{values:[]},values3:{values:[]}},inline:{cssNames:["display"],values1:{values:[!0]},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:i,formatValue:e.Value.rem},values3:{values:C,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},m:{cssNames:["margin"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mx:{cssNames:["margin-inline"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},my:{cssNames:["margin-block"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mt:{cssNames:["margin-top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mr:{cssNames:["margin-right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},mb:{cssNames:["margin-bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},ml:{cssNames:["margin-left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},p:{cssNames:["padding"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},px:{cssNames:["padding-inline"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},py:{cssNames:["padding-block"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pt:{cssNames:["padding-top"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pr:{cssNames:["padding-right"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pb:{cssNames:["padding-bottom"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},pl:{cssNames:["padding-left"],values1:{values:f,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},b:{cssNames:["border-width"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bx:{cssNames:["border-inline-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},by:{cssNames:["border-block-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bt:{cssNames:["border-top-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},br:{cssNames:["border-right-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bb:{cssNames:["border-bottom-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},bl:{cssNames:["border-left-width"],values1:{values:f,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:R},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},cursor:{cssNames:["cursor"],values1:{values:["auto","default","none","context-menu","help","pointer","progress","wait","cell","crosshair","text","vertical-text","alias","copy","move","no-drop","not-allowed","e-resize","n-resize","ne-resize","nw-resize","s-resize","se-resize","sw-resize","w-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","col-resize","row-resize","all-scroll","zoom-in","zoom-out","grab","grabbing"]},values2:{values:[]},values3:{values:[]}},zIndex:{cssNames:["z-index"],values1:{values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]},values2:{values:[]},values3:{values:[]}},overflow:{cssNames:["overflow"],values1:{values:A},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:A},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:A},values2:{values:[]},values3:{values:[]}},opacity:{cssNames:["opacity"],values1:{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]},values2:{values:[]},values3:{values:[]}},fontSize:{cssNames:["font-size"],values1:{values:i,formatValue:e.Value.px},values2:{values:["inherit"]},values3:{values:[]}},fontStyle:{cssNames:["font-style"],values1:{values:["italic","normal","oblique"]},values2:{values:[]},values3:{values:[]}},fontWeight:{cssNames:["font-weight"],values1:{values:[100,200,300,400,500,600,700,800,900]},values2:{values:[]},values3:{values:[]}},letterSpacing:{cssNames:["letter-spacing"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:i,formatValue:e.Value.px},values2:{values:["font-size"],formatValue:()=>"1"},values3:{values:[]}},textDecoration:{cssNames:["text-decoration"],values1:{values:["none","underline","overline","line-through"]},values2:{values:[]},values3:{values:[]}},textTransform:{cssNames:["text-transform"],values1:{values:["none","capitalize","lowercase","uppercase"]},values2:{values:[]},values3:{values:[]}},textAlign:{cssNames:["text-align"],values1:{values:["left","right","center","justify"]},values2:{values:[]},values3:{values:[]}},flexWrap:{cssNames:["flex-wrap"],values1:{values:["nowrap","wrap","wrap-reverse"]},values2:{values:[]},values3:{values:[]}},jc:{cssNames:["justify-content"],values1:{values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]},values2:{values:[]},values3:{values:[]}},ai:{cssNames:["align-items"],values1:{values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]},values2:{values:[]},values3:{values:[]}},alignContent:{cssNames:["align-content"],values1:{values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]},values2:{values:[]},values3:{values:[]}},flex1:{cssNames:["flex"],values1:{values:[!0],formatValue:()=>"1"},values2:{values:[]},values3:{values:[]}},d:{cssNames:["flex-direction"],values1:{values:["row","row-reverse","column","column-reverse"]},values2:{values:[]},values3:{values:[]}},gap:{cssNames:["gap"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:i,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},order:{cssNames:["order"],values1:{values:i},values2:{values:[]},values3:{values:[]}},flexGrow:{cssNames:["flex-grow"],values1:{values:i},values2:{values:[]},values3:{values:[]}},flexShrink:{cssNames:["flex-shrink"],values1:{values:i},values2:{values:[]},values3:{values:[]}},alignSelf:{cssNames:["align-self"],values1:{values:_},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:_},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:i,formatValue:e.Value.gridColumns},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:i,formatValue:e.Value.gridColumn},values2:{values:["full-row"],formatValue:e.Value.gridColumn},values3:{values:[]}},colStart:{cssNames:["grid-column-start"],values1:{values:i},values2:{values:[]},values3:{values:[]}},colEnd:{cssNames:["grid-column-end"],values1:{values:i},values2:{values:[]},values3:{values:[]}},outline:{cssNames:["outline-width"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:R},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:i,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},transition:{cssNames:["transition-property"],values1:{values:["none","all"]},values2:{values:[]},values3:{values:[]}},transitionDuration:{cssNames:["transition-duration"],values1:{values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],formatValue:e.Value.ms},values2:{values:[]},values3:{values:[]}},userSelect:{cssNames:["user-select"],values1:{values:["none","auto","text","all"]},values2:{values:[]},values3:{values:[]}},appearance:{cssNames:["appearance"],values1:{values:["none"]},values2:{values:[]},values3:{values:[]}},pointerEvents:{cssNames:["pointer-events"],values1:{values:["none","auto","all"]},values2:{values:[]},values3:{values:[]}},whiteSpace:{cssNames:["white-space"],values1:{values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]},values2:{values:[]},values3:{values:[]}},textOverflow:{cssNames:["text-overflow"],values1:{values:["clip","ellipsis"]},values2:{values:[]},values3:{values:[]}},rotate:{cssNames:["rotate"],values1:{values:[0,90,180,270,-90,-180,-270],formatValue:e.Value.rotate},values2:{values:[]},values3:{values:[]}},flip:{cssNames:["scale"],values1:{values:["xAxis","yAxis"],formatValue:e.Value.flip},values2:{values:[]},values3:{values:[]}}},D={shadow:{cssNames:["box-shadow"],formatValue:e.Value.variables("shadow")},background:{cssNames:["background"],formatValue:e.Value.variables("background")},backgroundImage:{cssNames:["background-image"],formatValue:e.Value.variables("backgroundImage")},color:{cssNames:["color"],formatValue:e.Value.variables("color")},bgColor:{cssNames:["background-color"],formatValue:e.Value.variables("color")},borderColor:{cssNames:["border-color"],formatValue:e.Value.variables("color")},outlineColor:{cssNames:["outline-color"],formatValue:e.Value.variables("color")}},P={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},U=["H","F","A"],X=["H","F","A","Checked","Indeterminate","Valid","Invalid","Required","Optional","Disabled"],S={hover:{className:"_h"},focus:{className:"_f"}};Object.keys(D).forEach(u=>{w[u]=D[u],w[u].isThemeStyle=!0});Object.keys(P).forEach(u=>{w[u]=P[u],w[u].isThemeStyle=!0});const Y=Object.keys(w);X.forEach(u=>{Y.forEach(r=>{w[`${r}${u}`]={...w[r]},w[`${r}${u}`].pseudoSuffix=u})});class J{constructor(){this._index=0,this._cache={}}getIdentity(r){return this._cache[r]||(this._cache[r]=this.getByIndex(this._index++)),this._cache[r]}getByIndex(r){const{first:m,next:n}=Q,a=r-m.length;if(a<0)return m[r];const b=Math.floor(a/n.length),y=a-b*n.length;return this.getByIndex(b)+n[y]}}const Q={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var O;(u=>{u.boxClassName="_box",u.svgClassName="_svg",u.cronoStylesElementId="crono-styles";const r=`:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;#crono-box {position: absolute;top: 0;left: 0;height: 0;}}
+"use strict";const S=require("react"),_=require("./utils.cjs");var e;(u=>{(r=>{function c(l,v){return`${l}${v.replace("/","-")}`}r.fraction=c;function h(l){return[`${l} path`,`${l} circle`,`${l} rect`,`${l} line`]}r.svg=h})(u.ClassName||(u.ClassName={})),(r=>{function c(a,s){return`${s/4}rem`}r.rem=c;function h(a,s){return`${s}px`}r.px=h;function l(a,s){const[t,N]=s.split("/");return`${+t/+N*100}%`}r.fraction=l;function v(a,s){switch(s){case"fit":return"100%";case"fit-screen":return a.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return s}}r.widthHeight=v;function m(a){return(s,t)=>`var(--${a}${t});`}r.variables=m;function C(a){return(s,t)=>`var(--${a}${t});`}r.svgVariables=C;function i(a,s){return`repeat(${s},minmax(0,1fr))`}r.gridColumns=i;function g(a,s){return s==="full-row"?"1/-1":`span ${s}/span ${s}`}r.gridColumn=g;function f(a,s){return`${s}ms`}r.ms=f;function b(a,s){return`${s}deg`}r.rotate=b;function V(a,s){return s==="xAxis"?"-1 1":"1 -1"}r.flip=V})(u.Value||(u.Value={}))})(e||(e={}));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],U=[-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,...U],q=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],E=["auto","hidden","scroll","visible"],k=["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],j=["fit","fit-screen","auto","fit-content","max-content","min-content"],D=["auto","flex-start","flex-end","center","baseline","stretch"],x={display:{cssNames:["display"],values1:{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]},values2:{values:[]},values3:{values:[]}},inline:{cssNames:["display"],values1:{values:[!0]},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:n,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:n,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:n,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:n,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:n,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:j,formatValue:e.Value.widthHeight},values2:{values:n,formatValue:e.Value.rem},values3:{values:k,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values: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:n,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:q},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:n,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:E},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:E},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:E},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: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:n,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:n,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:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:n,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:n,formatValue:e.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:D},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:D},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:n,formatValue:e.Value.gridColumns},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:n,formatValue:e.Value.gridColumn},values2:{values:["full-row"],formatValue:e.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:e.Value.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:q},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:n,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:[]}}},L={shadow:{cssNames:["box-shadow"],formatValue:e.Value.variables("shadow")},background:{cssNames:["background"],formatValue:e.Value.variables("background")},backgroundImage:{cssNames:["background-image"],formatValue:e.Value.variables("backgroundImage")},color:{cssNames:["color"],formatValue:e.Value.variables("color")},bgColor:{cssNames:["background-color"],formatValue:e.Value.variables("color")},borderColor:{cssNames:["border-color"],formatValue:e.Value.variables("color")},outlineColor:{cssNames:["outline-color"],formatValue:e.Value.variables("color")}},P={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},X=["H","F","A","Checked","Indeterminate","Valid","Invalid","Required","Optional","Disabled"],O={hover:{className:"_h"},focus:{className:"_f"}};Object.keys(L).forEach(u=>{x[u]=L[u],x[u].isThemeStyle=!0});Object.keys(P).forEach(u=>{x[u]=P[u],x[u].isThemeStyle=!0});const Y=Object.keys(x);X.forEach(u=>{Y.forEach(r=>{x[`${r}${u}`]={...x[r],pseudoSuffix:u}})});class J{constructor(){this._index=0,this._cache={}}getIdentity(r){return this._cache[r]||(this._cache[r]=this.getByIndex(this._index++)),this._cache[r]}getByIndex(r){const{first:c,next:h}=Q,l=r-c.length;if(l<0)return c[r];const v=Math.floor(l/h.length),m=l-v*h.length;return this.getByIndex(v)+h[m]}}const Q={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var A;(u=>{u.boxClassName="_box",u.svgClassName="_svg",u.cronoStylesElementId="crono-styles";const r=`:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;#crono-box {position: absolute;top: 0;left: 0;height: 0;}}
 html{font-size: 16px;font-family: Arial, sans-serif;}
 body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
 a,ul{all: unset;}
 .${u.boxClassName}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
 .${u.svgClassName}{transition: all var(--svgTransitionTime);}.${u.svgClassName} path,.${u.svgClassName} circle,.${u.svgClassName} rect,.${u.svgClassName} line {transition: all var(--svgTransitionTime);}
-`,m=new J,n=Object.keys(w);let a=!0,b=n.reduce((l,s)=>(l[s]=new Set,l),{});function y(l,s){if(l in w)return d(l,s);if(l in S)return S[l].className}u.get=y;function x(){if(a){let l=c([r]);l=c(l,"H"),l=c(l,"F"),l=c(l,"A"),l=c(l,"Checked"),l=c(l,"Indeterminate"),l=c(l,"Valid"),l=c(l,"Invalid"),l=c(l,"Required"),l=c(l,"Disabled");const s=g();s.innerHTML=l.join(""),a=!1}}u.flush=x;function v(){b=n.reduce((l,s)=>(l[s]=new Set,l),{})}u.clear=v;function d(l,s){var N;b[l].has(s)||(a=!0,b[l].add(s));const t=p(l,s),V=((N=t.formatClassName)==null?void 0:N.call(t,l,s))??`${l}${s}`;return m.getIdentity(V)}function c(l,s){return Object.entries(b).filter(([V])=>{var N;return((N=w[V])==null?void 0:N.pseudoSuffix)===s}).reduce((V,[N,H])=>(H.forEach(k=>{var F;const o=p(N,k),h=`.${d(N,k)}`;let $=[];s?s==="H"?$=[...t(`${h}:hover`,o),...t(`.${S.hover.className}:hover>${h}`,o)]:s==="F"?$=[...t(`${h}:focus-within`,o),...t(`.${S.focus.className}:focus-within>${h}`,o)]:s==="A"?$=t(`${h}:active`,o):s==="Checked"?$=t(`${h}:checked`,o):s==="Indeterminate"?$=t(`${h}:indeterminate`,o):s==="Valid"?$=t(`${h}:valid`,o):s==="Invalid"?$=t(`${h}:invalid`,o):s==="Required"?$=t(`${h}:required`,o):s==="Optional"?$=t(`${h}:optional`,o):s==="Disabled"&&($=t(`${h}:disabled`,o)):$=t(h,o);const L=((F=o.formatValue)==null?void 0:F.call(o,N,k))??k,M=w[N].cssNames.map(W=>`${W}:${L};`).join("");V.push(`${$.join(",")}{${M}}`)}),V),l);function t(V,N){return N.formatSelector?N.formatSelector(V):[V]}}function p(l,s){const t=w[l];return t.isThemeStyle?t:t.values1.values.includes(s)?t.values1:t.values2.values.includes(s)?t.values2:t.values3}function g(){const s=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let t=s.getElementById(u.cronoStylesElementId);return t||(t=s.createElement("style"),t.setAttribute("id",u.cronoStylesElementId),t.setAttribute("type","text/css"),s.head.insertBefore(t,s.head.firstChild)),t}})(O||(O={}));const z=O,T={button:{styles:{display:"inline-block",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",disabled:{cursor:"default"}}},checkbox:{styles:{display:"inline-block"}},radioButton:{styles:{display:"inline-block",b:1,p:2}},textbox:{styles:{display:"inline-block",b:1,borderRadius:1,p:3}},textarea:{styles:{display:"inline-block",b:1,borderRadius:1}}};var E;(u=>{function r(v){b(v),x(v),u.Styles=v,a()}u.setup=r;function m(v,d){const c=Object.entries(v.colors).map(([o,h])=>`--color${o}: ${h};`).join(`
-  `),p=Object.entries(v.shadows).map(([o,h])=>`--shadow${o}: ${h};`).join(`
-  `),g=Object.entries(v.backgrounds).map(([o,h])=>`--background${o}: ${h};`).join(`
-  `),l=Object.entries(v.backgroundImages).map(([o,h])=>`--backgroundImage${o}: ${h};`).join(`
-  `),s=[":root {"];c&&s.push(`  ${c}`),p&&s.push(`  ${p}`),g&&s.push(`  ${g}`),l&&s.push(`  ${l}`),s.push("}");const t=Object.keys(v.colors).map(o=>`'${o}'`).join(" | "),V=Object.keys(v.backgrounds).map(o=>`'${o}'`).join(" | "),N=Object.keys(v.backgroundImages).map(o=>`'${o}'`).join(" | "),H=Object.keys(v.shadows).map(o=>`'${o}'`).join(" | "),k=`import '@cronocode/react-box';
+`,c=new J,h=Object.keys(x);let l=!0,v=h.reduce((a,s)=>(a[s]=new Set,a),{});function m(a,s){if(a in x)return g(a,s);if(a in O&&s)return O[a].className}u.get=m;function C(){if(l){let a=f([r]);a=f(a,"H"),a=f(a,"F"),a=f(a,"A"),a=f(a,"Checked"),a=f(a,"Indeterminate"),a=f(a,"Valid"),a=f(a,"Invalid"),a=f(a,"Required"),a=f(a,"Disabled");const s=V();s.innerHTML=a.join(""),l=!1}}u.flush=C;function i(){v=h.reduce((a,s)=>(a[s]=new Set,a),{})}u.clear=i;function g(a,s){var y;v[a].has(s)||(l=!0,v[a].add(s));const t=b(a,s),N=((y=t.formatClassName)==null?void 0:y.call(t,a,s))??`${a}${s}`;return c.getIdentity(N)}function f(a,s){return Object.entries(v).filter(([N])=>{var y;return((y=x[N])==null?void 0:y.pseudoSuffix)===s}).reduce((N,[y,I])=>(I.forEach($=>{var R;const o=b(y,$),p=`.${g(y,$)}`;let w=[];s?s==="H"?w=[...t(`${p}:hover`,o),...t(`.${O.hover.className}:hover>${p}`,o)]:s==="F"?w=[...t(`${p}:focus-within`,o),...t(`.${O.focus.className}:focus-within>${p}`,o)]:s==="A"?w=t(`${p}:active`,o):s==="Checked"?w=t(`${p}:checked`,o):s==="Indeterminate"?w=t(`${p}:indeterminate`,o):s==="Valid"?w=t(`${p}:valid`,o):s==="Invalid"?w=t(`${p}:invalid`,o):s==="Required"?w=t(`${p}:required`,o):s==="Optional"?w=t(`${p}:optional`,o):s==="Disabled"&&(w=t(`${p}:disabled`,o)):w=t(p,o);const M=((R=o.formatValue)==null?void 0:R.call(o,y,$))??$,W=x[y].cssNames.map(G=>`${G}:${M};`).join("");N.push(`${w.join(",")}{${W}}`)}),N),a);function t(N,y){return y.formatSelector?y.formatSelector(N):[N]}}function b(a,s){const t=x[a];return t.isThemeStyle?t:t.values1.values.includes(s)?t.values1:t.values2.values.includes(s)?t.values2:t.values3}function V(){const s=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let t=s.getElementById(u.cronoStylesElementId);return t||(t=s.createElement("style"),t.setAttribute("id",u.cronoStylesElementId),t.setAttribute("type","text/css"),s.head.insertBefore(t,s.head.firstChild)),t}})(A||(A={}));const T=A,z={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 H;(u=>{u.Styles=l(z);function r(i){u.Styles=h(i)}u.setup=r;function c(i,g){const f=Object.entries(i.colors).map(([o,p])=>`--color${o}: ${p};`).join(`
+  `),b=Object.entries(i.shadows).map(([o,p])=>`--shadow${o}: ${p};`).join(`
+  `),V=Object.entries(i.backgrounds).map(([o,p])=>`--background${o}: ${p};`).join(`
+  `),a=Object.entries(i.backgroundImages).map(([o,p])=>`--backgroundImage${o}: ${p};`).join(`
+  `),s=[":root {"];f&&s.push(`  ${f}`),b&&s.push(`  ${b}`),V&&s.push(`  ${V}`),a&&s.push(`  ${a}`),s.push("}");const t=Object.keys(i.colors).map(o=>`'${o}'`).join(" | "),N=Object.keys(i.backgrounds).map(o=>`'${o}'`).join(" | "),y=Object.keys(i.backgroundImages).map(o=>`'${o}'`).join(" | "),I=Object.keys(i.shadows).map(o=>`'${o}'`).join(" | "),$=`import '@cronocode/react-box';
   
-  declare module '${(d==null?void 0:d.namespacePath)??"@cronocode/react-box/core/types"}' {
+  declare module '${(g==null?void 0:g.namespacePath)??"@cronocode/react-box/core/types"}' {
     type ColorType = ${t};
-    type BackgroundType = ${V};
-    type BackgroundImageType = ${N};
-    type ShadowType = ${H};
+    type BackgroundType = ${N};
+    type BackgroundImageType = ${y};
+    type ShadowType = ${I};
   
     namespace Augmented {
       interface BoxProps {
-${n("color","ColorType")}
-${n("bgColor","ColorType")}
-${n("borderColor","ColorType")}
-${n("outlineColor","ColorType")}
-${n("background","BackgroundType")}
-${n("backgroundImage","BackgroundImageType")}
-${n("shadow","ShadowType")}
+        color?: ColorType;
+        bgColor?: ColorType;
+        borderColor?: ColorType;
+        outlineColor?: ColorType;
+        background?: BackgroundType;
+        backgroundImage?: BackgroundImageType;
+        shadow?: ShadowType;
       }
   
       interface SvgProps {
-${n("fill","ColorType")}
-${n("stroke","ColorType")}
+        fill?: ColorType;
+        stroke?: ColorType;
       }
     }
   }
   `;return{variables:s.join(`
-`),boxDts:k}}u.setupAugmentedProps=m;function n(v,d){const c=U.map(p=>`        ${v}${p}?: ${d};`);return c.unshift(`        ${v}?: ${d};`),c.join(`
-`)}function a(){b(T),x(T),Object.keys(T).forEach(d=>{const c=u.Styles[d],p=T[d];c?c.styles={...p.styles,...c.styles}:u.Styles[d]=T[d]})}function b(v){if(!v.components)return;const d=Object.keys(v.components);for(const c of d){const p=v.components[c],g=y(c,p);delete p.children;for(const l of g){const[s,t]=l;v.components[s]=t}}}function y(v,d){if(!d.children)return[];const c=Object.keys(d.children),p=[];for(const g of c){const l=`${v}.${g}`,s=d.children[g],t=y(l,s);p.push(...t),delete s.children,p.push([l,s])}return p}function x(v){const{components:d,...c}=v,p=Object.values(c);d&&p.push(...Object.values(d));for(const g of p)[["disabled","Disabled"],["indeterminate","Indeterminate"],["checked","Checked"]].forEach(([l,s])=>{l in g.styles&&(Object.entries(g.styles[l]).map(([t,V])=>{g.styles[`${t}${s}`]=V}),delete g.styles[l])})}})(E||(E={}));const B=E;function Z(u){const{clean:r,theme:m,component:n}=u;return I.useMemo(()=>{var b,y;if(r)return;let a=B.Styles[n]??((b=B.Styles.components)==null?void 0:b[n]);if(a)return m?{...a.styles,...(y=a.themes)==null?void 0:y[m].styles}:a.styles},[n,r,m])}const K=typeof window<"u"&&typeof window.document<"u",ee=K?I.useLayoutEffect:I.useEffect;function se(u,r){const m=Z(u);return ee(z.flush,[u]),I.useMemo(()=>{const n=[r?z.svgClassName:z.boxClassName],a=m?{...m,...u}:{...u};return Array.isArray(a.disabled)&&(Object.entries(a.disabled[1]).forEach(([b,y])=>{a[`${b}Disabled`]=y}),delete a.disabled),"inline"in a&&(a.display==="block"||!a.display?a.display="inline-block":a.display==="flex"?a.display="inline-flex":a.display==="grid"&&(a.display="inline-grid"),delete a.inline),"inlineH"in a&&(a.displayH==="block"||!a.displayH?a.displayH="inline-block":a.displayH==="flex"?a.displayH="inline-flex":a.displayH==="grid"&&(a.displayH="inline-grid"),delete a.inlineH),"inlineF"in a&&(a.displayF==="block"||!a.displayF?a.displayF="inline-block":a.displayF==="flex"?a.displayF="inline-flex":a.displayF==="grid"&&(a.displayF="inline-grid"),delete a.inlineF),"inlineA"in a&&(a.displayA==="block"||!a.displayA?a.displayA="inline-block":a.displayA==="flex"?a.displayA="inline-flex":a.displayA==="grid"&&(a.displayA="inline-grid"),delete a.inlineA),Object.entries(a).forEach(([b,y])=>{n.push(z.get(b,y))}),n},[u,m])}function q(...u){return u.reduce((r,m)=>m?typeof m=="string"?(r.push(m),r):Array.isArray(m)?(r.push(...q(...m)),r):(Object.entries(m).forEach(([n,a])=>{a&&r.push(n)}),r):r,[])}exports.StylesContext=z;exports.Theme=B;exports.classNames=q;exports.useStyles=se;
+`),boxDts:$}}u.setupAugmentedProps=c;function h(i){const g=l(i);return Object.keys(z).forEach(b=>{const V=g[b],a=z[b];V?V.styles={...a.styles,...V.styles}:g[b]=z[b]}),g}function l(i){return v(i),C(i),i}function v(i){if(!i.components)return;const g=Object.keys(i.components);for(const f of g){const b=i.components[f],V=m(f,b);delete b.children;for(const a of V){const[s,t]=a;i.components[s]=t}}}function m(i,g){if(!g.children)return[];const f=Object.keys(g.children),b=[];for(const V of f){const a=`${i}.${V}`,s=g.children[V],t=m(a,s);b.push(...t),delete s.children,b.push([a,s])}return b}function C(i){const{components:g,...f}=i,b=Object.values(f);g&&b.push(...Object.values(g));for(const V of b)[["disabled","Disabled"],["indeterminate","Indeterminate"],["checked","Checked"]].forEach(([a,s])=>{a in V.styles&&(Object.entries(V.styles[a]).map(([t,N])=>{V.styles[`${t}${s}`]=N}),delete V.styles[a])})}})(H||(H={}));const B=H;function Z(u){const{clean:r,theme:c,component:h}=u;return S.useMemo(()=>{var v,m;if(r)return;let l=B.Styles[h]??((v=B.Styles.components)==null?void 0:v[h]);if(l)return c?{...l.styles,...(m=l.themes)==null?void 0:m[c].styles}:l.styles},[h,r,c])}const K=typeof window<"u"&&typeof window.document<"u",ee=K?S.useLayoutEffect:S.useEffect;function se(u,r){const c=Z(u);return ee(T.flush,[u]),S.useMemo(()=>{const h=[r?T.svgClassName:T.boxClassName],l=c?{...c,...u}:{...u};return Array.isArray(l.disabled)&&(Object.entries(l.disabled[1]).forEach(([v,m])=>{l[`${v}Disabled`]=m}),delete l.disabled),Array.isArray(l.hover)?(Object.entries(l.hover[1]).forEach(([v,m])=>{l[`${v}H`]=m}),l.hover=l.hover[0]):_.ObjectUtils.isObject(l.hover)&&(Object.entries(l.hover).forEach(([v,m])=>{l[`${v}H`]=m}),delete l.hover),Array.isArray(l.focus)?(Object.entries(l.focus[1]).forEach(([v,m])=>{l[`${v}F`]=m}),l.focus=l.focus[0]):_.ObjectUtils.isObject(l.focus)&&(Object.entries(l.focus).forEach(([v,m])=>{l[`${v}F`]=m}),delete l.focus),l.active&&(Object.entries(l.active).forEach(([v,m])=>{l[`${v}A`]=m}),delete l.active),"inline"in l&&(l.display==="block"||!l.display?l.display="inline-block":l.display==="flex"?l.display="inline-flex":l.display==="grid"&&(l.display="inline-grid"),delete l.inline),Object.entries(l).forEach(([v,m])=>{h.push(T.get(v,m))}),h},[u,c])}function F(...u){return u.reduce((r,c)=>c?typeof c=="string"?(r.push(c),r):Array.isArray(c)?(r.push(...F(...c)),r):(Object.entries(c).forEach(([h,l])=>{l&&r.push(h)}),r):r,[])}exports.StylesContext=T;exports.Theme=B;exports.classNames=F;exports.useStyles=se;