@cronocode/react-box 3.0.4 → 3.0.5

package/components/baseSvg.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from 'react';
 import { BoxTagProps } from '../box';
 import { BoxStyleProps } from '../types';
 import { ClassNameType } from '../core/classNames';
@@ -13,5 +14,7 @@ interface Props extends Omit<BoxStyleProps, 'width' | 'height'> {
     width?: string;
     height?: string;
 }
+declare function BaseSvg(props: Props, ref: Ref<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<SVGSVGElement>>;
 export default _default;
+export type BaseSvgProps = React.ComponentProps<typeof BaseSvg>;

package/components/button.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),s=require("../box.cjs"),c=require("../core.cjs"),u=["type","onClick"];function i(t,o){const e=c.ObjectUtils.buildProps(t,u);return n.jsx(s,{ref:o,tag:"button",component:"button",...e})}const b=r.forwardRef(i);module.exports=b;
+"use strict";const n=require("react/jsx-runtime"),r=require("react"),s=require("../box.cjs"),c=require("../core.cjs"),u=["type","onClick"];function i(t,o){const e=c.ObjectUtils.buildProps(t,u);return n.jsx(s,{ref:o,tag:"button",component:"button",...e})}const p=r.forwardRef(i);module.exports=p;

package/components/dropdown.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),a=require("../box.cjs"),b=require("./tooltip.cjs"),k=require("./baseSvg.cjs"),q=require("./flex.cjs"),C=require("../core.cjs"),I=require("./textbox.cjs");function v(r,y){const{children:i,name:d}=r,s=(Array.isArray(i)?i:[i]).filter(n=>{var t;return((t=n.type)==null?void 0:t.componentName)==="DropdownItem"}),[o,w]=p.useState(s==null?void 0:s[0]),[u,c,f]=C.useVisibility(),h=p.useCallback(()=>{c(n=>!n)},[c]),j=p.useCallback(n=>{var t,m;w(n),c(!1),(m=(t=n.props).onClick)==null||m.call(t)},[]);return e.jsxs(a,{ref:f,width:"fit-content",userSelect:"none",props:{tabIndex:0},children:[e.jsx(I,{name:d,type:"hidden",value:o==null?void 0:o.props.value}),e.jsxs(q,{component:"dropdown",gap:2,jc:"space-between",...r,props:{onMouseDown:h,onBlur:()=>c(!1)},children:[(o==null?void 0:o.props.label)??(o==null?void 0:o.props.children)??(o==null?void 0:o.props.value),e.jsx(k,{viewBox:"0 0 10 6",width:"0.6rem",rotate:u?180:0,children:e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 1 4 4 4-4",style:{transition:"none"}})})]}),u&&e.jsx(b,{children:e.jsx(a,{component:"dropdown.items",children:s.map(n=>e.jsx(l,{...n.props,onClick:()=>j(n)},n.props.value))})})]})}function l(r){return e.jsx(a,{component:"dropdown.item",...r,props:{onClick:r.onClick,tabIndex:0}})}l.componentName="DropdownItem";const x=p.forwardRef(v);x.Item=l;module.exports=x;
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),w=require("../box.cjs"),A=require("./tooltip.cjs"),L=require("./baseSvg.cjs"),T=require("../core.cjs"),g=require("./textbox.cjs"),N=require("./flex.cjs"),y=require("./button.cjs");function P(n,d){var v;const{children:o,name:S,isSearchable:u,searchPlaceholder:C,onChange:f,selectedValue:I}=n,[l,b]=c.useState(""),i=c.useMemo(()=>(Array.isArray(o)?o:[o]).filter(a=>{var s;return((s=a.type)==null?void 0:s.componentName)!=="DropdownItem"?!1:u&&l?q(a).toLowerCase().includes(l.toLowerCase()):!0}),[u,l,o]),[t,k]=c.useState(i.find(e=>e.props.value===I)??(i==null?void 0:i[0])),[p,h,M]=T.useVisibility(),m=c.useRef(null),R=c.useCallback(()=>{h(e=>!e)},[h]),_=c.useCallback(e=>{var a,s;k(e),h(!1),(s=(a=e.props).onClick)==null||s.call(a),f==null||f(e.props.value),setTimeout(()=>{var x;return(x=m.current)==null?void 0:x.focus()},10)},[]);return c.useEffect(()=>{p?setTimeout(()=>{var e;return(e=m.current)==null?void 0:e.focus()},0):b("")},[p]),r.jsxs(w,{ref:M,width:"fit-content",userSelect:"none",children:[r.jsx(g,{name:S,type:"hidden",value:(v=t==null?void 0:t.props)==null?void 0:v.toString()}),r.jsxs(y,{component:"dropdown",...n,props:{onMouseDown:R,tabIndex:0},children:[p&&u?r.jsx(g,{clean:!0,flex1:!0,width:1,placeholder:C,value:l,onChange:e=>b(e.target.value),ref:m,props:{onMouseDown:e=>{p&&u&&e.stopPropagation()}}}):r.jsx(N,{children:(t==null?void 0:t.props.children)??(t==null?void 0:t.props.value)}),r.jsx(L,{viewBox:"0 0 10 6",width:"0.6rem",rotate:p?180:0,children:r.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 1 4 4 4-4"})})]}),p&&r.jsx(A,{children:r.jsxs(w,{component:"dropdown.items",children:[i.map((e,a)=>{var s;return r.jsx(j,{...e.props,onClick:()=>_(e)},(s=e.props.value)==null?void 0:s.toString())}),i.length===0&&r.jsx(w,{p:2,color:"gray-500",userSelect:"none",props:{onMouseDown:e=>e.stopPropagation()},children:"No options"})]})})]})}function j(n){return r.jsx(y,{component:"dropdown.item",...n,props:{onMouseDown:n.onClick}})}j.componentName="DropdownItem";const D=c.forwardRef(P);D.Item=j;function q(n){var d;if(n==null)return"";if(typeof n=="object"){const o=(d=n.props)==null?void 0:d.children;return o==null?"":typeof o=="object"?(Array.isArray(o)?o:[o]).map(u=>q(u)).join(""):o.toString()}return n.toString()}module.exports=D;

package/components/dropdown.d.ts

@@ -1,16 +1,19 @@
 import { Ref } from 'react';
 import { BoxProps } from '../box';
-interface DropdownItemProps extends BoxProps {
-    value: string | number;
-    label?: string;
+interface DropdownItemProps<TVal> extends BoxProps {
+    value: TVal;
     onClick?: () => void;
 }
-interface Props extends BoxProps {
+interface Props<TVal> extends BoxProps {
     name?: string;
-    children: React.ReactElement<DropdownItemProps> | Array<React.ReactElement<DropdownItemProps>>;
+    children: React.ReactElement<DropdownItemProps<TVal>> | Array<React.ReactElement<DropdownItemProps<TVal>>>;
+    isSearchable?: boolean;
+    searchPlaceholder?: string;
+    onChange?: (value: TVal) => void;
+    selectedValue?: TVal;
 }
-declare function DropdownImpl(props: Props, ref: Ref<HTMLSelectElement>): React.ReactNode;
-declare function DropdownItem(props: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownImpl<TVal>(props: Props<TVal>, ref: Ref<HTMLDivElement>): React.ReactNode;
+declare function DropdownItem<TVal>(props: DropdownItemProps<TVal>): import("react/jsx-runtime").JSX.Element;
 type DropdownType = typeof DropdownImpl & {
     Item: typeof DropdownItem;
 };

package/components/dropdown.mjs

@@ -1,46 +1,79 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { forwardRef as k, useState as C, useCallback as u } from "react";
-import s from "../box.mjs";
-import I from "./tooltip.mjs";
-import v from "./baseSvg.mjs";
-import y from "./flex.mjs";
-import { b as D } from "../core.mjs";
-import j from "./textbox.mjs";
-function B(e, T) {
-  const { children: m, name: d } = e, p = (Array.isArray(m) ? m : [m]).filter((r) => {
-    var t;
-    return ((t = r.type) == null ? void 0 : t.componentName) === "DropdownItem";
-  }), [o, w] = C(p == null ? void 0 : p[0]), [c, i, h] = D(), x = u(() => {
-    i((r) => !r);
-  }, [i]), b = u((r) => {
-    var t, l;
-    w(r), i(!1), (l = (t = r.props).onClick) == null || l.call(t);
+import { jsxs as w, jsx as n } from "react/jsx-runtime";
+import { forwardRef as N, useState as D, useMemo as P, useRef as R, useCallback as b, useEffect as H } from "react";
+import x from "../box.mjs";
+import O from "./tooltip.mjs";
+import V from "./baseSvg.mjs";
+import { b as E } from "../core.mjs";
+import C from "./textbox.mjs";
+import F from "./flex.mjs";
+import I from "./button.mjs";
+function U(e, u) {
+  var y;
+  const { children: r, name: S, isSearchable: p, searchPlaceholder: T, onChange: f, selectedValue: k } = e, [l, g] = D(""), i = P(() => (Array.isArray(r) ? r : [r]).filter((a) => {
+    var s;
+    return ((s = a.type) == null ? void 0 : s.componentName) !== "DropdownItem" ? !1 : p && l ? j(a).toLowerCase().includes(l.toLowerCase()) : !0;
+  }), [p, l, r]), [t, B] = D(
+    i.find((o) => o.props.value === k) ?? (i == null ? void 0 : i[0])
+  ), [c, m, M] = E(), d = R(null), A = b(() => {
+    m((o) => !o);
+  }, [m]), L = b((o) => {
+    var a, s;
+    B(o), m(!1), (s = (a = o.props).onClick) == null || s.call(a), f == null || f(o.props.value), setTimeout(() => {
+      var h;
+      return (h = d.current) == null ? void 0 : h.focus();
+    }, 10);
   }, []);
-  return /* @__PURE__ */ f(s, { ref: h, width: "fit-content", userSelect: "none", props: { tabIndex: 0 }, children: [
-    /* @__PURE__ */ n(j, { name: d, type: "hidden", value: o == null ? void 0 : o.props.value }),
-    /* @__PURE__ */ f(y, { component: "dropdown", gap: 2, jc: "space-between", ...e, props: { onMouseDown: x, onBlur: () => i(!1) }, children: [
-      (o == null ? void 0 : o.props.label) ?? (o == null ? void 0 : o.props.children) ?? (o == null ? void 0 : o.props.value),
-      /* @__PURE__ */ n(v, { viewBox: "0 0 10 6", width: "0.6rem", rotate: c ? 180 : 0, children: /* @__PURE__ */ n(
-        "path",
+  return H(() => {
+    c ? setTimeout(() => {
+      var o;
+      return (o = d.current) == null ? void 0 : o.focus();
+    }, 0) : g("");
+  }, [c]), /* @__PURE__ */ w(x, { ref: M, width: "fit-content", userSelect: "none", children: [
+    /* @__PURE__ */ n(C, { name: S, type: "hidden", value: (y = t == null ? void 0 : t.props) == null ? void 0 : y.toString() }),
+    /* @__PURE__ */ w(I, { component: "dropdown", ...e, props: { onMouseDown: A, tabIndex: 0 }, children: [
+      c && p ? /* @__PURE__ */ n(
+        C,
         {
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2",
-          d: "m1 1 4 4 4-4",
-          style: { transition: "none" }
+          clean: !0,
+          flex1: !0,
+          width: 1,
+          placeholder: T,
+          value: l,
+          onChange: (o) => g(o.target.value),
+          ref: d,
+          props: {
+            onMouseDown: (o) => {
+              c && p && o.stopPropagation();
+            }
+          }
         }
-      ) })
+      ) : /* @__PURE__ */ n(F, { children: (t == null ? void 0 : t.props.children) ?? (t == null ? void 0 : t.props.value) }),
+      /* @__PURE__ */ n(V, { viewBox: "0 0 10 6", width: "0.6rem", rotate: c ? 180 : 0, children: /* @__PURE__ */ n("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "m1 1 4 4 4-4" }) })
     ] }),
-    c && /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(s, { component: "dropdown.items", children: p.map((r) => /* @__PURE__ */ n(a, { ...r.props, onClick: () => b(r) }, r.props.value)) }) })
+    c && /* @__PURE__ */ n(O, { children: /* @__PURE__ */ w(x, { component: "dropdown.items", children: [
+      i.map((o, a) => {
+        var s;
+        return /* @__PURE__ */ n(v, { ...o.props, onClick: () => L(o) }, (s = o.props.value) == null ? void 0 : s.toString());
+      }),
+      i.length === 0 && /* @__PURE__ */ n(x, { p: 2, color: "gray-500", userSelect: "none", props: { onMouseDown: (o) => o.stopPropagation() }, children: "No options" })
+    ] }) })
   ] });
 }
-function a(e) {
-  return /* @__PURE__ */ n(s, { component: "dropdown.item", ...e, props: { onClick: e.onClick, tabIndex: 0 } });
+function v(e) {
+  return /* @__PURE__ */ n(I, { component: "dropdown.item", ...e, props: { onMouseDown: e.onClick } });
+}
+v.componentName = "DropdownItem";
+const W = N(U);
+W.Item = v;
+function j(e) {
+  var u;
+  if (e == null) return "";
+  if (typeof e == "object") {
+    const r = (u = e.props) == null ? void 0 : u.children;
+    return r == null ? "" : typeof r == "object" ? (Array.isArray(r) ? r : [r]).map((p) => j(p)).join("") : r.toString();
+  }
+  return e.toString();
 }
-a.componentName = "DropdownItem";
-const S = k(B);
-S.Item = a;
 export {
-  S as default
+  W as default
 };

package/core/boxStyles.d.ts

@@ -701,6 +701,11 @@ export declare const cssStyles: {
         valueFormat: (value: string, getVariableValue: (name: string) => string) => string;
         styleName: string;
     }[];
+    bgImage: {
+        values: readonly ["none", "bg-img-checked", "bg-img-indeterminate", "bg-img-radio"];
+        valueFormat: (value: string, getVariableValue: (name: string) => string) => string;
+        styleName: string;
+    }[];
 };
 export declare const pseudo1: {
     hover: string;

package/core/variables.d.ts

@@ -1,8 +1,11 @@
 declare namespace Variables {
     const colors: {
-        inherit: string;
-        current: string;
+        currentColor: string;
         transparent: string;
+        green: string;
+        red: string;
+        blue: string;
+        gray: string;
         black: string;
         white: string;
         'slate-50': string;
@@ -193,6 +196,7 @@ declare namespace Variables {
         'indigo-900': string;
         'indigo-950': string;
         'violet-50': string;
+        'violet-XX': string;
         'violet-100': string;
         'violet-200': string;
         'violet-300': string;
@@ -203,6 +207,7 @@ declare namespace Variables {
         'violet-800': string;
         'violet-900': string;
         'violet-950': string;
+        vi: string;
         'purple-50': string;
         'purple-100': string;
         'purple-200': string;

package/core.cjs

@@ -1,7 +1,7 @@
-"use strict";const C=require("react");function le(...e){return e.reduce((t,a)=>a?typeof a=="string"?(t.push(a),t):Array.isArray(a)?(t.push(...le(...a)),t):(Object.entries(a).forEach(([o,c])=>{c&&t.push(o)}),t):t,[])}var u;(e=>{(t=>{function a(c,s){return`${c}${s.replace("/","-")}`}t.fraction=a;function o(c){return[`${c} path`,`${c} circle`,`${c} rect`,`${c} line`]}t.svg=o})(e.ClassName||(e.ClassName={})),(t=>{function a(b){return`${b/4}rem`}t.rem=a;function o(b){return`${b}px`}t.px=o;function c(b,n){const[m,d]=n.split("/");return`${+m/+d*100}%`}t.fraction=c;function s(b,n){switch(n){case"fit":return"100%";case"fit-screen":return b.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return n}}t.widthHeight=s;function l(b){return(n,m)=>`var(--${b}${m});`}t.variables=l;function i(b){return(n,m)=>`var(--${b}${m});`}t.svgVariables=i;function f(b,n){return`repeat(${n},minmax(0,1fr))`}t.gridColumns=f;function y(b,n){return n==="full-row"?"1/-1":`span ${n}/span ${n}`}t.gridColumn=y;function r(b,n){return`${n}ms`}t.ms=r;function v(b,n){return`${n}deg`}t.rotate=v;function h(b,n){return n==="xAxis"?"-1 1":"1 -1"}t.flip=h})(e.Value||(e.Value={}))})(u||(u={}));var W;(e=>{e.colors={inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff","slate-50":"#f8fafc","slate-100":"#f1f5f9","slate-200":"#e2e8f0","slate-300":"#cbd5e1","slate-400":"#94a3b8","slate-500":"#64748b","slate-600":"#475569","slate-700":"#334155","slate-800":"#1e293b","slate-900":"#0f172a","slate-950":"#020617","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","gray-950":"#030712","zinc-50":"#fafafa","zinc-100":"#f4f4f5","zinc-200":"#e4e4e7","zinc-300":"#d4d4d8","zinc-400":"#a1a1aa","zinc-500":"#71717a","zinc-600":"#52525b","zinc-700":"#3f3f46","zinc-800":"#27272a","zinc-900":"#18181b","zinc-950":"#09090b","neutral-50":"#fafafa","neutral-100":"#f5f5f5","neutral-200":"#e5e5e5","neutral-300":"#d4d4d4","neutral-400":"#a3a3a3","neutral-500":"#737373","neutral-600":"#525252","neutral-700":"#404040","neutral-800":"#262626","neutral-900":"#171717","neutral-950":"#0a0a0a","stone-50":"#fafaf9","stone-100":"#f5f5f4","stone-200":"#e7e5e4","stone-300":"#d6d3d1","stone-400":"#a8a29e","stone-500":"#78716c","stone-600":"#57534e","stone-700":"#44403c","stone-800":"#292524","stone-900":"#1c1917","stone-950":"#0c0a09","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","red-950":"#450a0a","orange-50":"#fff7ed","orange-100":"#ffedd5","orange-200":"#fed7aa","orange-300":"#fdba74","orange-400":"#fb923c","orange-500":"#f97316","orange-600":"#ea580c","orange-700":"#c2410c","orange-800":"#9a3412","orange-900":"#7c2d12","orange-950":"#431407","amber-50":"#fffbeb","amber-100":"#fef3c7","amber-200":"#fde68a","amber-300":"#fcd34d","amber-400":"#fbbf24","amber-500":"#f59e0b","amber-600":"#d97706","amber-700":"#b45309","amber-800":"#92400e","amber-900":"#78350f","amber-950":"#451a03","yellow-50":"#fefce8","yellow-100":"#fef9c3","yellow-200":"#fef08a","yellow-300":"#fde047","yellow-400":"#facc15","yellow-500":"#eab308","yellow-600":"#ca8a04","yellow-700":"#a16207","yellow-800":"#854d0e","yellow-900":"#713f12","yellow-950":"#422006","lime-50":"#f7fee7","lime-100":"#ecfccb","lime-200":"#d9f99d","lime-300":"#bef264","lime-400":"#a3e635","lime-500":"#84cc16","lime-600":"#65a30d","lime-700":"#4d7c0f","lime-800":"#3f6212","lime-900":"#365314","lime-950":"#1a2e05","green-50":"#f0fdf4","green-100":"#dcfce7","green-200":"#bbf7d0","green-300":"#86efac","green-400":"#4ade80","green-500":"#22c55e","green-600":"#16a34a","green-700":"#15803d","green-800":"#166534","green-900":"#14532d","green-950":"#052e16","emerald-50":"#ecfdf5","emerald-100":"#d1fae5","emerald-200":"#a7f3d0","emerald-300":"#6ee7b7","emerald-400":"#34d399","emerald-500":"#10b981","emerald-600":"#059669","emerald-700":"#047857","emerald-800":"#065f46","emerald-900":"#064e3b","emerald-950":"#022c22","teal-50":"#f0fdfa","teal-100":"#ccfbf1","teal-200":"#99f6e4","teal-300":"#5eead4","teal-400":"#2dd4bf","teal-500":"#14b8a6","teal-600":"#0d9488","teal-700":"#0f766e","teal-800":"#115e59","teal-900":"#134e4a","teal-950":"#042f2e","cyan-50":"#ecfeff","cyan-100":"#cffafe","cyan-200":"#a5f3fc","cyan-300":"#67e8f9","cyan-400":"#22d3ee","cyan-500":"#06b6d4","cyan-600":"#0891b2","cyan-700":"#0e7490","cyan-800":"#155e75","cyan-900":"#164e63","cyan-950":"#083344","sky-50":"#f0f9ff","sky-100":"#e0f2fe","sky-200":"#bae6fd","sky-300":"#7dd3fc","sky-400":"#38bdf8","sky-500":"#0ea5e9","sky-600":"#0284c7","sky-700":"#0369a1","sky-800":"#075985","sky-900":"#0c4a6e","sky-950":"#082f49","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","blue-950":"#172554","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","indigo-950":"#1e1b4b","violet-50":"#f5f3ff","violet-100":"#ede9fe","violet-200":"#ddd6fe","violet-300":"#c4b5fd","violet-400":"#a78bfa","violet-500":"#8b5cf6","violet-600":"#7c3aed","violet-700":"#6d28d9","violet-800":"#5b21b6","violet-900":"#4c1d95","violet-950":"#2e1065","purple-50":"#faf5ff","purple-100":"#f3e8ff","purple-200":"#e9d5ff","purple-300":"#d8b4fe","purple-400":"#c084fc","purple-500":"#a855f7","purple-600":"#9333ea","purple-700":"#7e22ce","purple-800":"#6b21a8","purple-900":"#581c87","purple-950":"#3b0764","fuchsia-50":"#fdf4ff","fuchsia-100":"#fae8ff","fuchsia-200":"#f5d0fe","fuchsia-300":"#f0abfc","fuchsia-400":"#e879f9","fuchsia-500":"#d946ef","fuchsia-600":"#c026d3","fuchsia-700":"#a21caf","fuchsia-800":"#86198f","fuchsia-900":"#701a75","fuchsia-950":"#4a044e","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843","pink-950":"#500724","rose-50":"#fff1f2","rose-100":"#ffe4e6","rose-200":"#fecdd3","rose-300":"#fda4af","rose-400":"#fb7185","rose-500":"#f43f5e","rose-600":"#e11d48","rose-700":"#be123c","rose-800":"#9f1239","rose-900":"#881337","rose-950":"#4c0519"};const t={};let a={};function o(l){return l in a?t[l]=a[l]:l in e.colors&&(t[l]=e.colors[l]),`var(--${l})`}e.getVariableValue=o;function c(){return Object.entries(t).map(([l,i])=>`--${l}: ${i};`).join("")}e.generateVariables=c;function s(l){a=l}e.setUserVariables=s})(W||(W={}));const V=W,j={appearance:[{values:["none","auto","menulist-button","textfield","button","checkbox"]}],b:[{values:0,styleName:"border-width",valueFormat:u.Value.px}],bx:[{values:0,styleName:"border-inline-width",valueFormat:u.Value.px}],by:[{values:0,styleName:"border-block-width",valueFormat:u.Value.px}],bt:[{values:0,styleName:"border-top-width",valueFormat:u.Value.px}],br:[{values:0,styleName:"border-right-width",valueFormat:u.Value.px}],bb:[{values:0,styleName:"border-bottom-width",valueFormat:u.Value.px}],bl:[{values:0,styleName:"border-left-width",valueFormat:u.Value.px}],borderStyle:[{styleName:"border-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],borderRadius:[{styleName:"border-radius",values:0,valueFormat:u.Value.rem}],borderRadiusTop:[{values:0,styleName:["border-top-left-radius","border-top-right-radius"],valueFormat:u.Value.rem}],borderRadiusRight:[{values:0,styleName:["border-top-right-radius","border-bottom-right-radius"],valueFormat:u.Value.rem}],borderRadiusBottom:[{values:0,styleName:["border-bottom-left-radius","border-bottom-right-radius"],valueFormat:u.Value.rem}],borderRadiusLeft:[{values:0,styleName:["border-top-left-radius","border-bottom-left-radius"],valueFormat:u.Value.rem}],borderRadiusTopLeft:[{values:0,styleName:"border-top-left-radius",valueFormat:u.Value.rem}],borderRadiusTopRight:[{values:0,styleName:"border-top-right-radius",valueFormat:u.Value.rem}],borderRadiusBottomRight:[{values:0,styleName:"border-bottom-right-radius",valueFormat:u.Value.rem}],borderRadiusBottomLeft:[{values:0,styleName:"border-bottom-left-radius",valueFormat:u.Value.rem}],position:[{values:["static","relative","absolute","fixed","sticky"]}],top:[{values:0,valueFormat:u.Value.rem}],right:[{values:0,valueFormat:u.Value.rem}],bottom:[{values:0,valueFormat:u.Value.rem}],left:[{values:0,valueFormat:u.Value.rem}],inset:[{values:0,valueFormat:u.Value.rem}],boxSizing:[{values:["border-box","content-box"],styleName:"box-sizing"}],contentVisibility:[{values:["visible","hidden"],styleName:"content-visibility"}],cursor:[{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"]}],display:[{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]}],inline:[{values:[!0],styleName:"display",valueFormat:()=>"inline-block"}],jc:[{styleName:"justify-content",values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]}],ai:[{styleName:"align-items",values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]}],alignContent:[{styleName:"align-content",values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]}],flex1:[{styleName:"flex",values:[!0],valueFormat:()=>"1"}],d:[{styleName:"flex-direction",values:["row","row-reverse","column","column-reverse"]}],flexWrap:[{styleName:"flex-wrap",values:["nowrap","wrap","wrap-reverse"]}],flexGrow:[{styleName:"flex-grow",values:0}],flexShrink:[{styleName:"flex-shrink",values:0}],alignSelf:[{styleName:"align-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],justifySelf:[{styleName:"justify-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],fontSize:[{styleName:"font-size",values:0,valueFormat:u.Value.px},{styleName:"font-size",values:["inherit"]}],fontStyle:[{styleName:"font-style",values:["italic","normal","oblique"]}],fontWeight:[{styleName:"font-weight",values:[100,200,300,400,500,600,700,800,900]}],gap:[{values:0,valueFormat:u.Value.rem}],rowGap:[{styleName:"row-gap",values:0,valueFormat:u.Value.rem}],columnGap:[{styleName:"column-gap",values:0,valueFormat:u.Value.rem}],order:[{styleName:"order",values:0}],height:[{values:0,valueFormat:e=>`${e/4}rem`},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vh"},{values:["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"],valueFormat:e=>{const[t,a]=e.split("/");return`${+t/+a*100}%`}},{values:["auto","fit-content","max-content","min-content"]}],minHeight:[{styleName:"min-height",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"min-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"min-height",values:["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"],valueFormat:e=>{const[t,a]=e.split("/");return`${+t/+a*100}%`}},{styleName:"min-height",values:["auto","fit-content","max-content","min-content"]}],maxHeight:[{styleName:"max-height",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"max-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"max-height",values:["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"],valueFormat:e=>{const[t,a]=e.split("/");return`${+t/+a*100}%`}},{styleName:"max-height",values:["auto","fit-content","max-content","min-content"]}],width:[{values:0,valueFormat:e=>`${e/4}rem`},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vw"},{values:["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"],valueFormat:e=>{const[t,a]=e.split("/");return`${+t/+a*100}%`}},{values:["auto","fit-content","max-content","min-content"]}],minWidth:[{styleName:"min-width",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"min-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"min-width",values:["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"],valueFormat:e=>{const[t,a]=e.split("/");return`${+t/+a*100}%`}},{styleName:"min-width",values:["auto","fit-content","max-content","min-content"]}],maxWidth:[{styleName:"max-width",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"max-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"max-width",values:["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"],valueFormat:e=>{const[t,a]=e.split("/");return`${+t/+a*100}%`}},{styleName:"max-width",values:["auto","fit-content","max-content","min-content"]}],letterSpacing:[{styleName:"letter-spacing",values:0,valueFormat:u.Value.px}],lineHeight:[{styleName:"line-height",values:0,valueFormat:u.Value.px},{styleName:"line-height",values:["font-size"],valueFormat:e=>"1"}],listStyle:[{styleName:"list-style",values:["square","inside","outside","none"]}],m:[{values:0,styleName:"margin",valueFormat:u.Value.rem},{values:["auto"],styleName:"margin"}],mx:[{values:0,styleName:"margin-inline",valueFormat:u.Value.rem},{values:["auto"],styleName:"margin-inline"}],my:[{values:0,styleName:"margin-block",valueFormat:u.Value.rem},{values:["auto"],styleName:"margin-block"}],mt:[{values:0,styleName:"margin-top",valueFormat:u.Value.rem},{values:["auto"],styleName:"margin-top"}],mr:[{values:0,styleName:"margin-right",valueFormat:u.Value.rem},{values:["auto"],styleName:"margin-right"}],mb:[{values:0,styleName:"margin-bottom",valueFormat:u.Value.rem},{values:["auto"],styleName:"margin-bottom"}],ml:[{values:0,styleName:"margin-left",valueFormat:u.Value.rem},{values:["auto"],styleName:"margin-left"}],p:[{values:0,styleName:"padding",valueFormat:u.Value.rem}],px:[{values:0,styleName:"padding-inline",valueFormat:u.Value.rem}],py:[{values:0,styleName:"padding-block",valueFormat:u.Value.rem}],pt:[{values:0,styleName:"padding-top",valueFormat:u.Value.rem}],pr:[{values:0,styleName:"padding-right",valueFormat:u.Value.rem}],pb:[{values:0,styleName:"padding-bottom",valueFormat:u.Value.rem}],pl:[{values:0,styleName:"padding-left",valueFormat:u.Value.rem}],objectFit:[{styleName:"object-fit",values:["fill","contain","cover","scale-down","none"]}],opacity:[{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]}],outline:[{styleName:"outline-width",values:0,valueFormat:u.Value.px}],outlineStyle:[{styleName:"outline-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],outlineOffset:[{styleName:"outline-offset",values:0,valueFormat:u.Value.px}],overflow:[{values:["auto","hidden","scroll","visible"]}],overflowX:[{styleName:"overflow-x",values:["auto","hidden","scroll","visible"]}],overflowY:[{styleName:"overflow-y",values:["auto","hidden","scroll","visible"]}],pointerEvents:[{styleName:"pointer-events",values:["none","auto","all"]}],resize:[{values:["none","both","horizontal","vertical","block","inline"]}],rotate:[{values:[0,90,180,270,-90,-180,-270],valueFormat:e=>`${e}deg`}],flip:[{styleName:"scale",values:["xAxis","yAxis"],valueFormat:e=>e==="xAxis"?"-1 1":"1 -1"}],textAlign:[{styleName:"text-align",values:["left","right","center","justify"]}],textDecoration:[{styleName:"text-decoration",values:["none","underline","overline","line-through"]}],textOverflow:[{styleName:"text-overflow",values:["clip","ellipsis"]}],textTransform:[{styleName:"text-transform",values:["none","capitalize","lowercase","uppercase"]}],textWrap:[{styleName:"text-wrap",values:["wrap","nowrap","balance","pretty"]}],transition:[{styleName:"transition-property",values:["none","all"]}],transitionDuration:[{styleName:"transition-duration",values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],valueFormat:e=>`${e}ms`}],userSelect:[{styleName:"user-select",values:["none","auto","text","all"]}],visibility:[{styleName:"visibility",values:["visible","hidden","collapse"]}],whiteSpace:[{styleName:"white-space",values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]}],zIndex:[{styleName:"z-index",values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]}],gridTemplateColumns:[{styleName:"grid-template-columns",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-columns",values:["subgrid"]}],gridTemplateRows:[{styleName:"grid-template-rows",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-rows",values:["subgrid"]}],colSpan:[{styleName:"grid-column",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-column",values:["full-row"],valueFormat:()=>"1/-1"}],gridColumnStart:[{styleName:"grid-column-start",values:0}],gridColumnEnd:[{styleName:"grid-column-end",values:0}],gridRow:[{styleName:"grid-row",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-row",values:["full-column"],valueFormat:()=>"1/-1"}],gridRowStart:[{styleName:"grid-row-start",values:0}],gridRowEnd:[{styleName:"grid-row-end",values:0}],color:[{values:Object.keys(V.colors),valueFormat:(e,t)=>t(e)}],bgColor:[{values:Object.keys(V.colors),valueFormat:(e,t)=>t(e),styleName:"background-color"}],borderColor:[{values:Object.keys(V.colors),valueFormat:(e,t)=>t(e),styleName:"border-color"}],outlineColor:[{values:Object.keys(V.colors),valueFormat:(e,t)=>t(e),styleName:"outline-color"}]},se={hover:":hover",focus:":focus-within",hasFocus:":has(:focus)",active:":active",valid:":user-valid",hasValid:":has(:valid)",invalid:":user-invalid",hasInvalid:":has(:user-invalid)",optional:":optional",hasChecked:":has(:checked)",hasRequired:":has(:required)",hasDisabled:":has([disabled])"},U={indeterminate:":indeterminate",checked:":checked",required:":required",disabled:"[disabled]"},Z={...se,...U},oe=Object.entries(Z).reduce((e,[t],a)=>(e[t]=Math.pow(2,a),e),{}),q=Object.entries(Z).reduce((e,[t])=>{const a=oe[t];return Object.entries(e).forEach(([o,c])=>{e[+o+a]=[...c,t]}),e},{0:[]}),K={hoverGroup:"hover",focusGroup:"focus",activeGroup:"active",disabledGroup:"disabled"},L={sm:640,md:768,lg:1024,xl:1280,xxl:1536};var M;(e=>{function t(s,l,i){const f={...s},y=f.props||{};return l.forEach(r=>{r in f&&(y[r]=f[r],delete f[r])}),i&&Object.entries(i).forEach(([r,v])=>{y[r]=v}),f.props=y,f}e.buildProps=t;function a(s){return!!s&&typeof s=="object"}e.isObject=a;function o(...s){return s.reduce((l,i)=>(Object.keys(i).forEach(f=>{const y=l[f],r=i[f];f in U&&typeof r=="boolean"||(f in U&&Array.isArray(r)?l[f]=o(y,r[1]??{}):Array.isArray(y)&&Array.isArray(r)?l[f]=y.concat(...r):a(y)&&a(r)?l[f]=o(y,r):l[f]=r)}),l),{})}e.mergeDeep=o;function c(s,l){return s in l}e.isKeyOf=c})(M||(M={}));const N=M;class ce{constructor(){this._index=0,this._cache={}}getIdentity(t){return this._cache[t]||(this._cache[t]=this.getByIndex(this._index++)),this._cache[t]}getByIndex(t){const{first:a,next:o}=fe,c=t-a.length;if(c<0)return a[t];const s=Math.floor(c/o.length),l=c-s*o.length;return this.getByIndex(s)+o[l]}}const fe={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var G;(e=>{e.components={}})(G||(G={}));function de(e){const{clean:t,theme:a,component:o}=e;return C.useMemo(()=>{var l;if(t)return;const c=o==null?void 0:o.split(".");if(!c)return;const s=c.reduce((i,f,y)=>{var r,v;return y===0?(r=G.components)==null?void 0:r[f]:(v=i==null?void 0:i.children)==null?void 0:v[f]},void 0);if(s)return a?N.mergeDeep(s.styles,((l=s.themes)==null?void 0:l[a])??{}):s.styles},[o,t,a])}const me=new ce,ve=typeof window<"u"&&typeof window.document<"u";var re;const ie=typeof process=="object"&&((re=process.env)==null?void 0:re.NODE_ENV)==="test",be=ve&&!ie?C.useLayoutEffect:C.useEffect,ne="_b",A="_s";function ye(e,t){be(_.flush,[e]);const a=de(e);return C.useMemo(()=>{var s;const o=[t?A:ne];(s=e.props)==null||s.name;const c=a?N.mergeDeep(a,e):e;return _.addClassNames(c,o,[]),o},[e,t,a])}var _;(e=>{let t=!0,a={};function o(r,v,h,b,n){Object.entries(r).forEach(([m,d])=>{if(N.isKeyOf(m,j))l(m,d,v,h,b,n);else if(N.isKeyOf(m,se))o(d,v,[...h,m],b,n);else if(N.isKeyOf(m,U)){if(Array.isArray(d)){const[x,w]=d;o(w,v,[...h,m],b,n)}N.isObject(d)&&o(d,v,[...h,m],b,n)}else N.isKeyOf(m,L)?o(d,v,h,m,n):N.isKeyOf(m,K)&&(typeof d=="string"?v.push(`${K[m]}-${d}`):Object.entries(d).forEach(([x,w])=>{o(w,v,[...h,K[m]],b,x)}))})}e.addClassNames=o;function c(){if(!t)return;console.debug("\x1B[36m%s\x1B[0m","[react-box]: flush");const r=Object.entries(j).reduce((m,[d],x)=>(m[d]=x,m),{}),v=`: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 E=require("react");function ae(...e){return e.reduce((t,r)=>r?typeof r=="string"?(t.push(r),t):Array.isArray(r)?(t.push(...ae(...r)),t):(Object.entries(r).forEach(([l,d])=>{d&&t.push(l)}),t):t,[])}var n;(e=>{(t=>{function r(d,s){return`${d}${s.replace("/","-")}`}t.fraction=r;function l(d){return[`${d} path`,`${d} circle`,`${d} rect`,`${d} line`]}t.svg=l})(e.ClassName||(e.ClassName={})),(t=>{function r(b){return`${b/4}rem`}t.rem=r;function l(b){return`${b}px`}t.px=l;function d(b,i){const[m,c]=i.split("/");return`${+m/+c*100}%`}t.fraction=d;function s(b,i){switch(i){case"fit":return"100%";case"fit-screen":return b.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return i}}t.widthHeight=s;function f(b){return(i,m)=>`var(--${b}${m});`}t.variables=f;function o(b){return(i,m)=>`var(--${b}${m});`}t.svgVariables=o;function u(b,i){return`repeat(${i},minmax(0,1fr))`}t.gridColumns=u;function y(b,i){return i==="full-row"?"1/-1":`span ${i}/span ${i}`}t.gridColumn=y;function a(b,i){return`${i}ms`}t.ms=a;function v(b,i){return`${i}deg`}t.rotate=v;function g(b,i){return i==="xAxis"?"-1 1":"1 -1"}t.flip=g})(e.Value||(e.Value={}))})(n||(n={}));var W;(e=>{e.colors={currentColor:"currentColor",transparent:"transparent",green:"green",red:"red",blue:"blue",gray:"gray",black:"#000",white:"#fff","slate-50":"#f8fafc","slate-100":"#f1f5f9","slate-200":"#e2e8f0","slate-300":"#cbd5e1","slate-400":"#94a3b8","slate-500":"#64748b","slate-600":"#475569","slate-700":"#334155","slate-800":"#1e293b","slate-900":"#0f172a","slate-950":"#020617","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","gray-950":"#030712","zinc-50":"#fafafa","zinc-100":"#f4f4f5","zinc-200":"#e4e4e7","zinc-300":"#d4d4d8","zinc-400":"#a1a1aa","zinc-500":"#71717a","zinc-600":"#52525b","zinc-700":"#3f3f46","zinc-800":"#27272a","zinc-900":"#18181b","zinc-950":"#09090b","neutral-50":"#fafafa","neutral-100":"#f5f5f5","neutral-200":"#e5e5e5","neutral-300":"#d4d4d4","neutral-400":"#a3a3a3","neutral-500":"#737373","neutral-600":"#525252","neutral-700":"#404040","neutral-800":"#262626","neutral-900":"#171717","neutral-950":"#0a0a0a","stone-50":"#fafaf9","stone-100":"#f5f5f4","stone-200":"#e7e5e4","stone-300":"#d6d3d1","stone-400":"#a8a29e","stone-500":"#78716c","stone-600":"#57534e","stone-700":"#44403c","stone-800":"#292524","stone-900":"#1c1917","stone-950":"#0c0a09","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","red-950":"#450a0a","orange-50":"#fff7ed","orange-100":"#ffedd5","orange-200":"#fed7aa","orange-300":"#fdba74","orange-400":"#fb923c","orange-500":"#f97316","orange-600":"#ea580c","orange-700":"#c2410c","orange-800":"#9a3412","orange-900":"#7c2d12","orange-950":"#431407","amber-50":"#fffbeb","amber-100":"#fef3c7","amber-200":"#fde68a","amber-300":"#fcd34d","amber-400":"#fbbf24","amber-500":"#f59e0b","amber-600":"#d97706","amber-700":"#b45309","amber-800":"#92400e","amber-900":"#78350f","amber-950":"#451a03","yellow-50":"#fefce8","yellow-100":"#fef9c3","yellow-200":"#fef08a","yellow-300":"#fde047","yellow-400":"#facc15","yellow-500":"#eab308","yellow-600":"#ca8a04","yellow-700":"#a16207","yellow-800":"#854d0e","yellow-900":"#713f12","yellow-950":"#422006","lime-50":"#f7fee7","lime-100":"#ecfccb","lime-200":"#d9f99d","lime-300":"#bef264","lime-400":"#a3e635","lime-500":"#84cc16","lime-600":"#65a30d","lime-700":"#4d7c0f","lime-800":"#3f6212","lime-900":"#365314","lime-950":"#1a2e05","green-50":"#f0fdf4","green-100":"#dcfce7","green-200":"#bbf7d0","green-300":"#86efac","green-400":"#4ade80","green-500":"#22c55e","green-600":"#16a34a","green-700":"#15803d","green-800":"#166534","green-900":"#14532d","green-950":"#052e16","emerald-50":"#ecfdf5","emerald-100":"#d1fae5","emerald-200":"#a7f3d0","emerald-300":"#6ee7b7","emerald-400":"#34d399","emerald-500":"#10b981","emerald-600":"#059669","emerald-700":"#047857","emerald-800":"#065f46","emerald-900":"#064e3b","emerald-950":"#022c22","teal-50":"#f0fdfa","teal-100":"#ccfbf1","teal-200":"#99f6e4","teal-300":"#5eead4","teal-400":"#2dd4bf","teal-500":"#14b8a6","teal-600":"#0d9488","teal-700":"#0f766e","teal-800":"#115e59","teal-900":"#134e4a","teal-950":"#042f2e","cyan-50":"#ecfeff","cyan-100":"#cffafe","cyan-200":"#a5f3fc","cyan-300":"#67e8f9","cyan-400":"#22d3ee","cyan-500":"#06b6d4","cyan-600":"#0891b2","cyan-700":"#0e7490","cyan-800":"#155e75","cyan-900":"#164e63","cyan-950":"#083344","sky-50":"#f0f9ff","sky-100":"#e0f2fe","sky-200":"#bae6fd","sky-300":"#7dd3fc","sky-400":"#38bdf8","sky-500":"#0ea5e9","sky-600":"#0284c7","sky-700":"#0369a1","sky-800":"#075985","sky-900":"#0c4a6e","sky-950":"#082f49","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","blue-950":"#172554","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","indigo-950":"#1e1b4b","violet-50":"#f5f3ff","violet-XX":"#9747FF","violet-100":"#ede9fe","violet-200":"#ddd6fe","violet-300":"#c4b5fd","violet-400":"#a78bfa","violet-500":"#8b5cf6","violet-600":"#7c3aed","violet-700":"#6d28d9","violet-800":"#5b21b6","violet-900":"#4c1d95","violet-950":"#2e1065",vi:"#7949FF","purple-50":"#faf5ff","purple-100":"#f3e8ff","purple-200":"#e9d5ff","purple-300":"#d8b4fe","purple-400":"#c084fc","purple-500":"#a855f7","purple-600":"#9333ea","purple-700":"#7e22ce","purple-800":"#6b21a8","purple-900":"#581c87","purple-950":"#3b0764","fuchsia-50":"#fdf4ff","fuchsia-100":"#fae8ff","fuchsia-200":"#f5d0fe","fuchsia-300":"#f0abfc","fuchsia-400":"#e879f9","fuchsia-500":"#d946ef","fuchsia-600":"#c026d3","fuchsia-700":"#a21caf","fuchsia-800":"#86198f","fuchsia-900":"#701a75","fuchsia-950":"#4a044e","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843","pink-950":"#500724","rose-50":"#fff1f2","rose-100":"#ffe4e6","rose-200":"#fecdd3","rose-300":"#fda4af","rose-400":"#fb7185","rose-500":"#f43f5e","rose-600":"#e11d48","rose-700":"#be123c","rose-800":"#9f1239","rose-900":"#881337","rose-950":"#4c0519"};const t={inherit:"inherit",none:"none","bg-img-checked":`url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><path fill='none' stroke='#FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/></svg>")}")`,"bg-img-indeterminate":`url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><line stroke='${e.colors["violet-400"]}' x1='4' y1='10' x2='16' y2='10' stroke-width='1' /></svg>`)}")`,"bg-img-radio":`url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><circle fill='#FFF' cx='10' cy='10' r='5'/></svg>")}")`},r={};let l={};function d(o){return o in l?r[o]=l[o]:o in t?r[o]=t[o]:o in e.colors?r[o]=e.colors[o]:r[o]=o,`var(--${o})`}e.getVariableValue=d;function s(){return Object.entries(r).map(([o,u])=>`--${o}: ${u};`).join("")}e.generateVariables=s;function f(o){l=o}e.setUserVariables=f})(W||(W={}));const C=W,j={appearance:[{values:["none","auto","menulist-button","textfield","button","checkbox"]}],b:[{values:0,styleName:"border-width",valueFormat:n.Value.px}],bx:[{values:0,styleName:"border-inline-width",valueFormat:n.Value.px}],by:[{values:0,styleName:"border-block-width",valueFormat:n.Value.px}],bt:[{values:0,styleName:"border-top-width",valueFormat:n.Value.px}],br:[{values:0,styleName:"border-right-width",valueFormat:n.Value.px}],bb:[{values:0,styleName:"border-bottom-width",valueFormat:n.Value.px}],bl:[{values:0,styleName:"border-left-width",valueFormat:n.Value.px}],borderStyle:[{styleName:"border-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],borderRadius:[{styleName:"border-radius",values:0,valueFormat:n.Value.rem}],borderRadiusTop:[{values:0,styleName:["border-top-left-radius","border-top-right-radius"],valueFormat:n.Value.rem}],borderRadiusRight:[{values:0,styleName:["border-top-right-radius","border-bottom-right-radius"],valueFormat:n.Value.rem}],borderRadiusBottom:[{values:0,styleName:["border-bottom-left-radius","border-bottom-right-radius"],valueFormat:n.Value.rem}],borderRadiusLeft:[{values:0,styleName:["border-top-left-radius","border-bottom-left-radius"],valueFormat:n.Value.rem}],borderRadiusTopLeft:[{values:0,styleName:"border-top-left-radius",valueFormat:n.Value.rem}],borderRadiusTopRight:[{values:0,styleName:"border-top-right-radius",valueFormat:n.Value.rem}],borderRadiusBottomRight:[{values:0,styleName:"border-bottom-right-radius",valueFormat:n.Value.rem}],borderRadiusBottomLeft:[{values:0,styleName:"border-bottom-left-radius",valueFormat:n.Value.rem}],position:[{values:["static","relative","absolute","fixed","sticky"]}],top:[{values:0,valueFormat:n.Value.rem}],right:[{values:0,valueFormat:n.Value.rem}],bottom:[{values:0,valueFormat:n.Value.rem}],left:[{values:0,valueFormat:n.Value.rem}],inset:[{values:0,valueFormat:n.Value.rem}],boxSizing:[{values:["border-box","content-box"],styleName:"box-sizing"}],contentVisibility:[{values:["visible","hidden"],styleName:"content-visibility"}],cursor:[{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"]}],display:[{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]}],inline:[{values:[!0],styleName:"display",valueFormat:()=>"inline-block"}],jc:[{styleName:"justify-content",values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]}],ai:[{styleName:"align-items",values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]}],alignContent:[{styleName:"align-content",values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]}],flex1:[{styleName:"flex",values:[!0],valueFormat:()=>"1"}],d:[{styleName:"flex-direction",values:["row","row-reverse","column","column-reverse"]}],flexWrap:[{styleName:"flex-wrap",values:["nowrap","wrap","wrap-reverse"]}],flexGrow:[{styleName:"flex-grow",values:0}],flexShrink:[{styleName:"flex-shrink",values:0}],alignSelf:[{styleName:"align-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],justifySelf:[{styleName:"justify-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],fontSize:[{styleName:"font-size",values:0,valueFormat:n.Value.px},{styleName:"font-size",values:["inherit"]}],fontStyle:[{styleName:"font-style",values:["italic","normal","oblique"]}],fontWeight:[{styleName:"font-weight",values:[100,200,300,400,500,600,700,800,900]}],gap:[{values:0,valueFormat:n.Value.rem}],rowGap:[{styleName:"row-gap",values:0,valueFormat:n.Value.rem}],columnGap:[{styleName:"column-gap",values:0,valueFormat:n.Value.rem}],order:[{styleName:"order",values:0}],height:[{values:0,valueFormat:e=>`${e/4}rem`},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vh"},{values:["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"],valueFormat:e=>{const[t,r]=e.split("/");return`${+t/+r*100}%`}},{values:["auto","fit-content","max-content","min-content"]}],minHeight:[{styleName:"min-height",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"min-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"min-height",values:["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"],valueFormat:e=>{const[t,r]=e.split("/");return`${+t/+r*100}%`}},{styleName:"min-height",values:["auto","fit-content","max-content","min-content"]}],maxHeight:[{styleName:"max-height",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"max-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"max-height",values:["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"],valueFormat:e=>{const[t,r]=e.split("/");return`${+t/+r*100}%`}},{styleName:"max-height",values:["auto","fit-content","max-content","min-content"]}],width:[{values:0,valueFormat:e=>`${e/4}rem`},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vw"},{values:["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"],valueFormat:e=>{const[t,r]=e.split("/");return`${+t/+r*100}%`}},{values:["auto","fit-content","max-content","min-content"]}],minWidth:[{styleName:"min-width",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"min-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"min-width",values:["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"],valueFormat:e=>{const[t,r]=e.split("/");return`${+t/+r*100}%`}},{styleName:"min-width",values:["auto","fit-content","max-content","min-content"]}],maxWidth:[{styleName:"max-width",values:0,valueFormat:e=>`${e/4}rem`},{styleName:"max-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"max-width",values:["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"],valueFormat:e=>{const[t,r]=e.split("/");return`${+t/+r*100}%`}},{styleName:"max-width",values:["auto","fit-content","max-content","min-content"]}],letterSpacing:[{styleName:"letter-spacing",values:0,valueFormat:n.Value.px}],lineHeight:[{styleName:"line-height",values:0,valueFormat:n.Value.px},{styleName:"line-height",values:["font-size"],valueFormat:e=>"1"}],listStyle:[{styleName:"list-style",values:["square","inside","outside","none"]}],m:[{values:0,styleName:"margin",valueFormat:n.Value.rem},{values:["auto"],styleName:"margin"}],mx:[{values:0,styleName:"margin-inline",valueFormat:n.Value.rem},{values:["auto"],styleName:"margin-inline"}],my:[{values:0,styleName:"margin-block",valueFormat:n.Value.rem},{values:["auto"],styleName:"margin-block"}],mt:[{values:0,styleName:"margin-top",valueFormat:n.Value.rem},{values:["auto"],styleName:"margin-top"}],mr:[{values:0,styleName:"margin-right",valueFormat:n.Value.rem},{values:["auto"],styleName:"margin-right"}],mb:[{values:0,styleName:"margin-bottom",valueFormat:n.Value.rem},{values:["auto"],styleName:"margin-bottom"}],ml:[{values:0,styleName:"margin-left",valueFormat:n.Value.rem},{values:["auto"],styleName:"margin-left"}],p:[{values:0,styleName:"padding",valueFormat:n.Value.rem}],px:[{values:0,styleName:"padding-inline",valueFormat:n.Value.rem}],py:[{values:0,styleName:"padding-block",valueFormat:n.Value.rem}],pt:[{values:0,styleName:"padding-top",valueFormat:n.Value.rem}],pr:[{values:0,styleName:"padding-right",valueFormat:n.Value.rem}],pb:[{values:0,styleName:"padding-bottom",valueFormat:n.Value.rem}],pl:[{values:0,styleName:"padding-left",valueFormat:n.Value.rem}],objectFit:[{styleName:"object-fit",values:["fill","contain","cover","scale-down","none"]}],opacity:[{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]}],outline:[{styleName:"outline-width",values:0,valueFormat:n.Value.px}],outlineStyle:[{styleName:"outline-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],outlineOffset:[{styleName:"outline-offset",values:0,valueFormat:n.Value.px}],overflow:[{values:["auto","hidden","scroll","visible"]}],overflowX:[{styleName:"overflow-x",values:["auto","hidden","scroll","visible"]}],overflowY:[{styleName:"overflow-y",values:["auto","hidden","scroll","visible"]}],pointerEvents:[{styleName:"pointer-events",values:["none","auto","all"]}],resize:[{values:["none","both","horizontal","vertical","block","inline"]}],rotate:[{values:[0,90,180,270,-90,-180,-270],valueFormat:e=>`${e}deg`}],flip:[{styleName:"scale",values:["xAxis","yAxis"],valueFormat:e=>e==="xAxis"?"-1 1":"1 -1"}],textAlign:[{styleName:"text-align",values:["left","right","center","justify"]}],textDecoration:[{styleName:"text-decoration",values:["none","underline","overline","line-through"]}],textOverflow:[{styleName:"text-overflow",values:["clip","ellipsis"]}],textTransform:[{styleName:"text-transform",values:["none","capitalize","lowercase","uppercase"]}],textWrap:[{styleName:"text-wrap",values:["wrap","nowrap","balance","pretty"]}],transition:[{styleName:"transition-property",values:["none","all"]}],transitionDuration:[{styleName:"transition-duration",values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],valueFormat:e=>`${e}ms`}],userSelect:[{styleName:"user-select",values:["none","auto","text","all"]}],visibility:[{styleName:"visibility",values:["visible","hidden","collapse"]}],whiteSpace:[{styleName:"white-space",values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]}],zIndex:[{styleName:"z-index",values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]}],gridTemplateColumns:[{styleName:"grid-template-columns",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-columns",values:["subgrid"]}],gridTemplateRows:[{styleName:"grid-template-rows",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-rows",values:["subgrid"]}],colSpan:[{styleName:"grid-column",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-column",values:["full-row"],valueFormat:()=>"1/-1"}],gridColumnStart:[{styleName:"grid-column-start",values:0}],gridColumnEnd:[{styleName:"grid-column-end",values:0}],gridRow:[{styleName:"grid-row",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-row",values:["full-column"],valueFormat:()=>"1/-1"}],gridRowStart:[{styleName:"grid-row-start",values:0}],gridRowEnd:[{styleName:"grid-row-end",values:0}],color:[{values:Object.keys(C.colors),valueFormat:(e,t)=>t(e)}],bgColor:[{values:Object.keys(C.colors),valueFormat:(e,t)=>t(e),styleName:"background-color"}],borderColor:[{values:Object.keys(C.colors),valueFormat:(e,t)=>t(e),styleName:"border-color"}],outlineColor:[{values:Object.keys(C.colors),valueFormat:(e,t)=>t(e),styleName:"outline-color"}],bgImage:[{values:["none","bg-img-checked","bg-img-indeterminate","bg-img-radio"],valueFormat:(e,t)=>t(e),styleName:"background-image"}]},le={hover:":hover",focus:":focus-within",hasFocus:":has(:focus)",active:":active",valid:":user-valid",hasValid:":has(:valid)",invalid:":user-invalid",hasInvalid:":has(:user-invalid)",optional:":optional",hasChecked:":has(:checked)",hasRequired:":has(:required)",hasDisabled:":has([disabled])"},L={indeterminate:":indeterminate",checked:":checked",required:":required",disabled:"[disabled]"},Z={...le,...L},se=Object.entries(Z).reduce((e,[t],r)=>(e[t]=Math.pow(2,r),e),{}),q=Object.entries(Z).reduce((e,[t])=>{const r=se[t];return Object.entries(e).forEach(([l,d])=>{e[+l+r]=[...d,t]}),e},{0:[]}),K={hoverGroup:"hover",focusGroup:"focus",activeGroup:"active",disabledGroup:"disabled"},U={sm:640,md:768,lg:1024,xl:1280,xxl:1536};var M;(e=>{function t(s,f,o){const u={...s},y=u.props||{};return f.forEach(a=>{a in u&&(y[a]=u[a],delete u[a])}),o&&Object.entries(o).forEach(([a,v])=>{y[a]=v}),u.props=y,u}e.buildProps=t;function r(s){return!!s&&typeof s=="object"}e.isObject=r;function l(...s){return s.reduce((f,o)=>(Object.keys(o??{}).forEach(u=>{const y=f[u],a=o[u];u in L&&typeof a=="boolean"||(u in L&&Array.isArray(a)?f[u]=l(y,a[1]??{}):Array.isArray(y)&&Array.isArray(a)?f[u]=y.concat(...a):r(y)&&r(a)?f[u]=l(y,a):f[u]=a)}),f),{})}e.mergeDeep=l;function d(s,f){return s in f}e.isKeyOf=d})(M||(M={}));const N=M;class de{constructor(){this._index=0,this._cache={}}getIdentity(t){return this._cache[t]||(this._cache[t]=this.getByIndex(this._index++)),this._cache[t]}getByIndex(t){const{first:r,next:l}=ce,d=t-r.length;if(d<0)return r[t];const s=Math.floor(d/l.length),f=d-s*l.length;return this.getByIndex(s)+l[f]}}const ce={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var B;(e=>{e.components={}})(B||(B={}));function fe(e){const{clean:t,theme:r,component:l}=e;return E.useMemo(()=>{var f;if(t)return;const d=l==null?void 0:l.split(".");if(!d)return;const s=d.reduce((o,u,y)=>{var a,v;return y===0?(a=B.components)==null?void 0:a[u]:(v=o==null?void 0:o.children)==null?void 0:v[u]},void 0);if(s)return r?N.mergeDeep(s.styles,((f=s.themes)==null?void 0:f[r])??{}):s.styles},[l,t,r])}const me=new de,ve=typeof window<"u"&&typeof window.document<"u";var oe;const ie=typeof process=="object"&&((oe=process.env)==null?void 0:oe.NODE_ENV)==="test",be=ve&&!ie?E.useLayoutEffect:E.useEffect,ne="_b",A="_s";function ye(e,t){be(_.flush,[e]);const r=fe(e);return E.useMemo(()=>{const l=[t?A:ne],d=r?N.mergeDeep(r,e):e;return _.addClassNames(d,l,[]),l},[e,t,r])}var _;(e=>{let t=!0,r={};function l(a,v,g,b,i){Object.entries(a).forEach(([m,c])=>{if(N.isKeyOf(m,j))f(m,c,v,g,b,i);else if(N.isKeyOf(m,le))l(c,v,[...g,m],b,i);else if(N.isKeyOf(m,L)){if(Array.isArray(c)){const[w,x]=c;l(x,v,[...g,m],b,i)}N.isObject(c)&&l(c,v,[...g,m],b,i)}else N.isKeyOf(m,U)?l(c,v,g,m,i):N.isKeyOf(m,K)&&(typeof c=="string"?v.push(`${K[m]}-${c}`):Object.entries(c).forEach(([w,x])=>{l(x,v,[...g,K[m]],b,w)}))})}e.addClassNames=l;function d(){if(!t)return;console.debug("\x1B[36m%s\x1B[0m","[react-box]: flush");const a=Object.entries(j).reduce((m,[c],w)=>(m[c]=w,m),{}),v=`: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;}
 .${ne}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
 .${A}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${A} path,.${A} circle,.${A} rect,.${A} line {transition: all var(--svgTransitionTime);}
-`,h=Object.entries(a);h.sort(([m],[d])=>(L[m]??0)-(L[d]??0));const b=h.reduce((m,[d,x])=>(d!=="normal"&&m.push(`@media(min-width: ${L[d]}px){`),Object.entries(x).forEach(([w,k])=>{const{__parents:P,...ue}=k,ee=Object.entries(ue);ee.sort(([F],[T])=>r[F]-r[T]),ee.forEach(([F,T])=>{T.forEach(z=>{var I,H;const g=j[F].find($=>Array.isArray($.values)?$.values.includes(z):typeof z==typeof $.values);if(!g)return;const E=i(F,z,+w,d),D=q[+w].map($=>Z[$]).join(""),p=((I=g.selector)==null?void 0:I.call(g,`.${E}`,D))??`.${E}${D}`,R=Array.isArray(g.styleName)?g.styleName:[g.styleName??F],S=((H=g.valueFormat)==null?void 0:H.call(g,z,V.getVariableValue))??z;m.push(`${p}{${R.map($=>`${$}:${S}`).join(";")}}`)})}),P&&Object.entries(P).forEach(([F,T])=>{const z=Object.entries(T);z.sort(([O],[g])=>r[O]-r[g]),z.forEach(([O,g])=>{g.forEach(E=>{var te,ae;const p=j[O].find(B=>Array.isArray(B.values)?B.values.includes(E):typeof E==typeof B.values);if(!p)return;const R=i(O,E,+w,d,F),[S]=q[+w],I=((te=p.selector)==null?void 0:te.call(p,`.${S}-${F}:${S} .${R}`,""))??`.${S}-${F}:${S} .${R}`,H=Array.isArray(p.styleName)?p.styleName:[p.styleName??O],$=((ae=p.valueFormat)==null?void 0:ae.call(p,E,V.getVariableValue))??E;m.push(`${I}{${H.map(B=>`${B}:${$}`).join(";")}}`)})})})}),d!=="normal"&&m.push("}"),m),[v]);b.unshift(`:root{${V.generateVariables()}}`);const n=y();n.innerHTML=b.join(""),t=!1}e.flush=c;function s(){a={}}e.clear=s;function l(r,v,h,b,n="normal",m){if(v==null)return;const d=b.reduce((w,k)=>w+oe[k],0);a[n]?a[n][d]?a[n][d][r]||(a[n][d][r]=new Set):a[n][d]={[r]:new Set}:a[n]={[d]:{[r]:new Set}},m?(a[n][d].__parents?a[n][d].__parents[m]?a[n][d].__parents[m][r]||(a[n][d].__parents[m][r]=new Set):a[n][d].__parents[m]={[r]:new Set}:a[n][d].__parents={[m]:{[r]:new Set}},a[n][d].__parents[m][r].has(v)||(a[n][d].__parents[m][r].add(v),t=!0)):a[n][d][r].has(v)||(a[n][d][r].add(v),t=!0);const x=i(r,v,d,n,m);h.push(x)}function i(r,v,h,b,n){const m=q[h],d=`${b==="normal"?"":`${b}-`}${m.map(x=>`${x}-`).join("")}${n?`${n}-`:""}${r}-${v}`;return ie?d:me.getIdentity(d)}const f="crono-styles";function y(){let r=document.getElementById(f);return r||(r=document.createElement("style"),r.setAttribute("id",f),r.setAttribute("type","text/css"),document.head.insertBefore(r,document.head.firstChild)),r}})(_||(_={}));exports.StylesContext=void 0;(e=>{e.flush=_.flush,e.clear=_.clear})(exports.StylesContext||(exports.StylesContext={}));var X;(e=>{function t(a,o,c){return V.setUserVariables(a),Object.entries(o).forEach(([s,l])=>{j[s]=l}),Object.entries(c).forEach(([s,l])=>{const i=j[s];j[s]=i?[...l,...i]:l}),{extendedProps:o,extendedPropTypes:c}}e.extend=t})(X||(X={}));const he=X;var Y;(e=>{const t={button:{styles:{display:"inline-flex",color:"white",bgColor:"violet-400",borderColor:"violet-500",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",hover:{color:"slate-700",bgColor:"violet-100",borderColor:"violet-300"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"slate-400",borderColor:"gray-300"}},themes:{reverse:{color:"slate-700",bgColor:"violet-100",borderColor:"violet-300",hover:{color:"white",bgColor:"violet-400",borderColor:"violet-500"}}}},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}},dropdown:{styles:{display:"inline-flex",bgColor:"white",color:"violet-800",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",borderColor:"violet-400",lineHeight:20,hover:{bgColor:"violet-50"},disabled:{cursor:"not-allowed",bgColor:"violet-200",color:"gray-400",borderColor:"gray-300"}},children:{items:{styles:{b:1,borderRadius:1,position:"relative",top:1,bgColor:"white",overflow:"auto",maxHeight:45,borderColor:"violet-400",color:"violet-800"}},item:{styles:{p:3,cursor:"pointer",lineHeight:20,hover:{bgColor:"violet-50"}}}}}};function a(o){const{components:c,...s}=o,l=c??{};Object.entries(s).forEach(([i,f])=>{l[i]=f}),G.components=N.mergeDeep(t,l)}e.setup=a})(Y||(Y={}));const ge=Y;var J;(e=>{function t(a,o,c){a!==void 0&&a!=null&&(c[o]=Array.isArray(a)?a[0]:a)}e.assignBooleanProp=t})(J||(J={}));const pe=J;function xe(){return C.useMemo(()=>{const e="crono-box";let t=document.getElementById(e);return t||(t=document.createElement("div"),t.id=e,document.body.appendChild(t)),t},[])}function we(e=null){const[t,a]=C.useState(!1),o=C.useRef(null);return C.useEffect(()=>{function c(i){const f=e??o.current;(f==null?void 0:f.contains(i.target))===!1&&a(!1)}function s(){a(!1)}function l(i){i.key==="Escape"&&a(!1)}return t&&(window.addEventListener("click",c),window.addEventListener("resize",s),window.addEventListener("keydown",l)),()=>{window.removeEventListener("click",c),window.removeEventListener("resize",s),window.removeEventListener("keydown",l)}},[e,t]),[t,a,o]}var Q;(e=>{function t(o){const c=Array.from(o.elements).reduce((s,l)=>{const i=l.name;return i&&(s[i]||(s[i]=[]),s[i].push(l)),s},{});return Object.entries(c).reduce((s,[l,i])=>{if(i.length===1){const f=i[0];a(s,l,f.type==="checkbox"||f.type==="radio"?f.checked:f.value)}else{const f=i.reduce((y,r)=>(r.type==="checkbox"||r.type==="radio"?r.checked&&y.push(r.value):y.push(r.value),y),[]);a(s,l,f)}return s},{})}e.getFormEntries=t;function a(o,c,s){if(c.includes(".")){const l=c.split(".");let i=o;l.forEach((f,y)=>{if(l.length>y+1){const r=f.match(/^(.+)\[(\d)\]$/);if(r){const[,v,h]=r;i[v]=i[v]||[],i[v][h]=i[v][h]||{},i=i[v][h]}else i[f]=i[f]||{},i=i[f]}else i[f]=s})}else o[c]=s}})(Q||(Q={}));const Ne=Q;exports.BoxExtends=he;exports.BoxUtils=pe;exports.FormUtils=Ne;exports.ObjectUtils=N;exports.Theme=ge;exports.Variables=V;exports.classNames=le;exports.usePortalContainer=xe;exports.useStyles=ye;exports.useVisibility=we;
+`,g=Object.entries(r);g.sort(([m],[c])=>(U[m]??0)-(U[c]??0));const b=g.reduce((m,[c,w])=>(c!=="normal"&&m.push(`@media(min-width: ${U[c]}px){`),Object.entries(w).forEach(([x,G])=>{const{__parents:P,...ue}=G,ee=Object.entries(ue);ee.sort(([F],[R])=>a[F]-a[R]),ee.forEach(([F,R])=>{R.forEach(V=>{var k,H;const h=j[F].find($=>Array.isArray($.values)?$.values.includes(V):typeof V==typeof $.values);if(!h)return;const z=o(F,V,+x,c),D=q[+x].map($=>Z[$]).join(""),p=((k=h.selector)==null?void 0:k.call(h,`.${z}`,D))??`.${z}${D}`,I=Array.isArray(h.styleName)?h.styleName:[h.styleName??F],S=((H=h.valueFormat)==null?void 0:H.call(h,V,C.getVariableValue))??V;m.push(`${p}{${I.map($=>`${$}:${S}`).join(";")}}`)})}),P&&Object.entries(P).forEach(([F,R])=>{const V=Object.entries(R);V.sort(([O],[h])=>a[O]-a[h]),V.forEach(([O,h])=>{h.forEach(z=>{var te,re;const p=j[O].find(T=>Array.isArray(T.values)?T.values.includes(z):typeof z==typeof T.values);if(!p)return;const I=o(O,z,+x,c,F),[S]=q[+x],k=((te=p.selector)==null?void 0:te.call(p,`.${S}-${F}:${S} .${I}`,""))??`.${S}-${F}:${S} .${I}`,H=Array.isArray(p.styleName)?p.styleName:[p.styleName??O],$=((re=p.valueFormat)==null?void 0:re.call(p,z,C.getVariableValue))??z;m.push(`${k}{${H.map(T=>`${T}:${$}`).join(";")}}`)})})})}),c!=="normal"&&m.push("}"),m),[v]);b.unshift(`:root{${C.generateVariables()}}`);const i=y();i.innerHTML=b.join(""),t=!1}e.flush=d;function s(){r={}}e.clear=s;function f(a,v,g,b,i="normal",m){if(v==null)return;const c=b.reduce((x,G)=>x+se[G],0);r[i]?r[i][c]?r[i][c][a]||(r[i][c][a]=new Set):r[i][c]={[a]:new Set}:r[i]={[c]:{[a]:new Set}},m?(r[i][c].__parents?r[i][c].__parents[m]?r[i][c].__parents[m][a]||(r[i][c].__parents[m][a]=new Set):r[i][c].__parents[m]={[a]:new Set}:r[i][c].__parents={[m]:{[a]:new Set}},r[i][c].__parents[m][a].has(v)||(r[i][c].__parents[m][a].add(v),t=!0)):r[i][c][a].has(v)||(r[i][c][a].add(v),t=!0);const w=o(a,v,c,i,m);g.push(w)}function o(a,v,g,b,i){const m=q[g],c=`${b==="normal"?"":`${b}-`}${m.map(w=>`${w}-`).join("")}${i?`${i}-`:""}${a}-${v}`;return ie?c:me.getIdentity(c)}const u="crono-styles";function y(){let a=document.getElementById(u);return a||(a=document.createElement("style"),a.setAttribute("id",u),a.setAttribute("type","text/css"),document.head.insertBefore(a,document.head.firstChild)),a}})(_||(_={}));exports.StylesContext=void 0;(e=>{e.flush=_.flush,e.clear=_.clear})(exports.StylesContext||(exports.StylesContext={}));var X;(e=>{function t(r,l,d){return C.setUserVariables(r),Object.entries(l).forEach(([s,f])=>{j[s]=f}),Object.entries(d).forEach(([s,f])=>{const o=j[s];j[s]=o?[...f,...o]:f}),{extendedProps:l,extendedPropTypes:d}}e.extend=t})(X||(X={}));const ge=X;var Y;(e=>{const t={button:{styles:{display:"inline-flex",color:"white",bgColor:"violet-500",borderColor:"violet-500",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",hover:{bgColor:"violet-600",borderColor:"violet-600"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}}},textbox:{styles:{display:"inline-block",b:1,borderColor:"violet-200",bgColor:"violet-50",color:"violet-950",borderRadius:1,p:3,transition:"none",hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}}},textarea:{styles:{display:"inline-block",b:1,borderColor:"violet-200",bgColor:"violet-50",color:"violet-950",borderRadius:1,p:3,transition:"none",hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300",resize:"none"}}},checkbox:{styles:{display:"inline-block",appearance:"none",b:1,borderColor:"violet-300",borderRadius:1,p:2,cursor:"pointer",transition:"none",hover:{borderColor:"violet-500"},focus:{outline:2,outlineOffset:2,outlineColor:"violet-500"},checked:{bgColor:"violet-500",borderColor:"violet-500",bgImage:"bg-img-checked"},indeterminate:{color:"violet-500",bgImage:"bg-img-indeterminate"},disabled:{cursor:"not-allowed",bgColor:"violet-100",color:"gray-400",borderColor:"gray-300"}}},radioButton:{styles:{appearance:"none",b:1,borderColor:"violet-300",borderRadius:3,p:2,cursor:"pointer",transition:"none",hover:{borderColor:"violet-500"},focus:{outline:2,outlineOffset:2,outlineColor:"violet-500"},checked:{bgColor:"violet-500",borderColor:"violet-500",bgImage:"bg-img-radio"},disabled:{cursor:"not-allowed",bgColor:"violet-100",color:"gray-400",borderColor:"violet-200"}}},dropdown:{styles:{display:"inline-flex",ai:"center",gap:2,jc:"space-between",p:3,cursor:"pointer",bgColor:"violet-50",color:"violet-950",b:1,borderColor:"violet-200",borderRadius:1,userSelect:"none",lineHeight:20,minWidth:40,transition:"none",hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}},children:{items:{styles:{p:1,b:1,borderRadius:1,position:"relative",top:1,bgColor:"white",overflow:"auto",maxHeight:62,borderColor:"violet-300",color:"violet-950"}},item:{styles:{display:"flex",width:"fit",p:3,cursor:"pointer",lineHeight:20,borderRadius:1,hover:{bgColor:"violet-50"},focus:{bgColor:"violet-50"}}}}}};function r(l){const{components:d,...s}=l,f=d??{};Object.entries(s).forEach(([o,u])=>{f[o]=u}),B.components=N.mergeDeep(t,f)}e.setup=r,B.components={...t}})(Y||(Y={}));const he=Y;var J;(e=>{function t(r,l,d){r!==void 0&&r!=null&&(d[l]=Array.isArray(r)?r[0]:r)}e.assignBooleanProp=t})(J||(J={}));const pe=J;function we(){return E.useMemo(()=>{const e="crono-box";let t=document.getElementById(e);return t||(t=document.createElement("div"),t.id=e,document.body.appendChild(t)),t},[])}function xe(e=null){const[t,r]=E.useState(!1),l=E.useRef(null);return E.useEffect(()=>{function d(o){const u=e??l.current;(u==null?void 0:u.contains(o.target))===!1&&r(!1)}function s(){r(!1)}function f(o){o.key==="Escape"&&r(!1)}return t&&(window.addEventListener("mousedown",d),window.addEventListener("resize",s),window.addEventListener("keydown",f)),()=>{window.removeEventListener("mousedown",d),window.removeEventListener("resize",s),window.removeEventListener("keydown",f)}},[e,t]),[t,r,l]}var Q;(e=>{function t(l){const d=Array.from(l.elements).reduce((s,f)=>{const o=f.name;return o&&(s[o]||(s[o]=[]),s[o].push(f)),s},{});return Object.entries(d).reduce((s,[f,o])=>{if(o.length===1){const u=o[0];r(s,f,u.type==="checkbox"||u.type==="radio"?u.checked:u.value)}else{const u=o.reduce((y,a)=>(a.type==="checkbox"||a.type==="radio"?a.checked&&y.push(a.value):y.push(a.value),y),[]);r(s,f,u)}return s},{})}e.getFormEntries=t;function r(l,d,s){if(d.includes(".")){const f=d.split(".");let o=l;f.forEach((u,y)=>{if(f.length>y+1){const a=u.match(/^(.+)\[(\d)\]$/);if(a){const[,v,g]=a;o[v]=o[v]||[],o[v][g]=o[v][g]||{},o=o[v][g]}else o[u]=o[u]||{},o=o[u]}else o[u]=s})}else l[d]=s}})(Q||(Q={}));const Ne=Q;exports.BoxExtends=ge;exports.BoxUtils=pe;exports.FormUtils=Ne;exports.ObjectUtils=N;exports.Theme=he;exports.Variables=C;exports.classNames=ae;exports.usePortalContainer=we;exports.useStyles=ye;exports.useVisibility=xe;