digital-rabbit-cl 1.0.30 → 1.0.32

package/dist/components/CSSReset/CSSReset.d.ts

@@ -4,6 +4,9 @@
  * Reads theme from ThemeProvider context and applies CSS custom properties.
  * Maps theme.colors and theme.fonts to CSS variables.
  *
+ * Uses useLayoutEffect to apply theme synchronously before paint,
+ * preventing flash of unstyled content (FOUC).
+ *
  * @example
  * ```jsx
  * <ThemeProvider theme={{

package/dist/components/CSSReset/CSSReset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CSSReset.d.ts","sourceRoot":"","sources":["../../../src/components/CSSReset/CSSReset.tsx"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAC;AAGrB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EA0FrB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CSSReset.d.ts","sourceRoot":"","sources":["../../../src/components/CSSReset/CSSReset.tsx"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAC;AAGrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EA0FrB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,11 +1,11 @@
 (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 = ({
+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,
+  sizeSmall: ae,
+  sizeDefault: le
+}, ce = ({
   isActive: e,
   disabled: t,
   buttonColor: o = "#FFF",
@@ -64,7 +64,7 @@ const ne = "Button-module__button___2ZuB7", re = "Button-module__sizeSmall___DRT
     wrapperPaddingSm: "0.5rem",
     wrapperPadding: "1rem"
   }
-}, G = te(v), Ge = ({ theme: e = {}, children: t }) => {
+}, G = te(v), Je = ({ theme: e = {}, children: t }) => {
   var s;
   const o = {
     ...v,
@@ -95,7 +95,7 @@ const ne = "Button-module__button___2ZuB7", re = "Button-module__sizeSmall___DRT
     }
   };
   return /* @__PURE__ */ _(G.Provider, { value: o, children: t });
-}, h = () => oe(G), Je = ({
+}, h = () => oe(G), Ke = ({
   color: e,
   hoverColor: t,
   hoverTextColor: o,
@@ -113,7 +113,7 @@ const ne = "Button-module__button___2ZuB7", re = "Button-module__sizeSmall___DRT
   let f;
   s ? f = s : f = e ? m.buttons.textColor : m.buttons.primary.textColor;
   const g = {
-    ...le({
+    ...ce({
       isActive: c,
       disabled: u,
       buttonColor: e || m.colors.primary,
@@ -146,33 +146,33 @@ const ne = "Button-module__button___2ZuB7", re = "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), ce = new Uint8Array(16);
-function ie() {
+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);
+function ue() {
   if (!A)
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return A(ce);
+  return A(ie);
 }
 var J = [];
 for (var P = 0; P < 256; ++P)
   J[P] = (P + 256).toString(16).substr(1);
-function ue(e, t) {
+function me(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 K(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 || ie)();
+  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 || ue(n);
+  return t || me(n);
 }
-const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kkluC", pe = "Checkbox-module__label___cwRtI", R = {
-  container: me,
-  svg: de,
-  label: pe
-}, ye = ({
+const de = "Checkbox-module__container___aV9qz", pe = "Checkbox-module__svg___kkluC", ye = "Checkbox-module__label___cwRtI", R = {
+  container: de,
+  svg: pe,
+  label: ye
+}, fe = ({
   color: e = "#000",
   checkmarkColor: t,
   disabled: o = !1,
@@ -185,7 +185,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
     cursor: o ? "default" : "pointer",
     opacity: o ? 0.3 : 1
   };
-}, Ke = ({
+}, Xe = ({
   checked: e = !1,
   checkmarkColor: t,
   color: o,
@@ -200,7 +200,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   style: d,
   ...m
 }) => {
-  const c = h(), p = r || K(), f = ye({
+  const c = h(), p = r || K(), f = fe({
     color: o || c.colors.primary,
     checkmarkColor: t,
     disabled: s,
@@ -270,16 +270,16 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
     ),
     a && /* @__PURE__ */ _("label", { htmlFor: p, className: R.label, style: w, children: a })
   ] });
-}, Xe = () => {
+}, Ye = () => {
   const e = h();
-  return D(() => {
+  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;
-}, fe = "FormLabel-module__label___0M-fo", _e = "FormLabel-module__disabled___ktIFp", O = {
-  label: fe,
-  disabled: _e
-}, he = ({
+}, _e = "FormLabel-module__label___0M-fo", he = "FormLabel-module__disabled___ktIFp", O = {
+  label: _e,
+  disabled: he
+}, ge = ({
   color: e = "#000",
   disabled: t = !1,
   fontSize: o = ".85em"
@@ -288,7 +288,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   fontSize: o,
   opacity: t ? 0.5 : 1,
   cursor: t ? "not-allowed" : "default"
-}), Ye = ({
+}), et = ({
   children: e,
   color: t,
   disabled: o = !1,
@@ -297,7 +297,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   style: r,
   ...l
 }) => {
-  const a = h(), i = he({
+  const a = h(), i = ge({
     color: t || a.colors.primary,
     disabled: o,
     fontSize: s || ".85em"
@@ -321,11 +321,11 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
       children: e
     }
   );
-}, ge = "Input-module__input___WjT81", Se = "Input-module__sizeSmall___NFvsi", be = "Input-module__sizeDefault___AxPA0", F = {
-  input: ge,
-  sizeSmall: Se,
-  sizeDefault: be
-}, xe = ({
+}, Se = "Input-module__input___WjT81", be = "Input-module__sizeSmall___NFvsi", xe = "Input-module__sizeDefault___AxPA0", F = {
+  input: Se,
+  sizeSmall: be,
+  sizeDefault: xe
+}, ve = ({
   color: e = "#000",
   disabled: t = !1,
   fontSize: o = "1em",
@@ -336,7 +336,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   fontSize: o,
   opacity: t ? 0.3 : 1,
   placeholderOpacity: s
-}), et = ({
+}), tt = ({
   color: e,
   disabled: t = !1,
   fontSize: o,
@@ -350,7 +350,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   value: y = "",
   ...d
 }) => {
-  const m = h(), c = xe({
+  const m = h(), c = ve({
     color: e || m.colors.primary,
     disabled: t,
     fontSize: o || m.fonts.size,
@@ -380,18 +380,18 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
       ...d
     }
   );
-}, ve = "Radio-module__container___AQxhk", ze = "Radio-module__svg___zl5kF", ke = "Radio-module__label___vAFIP", M = {
-  container: ve,
-  svg: ze,
-  label: ke
-}, we = ({
+}, ze = "Radio-module__container___AQxhk", ke = "Radio-module__svg___zl5kF", we = "Radio-module__label___vAFIP", M = {
+  container: ze,
+  svg: ke,
+  label: we
+}, Ce = ({
   color: e = "#000",
   disabled: t = !1
 }) => ({
   radioColor: e,
   cursor: t ? "default" : "pointer",
   opacity: t ? 0.3 : 1
-}), tt = ({
+}), ot = ({
   checked: e = !1,
   color: t,
   disabled: o = !1,
@@ -404,7 +404,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   style: u,
   ...y
 }) => {
-  const d = h(), m = n || K(), c = we({
+  const d = h(), m = n || K(), c = Ce({
     color: t || d.colors.primary,
     disabled: o
   }), p = (x) => {
@@ -482,11 +482,11 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
       }
     )
   ] });
-}, Ce = "Select-module__select___cjdcr", He = "Select-module__sizeSmall___i1quj", Pe = "Select-module__sizeDefault___EiWvW", I = {
-  select: Ce,
-  sizeSmall: He,
-  sizeDefault: Pe
-}, Ne = ({
+}, He = "Select-module__select___cjdcr", Pe = "Select-module__sizeSmall___i1quj", Ne = "Select-module__sizeDefault___EiWvW", I = {
+  select: He,
+  sizeSmall: Pe,
+  sizeDefault: Ne
+}, $e = ({
   color: e = "#000",
   disabled: t = !1
 }) => ({
@@ -513,7 +513,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
     `.trim();
     return `url("data:image/svg+xml,${encodeURIComponent(l)}")`;
   })(e)
-}), ot = ({
+}), st = ({
   children: e,
   color: t,
   disabled: o = !1,
@@ -526,7 +526,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   value: u = "",
   ...y
 }) => {
-  const d = h(), m = Ne({
+  const d = h(), m = $e({
     color: t || d.colors.primary,
     disabled: o
   }), c = {
@@ -561,11 +561,11 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
       ]
     }
   );
-}, $e = "Textarea-module__textarea___Z-y6g", Re = "Textarea-module__sizeSmall___HHFEM", Fe = "Textarea-module__sizeDefault___LL2Uc", B = {
-  textarea: $e,
-  sizeSmall: Re,
-  sizeDefault: Fe
-}, Me = ({
+}, Re = "Textarea-module__textarea___Z-y6g", Fe = "Textarea-module__sizeSmall___HHFEM", Me = "Textarea-module__sizeDefault___LL2Uc", B = {
+  textarea: Re,
+  sizeSmall: Fe,
+  sizeDefault: Me
+}, Ie = ({
   color: e = "#000",
   disabled: t = !1,
   placeholderOpacity: o = 0.3
@@ -574,7 +574,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   borderColor: e,
   opacity: t ? 0.3 : 1,
   placeholderOpacity: o
-}), st = ({
+}), nt = ({
   color: e,
   disabled: t = !1,
   fontSize: o,
@@ -588,7 +588,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   value: y = "",
   ...d
 }) => {
-  const m = h(), c = Me({
+  const m = h(), c = Ie({
     color: e || m.colors.primary,
     disabled: t,
     placeholderOpacity: l
@@ -630,10 +630,10 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
       ...d
     }
   );
-}, Ie = "Header-module__header___RUooH", Be = "Header-module__container___t68M9", U = {
-  header: Ie,
-  container: Be
-}, De = ({
+}, Be = "Header-module__header___RUooH", De = "Header-module__container___t68M9", U = {
+  header: Be,
+  container: De
+}, We = ({
   isSmallScreen: e = !1,
   maxWidth: t,
   paddingSm: o,
@@ -646,15 +646,15 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
     "--header-padding": e ? o || r.layout.wrapperPaddingSm : s || r.layout.wrapperPadding,
     "--header-font-size": e ? "0.75rem" : n || r.fonts.size
   };
-}, W = (e) => {
+}, D = (e) => {
   const t = typeof window < "u" && typeof window.matchMedia == "function";
-  return se((r) => {
+  return ne((r) => {
     if (!t) return () => {
     };
     const l = window.matchMedia(e);
     return l.addEventListener("change", r), () => l.removeEventListener("change", r);
   }, () => t ? window.matchMedia(e).matches : !1, () => !1);
-}, nt = ({
+}, rt = ({
   children: e,
   breakPointSm: t,
   maxWidth: o,
@@ -665,7 +665,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   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 = W(`(max-width: ${m}${c})`), f = De({
+  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,
     maxWidth: o,
     paddingSm: s,
@@ -673,12 +673,12 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
     fontSize: r
   });
   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 = ({
+}, Le = "ResponsiveNav-module__nav___xOfv5", Ee = "ResponsiveNav-module__navMobile___h795P", Te = "ResponsiveNav-module__open___WDCAf", je = "ResponsiveNav-module__navDesktop___9wscZ", N = {
+  nav: Le,
+  navMobile: Ee,
+  open: Te,
+  navDesktop: je
+}, Ve = ({
   isMobile: e,
   isCompact: t,
   mobileBackground: o,
@@ -707,11 +707,11 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
     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 }) => {
+}, Ae = "Hamburger-module__hamburger___Tf4-t", Oe = "Hamburger-module__line___gybZM", Ue = "Hamburger-module__open___gRswh", C = {
+  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" } : {};
@@ -722,7 +722,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
       ...r
     };
   }, [t, o, e, s, n.borderRadius]);
-}, Qe = ({
+}, Ze = ({
   visible: e,
   compact: t,
   color: o,
@@ -732,7 +732,7 @@ const me = "Checkbox-module__container___aV9qz", de = "Checkbox-module__svg___kk
   buttonProps: l,
   borderRadius: a
 }) => {
-  const i = Ue({
+  const i = Qe({
     compact: t,
     color: o,
     visible: e,
@@ -763,7 +763,7 @@ function Q(e) {
   const o = parseInt(e) - 1, s = e.replace(/[0-9]/g, "");
   return { maxWidth: o, unit: s };
 }
-const rt = ({
+const at = ({
   breakPointMd: e,
   breakPointSm: t,
   children: o,
@@ -775,23 +775,23 @@ const rt = ({
   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({
+  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({
     isMobile: k,
-    isCompact: L,
+    isCompact: W,
     mobileBackground: s,
     mobileColor: n,
     mobileActiveBackground: r,
     mobileActiveColor: l,
     mobileButtonHoverColor: a
   });
-  D(() => {
+  j(() => {
     k || d(!1);
-  }, [k]), D(() => {
-    const E = (T) => {
-      !c.current || c.current.contains(T.target) || m.current && m.current.contains(T.target) || d(!1);
+  }, [k]), j(() => {
+    const L = (E) => {
+      !c.current || c.current.contains(E.target) || m.current && m.current.contains(E.target) || d(!1);
     };
-    return document.addEventListener("mousedown", E), () => {
-      document.removeEventListener("mousedown", E);
+    return document.addEventListener("mousedown", L), () => {
+      document.removeEventListener("mousedown", L);
     };
   }, [m, c, d]);
   const Y = [
@@ -801,11 +801,11 @@ const rt = ({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ z(ee, { children: [
     /* @__PURE__ */ _(
-      Qe,
+      Ze,
       {
         hamburgerRef: m,
         visible: k,
-        compact: L,
+        compact: W,
         open: y,
         setOpen: d
       }
@@ -823,16 +823,16 @@ const rt = ({
   ] });
 };
 export {
-  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,
+  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,
+  nt as Textarea,
+  Je as ThemeProvider,
   h as useTheme
 };

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

@@ -1,5 +1,5 @@
 (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)}})();
-(function(h,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],l):(h=typeof globalThis<"u"?globalThis:h||self,l(h.DigitalRabbitCL={},h.jsxRuntime,h.React))})(this,(function(h,l,S){"use strict";const P={button:"Button-module__button___2ZuB7",sizeSmall:"Button-module__sizeSmall___DRT8P",sizeDefault:"Button-module__sizeDefault___iwWOV"},G=({isActive:e,disabled:t,buttonColor:o="#FFF",textColor:s="#000",hoverColor:r,hoverTextColor:n,outline:c})=>{let a,u,d;c?(a="transparent",u=o,d=o,e&&(a=r||o,u=r||o,d=n||s)):(a=o,u=o,d=s,e&&(a=r||o,u=r||o,d=n||s));let f=1;return t?f=.3:e&&(f=r||c?1:.75),{backgroundColor:a,borderColor:u,color:d,opacity:f}},W={primary:"#FFF",secondary:"#000",accent:"#4381C1",error:"#F00",success:"#008000",warning:"#FFEB3B"},k={colors:W,fonts:{color:"#000",lineHeight:1.5,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',fontWeightHeader:700,size:"22px",rhythm:"1.45rem",fontSizeH1:"2.5rem",fontSizeH2:"1.75rem",fontSizeH3:"1.38316rem",fontSizeH4:"1rem",fontSizeH5:"0.85028rem",fontSizeH6:"0.78405rem"},buttons:{textColor:"#FFF",primary:{textColor:W.secondary}},borderRadius:"0px",breakpoints:{xs:"350px",sm:"475px",md:"769px",lg:"1025px"},layout:{maxWidth:"1280px",wrapperPaddingSm:"0.5rem",wrapperPadding:"1rem"}},L=S.createContext(k),J=({theme:e={},children:t})=>{var s;const o={...k,...e,colors:{...k.colors,...e.colors},fonts:{...k.fonts,...e.fonts},buttons:{...k.buttons,...e.buttons,primary:{...k.buttons.primary,...(s=e.buttons)==null?void 0:s.primary}},breakpoints:{...k.breakpoints,...e.breakpoints},layout:{...k.layout,...e.layout}};return l.jsx(L.Provider,{value:o,children:t})},g=()=>S.useContext(L),K=({color:e,hoverColor:t,hoverTextColor:o,textColor:s,outline:r=!1,size:n,type:c="button",buttonProps:a={},children:u,disabled:d=!1,onClick:f,fontSize:p})=>{const m=g(),[i,y]=S.useState(!1);let _;s?_=s:_=e?m.buttons.textColor:m.buttons.primary.textColor;const b={...G({isActive:i,disabled:d,buttonColor:e||m.colors.primary,textColor:_,hoverColor:t,hoverTextColor:o,outline:r}),fontSize:p||m.fonts.size},v=[P.button,n==="small"?P.sizeSmall:P.sizeDefault,r?P.outline:""].filter(Boolean).join(" ");return l.jsx("button",{className:v,disabled:d,onClick:f,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),type:c,...a,style:{...b,...a.style},children:u})};var E=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto<"u"&&typeof msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto),X=new Uint8Array(16);function Y(){if(!E)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return E(X)}for(var j=[],H=0;H<256;++H)j[H]=(H+256).toString(16).substr(1);function R(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 V(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||Y)();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||R(r)}const F={container:"Checkbox-module__container___aV9qz",svg:"Checkbox-module__svg___kkluC",label:"Checkbox-module__label___cwRtI"},ee=({color:e="#000",checkmarkColor:t,disabled:o=!1,inverted:s=!1})=>{let r=e;return t?r=t:s&&(r="white"),{boxColor:e,checkmarkColor:r,cursor:o?"default":"pointer",opacity:o?.3:1}},te=({checked:e=!1,checkmarkColor:t,color:o,disabled:s=!1,fontSize:r,id:n,inverted:c=!1,label:a,labelStyle:u,name:d,onChange:f,style:p,...m})=>{const i=g(),y=n||V(),_=ee({color:o||i.colors.primary,checkmarkColor:t,disabled:s,inverted:c}),z=x=>{s||f(x)},b={cursor:_.cursor,fontSize:r||i.fonts.size,opacity:_.opacity,...p},v={width:r||"1rem"},C={color:_.boxColor,cursor:_.cursor,fontSize:r||"1rem",...u};return l.jsxs("div",{className:F.container,style:b,...m,children:[l.jsx("input",{id:y,checked:e,disabled:s,onChange:x=>z({target:{checked:x.target.checked,name:d,type:"checkbox"}}),name:d,style:{display:"none"},type:"checkbox"}),l.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:()=>z({target:{checked:!e,name:d,type:"checkbox"}}),style:v,className:F.svg,children:[l.jsx("rect",{x:"0",y:"0",height:"100",width:"100",style:{fill:c&&e?_.boxColor:"transparent",strokeWidth:"25",stroke:_.boxColor}}),e&&l.jsx("path",{d:"M 25 45 L 45 65 L 75 30",stroke:_.checkmarkColor,strokeWidth:"15",fill:"transparent"})]}),a&&l.jsx("label",{htmlFor:y,className:F.label,style:C,children:a})]})},oe=()=>{const e=g();return S.useEffect(()=>{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},A={label:"FormLabel-module__label___0M-fo",disabled:"FormLabel-module__disabled___ktIFp"},se=({color:e="#000",disabled:t=!1,fontSize:o=".85em"})=>({color:e,fontSize:o,opacity:t?.5:1,cursor:t?"not-allowed":"default"}),re=({children:e,color:t,disabled:o=!1,fontSize:s,htmlFor:r,style:n,...c})=>{const a=g(),u=se({color:t||a.colors.primary,disabled:o,fontSize:s||".85em"}),d={color:u.color,fontSize:u.fontSize,opacity:u.opacity,cursor:u.cursor,...n},f=[A.label,o?A.disabled:""].filter(Boolean).join(" ");return l.jsx("label",{className:f,htmlFor:r,style:d,...c,children:e})},D={input:"Input-module__input___WjT81",sizeSmall:"Input-module__sizeSmall___NFvsi",sizeDefault:"Input-module__sizeDefault___AxPA0"},ne=({color:e="#000",disabled:t=!1,fontSize:o="1em",placeholderOpacity:s=.3})=>({borderColor:e,color:e,fontSize:o,opacity:t?.3:1,placeholderOpacity:s}),ae=({color:e,disabled:t=!1,fontSize:o,name:s="",onChange:r,placeholder:n,placeholderOpacity:c=.3,size:a,style:u,type:d="text",value:f="",...p})=>{const m=g(),i=ne({color:e||m.colors.primary,disabled:t,fontSize:o||m.fonts.size,placeholderOpacity:c}),y={"--placeholder-opacity":i.placeholderOpacity,borderColor:i.borderColor,color:i.color,fontSize:i.fontSize,opacity:i.opacity,...u},_=[D.input,a==="small"?D.sizeSmall:D.sizeDefault].filter(Boolean).join(" ");return l.jsx("input",{className:_,disabled:t,name:s,onChange:r,placeholder:n,style:y,type:d,value:f,...p})},M={container:"Radio-module__container___AQxhk",svg:"Radio-module__svg___zl5kF",label:"Radio-module__label___vAFIP"},le=({color:e="#000",disabled:t=!1})=>({radioColor:e,cursor:t?"default":"pointer",opacity:t?.3:1}),ce=({checked:e=!1,color:t,disabled:o=!1,fontSize:s,id:r,label:n,labelStyle:c,name:a,onChange:u,style:d,...f})=>{const p=g(),m=r||V(),i=le({color:t||p.colors.primary,disabled:o}),y=x=>{o||u(x)},_={cursor:i.cursor,fontSize:s||p.fonts.size,opacity:i.opacity,...d},z={width:s||p.fonts.size},b={fill:"transparent",strokeWidth:"12.5",stroke:i.radioColor},v={fill:i.radioColor},C={color:i.radioColor,cursor:i.cursor,fontSize:s||p.fonts.size,...c};return l.jsxs("div",{className:M.container,style:_,...f,children:[l.jsx("input",{id:m,checked:e,disabled:o,name:a,onChange:x=>y({target:{checked:x.target.checked,name:a,type:"radio"}}),style:{display:"none"},type:"radio"}),l.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:()=>y({target:{checked:!e,name:a,type:"radio"}}),className:M.svg,style:z,children:[l.jsx("circle",{cx:"50",cy:"50",r:"42.5",width:"100%",style:b}),e&&l.jsx("circle",{cx:"50",cy:"50",r:"25",style:v})]}),n&&l.jsx("label",{htmlFor:m,className:M.label,style:C,children:n})]})},I={select:"Select-module__select___cjdcr",sizeSmall:"Select-module__sizeSmall___i1quj",sizeDefault:"Select-module__sizeDefault___EiWvW"},ie=({color:e="#000",disabled:t=!1})=>({color:e,borderColor:e,cursor:t?"default":"pointer",opacity:t?.3:1,backgroundImage:(n=>{const c=`
+(function(h,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],l):(h=typeof globalThis<"u"?globalThis:h||self,l(h.DigitalRabbitCL={},h.jsxRuntime,h.React))})(this,(function(h,l,S){"use strict";const P={button:"Button-module__button___2ZuB7",sizeSmall:"Button-module__sizeSmall___DRT8P",sizeDefault:"Button-module__sizeDefault___iwWOV"},G=({isActive:e,disabled:t,buttonColor:o="#FFF",textColor:s="#000",hoverColor:r,hoverTextColor:n,outline:c})=>{let a,u,d;c?(a="transparent",u=o,d=o,e&&(a=r||o,u=r||o,d=n||s)):(a=o,u=o,d=s,e&&(a=r||o,u=r||o,d=n||s));let f=1;return t?f=.3:e&&(f=r||c?1:.75),{backgroundColor:a,borderColor:u,color:d,opacity:f}},L={primary:"#FFF",secondary:"#000",accent:"#4381C1",error:"#F00",success:"#008000",warning:"#FFEB3B"},k={colors:L,fonts:{color:"#000",lineHeight:1.5,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',fontWeightHeader:700,size:"22px",rhythm:"1.45rem",fontSizeH1:"2.5rem",fontSizeH2:"1.75rem",fontSizeH3:"1.38316rem",fontSizeH4:"1rem",fontSizeH5:"0.85028rem",fontSizeH6:"0.78405rem"},buttons:{textColor:"#FFF",primary:{textColor:L.secondary}},borderRadius:"0px",breakpoints:{xs:"350px",sm:"475px",md:"769px",lg:"1025px"},layout:{maxWidth:"1280px",wrapperPaddingSm:"0.5rem",wrapperPadding:"1rem"}},W=S.createContext(k),J=({theme:e={},children:t})=>{var s;const o={...k,...e,colors:{...k.colors,...e.colors},fonts:{...k.fonts,...e.fonts},buttons:{...k.buttons,...e.buttons,primary:{...k.buttons.primary,...(s=e.buttons)==null?void 0:s.primary}},breakpoints:{...k.breakpoints,...e.breakpoints},layout:{...k.layout,...e.layout}};return l.jsx(W.Provider,{value:o,children:t})},g=()=>S.useContext(W),K=({color:e,hoverColor:t,hoverTextColor:o,textColor:s,outline:r=!1,size:n,type:c="button",buttonProps:a={},children:u,disabled:d=!1,onClick:f,fontSize:m})=>{const y=g(),[i,p]=S.useState(!1);let _;s?_=s:_=e?y.buttons.textColor:y.buttons.primary.textColor;const b={...G({isActive:i,disabled:d,buttonColor:e||y.colors.primary,textColor:_,hoverColor:t,hoverTextColor:o,outline:r}),fontSize:m||y.fonts.size},v=[P.button,n==="small"?P.sizeSmall:P.sizeDefault,r?P.outline:""].filter(Boolean).join(" ");return l.jsx("button",{className:v,disabled:d,onClick:f,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),type:c,...a,style:{...b,...a.style},children:u})};var E=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto<"u"&&typeof msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto),X=new Uint8Array(16);function Y(){if(!E)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return E(X)}for(var j=[],H=0;H<256;++H)j[H]=(H+256).toString(16).substr(1);function R(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 V(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||Y)();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||R(r)}const F={container:"Checkbox-module__container___aV9qz",svg:"Checkbox-module__svg___kkluC",label:"Checkbox-module__label___cwRtI"},ee=({color:e="#000",checkmarkColor:t,disabled:o=!1,inverted:s=!1})=>{let r=e;return t?r=t:s&&(r="white"),{boxColor:e,checkmarkColor:r,cursor:o?"default":"pointer",opacity:o?.3:1}},te=({checked:e=!1,checkmarkColor:t,color:o,disabled:s=!1,fontSize:r,id:n,inverted:c=!1,label:a,labelStyle:u,name:d,onChange:f,style:m,...y})=>{const i=g(),p=n||V(),_=ee({color:o||i.colors.primary,checkmarkColor:t,disabled:s,inverted:c}),z=x=>{s||f(x)},b={cursor:_.cursor,fontSize:r||i.fonts.size,opacity:_.opacity,...m},v={width:r||"1rem"},C={color:_.boxColor,cursor:_.cursor,fontSize:r||"1rem",...u};return l.jsxs("div",{className:F.container,style:b,...y,children:[l.jsx("input",{id:p,checked:e,disabled:s,onChange:x=>z({target:{checked:x.target.checked,name:d,type:"checkbox"}}),name:d,style:{display:"none"},type:"checkbox"}),l.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:()=>z({target:{checked:!e,name:d,type:"checkbox"}}),style:v,className:F.svg,children:[l.jsx("rect",{x:"0",y:"0",height:"100",width:"100",style:{fill:c&&e?_.boxColor:"transparent",strokeWidth:"25",stroke:_.boxColor}}),e&&l.jsx("path",{d:"M 25 45 L 45 65 L 75 30",stroke:_.checkmarkColor,strokeWidth:"15",fill:"transparent"})]}),a&&l.jsx("label",{htmlFor:p,className:F.label,style:C,children:a})]})},oe=()=>{const e=g();return S.useLayoutEffect(()=>{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},A={label:"FormLabel-module__label___0M-fo",disabled:"FormLabel-module__disabled___ktIFp"},se=({color:e="#000",disabled:t=!1,fontSize:o=".85em"})=>({color:e,fontSize:o,opacity:t?.5:1,cursor:t?"not-allowed":"default"}),re=({children:e,color:t,disabled:o=!1,fontSize:s,htmlFor:r,style:n,...c})=>{const a=g(),u=se({color:t||a.colors.primary,disabled:o,fontSize:s||".85em"}),d={color:u.color,fontSize:u.fontSize,opacity:u.opacity,cursor:u.cursor,...n},f=[A.label,o?A.disabled:""].filter(Boolean).join(" ");return l.jsx("label",{className:f,htmlFor:r,style:d,...c,children:e})},D={input:"Input-module__input___WjT81",sizeSmall:"Input-module__sizeSmall___NFvsi",sizeDefault:"Input-module__sizeDefault___AxPA0"},ne=({color:e="#000",disabled:t=!1,fontSize:o="1em",placeholderOpacity:s=.3})=>({borderColor:e,color:e,fontSize:o,opacity:t?.3:1,placeholderOpacity:s}),ae=({color:e,disabled:t=!1,fontSize:o,name:s="",onChange:r,placeholder:n,placeholderOpacity:c=.3,size:a,style:u,type:d="text",value:f="",...m})=>{const y=g(),i=ne({color:e||y.colors.primary,disabled:t,fontSize:o||y.fonts.size,placeholderOpacity:c}),p={"--placeholder-opacity":i.placeholderOpacity,borderColor:i.borderColor,color:i.color,fontSize:i.fontSize,opacity:i.opacity,...u},_=[D.input,a==="small"?D.sizeSmall:D.sizeDefault].filter(Boolean).join(" ");return l.jsx("input",{className:_,disabled:t,name:s,onChange:r,placeholder:n,style:p,type:d,value:f,...m})},M={container:"Radio-module__container___AQxhk",svg:"Radio-module__svg___zl5kF",label:"Radio-module__label___vAFIP"},le=({color:e="#000",disabled:t=!1})=>({radioColor:e,cursor:t?"default":"pointer",opacity:t?.3:1}),ce=({checked:e=!1,color:t,disabled:o=!1,fontSize:s,id:r,label:n,labelStyle:c,name:a,onChange:u,style:d,...f})=>{const m=g(),y=r||V(),i=le({color:t||m.colors.primary,disabled:o}),p=x=>{o||u(x)},_={cursor:i.cursor,fontSize:s||m.fonts.size,opacity:i.opacity,...d},z={width:s||m.fonts.size},b={fill:"transparent",strokeWidth:"12.5",stroke:i.radioColor},v={fill:i.radioColor},C={color:i.radioColor,cursor:i.cursor,fontSize:s||m.fonts.size,...c};return l.jsxs("div",{className:M.container,style:_,...f,children:[l.jsx("input",{id:y,checked:e,disabled:o,name:a,onChange:x=>p({target:{checked:x.target.checked,name:a,type:"radio"}}),style:{display:"none"},type:"radio"}),l.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:()=>p({target:{checked:!e,name:a,type:"radio"}}),className:M.svg,style:z,children:[l.jsx("circle",{cx:"50",cy:"50",r:"42.5",width:"100%",style:b}),e&&l.jsx("circle",{cx:"50",cy:"50",r:"25",style:v})]}),n&&l.jsx("label",{htmlFor:y,className:M.label,style:C,children:n})]})},I={select:"Select-module__select___cjdcr",sizeSmall:"Select-module__sizeSmall___i1quj",sizeDefault:"Select-module__sizeDefault___EiWvW"},ie=({color:e="#000",disabled:t=!1})=>({color:e,borderColor:e,cursor:t?"default":"pointer",opacity:t?.3:1,backgroundImage:(n=>{const c=`
       <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"
@@ -14,9 +14,9 @@
           fill="transparent"
         />
       </svg>
-    `.trim();return`url("data:image/svg+xml,${encodeURIComponent(c)}")`})(e)}),ue=({children:e,color:t,disabled:o=!1,fontSize:s,name:r="",onChange:n,placeholder:c="",size:a,style:u,value:d="",...f})=>{const p=g(),m=ie({color:t||p.colors.primary,disabled:o}),i={backgroundImage:m.backgroundImage,backgroundPosition:"right center",backgroundRepeat:"no-repeat",backgroundSize:"auto 85%",backgroundColor:"transparent",borderColor:m.borderColor,color:m.color,cursor:m.cursor,fontSize:s||p.fonts.size,opacity:m.opacity,...u},y=[I.select,a==="small"?I.sizeSmall:I.sizeDefault].filter(Boolean).join(" ");return l.jsxs("select",{className:y,disabled:o,name:r,onChange:n,style:i,value:d,...f,children:[c!==""&&l.jsx("option",{disabled:!0,value:"",children:c}),e]})},B={textarea:"Textarea-module__textarea___Z-y6g",sizeSmall:"Textarea-module__sizeSmall___HHFEM",sizeDefault:"Textarea-module__sizeDefault___LL2Uc"},de=({color:e="#000",disabled:t=!1,placeholderOpacity:o=.3})=>({color:e,borderColor:e,opacity:t?.3:1,placeholderOpacity:o}),me=({color:e,disabled:t=!1,fontSize:o,name:s="",onChange:r,placeholder:n,placeholderOpacity:c=.3,rows:a=3,size:u,style:d,value:f="",...p})=>{const m=g(),i=de({color:e||m.colors.primary,disabled:t,placeholderOpacity:c}),y=`textarea-placeholder-${S.useId?S.useId():Math.random().toString(36)}`;S.useEffect(()=>{const b=document.createElement("style");return b.id=y,b.textContent=`
-      .${y}::placeholder {
+    `.trim();return`url("data:image/svg+xml,${encodeURIComponent(c)}")`})(e)}),ue=({children:e,color:t,disabled:o=!1,fontSize:s,name:r="",onChange:n,placeholder:c="",size:a,style:u,value:d="",...f})=>{const m=g(),y=ie({color:t||m.colors.primary,disabled:o}),i={backgroundImage:y.backgroundImage,backgroundPosition:"right center",backgroundRepeat:"no-repeat",backgroundSize:"auto 85%",backgroundColor:"transparent",borderColor:y.borderColor,color:y.color,cursor:y.cursor,fontSize:s||m.fonts.size,opacity:y.opacity,...u},p=[I.select,a==="small"?I.sizeSmall:I.sizeDefault].filter(Boolean).join(" ");return l.jsxs("select",{className:p,disabled:o,name:r,onChange:n,style:i,value:d,...f,children:[c!==""&&l.jsx("option",{disabled:!0,value:"",children:c}),e]})},B={textarea:"Textarea-module__textarea___Z-y6g",sizeSmall:"Textarea-module__sizeSmall___HHFEM",sizeDefault:"Textarea-module__sizeDefault___LL2Uc"},de=({color:e="#000",disabled:t=!1,placeholderOpacity:o=.3})=>({color:e,borderColor:e,opacity:t?.3:1,placeholderOpacity:o}),ye=({color:e,disabled:t=!1,fontSize:o,name:s="",onChange:r,placeholder:n,placeholderOpacity:c=.3,rows:a=3,size:u,style:d,value:f="",...m})=>{const y=g(),i=de({color:e||y.colors.primary,disabled:t,placeholderOpacity:c}),p=`textarea-placeholder-${S.useId?S.useId():Math.random().toString(36)}`;S.useEffect(()=>{const b=document.createElement("style");return b.id=p,b.textContent=`
+      .${p}::placeholder {
         color: inherit;
         opacity: ${i.placeholderOpacity};
       }
-    `,document.head.appendChild(b),()=>{const v=document.getElementById(y);v&&v.remove()}},[y,i.placeholderOpacity]);const _={borderColor:i.borderColor,color:i.color,fontSize:o||m.fonts.size,opacity:i.opacity,...d},z=[B.textarea,u==="small"?B.sizeSmall:B.sizeDefault,y].filter(Boolean).join(" ");return l.jsx("textarea",{className:z,disabled:t,name:s,onChange:r,placeholder:n,rows:a,style:_,value:f,...p})},O={header:"Header-module__header___RUooH",container:"Header-module__container___t68M9"},pe=({isSmallScreen:e=!1,maxWidth:t,paddingSm:o,padding:s,fontSize:r}={})=>{const n=g();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}},T=e=>{const t=typeof window<"u"&&typeof window.matchMedia=="function",o=n=>{if(!t)return()=>{};const c=window.matchMedia(e);return c.addEventListener("change",n),()=>c.removeEventListener("change",n)},s=()=>t?window.matchMedia(e).matches:!1,r=()=>!1;return S.useSyncExternalStore(o,s,r)},ye=({children:e,breakPointSm:t,maxWidth:o,paddingSm:s,padding:r,fontSize:n,style:c={},headerProps:a={},headerRef:u})=>{const d=g(),p=(t||d.breakpoints.sm).match(/^(\d+(?:\.\d+)?)(px|em|rem)$/),m=p?parseInt(p[1],10)-1:474,i=p?p[2]:"px",y=T(`(max-width: ${m}${i})`),_=pe({isSmallScreen:y,maxWidth:o,paddingSm:s,padding:r,fontSize:n});return l.jsx("header",{ref:u,className:O.header,...a,children:l.jsx("div",{className:O.container,style:{..._,...c},children:e})})},N={nav:"ResponsiveNav-module__nav___xOfv5",navMobile:"ResponsiveNav-module__navMobile___h795P",open:"ResponsiveNav-module__open___WDCAf",navDesktop:"ResponsiveNav-module__navDesktop___9wscZ"},fe=({isMobile:e,isCompact:t,mobileBackground:o,mobileColor:s,mobileActiveBackground:r,mobileActiveColor:n,mobileButtonHoverColor:c})=>{const a=g();return S.useMemo(()=>({...e?{"--mobile-nav-background":o||a.colors.accent,"--mobile-nav-color":s||a.colors.primary,"--mobile-nav-active-background":r||a.colors.primary,"--mobile-nav-active-color":n||a.colors.accent,"--mobile-nav-button-hover-text-color":c||o||a.colors.accent}:{}}),[o,s,r,n,c,a.colors.accent,a.colors.primary,e,t])},$={hamburger:"Hamburger-module__hamburger___Tf4-t",line:"Hamburger-module__line___gybZM",open:"Hamburger-module__open___gRswh"},_e=({compact:e,color:t,visible:o,borderRadius:s})=>{const r=g();return S.useMemo(()=>{const n=e?{right:".5em"}:{};return{"--hamburger-border-radius":s||r.borderRadius||"10px",color:t||"inherit",display:o?"flex":"none",...n}},[t,o,e,s,r.borderRadius])},he=({visible:e,compact:t,color:o,hamburgerRef:s,open:r=!1,setOpen:n,buttonProps:c,borderRadius:a})=>{const u=_e({compact:t,color:o,visible:e,borderRadius:a}),d=[$.hamburger,r?$.open:""].filter(Boolean).join(" ");return l.jsxs("button",{ref:s,className:d,onClick:()=>n(!r),style:u,"aria-label":"Toggle menu","aria-expanded":r,...c,children:[l.jsx("div",{className:$.line}),l.jsx("div",{className:$.line}),l.jsx("div",{className:$.line})]})};function U(e){const o=parseInt(e)-1,s=e.replace(/[0-9]/g,"");return{maxWidth:o,unit:s}}const Se=({breakPointMd:e,breakPointSm:t,children:o,mobileBackground:s,mobileColor:r,mobileActiveBackground:n,mobileActiveColor:c,mobileButtonHoverColor:a,style:u,navProps:d})=>{const[f,p]=S.useState(!1),m=S.useRef(null),i=S.useRef(null),y=g(),_=e||y.breakpoints.md,z=t||y.breakpoints.sm,{maxWidth:b,unit:v}=U(_),{maxWidth:C,unit:x}=U(z),w=T(`(max-width: ${b}${v})`),q=T(`(max-width: ${C}${x})`),ge=fe({isMobile:w,isCompact:q,mobileBackground:s,mobileColor:r,mobileActiveBackground:n,mobileActiveColor:c,mobileButtonHoverColor:a});S.useEffect(()=>{w||p(!1)},[w]),S.useEffect(()=>{const Q=Z=>{!i.current||i.current.contains(Z.target)||m.current&&m.current.contains(Z.target)||p(!1)};return document.addEventListener("mousedown",Q),()=>{document.removeEventListener("mousedown",Q)}},[m,i,p]);const be=[N.nav,w?N.navMobile:N.navDesktop,w&&f?N.open:""].filter(Boolean).join(" ");return l.jsxs(l.Fragment,{children:[l.jsx(he,{hamburgerRef:m,visible:w,compact:q,open:f,setOpen:p}),l.jsx("nav",{ref:i,className:be,style:{...ge,...u},...d,children:typeof o=="function"?o({setOpen:p}):o})]})};h.Button=K,h.CSSReset=oe,h.Checkbox=te,h.FormLabel=re,h.Header=ye,h.Input=ae,h.Radio=ce,h.ResponsiveNav=Se,h.Select=ue,h.Textarea=me,h.ThemeProvider=J,h.useTheme=g,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
+    `,document.head.appendChild(b),()=>{const v=document.getElementById(p);v&&v.remove()}},[p,i.placeholderOpacity]);const _={borderColor:i.borderColor,color:i.color,fontSize:o||y.fonts.size,opacity:i.opacity,...d},z=[B.textarea,u==="small"?B.sizeSmall:B.sizeDefault,p].filter(Boolean).join(" ");return l.jsx("textarea",{className:z,disabled:t,name:s,onChange:r,placeholder:n,rows:a,style:_,value:f,...m})},O={header:"Header-module__header___RUooH",container:"Header-module__container___t68M9"},me=({isSmallScreen:e=!1,maxWidth:t,paddingSm:o,padding:s,fontSize:r}={})=>{const n=g();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}},T=e=>{const t=typeof window<"u"&&typeof window.matchMedia=="function",o=n=>{if(!t)return()=>{};const c=window.matchMedia(e);return c.addEventListener("change",n),()=>c.removeEventListener("change",n)},s=()=>t?window.matchMedia(e).matches:!1,r=()=>!1;return S.useSyncExternalStore(o,s,r)},pe=({children:e,breakPointSm:t,maxWidth:o,paddingSm:s,padding:r,fontSize:n,style:c={},headerProps:a={},headerRef:u})=>{const d=g(),m=(t||d.breakpoints.sm).match(/^(\d+(?:\.\d+)?)(px|em|rem)$/),y=m?parseInt(m[1],10)-1:474,i=m?m[2]:"px",p=T(`(max-width: ${y}${i})`),_=me({isSmallScreen:p,maxWidth:o,paddingSm:s,padding:r,fontSize:n});return l.jsx("header",{ref:u,className:O.header,...a,children:l.jsx("div",{className:O.container,style:{..._,...c},children:e})})},N={nav:"ResponsiveNav-module__nav___xOfv5",navMobile:"ResponsiveNav-module__navMobile___h795P",open:"ResponsiveNav-module__open___WDCAf",navDesktop:"ResponsiveNav-module__navDesktop___9wscZ"},fe=({isMobile:e,isCompact:t,mobileBackground:o,mobileColor:s,mobileActiveBackground:r,mobileActiveColor:n,mobileButtonHoverColor:c})=>{const a=g();return S.useMemo(()=>({...e?{"--mobile-nav-background":o||a.colors.accent,"--mobile-nav-color":s||a.colors.primary,"--mobile-nav-active-background":r||a.colors.primary,"--mobile-nav-active-color":n||a.colors.accent,"--mobile-nav-button-hover-text-color":c||o||a.colors.accent}:{}}),[o,s,r,n,c,a.colors.accent,a.colors.primary,e,t])},$={hamburger:"Hamburger-module__hamburger___Tf4-t",line:"Hamburger-module__line___gybZM",open:"Hamburger-module__open___gRswh"},_e=({compact:e,color:t,visible:o,borderRadius:s})=>{const r=g();return S.useMemo(()=>{const n=e?{right:".5em"}:{};return{"--hamburger-border-radius":s||r.borderRadius||"10px",color:t||"inherit",display:o?"flex":"none",...n}},[t,o,e,s,r.borderRadius])},he=({visible:e,compact:t,color:o,hamburgerRef:s,open:r=!1,setOpen:n,buttonProps:c,borderRadius:a})=>{const u=_e({compact:t,color:o,visible:e,borderRadius:a}),d=[$.hamburger,r?$.open:""].filter(Boolean).join(" ");return l.jsxs("button",{ref:s,className:d,onClick:()=>n(!r),style:u,"aria-label":"Toggle menu","aria-expanded":r,...c,children:[l.jsx("div",{className:$.line}),l.jsx("div",{className:$.line}),l.jsx("div",{className:$.line})]})};function U(e){const o=parseInt(e)-1,s=e.replace(/[0-9]/g,"");return{maxWidth:o,unit:s}}const Se=({breakPointMd:e,breakPointSm:t,children:o,mobileBackground:s,mobileColor:r,mobileActiveBackground:n,mobileActiveColor:c,mobileButtonHoverColor:a,style:u,navProps:d})=>{const[f,m]=S.useState(!1),y=S.useRef(null),i=S.useRef(null),p=g(),_=e||p.breakpoints.md,z=t||p.breakpoints.sm,{maxWidth:b,unit:v}=U(_),{maxWidth:C,unit:x}=U(z),w=T(`(max-width: ${b}${v})`),q=T(`(max-width: ${C}${x})`),ge=fe({isMobile:w,isCompact:q,mobileBackground:s,mobileColor:r,mobileActiveBackground:n,mobileActiveColor:c,mobileButtonHoverColor:a});S.useEffect(()=>{w||m(!1)},[w]),S.useEffect(()=>{const Q=Z=>{!i.current||i.current.contains(Z.target)||y.current&&y.current.contains(Z.target)||m(!1)};return document.addEventListener("mousedown",Q),()=>{document.removeEventListener("mousedown",Q)}},[y,i,m]);const be=[N.nav,w?N.navMobile:N.navDesktop,w&&f?N.open:""].filter(Boolean).join(" ");return l.jsxs(l.Fragment,{children:[l.jsx(he,{hamburgerRef:y,visible:w,compact:q,open:f,setOpen:m}),l.jsx("nav",{ref:i,className:be,style:{...ge,...u},...d,children:typeof o=="function"?o({setOpen:m}):o})]})};h.Button=K,h.CSSReset=oe,h.Checkbox=te,h.FormLabel=re,h.Header=pe,h.Input=ae,h.Radio=ce,h.ResponsiveNav=Se,h.Select=ue,h.Textarea=ye,h.ThemeProvider=J,h.useTheme=g,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "digital-rabbit-cl",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "dependencies": {
     "uuid": "^7.0.3"
   },