digital-rabbit-cl 1.0.31 → 1.0.34

package/dist/digital-rabbit-cl.es.js

@@ -1,7 +1,8 @@
-import { jsx as _, jsxs as z, Fragment as ee } from "react/jsx-runtime";
-import $, { createContext as te, useContext as oe, useState as Z, useLayoutEffect as se, useSyncExternalStore as ne, useMemo as q, useRef as T, useEffect as j } from "react";
-const re = "Button-module__button___2ZuB7", ae = "Button-module__sizeSmall___DRT8P", le = "Button-module__sizeDefault___iwWOV", H = {
-  button: re,
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.Button-module__button___2ZuB7{border-width:.15em;border-style:solid;cursor:pointer;font-weight:700;line-height:1.25;outline:none}.Button-module__button___2ZuB7:disabled{cursor:default}.Button-module__sizeSmall___DRT8P{padding:.1em .5em}.Button-module__sizeDefault___iwWOV{padding:.25em .5em}.Checkbox-module__container___aV9qz{display:flex;align-items:center;line-height:1.2}.Checkbox-module__svg___kkluC{flex-shrink:0}.Checkbox-module__label___cwRtI{font-weight:700;margin-left:.35em;-webkit-user-select:none;user-select:none}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size: 16px;--line-height: 1.5;--font-weight-header: 700;--primary-color: #000;--background-color: #fff;--accent-color: #0066cc;--font-size-h1: 2.5rem;--font-size-h2: 1.75rem;--font-size-h3: 1.38316rem;--font-size-h4: 1rem;--font-size-h5: .85028rem;--font-size-h6: .78405rem;--breakpoint-xs: 350px;--breakpoint-sm: 475px;--breakpoint-md: 769px;--breakpoint-lg: 1025px;--layout-max-width: 1280px;--layout-wrapper-padding-sm: .5rem;--layout-wrapper-padding: 1rem}html{line-height:var(--line-height);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:var(--font-size);font-family:var(--font-family);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--primary-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:var(--font-weight-header)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid rgba(0,0,0,.1);margin:1em 0}pre{font-family:monospace,monospace;font-size:1em;overflow:auto}a{background-color:transparent;text-decoration:none}a:link{color:var(--accent-color)}a:hover{text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--line-height);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item;cursor:pointer}template,[hidden]{display:none}table{border-collapse:collapse;width:100%}ul,ol{padding-left:1.5em}p{margin-top:0;margin-bottom:1em}.FormLabel-module__label___0M-fo{display:inline-block;font-weight:700;padding-bottom:.25em}.FormLabel-module__label___0M-fo.FormLabel-module__disabled___ktIFp{opacity:.5;cursor:not-allowed}.FormLabel-module__label___0M-fo:not(.FormLabel-module__disabled___ktIFp){cursor:default}.Input-module__input___WjT81{background-color:transparent;border-width:.15em;border-style:solid;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Input-module__input___WjT81::placeholder{color:inherit;opacity:var(--placeholder-opacity, .3)}.Input-module__input___WjT81:disabled{opacity:.3}.Input-module__sizeSmall___NFvsi{padding:.1em .25em}.Input-module__sizeDefault___AxPA0{padding:.25em .5em}.Radio-module__container___AQxhk{display:flex;align-items:center;line-height:1.25}.Radio-module__svg___zl5kF{flex-shrink:0}.Radio-module__label___vAFIP{font-weight:700;margin-left:.35em;-webkit-user-select:none;user-select:none}.Select-module__select___cjdcr{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-position:right center;background-repeat:no-repeat;background-size:auto 85%;border-width:.15em;border-style:solid;border-radius:0;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Select-module__select___cjdcr:disabled{cursor:default;opacity:.3}.Select-module__select___cjdcr:not(:disabled){cursor:pointer}.Select-module__sizeSmall___i1quj{padding:.1em 1.75em .1em .25em}.Select-module__sizeDefault___EiWvW{padding:.25em 2em .25em .5em}.Textarea-module__textarea___Z-y6g{background-color:transparent;border-width:.15em;border-style:solid;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Textarea-module__textarea___Z-y6g:disabled{opacity:.3}.Textarea-module__sizeSmall___HHFEM{padding:.1em .25em}.Textarea-module__sizeDefault___LL2Uc{padding:.25em .5em}.Header-module__header___RUooH{width:100%}.Header-module__container___t68M9{display:flex;align-items:center;justify-content:space-between;margin:0 auto;font-size:var(--header-font-size);max-width:var(--header-max-width);padding:var(--header-padding)}.ResponsiveNav-module__nav___xOfv5{display:flex}.ResponsiveNav-module__nav___xOfv5>*,.ResponsiveNav-module__nav___xOfv5>a{color:inherit;font-weight:700;text-decoration:none}.ResponsiveNav-module__navMobile___h795P{background:var(--mobile-nav-background, #0066cc);color:var(--mobile-nav-color, #000);flex-direction:column;font-size:2rem;height:100vh;padding-top:4.25rem;position:fixed;top:0;right:0;text-align:left;text-transform:uppercase;transition:transform .3s ease-in-out;width:100%;z-index:10;transform:translate(100%)}.ResponsiveNav-module__navMobile___h795P.ResponsiveNav-module__open___WDCAf{transform:translate(0)}.ResponsiveNav-module__navMobile___h795P>a{padding:.5rem 3rem;text-align:center;width:100%}.ResponsiveNav-module__navMobile___h795P>a.active,.ResponsiveNav-module__navMobile___h795P>a:hover{background:var(--mobile-nav-active-background, #000);color:var(--mobile-nav-active-color, #0066cc)}.ResponsiveNav-module__navMobile___h795P>button{align-self:center;margin:.75rem 2rem}.ResponsiveNav-module__navMobile___h795P>button:hover{color:var(--mobile-nav-button-hover-text-color, #4381c1)!important}.ResponsiveNav-module__navDesktop___9wscZ{align-items:center;flex-direction:row;height:auto}.ResponsiveNav-module__navDesktop___9wscZ>*{margin-left:1.25rem}.ResponsiveNav-module__navDesktop___9wscZ>a.active,.ResponsiveNav-module__navDesktop___9wscZ>a:hover{opacity:.5}.Hamburger-module__hamburger___Tf4-t{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;justify-content:space-around;height:2em;outline:none;padding:0;position:fixed;right:1em;width:2em;z-index:11}.Hamburger-module__line___gybZM{background:currentColor;border-radius:var(--hamburger-border-radius, 10px);height:.25em;position:relative;transform-origin:1px;transition:all .3s linear;width:2em}.Hamburger-module__line___gybZM:first-child{transform:rotate(0)}.Hamburger-module__line___gybZM:nth-child(2){opacity:1;transform:translate(0)}.Hamburger-module__line___gybZM:nth-child(3){transform:rotate(0)}.Hamburger-module__hamburger___Tf4-t.Hamburger-module__open___gRswh .Hamburger-module__line___gybZM:first-child{transform:rotate(45deg)}.Hamburger-module__hamburger___Tf4-t.Hamburger-module__open___gRswh .Hamburger-module__line___gybZM:nth-child(2){opacity:0;transform:translate(20px)}.Hamburger-module__hamburger___Tf4-t.Hamburger-module__open___gRswh .Hamburger-module__line___gybZM:nth-child(3){transform:rotate(-45deg)}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { jsx as p, jsxs as z, Fragment as W } from "react/jsx-runtime";
+import N, { createContext as te, useContext as oe, useState as E, useLayoutEffect as se, useSyncExternalStore as re, useMemo as G, useRef as A, useEffect as D } from "react";
+const ne = "Button-module__button___2ZuB7", ae = "Button-module__sizeSmall___DRT8P", le = "Button-module__sizeDefault___iwWOV", $ = {
+  button: ne,
   sizeSmall: ae,
   sizeDefault: le
 }, ce = ({
@@ -9,28 +10,28 @@ const re = "Button-module__button___2ZuB7", ae = "Button-module__sizeSmall___DRT
   disabled: t,
   buttonColor: o = "#FFF",
   textColor: s = "#000",
-  hoverColor: n,
-  hoverTextColor: r,
+  hoverColor: r,
+  hoverTextColor: n,
   outline: l
 }) => {
   let a, i, u;
-  l ? (a = "transparent", i = o, u = o, e && (a = n || o, i = n || o, u = r || s)) : (a = o, i = o, u = s, e && (a = n || o, i = n || o, u = r || s));
-  let y = 1;
-  return t ? y = 0.3 : e && (y = n || l ? 1 : 0.75), {
+  l ? (a = "transparent", i = o, u = o, e && (a = r || o, i = r || o, u = n || s)) : (a = o, i = o, u = s, e && (a = r || o, i = r || o, u = n || s));
+  let f = 1;
+  return t ? f = 0.3 : e && (f = r || l ? 1 : 0.75), {
     backgroundColor: a,
     borderColor: i,
     color: u,
-    opacity: y
+    opacity: f
   };
-}, V = {
+}, O = {
   primary: "#FFF",
   secondary: "#000",
   accent: "#4381C1",
   error: "#F00",
   success: "#008000",
   warning: "#FFEB3B"
-}, v = {
-  colors: V,
+}, x = {
+  colors: O,
   fonts: {
     color: "#000",
     lineHeight: 1.5,
@@ -48,7 +49,7 @@ const re = "Button-module__button___2ZuB7", ae = "Button-module__sizeSmall___DRT
   buttons: {
     textColor: "#FFF",
     primary: {
-      textColor: V.secondary
+      textColor: O.secondary
     }
   },
   borderRadius: "0px",
@@ -63,78 +64,78 @@ const re = "Button-module__button___2ZuB7", ae = "Button-module__sizeSmall___DRT
     wrapperPaddingSm: "0.5rem",
     wrapperPadding: "1rem"
   }
-}, G = te(v), Je = ({ theme: e = {}, children: t }) => {
+}, J = te(x), Ke = ({ theme: e = {}, children: t }) => {
   var s;
   const o = {
-    ...v,
+    ...x,
     ...e,
     colors: {
-      ...v.colors,
+      ...x.colors,
       ...e.colors
     },
     fonts: {
-      ...v.fonts,
+      ...x.fonts,
       ...e.fonts
     },
     buttons: {
-      ...v.buttons,
+      ...x.buttons,
       ...e.buttons,
       primary: {
-        ...v.buttons.primary,
+        ...x.buttons.primary,
         ...(s = e.buttons) == null ? void 0 : s.primary
       }
     },
     breakpoints: {
-      ...v.breakpoints,
+      ...x.breakpoints,
       ...e.breakpoints
     },
     layout: {
-      ...v.layout,
+      ...x.layout,
       ...e.layout
     }
   };
-  return /* @__PURE__ */ _(G.Provider, { value: o, children: t });
-}, h = () => oe(G), Ke = ({
+  return /* @__PURE__ */ p(J.Provider, { value: o, children: t });
+}, _ = () => oe(J), Xe = ({
   color: e,
   hoverColor: t,
   hoverTextColor: o,
   textColor: s,
-  outline: n = !1,
-  size: r,
+  outline: r = !1,
+  size: n,
   type: l = "button",
   buttonProps: a = {},
   children: i,
   disabled: u = !1,
-  onClick: y,
-  fontSize: d
+  onClick: f,
+  fontSize: m
 }) => {
-  const m = h(), [c, p] = Z(!1);
-  let f;
-  s ? f = s : f = e ? m.buttons.textColor : m.buttons.primary.textColor;
+  const d = _(), [c, y] = E(!1);
+  let h;
+  s ? h = s : h = e ? d.buttons.textColor : d.buttons.primary.textColor;
   const g = {
     ...ce({
       isActive: c,
       disabled: u,
-      buttonColor: e || m.colors.primary,
-      textColor: f,
+      buttonColor: e || d.colors.primary,
+      textColor: h,
       hoverColor: t,
       hoverTextColor: o,
-      outline: n
+      outline: r
     }),
-    fontSize: d || m.fonts.size
+    fontSize: m || d.fonts.size
   }, S = [
-    H.button,
-    r === "small" ? H.sizeSmall : H.sizeDefault,
-    n ? H.outline : ""
+    $.button,
+    n === "small" ? $.sizeSmall : $.sizeDefault,
+    r ? $.outline : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(
     "button",
     {
       className: S,
       disabled: u,
-      onClick: y,
-      onMouseEnter: () => p(!0),
-      onMouseLeave: () => p(!1),
+      onClick: f,
+      onMouseEnter: () => y(!0),
+      onMouseLeave: () => y(!1),
       type: l,
       ...a,
       style: {
@@ -145,30 +146,30 @@ const re = "Button-module__button___2ZuB7", ae = "Button-module__sizeSmall___DRT
     }
   );
 };
-var A = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), ie = new Uint8Array(16);
+var U = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), ie = new Uint8Array(16);
 function ue() {
-  if (!A)
+  if (!U)
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return A(ie);
+  return U(ie);
 }
-var J = [];
-for (var P = 0; P < 256; ++P)
-  J[P] = (P + 256).toString(16).substr(1);
-function me(e, t) {
-  var o = 0, s = J;
+var K = [];
+for (var H = 0; H < 256; ++H)
+  K[H] = (H + 256).toString(16).substr(1);
+function de(e, t) {
+  var o = 0, s = K;
   return [s[e[o++]], s[e[o++]], s[e[o++]], s[e[o++]], "-", s[e[o++]], s[e[o++]], "-", s[e[o++]], s[e[o++]], "-", s[e[o++]], s[e[o++]], "-", s[e[o++]], s[e[o++]], s[e[o++]], s[e[o++]], s[e[o++]], s[e[o++]]].join("");
 }
-function K(e, t, o) {
+function X(e, t, o) {
   var s = t && o || 0;
   typeof e == "string" && (t = e === "binary" ? new Array(16) : null, e = null), e = e || {};
-  var n = e.random || (e.rng || ue)();
-  if (n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, t)
-    for (var r = 0; r < 16; ++r)
-      t[s + r] = n[r];
-  return t || me(n);
+  var r = e.random || (e.rng || ue)();
+  if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, t)
+    for (var n = 0; n < 16; ++n)
+      t[s + n] = r[n];
+  return t || de(r);
 }
-const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kkluC", ye = "Checkbox-module__label___cwRtI", R = {
-  container: de,
+const me = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kkluC", ye = "Checkbox-module__label___cwRtI", R = {
+  container: me,
   svg: pe,
   label: ye
 }, fe = ({
@@ -177,56 +178,56 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   disabled: o = !1,
   inverted: s = !1
 }) => {
-  let n = e;
-  return t ? n = t : s && (n = "white"), {
+  let r = e;
+  return t ? r = t : s && (r = "white"), {
     boxColor: e,
-    checkmarkColor: n,
+    checkmarkColor: r,
     cursor: o ? "default" : "pointer",
     opacity: o ? 0.3 : 1
   };
-}, Xe = ({
+}, Ye = ({
   checked: e = !1,
   checkmarkColor: t,
   color: o,
   disabled: s = !1,
-  fontSize: n,
-  id: r,
+  fontSize: r,
+  id: n,
   inverted: l = !1,
   label: a,
   labelStyle: i,
   name: u,
-  onChange: y,
-  style: d,
-  ...m
+  onChange: f,
+  style: m,
+  ...d
 }) => {
-  const c = h(), p = r || K(), f = fe({
+  const c = _(), y = n || X(), h = fe({
     color: o || c.colors.primary,
     checkmarkColor: t,
     disabled: s,
     inverted: l
-  }), b = (x) => {
-    s || y(x);
+  }), b = (v) => {
+    s || f(v);
   }, g = {
-    cursor: f.cursor,
-    fontSize: n || c.fonts.size,
-    opacity: f.opacity,
-    ...d
+    cursor: h.cursor,
+    fontSize: r || c.fonts.size,
+    opacity: h.opacity,
+    ...m
   }, S = {
-    width: n || "1rem"
+    width: r || "1rem"
   }, w = {
-    color: f.boxColor,
-    cursor: f.cursor,
-    fontSize: n || "1rem",
+    color: h.boxColor,
+    cursor: h.cursor,
+    fontSize: r || "1rem",
     ...i
   };
-  return /* @__PURE__ */ z("div", { className: R.container, style: g, ...m, children: [
-    /* @__PURE__ */ _(
+  return /* @__PURE__ */ z("div", { className: R.container, style: g, ...d, children: [
+    /* @__PURE__ */ p(
       "input",
       {
-        id: p,
+        id: y,
         checked: e,
         disabled: s,
-        onChange: (x) => b({ target: { checked: x.target.checked, name: u, type: "checkbox" } }),
+        onChange: (v) => b({ target: { checked: v.target.checked, name: u, type: "checkbox" } }),
         name: u,
         style: { display: "none" },
         type: "checkbox"
@@ -241,7 +242,7 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
         style: S,
         className: R.svg,
         children: [
-          /* @__PURE__ */ _(
+          /* @__PURE__ */ p(
             "rect",
             {
               x: "0",
@@ -249,17 +250,17 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
               height: "100",
               width: "100",
               style: {
-                fill: l && e ? f.boxColor : "transparent",
+                fill: l && e ? h.boxColor : "transparent",
                 strokeWidth: "25",
-                stroke: f.boxColor
+                stroke: h.boxColor
               }
             }
           ),
-          e && /* @__PURE__ */ _(
+          e && /* @__PURE__ */ p(
             "path",
             {
               d: "M 25 45 L 45 65 L 75 30",
-              stroke: f.checkmarkColor,
+              stroke: h.checkmarkColor,
               strokeWidth: "15",
               fill: "transparent"
             }
@@ -267,17 +268,17 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
         ]
       }
     ),
-    a && /* @__PURE__ */ _("label", { htmlFor: p, className: R.label, style: w, children: a })
+    a && /* @__PURE__ */ p("label", { htmlFor: y, className: R.label, style: w, children: a })
   ] });
-}, Ye = () => {
-  const e = h();
+}, et = () => {
+  const e = _();
   return se(() => {
     const t = document.documentElement;
     e.fonts && (e.fonts.fontFamily && t.style.setProperty("--font-family", e.fonts.fontFamily), e.fonts.size && t.style.setProperty("--font-size", e.fonts.size), e.fonts.lineHeight !== void 0 && t.style.setProperty("--line-height", e.fonts.lineHeight.toString()), e.fonts.fontWeightHeader !== void 0 && t.style.setProperty("--font-weight-header", e.fonts.fontWeightHeader.toString()), e.fonts.fontSizeH1 && t.style.setProperty("--font-size-h1", e.fonts.fontSizeH1), e.fonts.fontSizeH2 && t.style.setProperty("--font-size-h2", e.fonts.fontSizeH2), e.fonts.fontSizeH3 && t.style.setProperty("--font-size-h3", e.fonts.fontSizeH3), e.fonts.fontSizeH4 && t.style.setProperty("--font-size-h4", e.fonts.fontSizeH4), e.fonts.fontSizeH5 && t.style.setProperty("--font-size-h5", e.fonts.fontSizeH5), e.fonts.fontSizeH6 && t.style.setProperty("--font-size-h6", e.fonts.fontSizeH6)), e.colors && (e.colors.primary && t.style.setProperty("--primary-color", e.colors.primary), e.colors.secondary && t.style.setProperty("--background-color", e.colors.secondary), e.colors.accent && t.style.setProperty("--accent-color", e.colors.accent)), e.breakpoints && (e.breakpoints.xs && t.style.setProperty("--breakpoint-xs", e.breakpoints.xs), e.breakpoints.sm && t.style.setProperty("--breakpoint-sm", e.breakpoints.sm), e.breakpoints.md && t.style.setProperty("--breakpoint-md", e.breakpoints.md), e.breakpoints.lg && t.style.setProperty("--breakpoint-lg", e.breakpoints.lg)), e.layout && (e.layout.maxWidth && t.style.setProperty("--layout-max-width", e.layout.maxWidth), e.layout.wrapperPaddingSm && t.style.setProperty("--layout-wrapper-padding-sm", e.layout.wrapperPaddingSm), e.layout.wrapperPadding && t.style.setProperty("--layout-wrapper-padding", e.layout.wrapperPadding));
   }, [e]), null;
-}, _e = "FormLabel-module__label___0M-fo", he = "FormLabel-module__disabled___ktIFp", O = {
-  label: _e,
-  disabled: he
+}, he = "FormLabel-module__label___0M-fo", _e = "FormLabel-module__disabled___ktIFp", q = {
+  label: he,
+  disabled: _e
 }, ge = ({
   color: e = "#000",
   disabled: t = !1,
@@ -287,16 +288,16 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   fontSize: o,
   opacity: t ? 0.5 : 1,
   cursor: t ? "not-allowed" : "default"
-}), et = ({
+}), tt = ({
   children: e,
   color: t,
   disabled: o = !1,
   fontSize: s,
-  htmlFor: n,
-  style: r,
+  htmlFor: r,
+  style: n,
   ...l
 }) => {
-  const a = h(), i = ge({
+  const a = _(), i = ge({
     color: t || a.colors.primary,
     disabled: o,
     fontSize: s || ".85em"
@@ -305,26 +306,26 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
     fontSize: i.fontSize,
     opacity: i.opacity,
     cursor: i.cursor,
-    ...r
-  }, y = [
-    O.label,
-    o ? O.disabled : ""
+    ...n
+  }, f = [
+    q.label,
+    o ? q.disabled : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(
     "label",
     {
-      className: y,
-      htmlFor: n,
+      className: f,
+      htmlFor: r,
       style: u,
       ...l,
       children: e
     }
   );
-}, Se = "Input-module__input___WjT81", be = "Input-module__sizeSmall___NFvsi", xe = "Input-module__sizeDefault___AxPA0", F = {
+}, Se = "Input-module__input___WjT81", be = "Input-module__sizeSmall___NFvsi", ve = "Input-module__sizeDefault___AxPA0", F = {
   input: Se,
   sizeSmall: be,
-  sizeDefault: xe
-}, ve = ({
+  sizeDefault: ve
+}, xe = ({
   color: e = "#000",
   disabled: t = !1,
   fontSize: o = "1em",
@@ -335,51 +336,51 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   fontSize: o,
   opacity: t ? 0.3 : 1,
   placeholderOpacity: s
-}), tt = ({
+}), ot = ({
   color: e,
   disabled: t = !1,
   fontSize: o,
   name: s = "",
-  onChange: n,
-  placeholder: r,
+  onChange: r,
+  placeholder: n,
   placeholderOpacity: l = 0.3,
   size: a,
   style: i,
   type: u = "text",
-  value: y = "",
-  ...d
+  value: f = "",
+  ...m
 }) => {
-  const m = h(), c = ve({
-    color: e || m.colors.primary,
+  const d = _(), c = xe({
+    color: e || d.colors.primary,
     disabled: t,
-    fontSize: o || m.fonts.size,
+    fontSize: o || d.fonts.size,
     placeholderOpacity: l
-  }), p = {
+  }), y = {
     "--placeholder-opacity": c.placeholderOpacity,
     borderColor: c.borderColor,
     color: c.color,
     fontSize: c.fontSize,
     opacity: c.opacity,
     ...i
-  }, f = [
+  }, h = [
     F.input,
     a === "small" ? F.sizeSmall : F.sizeDefault
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(
     "input",
     {
-      className: f,
+      className: h,
       disabled: t,
       name: s,
-      onChange: n,
-      placeholder: r,
-      style: p,
+      onChange: r,
+      placeholder: n,
+      style: y,
       type: u,
-      value: y,
-      ...d
+      value: f,
+      ...m
     }
   );
-}, ze = "Radio-module__container___AQxhk", ke = "Radio-module__svg___zl5kF", we = "Radio-module__label___vAFIP", M = {
+}, ze = "Radio-module__container___AQxhk", ke = "Radio-module__svg___zl5kF", we = "Radio-module__label___vAFIP", I = {
   container: ze,
   svg: ke,
   label: we
@@ -390,31 +391,31 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   radioColor: e,
   cursor: t ? "default" : "pointer",
   opacity: t ? 0.3 : 1
-}), ot = ({
+}), st = ({
   checked: e = !1,
   color: t,
   disabled: o = !1,
   fontSize: s,
-  id: n,
-  label: r,
+  id: r,
+  label: n,
   labelStyle: l,
   name: a,
   onChange: i,
   style: u,
-  ...y
+  ...f
 }) => {
-  const d = h(), m = n || K(), c = Ce({
-    color: t || d.colors.primary,
+  const m = _(), d = r || X(), c = Ce({
+    color: t || m.colors.primary,
     disabled: o
-  }), p = (x) => {
-    o || i(x);
-  }, f = {
+  }), y = (v) => {
+    o || i(v);
+  }, h = {
     cursor: c.cursor,
-    fontSize: s || d.fonts.size,
+    fontSize: s || m.fonts.size,
     opacity: c.opacity,
     ...u
   }, b = {
-    width: s || d.fonts.size
+    width: s || m.fonts.size
   }, g = {
     fill: "transparent",
     strokeWidth: "12.5",
@@ -424,18 +425,18 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   }, w = {
     color: c.radioColor,
     cursor: c.cursor,
-    fontSize: s || d.fonts.size,
+    fontSize: s || m.fonts.size,
     ...l
   };
-  return /* @__PURE__ */ z("div", { className: M.container, style: f, ...y, children: [
-    /* @__PURE__ */ _(
+  return /* @__PURE__ */ z("div", { className: I.container, style: h, ...f, children: [
+    /* @__PURE__ */ p(
       "input",
       {
-        id: m,
+        id: d,
         checked: e,
         disabled: o,
         name: a,
-        onChange: (x) => p({ target: { checked: x.target.checked, name: a, type: "radio" } }),
+        onChange: (v) => y({ target: { checked: v.target.checked, name: a, type: "radio" } }),
         style: { display: "none" },
         type: "radio"
       }
@@ -445,11 +446,11 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
-        onClick: () => p({ target: { checked: !e, name: a, type: "radio" } }),
-        className: M.svg,
+        onClick: () => y({ target: { checked: !e, name: a, type: "radio" } }),
+        className: I.svg,
         style: b,
         children: [
-          /* @__PURE__ */ _(
+          /* @__PURE__ */ p(
             "circle",
             {
               cx: "50",
@@ -459,7 +460,7 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
               style: g
             }
           ),
-          e && /* @__PURE__ */ _(
+          e && /* @__PURE__ */ p(
             "circle",
             {
               cx: "50",
@@ -471,21 +472,21 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
         ]
       }
     ),
-    r && /* @__PURE__ */ _(
+    n && /* @__PURE__ */ p(
       "label",
       {
-        htmlFor: m,
-        className: M.label,
+        htmlFor: d,
+        className: I.label,
         style: w,
-        children: r
+        children: n
       }
     )
   ] });
-}, He = "Select-module__select___cjdcr", Pe = "Select-module__sizeSmall___i1quj", Ne = "Select-module__sizeDefault___EiWvW", I = {
-  select: He,
-  sizeSmall: Pe,
-  sizeDefault: Ne
-}, $e = ({
+}, $e = "Select-module__select___cjdcr", He = "Select-module__sizeSmall___i1quj", Pe = "Select-module__sizeDefault___EiWvW", M = {
+  select: $e,
+  sizeSmall: He,
+  sizeDefault: Pe
+}, Ne = ({
   color: e = "#000",
   disabled: t = !1
 }) => ({
@@ -493,18 +494,18 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   borderColor: e,
   cursor: t ? "default" : "pointer",
   opacity: t ? 0.3 : 1,
-  backgroundImage: ((r) => {
+  backgroundImage: ((n) => {
     const l = `
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
         <path
           d="M 30 42.5 L 50 22.5 L 70 42.5"
-          stroke="${r}"
+          stroke="${n}"
           stroke-width="11"
           fill="transparent"
         />
         <path
           d="M 30 58.5 L 50 78.5 L 70 58.5"
-          stroke="${r}"
+          stroke="${n}"
           stroke-width="11"
           fill="transparent"
         />
@@ -512,59 +513,59 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
     `.trim();
     return `url("data:image/svg+xml,${encodeURIComponent(l)}")`;
   })(e)
-}), st = ({
+}), rt = ({
   children: e,
   color: t,
   disabled: o = !1,
   fontSize: s,
-  name: n = "",
-  onChange: r,
+  name: r = "",
+  onChange: n,
   placeholder: l = "",
   size: a,
   style: i,
   value: u = "",
-  ...y
+  ...f
 }) => {
-  const d = h(), m = $e({
-    color: t || d.colors.primary,
+  const m = _(), d = Ne({
+    color: t || m.colors.primary,
     disabled: o
   }), c = {
-    backgroundImage: m.backgroundImage,
+    backgroundImage: d.backgroundImage,
     backgroundPosition: "right center",
     backgroundRepeat: "no-repeat",
     backgroundSize: "auto 85%",
     backgroundColor: "transparent",
-    borderColor: m.borderColor,
-    color: m.color,
-    cursor: m.cursor,
-    fontSize: s || d.fonts.size,
-    opacity: m.opacity,
+    borderColor: d.borderColor,
+    color: d.color,
+    cursor: d.cursor,
+    fontSize: s || m.fonts.size,
+    opacity: d.opacity,
     ...i
-  }, p = [
-    I.select,
-    a === "small" ? I.sizeSmall : I.sizeDefault
+  }, y = [
+    M.select,
+    a === "small" ? M.sizeSmall : M.sizeDefault
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ z(
     "select",
     {
-      className: p,
+      className: y,
       disabled: o,
-      name: n,
-      onChange: r,
+      name: r,
+      onChange: n,
       style: c,
       value: u,
-      ...y,
+      ...f,
       children: [
-        l !== "" && /* @__PURE__ */ _("option", { disabled: !0, value: "", children: l }),
+        l !== "" && /* @__PURE__ */ p("option", { disabled: !0, value: "", children: l }),
         e
       ]
     }
   );
-}, Re = "Textarea-module__textarea___Z-y6g", Fe = "Textarea-module__sizeSmall___HHFEM", Me = "Textarea-module__sizeDefault___LL2Uc", B = {
+}, Re = "Textarea-module__textarea___Z-y6g", Fe = "Textarea-module__sizeSmall___HHFEM", Ie = "Textarea-module__sizeDefault___LL2Uc", B = {
   textarea: Re,
   sizeSmall: Fe,
-  sizeDefault: Me
-}, Ie = ({
+  sizeDefault: Ie
+}, Me = ({
   color: e = "#000",
   disabled: t = !1,
   placeholderOpacity: o = 0.3
@@ -578,102 +579,102 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   disabled: t = !1,
   fontSize: o,
   name: s = "",
-  onChange: n,
-  placeholder: r,
+  onChange: r,
+  placeholder: n,
   placeholderOpacity: l = 0.3,
   rows: a = 3,
   size: i,
   style: u,
-  value: y = "",
-  ...d
+  value: f = "",
+  ...m
 }) => {
-  const m = h(), c = Ie({
-    color: e || m.colors.primary,
+  const d = _(), c = Me({
+    color: e || d.colors.primary,
     disabled: t,
     placeholderOpacity: l
-  }), p = `textarea-placeholder-${$.useId ? $.useId() : Math.random().toString(36)}`;
-  $.useEffect(() => {
+  }), y = `textarea-placeholder-${N.useId ? N.useId() : Math.random().toString(36)}`;
+  N.useEffect(() => {
     const g = document.createElement("style");
-    return g.id = p, g.textContent = `
-      .${p}::placeholder {
+    return g.id = y, g.textContent = `
+      .${y}::placeholder {
         color: inherit;
         opacity: ${c.placeholderOpacity};
       }
     `, document.head.appendChild(g), () => {
-      const S = document.getElementById(p);
+      const S = document.getElementById(y);
       S && S.remove();
     };
-  }, [p, c.placeholderOpacity]);
-  const f = {
+  }, [y, c.placeholderOpacity]);
+  const h = {
     borderColor: c.borderColor,
     color: c.color,
-    fontSize: o || m.fonts.size,
+    fontSize: o || d.fonts.size,
     opacity: c.opacity,
     ...u
   }, b = [
     B.textarea,
     i === "small" ? B.sizeSmall : B.sizeDefault,
-    p
+    y
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(
     "textarea",
     {
       className: b,
       disabled: t,
       name: s,
-      onChange: n,
-      placeholder: r,
+      onChange: r,
+      placeholder: n,
       rows: a,
-      style: f,
-      value: y,
-      ...d
+      style: h,
+      value: f,
+      ...m
     }
   );
-}, Be = "Header-module__header___RUooH", De = "Header-module__container___t68M9", U = {
+}, Be = "Header-module__header___RUooH", De = "Header-module__container___t68M9", Q = {
   header: Be,
   container: De
-}, We = ({
+}, Le = ({
   isSmallScreen: e = !1,
   maxWidth: t,
   paddingSm: o,
   padding: s,
-  fontSize: n
+  fontSize: r
 } = {}) => {
-  const r = h();
+  const n = _();
   return {
-    "--header-max-width": t || r.layout.maxWidth,
-    "--header-padding": e ? o || r.layout.wrapperPaddingSm : s || r.layout.wrapperPadding,
-    "--header-font-size": e ? "0.75rem" : n || r.fonts.size
+    "--header-max-width": t || n.layout.maxWidth,
+    "--header-padding": e ? o || n.layout.wrapperPaddingSm : s || n.layout.wrapperPadding,
+    "--header-font-size": e ? "0.75rem" : r || n.fonts.size
   };
-}, D = (e) => {
+}, L = (e) => {
   const t = typeof window < "u" && typeof window.matchMedia == "function";
-  return ne((r) => {
+  return re((n) => {
     if (!t) return () => {
     };
     const l = window.matchMedia(e);
-    return l.addEventListener("change", r), () => l.removeEventListener("change", r);
+    return l.addEventListener("change", n), () => l.removeEventListener("change", n);
   }, () => t ? window.matchMedia(e).matches : !1, () => !1);
-}, rt = ({
+}, at = ({
   children: e,
   breakPointSm: t,
   maxWidth: o,
   paddingSm: s,
-  padding: n,
-  fontSize: r,
+  padding: r,
+  fontSize: n,
   style: l = {},
   headerProps: a = {},
   headerRef: i
 }) => {
-  const u = h(), d = (t || u.breakpoints.sm).match(/^(\d+(?:\.\d+)?)(px|em|rem)$/), m = d ? parseInt(d[1], 10) - 1 : 474, c = d ? d[2] : "px", p = D(`(max-width: ${m}${c})`), f = We({
-    isSmallScreen: p,
+  const u = _(), m = (t || u.breakpoints.sm).match(/^(\d+(?:\.\d+)?)(px|em|rem)$/), d = m ? parseInt(m[1], 10) - 1 : 474, c = m ? m[2] : "px", y = L(`(max-width: ${d}${c})`), h = Le({
+    isSmallScreen: y,
     maxWidth: o,
     paddingSm: s,
-    padding: n,
-    fontSize: r
+    padding: r,
+    fontSize: n
   });
-  return /* @__PURE__ */ _("header", { ref: i, className: U.header, ...a, children: /* @__PURE__ */ _("div", { className: U.container, style: { ...f, ...l }, children: e }) });
-}, Le = "ResponsiveNav-module__nav___xOfv5", Ee = "ResponsiveNav-module__navMobile___h795P", Te = "ResponsiveNav-module__open___WDCAf", je = "ResponsiveNav-module__navDesktop___9wscZ", N = {
-  nav: Le,
+  return /* @__PURE__ */ p("header", { ref: i, className: Q.header, ...a, children: /* @__PURE__ */ p("div", { className: Q.container, style: { ...h, ...l }, children: e }) });
+}, We = "ResponsiveNav-module__nav___xOfv5", Ee = "ResponsiveNav-module__navMobile___h795P", Te = "ResponsiveNav-module__open___WDCAf", je = "ResponsiveNav-module__navDesktop___9wscZ", P = {
+  nav: We,
   navMobile: Ee,
   open: Te,
   navDesktop: je
@@ -682,24 +683,24 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   isCompact: t,
   mobileBackground: o,
   mobileColor: s,
-  mobileActiveBackground: n,
-  mobileActiveColor: r,
+  mobileActiveBackground: r,
+  mobileActiveColor: n,
   mobileButtonHoverColor: l
 }) => {
-  const a = h();
-  return q(() => ({
+  const a = _();
+  return G(() => ({
     ...e ? {
       "--mobile-nav-background": o || a.colors.accent,
       "--mobile-nav-color": s || a.colors.primary,
-      "--mobile-nav-active-background": n || a.colors.primary,
-      "--mobile-nav-active-color": r || a.colors.accent,
+      "--mobile-nav-active-background": r || a.colors.primary,
+      "--mobile-nav-active-color": n || a.colors.accent,
       "--mobile-nav-button-hover-text-color": l || o || a.colors.accent
     } : {}
   }), [
     o,
     s,
-    n,
     r,
+    n,
     l,
     a.colors.accent,
     a.colors.primary,
@@ -710,128 +711,177 @@ const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kk
   hamburger: Ae,
   line: Oe,
   open: Ue
-}, Qe = ({ compact: e, color: t, visible: o, borderRadius: s }) => {
-  const n = h();
-  return q(() => {
-    const r = e ? { right: ".5em" } : {};
+}, qe = ({ compact: e, color: t, visible: o, borderRadius: s }) => {
+  const r = _();
+  return G(() => {
+    const n = e ? { right: ".5em" } : {};
     return {
-      "--hamburger-border-radius": s || n.borderRadius || "10px",
+      "--hamburger-border-radius": s || r.borderRadius || "10px",
       color: t || "inherit",
       display: o ? "flex" : "none",
-      ...r
+      ...n
     };
-  }, [t, o, e, s, n.borderRadius]);
-}, Ze = ({
+  }, [t, o, e, s, r.borderRadius]);
+}, Qe = ({
   visible: e,
   compact: t,
   color: o,
   hamburgerRef: s,
-  open: n = !1,
-  setOpen: r,
+  open: r = !1,
+  setOpen: n,
   buttonProps: l,
   borderRadius: a
 }) => {
-  const i = Qe({
+  const i = qe({
     compact: t,
     color: o,
     visible: e,
     borderRadius: a
   }), u = [
     C.hamburger,
-    n ? C.open : ""
+    r ? C.open : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ z(
     "button",
     {
       ref: s,
       className: u,
-      onClick: () => r(!n),
+      onClick: () => n(!r),
       style: i,
       "aria-label": "Toggle menu",
-      "aria-expanded": n,
+      "aria-expanded": r,
       ...l,
       children: [
-        /* @__PURE__ */ _("div", { className: C.line }),
-        /* @__PURE__ */ _("div", { className: C.line }),
-        /* @__PURE__ */ _("div", { className: C.line })
+        /* @__PURE__ */ p("div", { className: C.line }),
+        /* @__PURE__ */ p("div", { className: C.line }),
+        /* @__PURE__ */ p("div", { className: C.line })
       ]
     }
   );
 };
-function Q(e) {
+function Z(e) {
   const o = parseInt(e) - 1, s = e.replace(/[0-9]/g, "");
   return { maxWidth: o, unit: s };
 }
-const at = ({
+const lt = ({
   breakPointMd: e,
   breakPointSm: t,
   children: o,
   mobileBackground: s,
-  mobileColor: n,
-  mobileActiveBackground: r,
+  mobileColor: r,
+  mobileActiveBackground: n,
   mobileActiveColor: l,
   mobileButtonHoverColor: a,
   style: i,
   navProps: u
 }) => {
-  const [y, d] = Z(!1), m = T(null), c = T(null), p = h(), f = e || p.breakpoints.md, b = t || p.breakpoints.sm, { maxWidth: g, unit: S } = Q(f), { maxWidth: w, unit: x } = Q(b), k = D(`(max-width: ${g}${S})`), W = D(`(max-width: ${w}${x})`), X = Ve({
+  const [f, m] = E(!1), d = A(null), c = A(null), y = _(), h = e || y.breakpoints.md, b = t || y.breakpoints.sm, { maxWidth: g, unit: S } = Z(h), { maxWidth: w, unit: v } = Z(b), k = L(`(max-width: ${g}${S})`), T = L(`(max-width: ${w}${v})`), Y = Ve({
     isMobile: k,
-    isCompact: W,
+    isCompact: T,
     mobileBackground: s,
-    mobileColor: n,
-    mobileActiveBackground: r,
+    mobileColor: r,
+    mobileActiveBackground: n,
     mobileActiveColor: l,
     mobileButtonHoverColor: a
   });
-  j(() => {
-    k || d(!1);
-  }, [k]), j(() => {
-    const L = (E) => {
-      !c.current || c.current.contains(E.target) || m.current && m.current.contains(E.target) || d(!1);
+  D(() => {
+    k || m(!1);
+  }, [k]), D(() => {
+    const j = (V) => {
+      !c.current || c.current.contains(V.target) || d.current && d.current.contains(V.target) || m(!1);
     };
-    return document.addEventListener("mousedown", L), () => {
-      document.removeEventListener("mousedown", L);
+    return document.addEventListener("mousedown", j), () => {
+      document.removeEventListener("mousedown", j);
     };
-  }, [m, c, d]);
-  const Y = [
-    N.nav,
-    k ? N.navMobile : N.navDesktop,
-    k && y ? N.open : ""
+  }, [d, c, m]);
+  const ee = [
+    P.nav,
+    k ? P.navMobile : P.navDesktop,
+    k && f ? P.open : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ z(ee, { children: [
-    /* @__PURE__ */ _(
-      Ze,
+  return /* @__PURE__ */ z(W, { children: [
+    /* @__PURE__ */ p(
+      Qe,
       {
-        hamburgerRef: m,
+        hamburgerRef: d,
         visible: k,
-        compact: W,
-        open: y,
-        setOpen: d
+        compact: T,
+        open: f,
+        setOpen: m
       }
     ),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ p(
       "nav",
       {
         ref: c,
-        className: Y,
-        style: { ...X, ...i },
+        className: ee,
+        style: { ...Y, ...i },
         ...u,
-        children: typeof o == "function" ? o({ setOpen: d }) : o
+        children: typeof o == "function" ? o({ setOpen: m }) : o
       }
     )
   ] });
+}, Ze = ({
+  size: e = 2.5,
+  color: t,
+  innerColor: o,
+  fullScreen: s = !0
+}) => {
+  const r = _(), n = t || r.colors.primary, l = o || r.colors.secondary, a = /* @__PURE__ */ z(W, { children: [
+    /* @__PURE__ */ p(
+      "div",
+      {
+        style: {
+          border: `0.25em solid ${n}`,
+          borderTop: `0.25em solid ${l}`,
+          borderRadius: "50%",
+          width: `${e}em`,
+          height: `${e}em`,
+          animation: "spin 1s linear infinite"
+        }
+      }
+    ),
+    /* @__PURE__ */ p("style", { children: `
+        @keyframes spin {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
+      ` })
+  ] });
+  return s ? /* @__PURE__ */ p(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100vh",
+        width: "100vw"
+      },
+      children: a
+    }
+  ) : a;
+}, ct = ({ children: e, loadingComponent: t }) => {
+  const [o, s] = E(!1);
+  return D(() => {
+    requestAnimationFrame(() => {
+      s(!0);
+    });
+  }, []), o ? /* @__PURE__ */ p(W, { children: e }) : t || /* @__PURE__ */ p(Ze, {});
 };
 export {
-  Ke as Button,
-  Ye as CSSReset,
-  Xe as Checkbox,
-  et as FormLabel,
-  rt as Header,
-  tt as Input,
-  ot as Radio,
-  at as ResponsiveNav,
-  st as Select,
+  Xe as Button,
+  et as CSSReset,
+  Ye as Checkbox,
+  tt as FormLabel,
+  at as Header,
+  ot as Input,
+  Ze as LoadingSpinner,
+  st as Radio,
+  lt as ResponsiveNav,
+  rt as Select,
+  ct as StyleLoader,
   nt as Textarea,
-  Je as ThemeProvider,
-  h as useTheme
+  Ke as ThemeProvider,
+  _ as useTheme
 };