digital-rabbit-cl 1.0.28 → 1.0.30

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

@@ -1,37 +1,37 @@
-(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{position:absolute;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)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { jsx as h, jsxs as k } from "react/jsx-runtime";
-import H, { createContext as T, useContext as j, useState as A, useEffect as V, useSyncExternalStore as U } from "react";
-const O = "Button-module__button___2ZuB7", q = "Button-module__sizeSmall___DRT8P", Q = "Button-module__sizeDefault___iwWOV", w = {
-  button: O,
-  sizeSmall: q,
-  sizeDefault: Q
-}, Z = ({
+(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 _, jsxs as z, Fragment as ee } from "react/jsx-runtime";
+import $, { createContext as te, useContext as oe, useState as Z, useEffect as D, useSyncExternalStore as se, useMemo as q, useRef as j } from "react";
+const ne = "Button-module__button___2ZuB7", re = "Button-module__sizeSmall___DRT8P", ae = "Button-module__sizeDefault___iwWOV", H = {
+  button: ne,
+  sizeSmall: re,
+  sizeDefault: ae
+}, le = ({
   isActive: e,
   disabled: t,
   buttonColor: o = "#FFF",
   textColor: s = "#000",
-  hoverColor: r,
-  hoverTextColor: n,
+  hoverColor: n,
+  hoverTextColor: r,
   outline: l
 }) => {
-  let c, i, y;
-  l ? (c = "transparent", i = o, y = o, e && (c = r || o, i = r || o, y = n || s)) : (c = o, i = o, y = s, e && (c = r || o, i = r || o, y = n || s));
-  let f = 1;
-  return t ? f = 0.3 : e && (f = r || l ? 1 : 0.75), {
-    backgroundColor: c,
+  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), {
+    backgroundColor: a,
     borderColor: i,
-    color: y,
-    opacity: f
+    color: u,
+    opacity: y
   };
-}, N = {
+}, V = {
   primary: "#FFF",
   secondary: "#000",
   accent: "#4381C1",
   error: "#F00",
   success: "#008000",
   warning: "#FFEB3B"
-}, z = {
-  colors: N,
+}, v = {
+  colors: V,
   fonts: {
     color: "#000",
     lineHeight: 1.5,
@@ -49,7 +49,7 @@ const O = "Button-module__button___2ZuB7", q = "Button-module__sizeSmall___DRT8P
   buttons: {
     textColor: "#FFF",
     primary: {
-      textColor: N.secondary
+      textColor: V.secondary
     }
   },
   borderRadius: "0px",
@@ -64,185 +64,185 @@ const O = "Button-module__button___2ZuB7", q = "Button-module__sizeSmall___DRT8P
     wrapperPaddingSm: "0.5rem",
     wrapperPadding: "1rem"
   }
-}, W = T(z), He = ({ theme: e = {}, children: t }) => {
+}, G = te(v), Ge = ({ theme: e = {}, children: t }) => {
   var s;
   const o = {
-    ...z,
+    ...v,
     ...e,
     colors: {
-      ...z.colors,
+      ...v.colors,
       ...e.colors
     },
     fonts: {
-      ...z.fonts,
+      ...v.fonts,
       ...e.fonts
     },
     buttons: {
-      ...z.buttons,
+      ...v.buttons,
       ...e.buttons,
       primary: {
-        ...z.buttons.primary,
+        ...v.buttons.primary,
         ...(s = e.buttons) == null ? void 0 : s.primary
       }
     },
     breakpoints: {
-      ...z.breakpoints,
+      ...v.breakpoints,
       ...e.breakpoints
     },
     layout: {
-      ...z.layout,
+      ...v.layout,
       ...e.layout
     }
   };
-  return /* @__PURE__ */ h(W.Provider, { value: o, children: t });
-}, _ = () => j(W), Pe = ({
+  return /* @__PURE__ */ _(G.Provider, { value: o, children: t });
+}, h = () => oe(G), Je = ({
   color: e,
   hoverColor: t,
   hoverTextColor: o,
   textColor: s,
-  outline: r = !1,
-  size: n,
+  outline: n = !1,
+  size: r,
   type: l = "button",
-  buttonProps: c = {},
+  buttonProps: a = {},
   children: i,
-  disabled: y = !1,
-  onClick: f,
+  disabled: u = !1,
+  onClick: y,
   fontSize: d
 }) => {
-  const u = _(), [a, p] = A(!1);
-  let m;
-  s ? m = s : m = e ? u.buttons.textColor : u.buttons.primary.textColor;
-  const S = {
-    ...Z({
-      isActive: a,
-      disabled: y,
-      buttonColor: e || u.colors.primary,
-      textColor: m,
+  const m = h(), [c, p] = Z(!1);
+  let f;
+  s ? f = s : f = e ? m.buttons.textColor : m.buttons.primary.textColor;
+  const g = {
+    ...le({
+      isActive: c,
+      disabled: u,
+      buttonColor: e || m.colors.primary,
+      textColor: f,
       hoverColor: t,
       hoverTextColor: o,
-      outline: r
+      outline: n
     }),
-    fontSize: d || u.fonts.size
-  }, g = [
-    w.button,
-    n === "small" ? w.sizeSmall : w.sizeDefault,
-    r ? w.outline : ""
+    fontSize: d || m.fonts.size
+  }, S = [
+    H.button,
+    r === "small" ? H.sizeSmall : H.sizeDefault,
+    n ? H.outline : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ _(
     "button",
     {
-      className: g,
-      disabled: y,
-      onClick: f,
+      className: S,
+      disabled: u,
+      onClick: y,
       onMouseEnter: () => p(!0),
       onMouseLeave: () => p(!1),
       type: l,
-      ...c,
+      ...a,
       style: {
-        ...S,
-        ...c.style
+        ...g,
+        ...a.style
       },
       children: i
     }
   );
 };
-var R = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), G = new Uint8Array(16);
-function J() {
-  if (!R)
+var A = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), ce = new Uint8Array(16);
+function ie() {
+  if (!A)
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return R(G);
+  return A(ce);
 }
-var E = [];
-for (var v = 0; v < 256; ++v)
-  E[v] = (v + 256).toString(16).substr(1);
-function K(e, t) {
-  var o = 0, s = E;
+var J = [];
+for (var P = 0; P < 256; ++P)
+  J[P] = (P + 256).toString(16).substr(1);
+function ue(e, t) {
+  var o = 0, s = J;
   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 M(e, t, o) {
+function K(e, t, o) {
   var s = t && o || 0;
   typeof e == "string" && (t = e === "binary" ? new Array(16) : null, e = null), e = e || {};
-  var r = e.random || (e.rng || J)();
-  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 || K(r);
+  var n = e.random || (e.rng || ie)();
+  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 || ue(n);
 }
-const X = "Checkbox-module__container___aV9qz", Y = "Checkbox-module__svg___kkluC", ee = "Checkbox-module__label___cwRtI", P = {
-  container: X,
-  svg: Y,
-  label: ee
-}, te = ({
+const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kkluC", pe = "Checkbox-module__label___cwRtI", R = {
+  container: me,
+  svg: de,
+  label: pe
+}, ye = ({
   color: e = "#000",
   checkmarkColor: t,
   disabled: o = !1,
   inverted: s = !1
 }) => {
-  let r = e;
-  return t ? r = t : s && (r = "white"), {
+  let n = e;
+  return t ? n = t : s && (n = "white"), {
     boxColor: e,
-    checkmarkColor: r,
+    checkmarkColor: n,
     cursor: o ? "default" : "pointer",
     opacity: o ? 0.3 : 1
   };
-}, Fe = ({
+}, Ke = ({
   checked: e = !1,
   checkmarkColor: t,
   color: o,
   disabled: s = !1,
-  fontSize: r,
-  id: n,
+  fontSize: n,
+  id: r,
   inverted: l = !1,
-  label: c,
+  label: a,
   labelStyle: i,
-  name: y,
-  onChange: f,
+  name: u,
+  onChange: y,
   style: d,
-  ...u
+  ...m
 }) => {
-  const a = _(), p = n || M(), m = te({
-    color: o || a.colors.primary,
+  const c = h(), p = r || K(), f = ye({
+    color: o || c.colors.primary,
     checkmarkColor: t,
     disabled: s,
     inverted: l
-  }), x = (b) => {
-    s || f(b);
-  }, S = {
-    cursor: m.cursor,
-    fontSize: r || a.fonts.size,
-    opacity: m.opacity,
-    ...d
+  }), b = (x) => {
+    s || y(x);
   }, g = {
-    width: r || "1rem"
-  }, C = {
-    color: m.boxColor,
-    cursor: m.cursor,
-    fontSize: r || "1rem",
+    cursor: f.cursor,
+    fontSize: n || c.fonts.size,
+    opacity: f.opacity,
+    ...d
+  }, S = {
+    width: n || "1rem"
+  }, w = {
+    color: f.boxColor,
+    cursor: f.cursor,
+    fontSize: n || "1rem",
     ...i
   };
-  return /* @__PURE__ */ k("div", { className: P.container, style: S, ...u, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ z("div", { className: R.container, style: g, ...m, children: [
+    /* @__PURE__ */ _(
       "input",
       {
         id: p,
         checked: e,
         disabled: s,
-        onChange: (b) => x({ target: { checked: b.target.checked, name: y, type: "checkbox" } }),
-        name: y,
+        onChange: (x) => b({ target: { checked: x.target.checked, name: u, type: "checkbox" } }),
+        name: u,
         style: { display: "none" },
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ z(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
-        onClick: () => x({ target: { checked: !e, name: y, type: "checkbox" } }),
-        style: g,
-        className: P.svg,
+        onClick: () => b({ target: { checked: !e, name: u, type: "checkbox" } }),
+        style: S,
+        className: R.svg,
         children: [
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ _(
             "rect",
             {
               x: "0",
@@ -250,17 +250,17 @@ const X = "Checkbox-module__container___aV9qz", Y = "Checkbox-module__svg___kklu
               height: "100",
               width: "100",
               style: {
-                fill: l && e ? m.boxColor : "transparent",
+                fill: l && e ? f.boxColor : "transparent",
                 strokeWidth: "25",
-                stroke: m.boxColor
+                stroke: f.boxColor
               }
             }
           ),
-          e && /* @__PURE__ */ h(
+          e && /* @__PURE__ */ _(
             "path",
             {
               d: "M 25 45 L 45 65 L 75 30",
-              stroke: m.checkmarkColor,
+              stroke: f.checkmarkColor,
               strokeWidth: "15",
               fill: "transparent"
             }
@@ -268,18 +268,18 @@ const X = "Checkbox-module__container___aV9qz", Y = "Checkbox-module__svg___kklu
         ]
       }
     ),
-    c && /* @__PURE__ */ h("label", { htmlFor: p, className: P.label, style: C, children: c })
+    a && /* @__PURE__ */ _("label", { htmlFor: p, className: R.label, style: w, children: a })
   ] });
-}, $e = () => {
-  const e = _();
-  return V(() => {
+}, Xe = () => {
+  const e = h();
+  return D(() => {
     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;
-}, oe = "FormLabel-module__label___0M-fo", se = "FormLabel-module__disabled___ktIFp", D = {
-  label: oe,
-  disabled: se
-}, re = ({
+}, fe = "FormLabel-module__label___0M-fo", _e = "FormLabel-module__disabled___ktIFp", O = {
+  label: fe,
+  disabled: _e
+}, he = ({
   color: e = "#000",
   disabled: t = !1,
   fontSize: o = ".85em"
@@ -288,44 +288,44 @@ const X = "Checkbox-module__container___aV9qz", Y = "Checkbox-module__svg___kklu
   fontSize: o,
   opacity: t ? 0.5 : 1,
   cursor: t ? "not-allowed" : "default"
-}), Be = ({
+}), Ye = ({
   children: e,
   color: t,
   disabled: o = !1,
   fontSize: s,
-  htmlFor: r,
-  style: n,
+  htmlFor: n,
+  style: r,
   ...l
 }) => {
-  const c = _(), i = re({
-    color: t || c.colors.primary,
+  const a = h(), i = he({
+    color: t || a.colors.primary,
     disabled: o,
     fontSize: s || ".85em"
-  }), y = {
+  }), u = {
     color: i.color,
     fontSize: i.fontSize,
     opacity: i.opacity,
     cursor: i.cursor,
-    ...n
-  }, f = [
-    D.label,
-    o ? D.disabled : ""
+    ...r
+  }, y = [
+    O.label,
+    o ? O.disabled : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ _(
     "label",
     {
-      className: f,
-      htmlFor: r,
-      style: y,
+      className: y,
+      htmlFor: n,
+      style: u,
       ...l,
       children: e
     }
   );
-}, ne = "Input-module__input___WjT81", ae = "Input-module__sizeSmall___NFvsi", le = "Input-module__sizeDefault___AxPA0", F = {
-  input: ne,
-  sizeSmall: ae,
-  sizeDefault: le
-}, ce = ({
+}, ge = "Input-module__input___WjT81", Se = "Input-module__sizeSmall___NFvsi", be = "Input-module__sizeDefault___AxPA0", F = {
+  input: ge,
+  sizeSmall: Se,
+  sizeDefault: be
+}, xe = ({
   color: e = "#000",
   disabled: t = !1,
   fontSize: o = "1em",
@@ -336,157 +336,157 @@ const X = "Checkbox-module__container___aV9qz", Y = "Checkbox-module__svg___kklu
   fontSize: o,
   opacity: t ? 0.3 : 1,
   placeholderOpacity: s
-}), Ie = ({
+}), et = ({
   color: e,
   disabled: t = !1,
   fontSize: o,
   name: s = "",
-  onChange: r,
-  placeholder: n,
+  onChange: n,
+  placeholder: r,
   placeholderOpacity: l = 0.3,
-  size: c,
+  size: a,
   style: i,
-  type: y = "text",
-  value: f = "",
+  type: u = "text",
+  value: y = "",
   ...d
 }) => {
-  const u = _(), a = ce({
-    color: e || u.colors.primary,
+  const m = h(), c = xe({
+    color: e || m.colors.primary,
     disabled: t,
-    fontSize: o || u.fonts.size,
+    fontSize: o || m.fonts.size,
     placeholderOpacity: l
   }), p = {
-    "--placeholder-opacity": a.placeholderOpacity,
-    borderColor: a.borderColor,
-    color: a.color,
-    fontSize: a.fontSize,
-    opacity: a.opacity,
+    "--placeholder-opacity": c.placeholderOpacity,
+    borderColor: c.borderColor,
+    color: c.color,
+    fontSize: c.fontSize,
+    opacity: c.opacity,
     ...i
-  }, m = [
+  }, f = [
     F.input,
-    c === "small" ? F.sizeSmall : F.sizeDefault
+    a === "small" ? F.sizeSmall : F.sizeDefault
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ _(
     "input",
     {
-      className: m,
+      className: f,
       disabled: t,
       name: s,
-      onChange: r,
-      placeholder: n,
+      onChange: n,
+      placeholder: r,
       style: p,
-      type: y,
-      value: f,
+      type: u,
+      value: y,
       ...d
     }
   );
-}, ie = "Radio-module__container___AQxhk", ye = "Radio-module__svg___zl5kF", ue = "Radio-module__label___vAFIP", $ = {
-  container: ie,
-  svg: ye,
-  label: ue
-}, de = ({
+}, ve = "Radio-module__container___AQxhk", ze = "Radio-module__svg___zl5kF", ke = "Radio-module__label___vAFIP", M = {
+  container: ve,
+  svg: ze,
+  label: ke
+}, we = ({
   color: e = "#000",
   disabled: t = !1
 }) => ({
   radioColor: e,
   cursor: t ? "default" : "pointer",
   opacity: t ? 0.3 : 1
-}), Ne = ({
+}), tt = ({
   checked: e = !1,
   color: t,
   disabled: o = !1,
   fontSize: s,
-  id: r,
-  label: n,
+  id: n,
+  label: r,
   labelStyle: l,
-  name: c,
+  name: a,
   onChange: i,
-  style: y,
-  ...f
+  style: u,
+  ...y
 }) => {
-  const d = _(), u = r || M(), a = de({
+  const d = h(), m = n || K(), c = we({
     color: t || d.colors.primary,
     disabled: o
-  }), p = (b) => {
-    o || i(b);
-  }, m = {
-    cursor: a.cursor,
+  }), p = (x) => {
+    o || i(x);
+  }, f = {
+    cursor: c.cursor,
     fontSize: s || d.fonts.size,
-    opacity: a.opacity,
-    ...y
-  }, x = {
+    opacity: c.opacity,
+    ...u
+  }, b = {
     width: s || d.fonts.size
-  }, S = {
+  }, g = {
     fill: "transparent",
     strokeWidth: "12.5",
-    stroke: a.radioColor
-  }, g = {
-    fill: a.radioColor
-  }, C = {
-    color: a.radioColor,
-    cursor: a.cursor,
+    stroke: c.radioColor
+  }, S = {
+    fill: c.radioColor
+  }, w = {
+    color: c.radioColor,
+    cursor: c.cursor,
     fontSize: s || d.fonts.size,
     ...l
   };
-  return /* @__PURE__ */ k("div", { className: $.container, style: m, ...f, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ z("div", { className: M.container, style: f, ...y, children: [
+    /* @__PURE__ */ _(
       "input",
       {
-        id: u,
+        id: m,
         checked: e,
         disabled: o,
-        name: c,
-        onChange: (b) => p({ target: { checked: b.target.checked, name: c, type: "radio" } }),
+        name: a,
+        onChange: (x) => p({ target: { checked: x.target.checked, name: a, type: "radio" } }),
         style: { display: "none" },
         type: "radio"
       }
     ),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ z(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
-        onClick: () => p({ target: { checked: !e, name: c, type: "radio" } }),
-        className: $.svg,
-        style: x,
+        onClick: () => p({ target: { checked: !e, name: a, type: "radio" } }),
+        className: M.svg,
+        style: b,
         children: [
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ _(
             "circle",
             {
               cx: "50",
               cy: "50",
               r: "42.5",
               width: "100%",
-              style: S
+              style: g
             }
           ),
-          e && /* @__PURE__ */ h(
+          e && /* @__PURE__ */ _(
             "circle",
             {
               cx: "50",
               cy: "50",
               r: "25",
-              style: g
+              style: S
             }
           )
         ]
       }
     ),
-    n && /* @__PURE__ */ h(
+    r && /* @__PURE__ */ _(
       "label",
       {
-        htmlFor: u,
-        className: $.label,
-        style: C,
-        children: n
+        htmlFor: m,
+        className: M.label,
+        style: w,
+        children: r
       }
     )
   ] });
-}, pe = "Select-module__select___cjdcr", me = "Select-module__sizeSmall___i1quj", fe = "Select-module__sizeDefault___EiWvW", B = {
-  select: pe,
-  sizeSmall: me,
-  sizeDefault: fe
-}, he = ({
+}, Ce = "Select-module__select___cjdcr", He = "Select-module__sizeSmall___i1quj", Pe = "Select-module__sizeDefault___EiWvW", I = {
+  select: Ce,
+  sizeSmall: He,
+  sizeDefault: Pe
+}, Ne = ({
   color: e = "#000",
   disabled: t = !1
 }) => ({
@@ -494,18 +494,18 @@ const X = "Checkbox-module__container___aV9qz", Y = "Checkbox-module__svg___kklu
   borderColor: e,
   cursor: t ? "default" : "pointer",
   opacity: t ? 0.3 : 1,
-  backgroundImage: ((n) => {
+  backgroundImage: ((r) => {
     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="${n}"
+          stroke="${r}"
           stroke-width="11"
           fill="transparent"
         />
         <path
           d="M 30 58.5 L 50 78.5 L 70 58.5"
-          stroke="${n}"
+          stroke="${r}"
           stroke-width="11"
           fill="transparent"
         />
@@ -513,59 +513,59 @@ const X = "Checkbox-module__container___aV9qz", Y = "Checkbox-module__svg___kklu
     `.trim();
     return `url("data:image/svg+xml,${encodeURIComponent(l)}")`;
   })(e)
-}), Re = ({
+}), ot = ({
   children: e,
   color: t,
   disabled: o = !1,
   fontSize: s,
-  name: r = "",
-  onChange: n,
+  name: n = "",
+  onChange: r,
   placeholder: l = "",
-  size: c,
+  size: a,
   style: i,
-  value: y = "",
-  ...f
+  value: u = "",
+  ...y
 }) => {
-  const d = _(), u = he({
+  const d = h(), m = Ne({
     color: t || d.colors.primary,
     disabled: o
-  }), a = {
-    backgroundImage: u.backgroundImage,
+  }), c = {
+    backgroundImage: m.backgroundImage,
     backgroundPosition: "right center",
     backgroundRepeat: "no-repeat",
     backgroundSize: "auto 85%",
     backgroundColor: "transparent",
-    borderColor: u.borderColor,
-    color: u.color,
-    cursor: u.cursor,
+    borderColor: m.borderColor,
+    color: m.color,
+    cursor: m.cursor,
     fontSize: s || d.fonts.size,
-    opacity: u.opacity,
+    opacity: m.opacity,
     ...i
   }, p = [
-    B.select,
-    c === "small" ? B.sizeSmall : B.sizeDefault
+    I.select,
+    a === "small" ? I.sizeSmall : I.sizeDefault
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ z(
     "select",
     {
       className: p,
       disabled: o,
-      name: r,
-      onChange: n,
-      style: a,
-      value: y,
-      ...f,
+      name: n,
+      onChange: r,
+      style: c,
+      value: u,
+      ...y,
       children: [
-        l !== "" && /* @__PURE__ */ h("option", { disabled: !0, value: "", children: l }),
+        l !== "" && /* @__PURE__ */ _("option", { disabled: !0, value: "", children: l }),
         e
       ]
     }
   );
-}, _e = "Textarea-module__textarea___Z-y6g", Se = "Textarea-module__sizeSmall___HHFEM", ge = "Textarea-module__sizeDefault___LL2Uc", I = {
-  textarea: _e,
-  sizeSmall: Se,
-  sizeDefault: ge
-}, ze = ({
+}, $e = "Textarea-module__textarea___Z-y6g", Re = "Textarea-module__sizeSmall___HHFEM", Fe = "Textarea-module__sizeDefault___LL2Uc", B = {
+  textarea: $e,
+  sizeSmall: Re,
+  sizeDefault: Fe
+}, Me = ({
   color: e = "#000",
   disabled: t = !1,
   placeholderOpacity: o = 0.3
@@ -574,116 +574,265 @@ const X = "Checkbox-module__container___aV9qz", Y = "Checkbox-module__svg___kklu
   borderColor: e,
   opacity: t ? 0.3 : 1,
   placeholderOpacity: o
-}), De = ({
+}), st = ({
   color: e,
   disabled: t = !1,
   fontSize: o,
   name: s = "",
-  onChange: r,
-  placeholder: n,
+  onChange: n,
+  placeholder: r,
   placeholderOpacity: l = 0.3,
-  rows: c = 3,
+  rows: a = 3,
   size: i,
-  style: y,
-  value: f = "",
+  style: u,
+  value: y = "",
   ...d
 }) => {
-  const u = _(), a = ze({
-    color: e || u.colors.primary,
+  const m = h(), c = Me({
+    color: e || m.colors.primary,
     disabled: t,
     placeholderOpacity: l
-  }), p = `textarea-placeholder-${H.useId ? H.useId() : Math.random().toString(36)}`;
-  H.useEffect(() => {
-    const S = document.createElement("style");
-    return S.id = p, S.textContent = `
+  }), p = `textarea-placeholder-${$.useId ? $.useId() : Math.random().toString(36)}`;
+  $.useEffect(() => {
+    const g = document.createElement("style");
+    return g.id = p, g.textContent = `
       .${p}::placeholder {
         color: inherit;
-        opacity: ${a.placeholderOpacity};
+        opacity: ${c.placeholderOpacity};
       }
-    `, document.head.appendChild(S), () => {
-      const g = document.getElementById(p);
-      g && g.remove();
+    `, document.head.appendChild(g), () => {
+      const S = document.getElementById(p);
+      S && S.remove();
     };
-  }, [p, a.placeholderOpacity]);
-  const m = {
-    borderColor: a.borderColor,
-    color: a.color,
-    fontSize: o || u.fonts.size,
-    opacity: a.opacity,
-    ...y
-  }, x = [
-    I.textarea,
-    i === "small" ? I.sizeSmall : I.sizeDefault,
+  }, [p, c.placeholderOpacity]);
+  const f = {
+    borderColor: c.borderColor,
+    color: c.color,
+    fontSize: o || m.fonts.size,
+    opacity: c.opacity,
+    ...u
+  }, b = [
+    B.textarea,
+    i === "small" ? B.sizeSmall : B.sizeDefault,
     p
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ _(
     "textarea",
     {
-      className: x,
+      className: b,
       disabled: t,
       name: s,
-      onChange: r,
-      placeholder: n,
-      rows: c,
-      style: m,
-      value: f,
+      onChange: n,
+      placeholder: r,
+      rows: a,
+      style: f,
+      value: y,
       ...d
     }
   );
-}, xe = "Header-module__header___RUooH", be = "Header-module__container___t68M9", L = {
-  header: xe,
-  container: be
-}, ke = ({
+}, Ie = "Header-module__header___RUooH", Be = "Header-module__container___t68M9", U = {
+  header: Ie,
+  container: Be
+}, De = ({
   isSmallScreen: e = !1,
   maxWidth: t,
   paddingSm: o,
   padding: s,
-  fontSize: r
+  fontSize: n
 } = {}) => {
-  const n = _();
+  const r = h();
   return {
-    "--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
+    "--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
   };
-}, we = (e) => {
+}, W = (e) => {
   const t = typeof window < "u" && typeof window.matchMedia == "function";
-  return U((n) => {
+  return se((r) => {
     if (!t) return () => {
     };
     const l = window.matchMedia(e);
-    return l.addEventListener("change", n), () => l.removeEventListener("change", n);
+    return l.addEventListener("change", r), () => l.removeEventListener("change", r);
   }, () => t ? window.matchMedia(e).matches : !1, () => !1);
-}, Le = ({
+}, nt = ({
   children: e,
   breakPointSm: t,
   maxWidth: o,
   paddingSm: s,
-  padding: r,
-  fontSize: n,
+  padding: n,
+  fontSize: r,
   style: l = {},
-  headerProps: c = {},
+  headerProps: a = {},
   headerRef: i
 }) => {
-  const y = _(), d = (t || y.breakpoints.sm).match(/^(\d+(?:\.\d+)?)(px|em|rem)$/), u = d ? parseInt(d[1], 10) - 1 : 474, a = d ? d[2] : "px", p = we(`(max-width: ${u}${a})`), m = ke({
+  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 = W(`(max-width: ${m}${c})`), f = De({
     isSmallScreen: p,
     maxWidth: o,
     paddingSm: s,
-    padding: r,
-    fontSize: n
+    padding: n,
+    fontSize: r
   });
-  return /* @__PURE__ */ h("header", { ref: i, className: L.header, ...c, children: /* @__PURE__ */ h("div", { className: L.container, style: { ...m, ...l }, children: e }) });
+  return /* @__PURE__ */ _("header", { ref: i, className: U.header, ...a, children: /* @__PURE__ */ _("div", { className: U.container, style: { ...f, ...l }, children: e }) });
+}, We = "ResponsiveNav-module__nav___xOfv5", Le = "ResponsiveNav-module__navMobile___h795P", Ee = "ResponsiveNav-module__open___WDCAf", Te = "ResponsiveNav-module__navDesktop___9wscZ", N = {
+  nav: We,
+  navMobile: Le,
+  open: Ee,
+  navDesktop: Te
+}, je = ({
+  isMobile: e,
+  isCompact: t,
+  mobileBackground: o,
+  mobileColor: s,
+  mobileActiveBackground: n,
+  mobileActiveColor: r,
+  mobileButtonHoverColor: l
+}) => {
+  const a = h();
+  return q(() => ({
+    ...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-button-hover-text-color": l || o || a.colors.accent
+    } : {}
+  }), [
+    o,
+    s,
+    n,
+    r,
+    l,
+    a.colors.accent,
+    a.colors.primary,
+    e,
+    t
+  ]);
+}, Ve = "Hamburger-module__hamburger___Tf4-t", Ae = "Hamburger-module__line___gybZM", Oe = "Hamburger-module__open___gRswh", C = {
+  hamburger: Ve,
+  line: Ae,
+  open: Oe
+}, Ue = ({ compact: e, color: t, visible: o, borderRadius: s }) => {
+  const n = h();
+  return q(() => {
+    const r = e ? { right: ".5em" } : {};
+    return {
+      "--hamburger-border-radius": s || n.borderRadius || "10px",
+      color: t || "inherit",
+      display: o ? "flex" : "none",
+      ...r
+    };
+  }, [t, o, e, s, n.borderRadius]);
+}, Qe = ({
+  visible: e,
+  compact: t,
+  color: o,
+  hamburgerRef: s,
+  open: n = !1,
+  setOpen: r,
+  buttonProps: l,
+  borderRadius: a
+}) => {
+  const i = Ue({
+    compact: t,
+    color: o,
+    visible: e,
+    borderRadius: a
+  }), u = [
+    C.hamburger,
+    n ? C.open : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z(
+    "button",
+    {
+      ref: s,
+      className: u,
+      onClick: () => r(!n),
+      style: i,
+      "aria-label": "Toggle menu",
+      "aria-expanded": n,
+      ...l,
+      children: [
+        /* @__PURE__ */ _("div", { className: C.line }),
+        /* @__PURE__ */ _("div", { className: C.line }),
+        /* @__PURE__ */ _("div", { className: C.line })
+      ]
+    }
+  );
+};
+function Q(e) {
+  const o = parseInt(e) - 1, s = e.replace(/[0-9]/g, "");
+  return { maxWidth: o, unit: s };
+}
+const rt = ({
+  breakPointMd: e,
+  breakPointSm: t,
+  children: o,
+  mobileBackground: s,
+  mobileColor: n,
+  mobileActiveBackground: r,
+  mobileActiveColor: l,
+  mobileButtonHoverColor: a,
+  style: i,
+  navProps: u
+}) => {
+  const [y, d] = Z(!1), m = j(null), c = j(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 = W(`(max-width: ${g}${S})`), L = W(`(max-width: ${w}${x})`), X = je({
+    isMobile: k,
+    isCompact: L,
+    mobileBackground: s,
+    mobileColor: n,
+    mobileActiveBackground: r,
+    mobileActiveColor: l,
+    mobileButtonHoverColor: a
+  });
+  D(() => {
+    k || d(!1);
+  }, [k]), D(() => {
+    const E = (T) => {
+      !c.current || c.current.contains(T.target) || m.current && m.current.contains(T.target) || d(!1);
+    };
+    return document.addEventListener("mousedown", E), () => {
+      document.removeEventListener("mousedown", E);
+    };
+  }, [m, c, d]);
+  const Y = [
+    N.nav,
+    k ? N.navMobile : N.navDesktop,
+    k && y ? N.open : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z(ee, { children: [
+    /* @__PURE__ */ _(
+      Qe,
+      {
+        hamburgerRef: m,
+        visible: k,
+        compact: L,
+        open: y,
+        setOpen: d
+      }
+    ),
+    /* @__PURE__ */ _(
+      "nav",
+      {
+        ref: c,
+        className: Y,
+        style: { ...X, ...i },
+        ...u,
+        children: typeof o == "function" ? o({ setOpen: d }) : o
+      }
+    )
+  ] });
 };
 export {
-  Pe as Button,
-  $e as CSSReset,
-  Fe as Checkbox,
-  Be as FormLabel,
-  Le as Header,
-  Ie as Input,
-  Ne as Radio,
-  Re as Select,
-  De as Textarea,
-  He as ThemeProvider,
-  _ as useTheme
+  Je as Button,
+  Xe as CSSReset,
+  Ke as Checkbox,
+  Ye as FormLabel,
+  nt as Header,
+  et as Input,
+  tt as Radio,
+  rt as ResponsiveNav,
+  ot as Select,
+  st as Textarea,
+  Ge as ThemeProvider,
+  h as useTheme
 };