digital-rabbit-cl 2.0.4 → 2.0.6

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

@@ -1,6 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.Button-module__button___2ZuB7{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:var(--button-padding-small)}.Button-module__sizeLarge___yeZSH{padding:var(--button-padding-large)}.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:.25em;-webkit-user-select:none;user-select:none}.FormLabel-module__label___0M-fo{display:inline-block;font-weight:700;padding-bottom:var(--form-label-padding-bottom)}.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}: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}.FormError-module__formError___kaUBn{font-size:.875em;margin-top:var(--form-error-margin-top);font-weight:400}.FormGroup-module__formGroup___aVI-B{display:flex;flex-direction:column;margin-bottom:var(--form-group-margin-bottom)}.FormGroup-module__inputWrapper___429QE{display:flex;flex-direction:column;gap:.5em}.FormGroup-module__indented___t61iz{padding-left:.5em}.FormGroup-module__formGroup___aVI-B.FormGroup-module__disabled___W-tJ0{opacity:.6;pointer-events:none}.FormGroup-module__required___mO3xA{color:inherit;margin-left:.125em}.FormGroup-module__errorMessage___SHzl3{font-size:.875em;margin-top:.25rem;font-weight:400}.Input-module__input___WjT81{background-color:transparent;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:var(--input-padding-small)}.Input-module__sizeLarge___4Boj3{padding:var(--input-padding-large)}.Textarea-module__textarea___Z-y6g{background-color:transparent;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::placeholder{color:inherit;opacity:var(--placeholder-opacity, .3)}.Textarea-module__textarea___Z-y6g:disabled{opacity:.3}.Textarea-module__sizeSmall___HHFEM{padding:var(--textarea-padding-small)}.Textarea-module__sizeLarge___5a3sf{padding:var(--textarea-padding-large)}.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-style:solid;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:var(--select-padding-small)}.Select-module__sizeLarge___eBA1T{padding:var(--select-padding-large)}.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:.25em;-webkit-user-select:none;user-select:none}.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:relative;width:2em;z-index:11}.Hamburger-module__line___gybZM{background:currentColor;border-radius:var(--hamburger-border-radius, 10px);height:12.5%;position:relative;transform-origin:1px;transition:all .3s linear;width:100%}.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)}.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);position:relative}.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{flex-direction:column;font-size:2rem;height:100vh;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%);overflow-y:auto;overflow-x:hidden;padding-top:3.5em}.ResponsiveNav-module__navHeader___Me8bB{position:fixed;top:0;left:0;right:0;height:3.5em;background:inherit;z-index:11}.ResponsiveNav-module__navMobile___h795P.ResponsiveNav-module__compact___UhuAE{padding-top:3em}.ResponsiveNav-module__navMobile___h795P.ResponsiveNav-module__compact___UhuAE .ResponsiveNav-module__navHeader___Me8bB{height:3em}.ResponsiveNav-module__navMobile___h795P.ResponsiveNav-module__open___WDCAf{transform:translate(0)}.ResponsiveNav-module__navMobile___h795P>a{padding:.35em 2em;text-align:center;width:100%}.ResponsiveNav-module__navMobile___h795P.ResponsiveNav-module__compact___UhuAE>a{padding:.25em 1.5em}.ResponsiveNav-module__navMobile___h795P>a.active{background:var(--mobile-active-bg);color:var(--mobile-active-color)}.ResponsiveNav-module__navMobile___h795P>button{align-self:center;margin:.5em 1.4em}.ResponsiveNav-module__navMobile___h795P.ResponsiveNav-module__compact___UhuAE>button{margin:.35em 1em}.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:var(--desktop-hover-opacity)}.Modal-module__backdrop___GVUh4{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1em}.Modal-module__modal___aD7aP{padding:1em;position:relative;display:flex;flex-direction:column;gap:1em;max-height:90vh;box-shadow:0 10px 40px #0003;outline:none}.Modal-module__header___ILG9i{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.Modal-module__title___A5OeE{margin:0;font-size:1.5rem;font-weight:600;flex:1}.Modal-module__closeButton___3LpSf{background:none;border:none;cursor:pointer;padding:0;width:1.75em;height:1.75em;display:flex;align-items:center;justify-content:center;color:inherit;margin-left:auto;opacity:.6;transition:opacity .2s,transform .2s;flex-shrink:0}.Modal-module__closeButton___3LpSf svg{display:block;flex-shrink:0}.Modal-module__content___dWO-B{overflow-y:auto;flex:1}.Modal-module__actions___hY6zi{flex-shrink:0}@media (max-width: calc(var(--breakpoint-md) - 1px)){.Modal-module__backdrop___GVUh4{padding:.5em}.Modal-module__header___ILG9i,.Modal-module__content___dWO-B,.Modal-module__actions___hY6zi{padding:1rem}.Modal-module__title___A5OeE{font-size:1.25em}}.Stack-module__stack___yUU-B{display:flex;gap:.5em}.Stack-module__vertical___sKTyQ{flex-direction:column;margin-bottom:.5em}.Stack-module__horizontal___YsvtV{flex-direction:row;align-items:center}.ResponsiveSection-module__section___gBESK{width:100%;padding:0}.ResponsiveSection-module__innerDiv___r1bky{max-width:var(--max-width);margin:0 auto;padding:var(--section-padding)}.Hero-module__hero___IB2tg{padding:var(--hero-padding, 3rem 0)}.Hero-module__content___rkkfQ h1{font-size:var(--hero-h1-font-size, 2rem);margin-bottom:var(--hero-h1-margin-bottom)}.Hero-module__content___rkkfQ p{font-size:var(--hero-p-font-size, 1.125rem);line-height:1.6}.Footer-module__footer___A76NF{width:100%;margin-top:auto}.Footer-module__container___QneNs{display:flex;align-items:center;justify-content:space-between;margin:0 auto}.FeatureCard-module__card___XQt66{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--feature-card-padding)}.FeatureCard-module__icon___dXJ92{font-size:var(--feature-icon-font-size, 2.5rem);margin-bottom:var(--feature-icon-margin-bottom);color:var(--feature-icon-color, var(--primary-color))}.FeatureCard-module__title___KxXyA{font-size:var(--feature-title-font-size, 1.25rem);font-weight:600;margin-bottom:var(--feature-title-margin-bottom);color:var(--feature-title-color, inherit)}.FeatureCard-module__content___68xkw{font-size:1rem;line-height:1.6;color:var(--feature-content-color, var(--primary-color))}.FeatureGridSection-module__section___wZrbC{padding:var(--section-padding-vertical) 0}.FeatureGridSection-module__grid___iwPJv{display:grid;gap:2rem;grid-template-columns:var(--grid-template-columns, 1fr)}.PageLayout-module__layoutContainer___diLdT{display:flex;flex-direction:column;min-height:100vh}.PageLayout-module__content___h2mBr{flex:1 0 auto;display:flex;flex-direction:column}.PageLayout-module__main___Sw7Pv{flex:1}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 import { jsx as S, jsxs as G, Fragment as ke } from "react/jsx-runtime";
-import V, { createContext as Zt, useContext as Qt, useState as Me, useLayoutEffect as Ar, useSyncExternalStore as Nr, useMemo as He, useRef as Pe, useEffect as xe } from "react";
+import F, { createContext as Zt, useContext as Qt, useState as Me, useLayoutEffect as Ar, useSyncExternalStore as Nr, useMemo as He, useRef as Pe, useEffect as xe } from "react";
 import { createPortal as Br } from "react-dom";
 const Pr = "Button-module__button___2ZuB7", Rr = "Button-module__sizeSmall___DRT8P", Lr = "Button-module__sizeLarge___yeZSH", $e = {
   button: Pr,
@@ -135,7 +135,7 @@ const Ge = {
   onClick: d,
   children: h
 }) => {
-  const m = H(), [z, x] = Me(!1), k = {
+  const m = H(), [z, x] = Me(!1), w = {
     ...Dr({
       isActive: z,
       disabled: s,
@@ -152,7 +152,7 @@ const Ge = {
     "--button-padding-large": `calc(${m.fonts.rhythm} * ${m.sizes.large.paddingVertical}) calc(${m.fonts.rhythm} * ${m.buttons.paddingHorizontal})`,
     ...f
     // Top-level style overrides
-  }, w = [
+  }, k = [
     $e.button,
     o === "small" ? $e.sizeSmall : $e.sizeLarge,
     n ? $e.outline : "",
@@ -162,13 +162,13 @@ const Ge = {
     "button",
     {
       ...u,
-      className: w,
+      className: k,
       disabled: s,
       onClick: d,
       onMouseEnter: () => x(!0),
       onMouseLeave: () => x(!1),
       type: a,
-      style: k,
+      style: w,
       children: h
     }
   );
@@ -275,8 +275,8 @@ const jr = "Checkbox-module__container___aV9qz", Ir = "Checkbox-module__svg___kk
   // Element-specific props
   divProps: z
 }) => {
-  const x = H(), g = l || Xt(), k = x.colors.error, w = n ? k : e || x.colors.primary, b = Wr({
-    color: w,
+  const x = H(), g = l || Xt(), w = x.colors.error, k = n ? w : e || x.colors.primary, b = Wr({
+    color: k,
     checkmarkColor: r,
     disabled: o,
     inverted: s
@@ -405,9 +405,9 @@ const Re = {
   pattern: "pattern",
   required: "required",
   validate: "validate"
-}, sr = V.createContext(null);
+}, sr = F.createContext(null);
 sr.displayName = "HookFormContext";
-const dt = () => V.useContext(sr);
+const dt = () => F.useContext(sr);
 var or = (e, r, t, s = !0) => {
   const o = {
     defaultValues: r._defaultValues
@@ -421,9 +421,9 @@ var or = (e, r, t, s = !0) => {
     });
   return o;
 };
-const ft = typeof window < "u" ? V.useLayoutEffect : V.useEffect;
+const ft = typeof window < "u" ? F.useLayoutEffect : F.useEffect;
 function Yr(e) {
-  const r = dt(), { control: t = r.control, disabled: s, name: o, exact: n } = e || {}, [a, l] = V.useState(t._formState), f = V.useRef({
+  const r = dt(), { control: t = r.control, disabled: s, name: o, exact: n } = e || {}, [a, l] = F.useState(t._formState), f = F.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -443,9 +443,9 @@ function Yr(e) {
         ...u
       });
     }
-  }), [o, s, n]), V.useEffect(() => {
+  }), [o, s, n]), F.useEffect(() => {
     f.current.isValid && t._setValid(!0);
-  }, [t]), V.useMemo(() => or(a, t, f.current, !1), [a, t]);
+  }, [t]), F.useMemo(() => or(a, t, f.current, !1), [a, t]);
 }
 var te = (e) => typeof e == "string", st = (e, r, t, s, o) => te(e) ? (s && r.watch.add(e), v(t, e, o)) : Array.isArray(e) ? e.map((n) => (s && r.watch.add(n), v(t, n))) : (s && (r.watchAll = !0), t), ot = (e) => K(e) || !er(e);
 function oe(e, r, t = /* @__PURE__ */ new WeakSet()) {
@@ -472,15 +472,15 @@ function oe(e, r, t = /* @__PURE__ */ new WeakSet()) {
   return !0;
 }
 function Jr(e) {
-  const r = dt(), { control: t = r.control, name: s, defaultValue: o, disabled: n, exact: a, compute: l } = e || {}, f = V.useRef(o), u = V.useRef(l), d = V.useRef(void 0), h = V.useRef(t), m = V.useRef(s);
+  const r = dt(), { control: t = r.control, name: s, defaultValue: o, disabled: n, exact: a, compute: l } = e || {}, f = F.useRef(o), u = F.useRef(l), d = F.useRef(void 0), h = F.useRef(t), m = F.useRef(s);
   u.current = l;
-  const [z, x] = V.useState(() => {
+  const [z, x] = F.useState(() => {
     const $ = t._getWatch(s, f.current);
     return u.current ? u.current($) : $;
-  }), g = V.useCallback(($) => {
+  }), g = F.useCallback(($) => {
     const A = st(s, t._names, $ || t._formValues, !1, f.current);
     return u.current ? u.current(A) : A;
-  }, [t._formValues, t._names, s]), k = V.useCallback(($) => {
+  }, [t._formValues, t._names, s]), w = F.useCallback(($) => {
     if (!n) {
       const A = st(s, t._names, $ || t._formValues, !1, f.current);
       if (u.current) {
@@ -490,26 +490,26 @@ function Jr(e) {
         x(A);
     }
   }, [t._formValues, t._names, n, s]);
-  ft(() => ((h.current !== t || !oe(m.current, s)) && (h.current = t, m.current = s, k()), t._subscribe({
+  ft(() => ((h.current !== t || !oe(m.current, s)) && (h.current = t, m.current = s, w()), t._subscribe({
     name: s,
     formState: {
       values: !0
     },
     exact: a,
     callback: ($) => {
-      k($.values);
+      w($.values);
     }
-  })), [t, a, s, k]), V.useEffect(() => t._removeUnmounted());
-  const w = h.current !== t, b = m.current, E = V.useMemo(() => {
+  })), [t, a, s, w]), F.useEffect(() => t._removeUnmounted());
+  const k = h.current !== t, b = m.current, E = F.useMemo(() => {
     if (n)
       return null;
-    const $ = !w && !oe(b, s);
-    return w || $ ? g() : null;
-  }, [n, w, s, b, g]);
+    const $ = !k && !oe(b, s);
+    return k || $ ? g() : null;
+  }, [n, k, s, b, g]);
   return E !== null ? E : z;
 }
 function Xr(e) {
-  const r = dt(), { name: t, disabled: s, control: o = r.control, shouldUnregister: n, defaultValue: a } = e, l = rr(o._names.array, t), f = V.useMemo(() => v(o._formValues, t, v(o._defaultValues, t, a)), [o, t, a]), u = Jr({
+  const r = dt(), { name: t, disabled: s, control: o = r.control, shouldUnregister: n, defaultValue: a } = e, l = rr(o._names.array, t), f = F.useMemo(() => v(o._formValues, t, v(o._defaultValues, t, a)), [o, t, a]), u = Jr({
     control: o,
     name: t,
     defaultValue: f,
@@ -518,13 +518,13 @@ function Xr(e) {
     control: o,
     name: t,
     exact: !0
-  }), h = V.useRef(e), m = V.useRef(void 0), z = V.useRef(o.register(t, {
+  }), h = F.useRef(e), m = F.useRef(void 0), z = F.useRef(o.register(t, {
     ...e.rules,
     value: u,
     ...ee(e.disabled) ? { disabled: e.disabled } : {}
   }));
   h.current = e;
-  const x = V.useMemo(() => Object.defineProperties({}, {
+  const x = F.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
       get: () => !!v(d.errors, t)
@@ -545,19 +545,19 @@ function Xr(e) {
       enumerable: !0,
       get: () => v(d.errors, t)
     }
-  }), [d, t]), g = V.useCallback((E) => z.current.onChange({
+  }), [d, t]), g = F.useCallback((E) => z.current.onChange({
     target: {
       value: tr(E),
       name: t
     },
     type: Re.CHANGE
-  }), [t]), k = V.useCallback(() => z.current.onBlur({
+  }), [t]), w = F.useCallback(() => z.current.onBlur({
     target: {
       value: v(o._formValues, t),
       name: t
     },
     type: Re.BLUR
-  }), [t, o._formValues]), w = V.useCallback((E) => {
+  }), [t, o._formValues]), k = F.useCallback((E) => {
     const $ = v(o._fields, t);
     $ && E && ($._f.ref = {
       focus: () => E.focus && E.focus(),
@@ -565,15 +565,15 @@ function Xr(e) {
       setCustomValidity: (A) => E.setCustomValidity(A),
       reportValidity: () => E.reportValidity()
     });
-  }, [o._fields, t]), b = V.useMemo(() => ({
+  }, [o._fields, t]), b = F.useMemo(() => ({
     name: t,
     value: u,
     ...ee(s) || d.disabled ? { disabled: d.disabled || s } : {},
     onChange: g,
-    onBlur: k,
-    ref: w
-  }), [t, s, d.disabled, g, k, w, u]);
-  return V.useEffect(() => {
+    onBlur: w,
+    ref: k
+  }), [t, s, d.disabled, g, w, k, u]);
+  return F.useEffect(() => {
     const E = o._options.shouldUnregister || n, $ = m.current;
     $ && $ !== t && !l && o.unregister($), o.register(t, {
       ...h.current.rules,
@@ -590,12 +590,12 @@ function Xr(e) {
     return !l && o.register(t), m.current = t, () => {
       (l ? E && !o._state.action : E) ? o.unregister(t) : A(t, !1);
     };
-  }, [t, o, l, n]), V.useEffect(() => {
+  }, [t, o, l, n]), F.useEffect(() => {
     o._setDisabledField({
       disabled: s,
       name: t
     });
-  }, [s, t, o]), V.useMemo(() => ({
+  }, [s, t, o]), F.useMemo(() => ({
     field: b,
     formState: d,
     fieldState: x
@@ -797,12 +797,12 @@ var me = (e) => U(e) && !De(e) ? e : {
   value: e,
   message: ""
 }, Mt = async (e, r, t, s, o, n) => {
-  const { ref: a, refs: l, required: f, maxLength: u, minLength: d, min: h, max: m, pattern: z, validate: x, name: g, valueAsNumber: k, mount: w } = e._f, b = v(t, g);
-  if (!w || r.has(g))
+  const { ref: a, refs: l, required: f, maxLength: u, minLength: d, min: h, max: m, pattern: z, validate: x, name: g, valueAsNumber: w, mount: k } = e._f, b = v(t, g);
+  if (!k || r.has(g))
     return {};
   const E = l ? l[0] : a, $ = (N) => {
     o && E.reportValidity && (E.setCustomValidity(ee(N) ? "" : N || ""), E.reportValidity());
-  }, A = {}, M = ht(a), O = Fe(a), Y = M || O, B = (k || mt(a)) && T(a.value) && T(b) || Le(a) && a.value === "" || b === "" || Array.isArray(b) && !b.length, J = yt.bind(null, g, s, A), X = (N, P, j, q = le.maxLength, Q = le.minLength) => {
+  }, A = {}, M = ht(a), O = Fe(a), Y = M || O, B = (w || mt(a)) && T(a.value) && T(b) || Le(a) && a.value === "" || b === "" || Array.isArray(b) && !b.length, J = yt.bind(null, g, s, A), X = (N, P, j, q = le.maxLength, Q = le.minLength) => {
     const ie = N ? P : j;
     A[g] = {
       type: N ? q : Q,
@@ -936,26 +936,26 @@ function ys(e = {}) {
         isValid: c
       });
     }
-  }, k = (i, c) => {
+  }, w = (i, c) => {
     !r.disabled && (d.isValidating || d.validatingFields || h.isValidating || h.validatingFields) && ((i || Array.from(l.mount)).forEach((y) => {
       y && (c ? L(t.validatingFields, y, c) : I(t.validatingFields, y));
     }), m.state.next({
       validatingFields: t.validatingFields,
       isValidating: !Z(t.validatingFields)
     }));
-  }, w = (i, c = [], y, C, p = !0, _ = !0) => {
+  }, k = (i, c = [], y, C, p = !0, _ = !0) => {
     if (C && y && !r.disabled) {
       if (a.action = !0, _ && Array.isArray(v(s, i))) {
-        const F = y(v(s, i), C.argA, C.argB);
-        p && L(s, i, F);
+        const V = y(v(s, i), C.argA, C.argB);
+        p && L(s, i, V);
       }
       if (_ && Array.isArray(v(t.errors, i))) {
-        const F = y(v(t.errors, i), C.argA, C.argB);
-        p && L(t.errors, i, F), us(t.errors, i);
+        const V = y(v(t.errors, i), C.argA, C.argB);
+        p && L(t.errors, i, V), us(t.errors, i);
       }
       if ((d.touchedFields || h.touchedFields) && _ && Array.isArray(v(t.touchedFields, i))) {
-        const F = y(v(t.touchedFields, i), C.argA, C.argB);
-        p && L(t.touchedFields, i, F);
+        const V = y(v(t.touchedFields, i), C.argA, C.argB);
+        p && L(t.touchedFields, i, V);
       }
       (d.dirtyFields || h.dirtyFields) && (t.dirtyFields = _e(o, n)), m.state.next({
         name: i,
@@ -982,15 +982,15 @@ function ys(e = {}) {
       T(_) || C && C.defaultChecked || c ? L(n, i, c ? _ : Nt(p._f)) : j(i, _), a.mount && g();
     }
   }, A = (i, c, y, C, p) => {
-    let _ = !1, F = !1;
+    let _ = !1, V = !1;
     const R = {
       name: i
     };
     if (!r.disabled) {
       if (!y || C) {
-        (d.isDirty || h.isDirty) && (F = t.isDirty, t.isDirty = R.isDirty = X(), _ = F !== R.isDirty);
+        (d.isDirty || h.isDirty) && (V = t.isDirty, t.isDirty = R.isDirty = X(), _ = V !== R.isDirty);
         const D = oe(v(o, i), c);
-        F = !!v(t.dirtyFields, i), D ? I(t.dirtyFields, i) : L(t.dirtyFields, i, !0), R.dirtyFields = t.dirtyFields, _ = _ || (d.dirtyFields || h.dirtyFields) && F !== !D;
+        V = !!v(t.dirtyFields, i), D ? I(t.dirtyFields, i) : L(t.dirtyFields, i, !0), R.dirtyFields = t.dirtyFields, _ = _ || (d.dirtyFields || h.dirtyFields) && V !== !D;
       }
       if (y) {
         const D = v(t.touchedFields, i);
@@ -1002,7 +1002,7 @@ function ys(e = {}) {
   }, M = (i, c, y, C) => {
     const p = v(t.errors, i), _ = (d.isValid || h.isValid) && ee(c) && t.isValid !== c;
     if (r.delayError && y ? (f = x(() => b(i, y)), f(r.delayError)) : (clearTimeout(u), f = null, y ? L(t.errors, i, y) : I(t.errors, i)), (y ? !oe(p, y) : p) || !Z(C) || _) {
-      const F = {
+      const V = {
         ...C,
         ..._ && ee(c) ? { isValid: c } : {},
         errors: t.errors,
@@ -1010,13 +1010,13 @@ function ys(e = {}) {
       };
       t = {
         ...t,
-        ...F
-      }, m.state.next(F);
+        ...V
+      }, m.state.next(V);
     }
   }, O = async (i) => {
-    k(i, !0);
+    w(i, !0);
     const c = await r.resolver(n, r.context, os(i || l.mount, s, r.criteriaMode, r.shouldUseNativeValidation));
-    return k(i), c;
+    return w(i), c;
   }, Y = async (i) => {
     const { errors: c } = await O(i);
     if (i)
@@ -1033,16 +1033,16 @@ function ys(e = {}) {
     for (const C in i) {
       const p = i[C];
       if (p) {
-        const { _f: _, ...F } = p;
+        const { _f: _, ...V } = p;
         if (_) {
           const R = l.array.has(_.name), D = p._f && ns(p._f);
-          D && d.validatingFields && k([_.name], !0);
+          D && d.validatingFields && w([_.name], !0);
           const re = await Mt(p, l.disabled, n, z, r.shouldUseNativeValidation && !c, R);
-          if (D && d.validatingFields && k([_.name]), re[_.name] && (y.valid = !1, c))
+          if (D && d.validatingFields && w([_.name]), re[_.name] && (y.valid = !1, c))
             break;
           !c && (v(re, _.name) ? R ? ds(t.errors, re, _.name) : L(t.errors, _.name, re[_.name]) : I(t.errors, _.name));
         }
-        !Z(F) && await B(F, c, y);
+        !Z(V) && await B(V, c, y);
       }
     }
     return y.valid;
@@ -1059,9 +1059,9 @@ function ys(e = {}) {
     let p = c;
     if (C) {
       const _ = C._f;
-      _ && (!_.disabled && L(n, i, cr(c, _)), p = Le(_.ref) && K(c) ? "" : c, ar(_.ref) ? [..._.ref.options].forEach((F) => F.selected = p.includes(F.value)) : _.refs ? Fe(_.ref) ? _.refs.forEach((F) => {
-        (!F.defaultChecked || !F.disabled) && (Array.isArray(p) ? F.checked = !!p.find((R) => R === F.value) : F.checked = p === F.value || !!p);
-      }) : _.refs.forEach((F) => F.checked = F.value === p) : mt(_.ref) ? _.ref.value = "" : (_.ref.value = p, _.ref.type || m.state.next({
+      _ && (!_.disabled && L(n, i, cr(c, _)), p = Le(_.ref) && K(c) ? "" : c, ar(_.ref) ? [..._.ref.options].forEach((V) => V.selected = p.includes(V.value)) : _.refs ? Fe(_.ref) ? _.refs.forEach((V) => {
+        (!V.defaultChecked || !V.disabled) && (Array.isArray(p) ? V.checked = !!p.find((R) => R === V.value) : V.checked = p === V.value || !!p);
+      }) : _.refs.forEach((V) => V.checked = V.value === p) : mt(_.ref) ? _.ref.value = "" : (_.ref.value = p, _.ref.type || m.state.next({
         name: i,
         values: W(n)
       })));
@@ -1071,8 +1071,8 @@ function ys(e = {}) {
     for (const C in c) {
       if (!c.hasOwnProperty(C))
         return;
-      const p = c[C], _ = i + "." + C, F = v(s, _);
-      (l.array.has(i) || U(p) || F && !F._f) && !de(p) ? q(_, p, y) : j(_, p, y);
+      const p = c[C], _ = i + "." + C, V = v(s, _);
+      (l.array.has(i) || U(p) || V && !V._f) && !de(p) ? q(_, p, y) : j(_, p, y);
     }
   }, Q = (i, c, y = {}) => {
     const C = v(s, i), p = l.array.has(i), _ = W(c);
@@ -1093,10 +1093,10 @@ function ys(e = {}) {
     let y = c.name, C = !0;
     const p = v(s, y), _ = (D) => {
       C = Number.isNaN(D) || de(D) && isNaN(D.getTime()) || oe(D, v(n, y, D));
-    }, F = Bt(r.mode), R = Bt(r.reValidateMode);
+    }, V = Bt(r.mode), R = Bt(r.reValidateMode);
     if (p) {
       let D, re;
-      const ze = c.type ? Nt(p._f) : tr(i), ce = i.type === Re.BLUR || i.type === Re.FOCUS_OUT, zr = !as(p._f) && !r.resolver && !v(t.errors, y) && !p._f.deps || cs(ce, v(t.touchedFields, y), t.isSubmitted, R, F), Ue = Rt(y, l, ce);
+      const ze = c.type ? Nt(p._f) : tr(i), ce = i.type === Re.BLUR || i.type === Re.FOCUS_OUT, zr = !as(p._f) && !r.resolver && !v(t.errors, y) && !p._f.deps || cs(ce, v(t.touchedFields, y), t.isSubmitted, R, V), Ue = Rt(y, l, ce);
       L(n, y, ze), ce ? (!c || !c.readOnly) && (p._f.onBlur && p._f.onBlur(i), f && f(0)) : p._f.onChange && p._f.onChange(i);
       const We = A(y, ze, ce), $r = !Z(We) || Ue;
       if (!ce && m.state.next({
@@ -1112,7 +1112,7 @@ function ys(e = {}) {
           D = kt.error, y = kt.name, re = Z(wt);
         }
       } else
-        k([y], !0), D = (await Mt(p, l.disabled, n, z, r.shouldUseNativeValidation))[y], k([y]), _(ze), C && (D ? re = !1 : (d.isValid || h.isValid) && (re = await B(s, !0)));
+        w([y], !0), D = (await Mt(p, l.disabled, n, z, r.shouldUseNativeValidation))[y], w([y]), _(ze), C && (D ? re = !1 : (d.isValid || h.isValid) && (re = await B(s, !0)));
       C && (p._f.deps && (!Array.isArray(p._f.deps) || p._f.deps.length > 0) && ye(p._f.deps), M(y, re, D, We));
     }
   }, pe = (i, c) => {
@@ -1123,10 +1123,10 @@ function ys(e = {}) {
     const p = Se(i);
     if (r.resolver) {
       const _ = await Y(T(i) ? i : p);
-      y = Z(_), C = i ? !p.some((F) => v(_, F)) : y;
+      y = Z(_), C = i ? !p.some((V) => v(_, V)) : y;
     } else i ? (C = (await Promise.all(p.map(async (_) => {
-      const F = v(s, _);
-      return await B(F && F._f ? { [_]: F } : F);
+      const V = v(s, _);
+      return await B(V && V._f ? { [_]: V } : V);
     }))).every(Boolean), !(!C && !t.isValid) && g()) : C = y = await B(s);
     return m.state.next({
       ...!te(i) || (d.isValid || h.isValid) && y !== t.isValid ? {} : { name: i },
@@ -1149,7 +1149,7 @@ function ys(e = {}) {
       errors: i ? t.errors : {}
     });
   }, _t = (i, c, y) => {
-    const C = (v(s, i, { _f: {} })._f || {}).ref, p = v(t.errors, i) || {}, { ref: _, message: F, type: R, ...D } = p;
+    const C = (v(s, i, { _f: {} })._f || {}).ref, p = v(t.errors, i) || {}, { ref: _, message: V, type: R, ...D } = p;
     L(t.errors, i, {
       ...D,
       ...c,
@@ -1217,13 +1217,13 @@ function ys(e = {}) {
       ref: (p) => {
         if (p) {
           je(i, c), y = v(s, i);
-          const _ = T(p.value) && p.querySelectorAll && p.querySelectorAll("input,select,textarea")[0] || p, F = es(_), R = y._f.refs || [];
-          if (F ? R.find((D) => D === _) : _ === y._f.ref)
+          const _ = T(p.value) && p.querySelectorAll && p.querySelectorAll("input,select,textarea")[0] || p, V = es(_), R = y._f.refs || [];
+          if (V ? R.find((D) => D === _) : _ === y._f.ref)
             return;
           L(s, i, {
             _f: {
               ...y._f,
-              ...F ? {
+              ...V ? {
                 refs: [
                   ...R.filter(Ze),
                   _,
@@ -1251,8 +1251,8 @@ function ys(e = {}) {
     if (m.state.next({
       isSubmitting: !0
     }), r.resolver) {
-      const { errors: _, values: F } = await O();
-      t.errors = _, p = W(F);
+      const { errors: _, values: V } = await O();
+      t.errors = _, p = W(V);
     } else
       await B(s);
     if (l.disabled.size)
@@ -1283,16 +1283,16 @@ function ys(e = {}) {
     const y = i ? W(i) : o, C = W(y), p = Z(i), _ = p ? o : C;
     if (c.keepDefaultValues || (o = y), !c.keepValues) {
       if (c.keepDirtyValues) {
-        const F = /* @__PURE__ */ new Set([
+        const V = /* @__PURE__ */ new Set([
           ...l.mount,
           ...Object.keys(_e(o, n))
         ]);
-        for (const R of Array.from(F))
+        for (const R of Array.from(V))
           v(t.dirtyFields, R) ? L(_, R, v(n, R)) : Q(R, v(_, R));
       } else {
         if (lt && T(i))
-          for (const F of l.mount) {
-            const R = v(s, F);
+          for (const V of l.mount) {
+            const R = v(s, V);
             if (R && R._f) {
               const D = Array.isArray(R._f.refs) ? R._f.refs[0] : R._f.ref;
               if (Le(D)) {
@@ -1305,8 +1305,8 @@ function ys(e = {}) {
             }
           }
         if (c.keepFieldsRef)
-          for (const F of l.mount)
-            Q(F, v(_, F));
+          for (const V of l.mount)
+            Q(V, v(_, V));
         else
           s = {};
       }
@@ -1359,7 +1359,7 @@ function ys(e = {}) {
       _getWatch: N,
       _getDirty: X,
       _setValid: g,
-      _setFieldArray: w,
+      _setFieldArray: k,
       _setDisabledField: vt,
       _setErrors: E,
       _getFieldArray: P,
@@ -1428,7 +1428,7 @@ function ys(e = {}) {
   };
 }
 function ms(e = {}) {
-  const r = V.useRef(void 0), t = V.useRef(void 0), [s, o] = V.useState({
+  const r = F.useRef(void 0), t = F.useRef(void 0), [s, o] = F.useState({
     isDirty: !1,
     isValidating: !1,
     isLoading: ne(e.defaultValues),
@@ -1469,27 +1469,27 @@ function ms(e = {}) {
       ...l,
       isReady: !0
     })), n._formState.isReady = !0, a;
-  }, [n]), V.useEffect(() => n._disableForm(e.disabled), [n, e.disabled]), V.useEffect(() => {
+  }, [n]), F.useEffect(() => n._disableForm(e.disabled), [n, e.disabled]), F.useEffect(() => {
     e.mode && (n._options.mode = e.mode), e.reValidateMode && (n._options.reValidateMode = e.reValidateMode);
-  }, [n, e.mode, e.reValidateMode]), V.useEffect(() => {
+  }, [n, e.mode, e.reValidateMode]), F.useEffect(() => {
     e.errors && (n._setErrors(e.errors), n._focusError());
-  }, [n, e.errors]), V.useEffect(() => {
+  }, [n, e.errors]), F.useEffect(() => {
     e.shouldUnregister && n._subjects.state.next({
       values: n._getWatch()
     });
-  }, [n, e.shouldUnregister]), V.useEffect(() => {
+  }, [n, e.shouldUnregister]), F.useEffect(() => {
     if (n._proxyFormState.isDirty) {
       const a = n._getDirty();
       a !== s.isDirty && n._subjects.state.next({
         isDirty: a
       });
     }
-  }, [n, s.isDirty]), V.useEffect(() => {
+  }, [n, s.isDirty]), F.useEffect(() => {
     e.values && !oe(e.values, t.current) ? (n._reset(e.values, {
       keepFieldsRef: !0,
       ...n._options.resetOptions
     }), t.current = e.values, o((a) => ({ ...a }))) : n._resetDefaultValues();
-  }, [n, e.values]), V.useEffect(() => {
+  }, [n, e.values]), F.useEffect(() => {
     n._state.mount || (n._setValid(), n._state.mount = !0), n._state.watch && (n._state.watch = !1, n._subjects.state.next({ ...n._formState })), n._removeUnmounted();
   }), r.current.formState = or(s, n), r.current;
 }
@@ -1691,9 +1691,9 @@ function Fs(e, r, t) {
   };
   throw new Error("Invalid input: not a Zod schema");
 }
-const _r = V.createContext(null);
+const _r = F.createContext(null);
 function Vs() {
-  const e = V.useContext(_r);
+  const e = F.useContext(_r);
   if (!e)
     throw new Error("useFormContext must be used within a Form component");
   return e;
@@ -1771,13 +1771,13 @@ const nn = zs, $s = "FormError-module__formError___kaUBn", Es = {
   ].filter(Boolean).join(" "), x = {
     "--form-group-margin-bottom": `calc(${m.fonts.rhythm} * 0.35)`,
     ...d
-  }, g = V.Children.map(f, (k) => {
-    if (V.isValidElement(k)) {
-      const w = {};
-      if (e && k.props.disabled === void 0 && (w.disabled = !0), r && k.props.error === void 0 && (w.error = !0), o && k.props.id === void 0 && (w.id = o), Object.keys(w).length > 0)
-        return V.cloneElement(k, w);
+  }, g = F.Children.map(f, (w) => {
+    if (F.isValidElement(w)) {
+      const k = {};
+      if (e && w.props.disabled === void 0 && (k.disabled = !0), r && w.props.error === void 0 && (k.error = !0), o && w.props.id === void 0 && w.type !== F.Fragment && (k.id = o), Object.keys(k).length > 0)
+        return F.cloneElement(w, k);
     }
-    return k;
+    return w;
   });
   return /* @__PURE__ */ G("div", { ...h, className: z, style: x, children: [
     n && /* @__PURE__ */ G(it, { htmlFor: o, disabled: e, error: r, ...l, children: [
@@ -1874,8 +1874,8 @@ const Ms = "Input-module__input___WjT81", Hs = "Input-module__sizeSmall___NFvsi"
   // Element-specific props
   inputProps: x
 }) => {
-  const g = H(), k = g.colors.error, w = r ? k : t || g.colors.primary, b = Ts({
-    color: w,
+  const g = H(), w = g.colors.error, k = r ? w : t || g.colors.primary, b = Ts({
+    color: k,
     disabled: e,
     fontSize: g.fonts.size,
     placeholderOpacity: l
@@ -1984,8 +1984,8 @@ const Is = "Textarea-module__textarea___Z-y6g", Us = "Textarea-module__sizeSmall
   // Element-specific props
   textareaProps: x
 }) => {
-  const g = H(), k = g.colors.error, w = r ? k : t || g.colors.primary, b = Gs({
-    color: w,
+  const g = H(), w = g.colors.error, k = r ? w : t || g.colors.primary, b = Gs({
+    color: k,
     disabled: e,
     placeholderOpacity: l
   }), E = {
@@ -2110,24 +2110,24 @@ const Zs = "Select-module__select___cjdcr", Qs = "Select-module__sizeSmall___i1q
   // Element-specific props
   selectProps: z
 }) => {
-  const x = H(), g = x.colors.error, k = r ? g : t || x.colors.primary, w = Ys({
-    color: k,
+  const x = H(), g = x.colors.error, w = r ? g : t || x.colors.primary, k = Ys({
+    color: w,
     disabled: e
   }), b = {
     "--select-padding-small": `calc(${x.fonts.rhythm} * ${x.sizes.small.paddingVertical}) calc(${x.fonts.rhythm} * 1.2) calc(${x.fonts.rhythm} * ${x.sizes.small.paddingVertical}) calc(${x.fonts.rhythm} * ${x.inputs.paddingHorizontal})`,
     "--select-padding-large": `calc(${x.fonts.rhythm} * ${x.sizes.large.paddingVertical}) calc(${x.fonts.rhythm} * 1.4) calc(${x.fonts.rhythm} * ${x.sizes.large.paddingVertical}) calc(${x.fonts.rhythm} * ${x.inputs.paddingHorizontal})`,
-    backgroundImage: w.backgroundImage,
+    backgroundImage: k.backgroundImage,
     backgroundPosition: "right center",
     backgroundRepeat: "no-repeat",
     backgroundSize: "auto 85%",
     backgroundColor: "transparent",
-    borderColor: w.borderColor,
+    borderColor: k.borderColor,
     borderWidth: x.border.width,
     borderRadius: x.border.radius,
-    color: w.color,
-    cursor: w.cursor,
+    color: k.color,
+    cursor: k.cursor,
     fontSize: x.fonts.size,
-    opacity: w.opacity,
+    opacity: k.opacity,
     ...m
     // Top level style overrides
   }, E = [
@@ -2251,15 +2251,15 @@ const Xs = "Radio-module__container___AQxhk", eo = "Radio-module__svg___zl5kF",
   // Element-specific props
   divProps: h
 }) => {
-  const m = H(), z = n || Xt(), x = m.colors.error, g = s ? x : e || m.colors.primary, k = ro({
+  const m = H(), z = n || Xt(), x = m.colors.error, g = s ? x : e || m.colors.primary, w = ro({
     color: g,
     disabled: t
-  }), w = (O) => {
+  }), k = (O) => {
     t || a(O);
   }, b = {
-    cursor: k.cursor,
+    cursor: w.cursor,
     fontSize: m.fonts.size,
-    opacity: k.opacity,
+    opacity: w.opacity,
     ...d
     // Top level style overrides
   }, E = {
@@ -2267,9 +2267,9 @@ const Xs = "Radio-module__container___AQxhk", eo = "Radio-module__svg___zl5kF",
   }, $ = {
     fill: "transparent",
     strokeWidth: "12.5",
-    stroke: k.radioColor
+    stroke: w.radioColor
   }, A = {
-    fill: k.radioColor
+    fill: w.radioColor
   }, M = [Je.container, u].filter(Boolean).join(" ");
   return /* @__PURE__ */ G("div", { ...h, className: M, style: b, children: [
     /* @__PURE__ */ S(
@@ -2279,7 +2279,7 @@ const Xs = "Radio-module__container___AQxhk", eo = "Radio-module__svg___zl5kF",
         checked: r,
         disabled: t,
         name: o,
-        onChange: (O) => w({ target: { checked: O.target.checked, name: o, type: "radio" } }),
+        onChange: (O) => k({ target: { checked: O.target.checked, name: o, type: "radio" } }),
         style: { display: "none" },
         type: "radio"
       }
@@ -2289,7 +2289,7 @@ const Xs = "Radio-module__container___AQxhk", eo = "Radio-module__svg___zl5kF",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
-        onClick: () => w({ target: { checked: !r, name: o, type: "radio" } }),
+        onClick: () => k({ target: { checked: !r, name: o, type: "radio" } }),
         className: Je.svg,
         style: E,
         children: [
@@ -2304,7 +2304,7 @@ const Xs = "Radio-module__container___AQxhk", eo = "Radio-module__svg___zl5kF",
         htmlFor: z,
         className: Je.label,
         style: { paddingBottom: 0, ...f },
-        color: k.radioColor,
+        color: w.radioColor,
         disabled: t,
         error: s,
         children: l
@@ -2413,27 +2413,27 @@ function yn({
         }
       },
       children: ({ value: u, onChange: d, name: h, error: m }) => {
-        const z = Array.isArray(u) ? u : [], x = (g, k) => {
-          d(k ? [...z, g] : z.filter((w) => w !== g));
+        const z = Array.isArray(u) ? u : [], x = (g, w) => {
+          d(w ? [...z, g] : z.filter((k) => k !== g));
         };
         return /* @__PURE__ */ S(ke, { children: s ? s.map((g) => /* @__PURE__ */ S(
           rt,
           {
             name: `${h}[]`,
             checked: z.includes(g.value),
-            onChange: (k) => x(g.value, k.target.checked),
+            onChange: (w) => x(g.value, w.target.checked),
             label: g.label,
             disabled: n || g.disabled,
             error: m
           },
           g.value
-        )) : V.Children.map(o, (g) => {
-          if (V.isValidElement(g) && g.type === rt) {
-            const k = g.props.value || g.props.name;
-            return V.cloneElement(g, {
+        )) : F.Children.map(o, (g) => {
+          if (F.isValidElement(g) && g.type === rt) {
+            const w = g.props.value || g.props.name;
+            return F.cloneElement(g, {
               name: `${h}[]`,
-              checked: z.includes(k),
-              onChange: (w) => x(k, w.target.checked),
+              checked: z.includes(w),
+              onChange: (k) => x(w, k.target.checked),
               error: m || g.props.error,
               disabled: n || g.props.disabled
             });
@@ -2559,7 +2559,7 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
   // Element-specific props
   headerProps: g
 }) => {
-  const k = H(), w = d || k.breakpoints.sm, { maxWidth: b, unit: E } = we(w), $ = ae(`(max-width: ${b}${E})`), A = uo({
+  const w = H(), k = d || w.breakpoints.sm, { maxWidth: b, unit: E } = we(k), $ = ae(`(max-width: ${b}${E})`), A = uo({
     isSmallScreen: $,
     maxWidth: t,
     minWidth: s,
@@ -2641,8 +2641,8 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
   navProps: a
 }) => {
   var X;
-  const [l, f] = Me(!1), u = Pe(null), d = Pe(null), h = H(), m = { ...h.breakpoints, ...t }, { maxWidth: z, unit: x } = we(m.md), { maxWidth: g, unit: k } = we(m.sm), w = ae(`(max-width: ${z}${x})`), b = ae(`(max-width: ${g}${k})`), { navStyles: E, linkActiveStyles: $, linkHoverStyles: A } = vo({
-    isMobile: w,
+  const [l, f] = Me(!1), u = Pe(null), d = Pe(null), h = H(), m = { ...h.breakpoints, ...t }, { maxWidth: z, unit: x } = we(m.md), { maxWidth: g, unit: w } = we(m.sm), k = ae(`(max-width: ${z}${x})`), b = ae(`(max-width: ${g}${w})`), { navStyles: E, linkActiveStyles: $, linkHoverStyles: A } = vo({
+    isMobile: k,
     isCompact: b,
     mobile: e,
     desktop: r
@@ -2659,13 +2659,13 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
     }
   };
   xe(() => {
-    if (w && l) {
+    if (k && l) {
       const N = window.scrollY;
       return document.body.style.position = "fixed", document.body.style.top = `-${N}px`, document.body.style.width = "100%", () => {
         document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, N);
       };
     }
-  }, [w, l]), xe(() => {
+  }, [k, l]), xe(() => {
     const N = (P) => {
       !d.current || d.current.contains(P.target) || u.current && u.current.contains(P.target) || f(!1);
     };
@@ -2675,20 +2675,20 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
   }, [u, d, f]);
   const O = [
     ge.nav,
-    w ? ge.navMobile : ge.navDesktop,
-    w && l ? ge.open : "",
-    w && (b || e != null && e.compact) ? ge.compact : "",
+    k ? ge.navMobile : ge.navDesktop,
+    k && l ? ge.open : "",
+    k && (b || e != null && e.compact) ? ge.compact : "",
     o
   ].filter(Boolean).join(" "), Y = (N) => {
-    if (!w) return;
+    if (!k) return;
     N.target.closest("a, button") && f(!1);
-  }, B = w ? (e == null ? void 0 : e.content) || s : (r == null ? void 0 : r.content) || s, J = l ? (e == null ? void 0 : e.hamburgerColor) || (e == null ? void 0 : e.color) || h.colors.secondary : (X = e == null ? void 0 : e.hamburgerProps) == null ? void 0 : X.color;
+  }, B = k ? (e == null ? void 0 : e.content) || s : (r == null ? void 0 : r.content) || s, J = l ? (e == null ? void 0 : e.hamburgerColor) || (e == null ? void 0 : e.color) || h.colors.secondary : (X = e == null ? void 0 : e.hamburgerProps) == null ? void 0 : X.color;
   return /* @__PURE__ */ G(ke, { children: [
     /* @__PURE__ */ S(
       io,
       {
         hamburgerRef: u,
-        visible: w,
+        visible: k,
         compact: b,
         open: l,
         setOpen: f,
@@ -2705,7 +2705,7 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
         style: { ...M, ...n },
         onClickCapture: Y,
         children: [
-          w && l && /* @__PURE__ */ S("div", { className: ge.navHeader }),
+          k && l && /* @__PURE__ */ S("div", { className: ge.navHeader }),
           typeof B == "function" ? B({ setOpen: f }) : B
         ]
       }
@@ -2822,10 +2822,10 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
   style: x,
   divProps: g
 }) => {
-  const k = H(), w = Pe(null), b = Pe(null), { maxWidth: E } = we(k.breakpoints.md), $ = ae(`(max-width: ${E - 1}px)`);
+  const w = H(), k = Pe(null), b = Pe(null), { maxWidth: E } = we(w.breakpoints.md), $ = ae(`(max-width: ${E - 1}px)`);
   xe(() => {
     if (e)
-      return b.current = document.activeElement, document.body.style.overflow = "hidden", w.current && w.current.focus(), () => {
+      return b.current = document.activeElement, document.body.style.overflow = "hidden", k.current && k.current.focus(), () => {
         document.body.style.overflow = "", b.current && b.current.focus();
       };
   }, [e]), xe(() => {
@@ -2842,8 +2842,8 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
   const M = {
     width: u,
     maxWidth: d,
-    backgroundColor: h || k.colors.secondary,
-    borderRadius: k.border.radius,
+    backgroundColor: h || w.colors.secondary,
+    borderRadius: w.border.radius,
     ...x
   }, O = {
     backgroundColor: m
@@ -2857,7 +2857,7 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
       children: /* @__PURE__ */ G(
         "div",
         {
-          ref: w,
+          ref: k,
           className: [ue.modal, z].filter(Boolean).join(" "),
           style: M,
           role: "dialog",
@@ -2920,7 +2920,7 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
   );
   return Br(Y, document.body);
 }, vr = Zt(null), gn = ({ children: e }) => {
-  const [r, t] = Me(null), s = V.useCallback((u) => new Promise((d, h) => {
+  const [r, t] = Me(null), s = F.useCallback((u) => new Promise((d, h) => {
     const m = Math.random().toString(36).substr(2, 9);
     t({
       id: m,
@@ -2931,9 +2931,9 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
       resolve: d,
       reject: h
     });
-  }), []), o = V.useCallback((u) => {
+  }), []), o = F.useCallback((u) => {
     t((d) => (d && d.resolve(u), null));
-  }, []), n = V.useCallback(
+  }, []), n = F.useCallback(
     (u) => s({
       title: u.title || "Confirm",
       content: u.message,
@@ -2952,7 +2952,7 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
       options: u.options
     }),
     [s]
-  ), a = V.useCallback(
+  ), a = F.useCallback(
     (u) => s({
       title: u.title || "Alert",
       content: u.message,
@@ -2966,9 +2966,9 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
       options: u.options
     }),
     [s]
-  ), l = V.useCallback(() => {
+  ), l = F.useCallback(() => {
     o();
-  }, [o]), f = V.useMemo(
+  }, [o]), f = F.useMemo(
     () => ({
       show: s,
       resolve: o,
@@ -3022,13 +3022,13 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
   // Element-specific props
   sectionProps: x
 }) => {
-  const g = H(), k = ae(`(min-width: ${g.breakpoints.sm})`), w = {
+  const g = H(), w = ae(`(min-width: ${g.breakpoints.sm})`), k = {
     backgroundColor: e,
     color: r || g.fonts.color,
     margin: f,
     ...z
     // Top level style prop overrides
-  }, b = `calc(${g.fonts.rhythm} * ${d})`, E = k ? a || g.layout.padding : l || g.layout.paddingSm, $ = {
+  }, b = `calc(${g.fonts.rhythm} * ${d})`, E = w ? a || g.layout.padding : l || g.layout.paddingSm, $ = {
     "--max-width": t || g.layout.maxWidth,
     "--min-width": s,
     "--width": o,
@@ -3036,7 +3036,7 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
     "--section-padding": `${b} ${E}`,
     "--gap": u
   }, A = [Ut.section, m].filter(Boolean).join(" ");
-  return /* @__PURE__ */ S("section", { ...x, className: A, style: w, children: /* @__PURE__ */ S("div", { className: Ut.innerDiv, style: $, children: h }) });
+  return /* @__PURE__ */ S("section", { ...x, className: A, style: k, children: /* @__PURE__ */ S("div", { className: Ut.innerDiv, style: $, children: h }) });
 }, Ro = "Hero-module__hero___IB2tg", Lo = "Hero-module__content___rkkfQ", Wt = {
   hero: Ro,
   content: Lo
@@ -3126,7 +3126,7 @@ const so = "Hamburger-module__hamburger___Tf4-t", oo = "Hamburger-module__line__
   // Element-specific props
   footerProps: x
 }) => {
-  const g = H(), k = d || g.breakpoints.sm, { maxWidth: w, unit: b } = we(k), E = ae(`(max-width: ${w}${b})`), $ = Oo({
+  const g = H(), w = d || g.breakpoints.sm, { maxWidth: k, unit: b } = we(w), E = ae(`(max-width: ${k}${b})`), $ = Oo({
     isSmallScreen: E,
     maxWidth: t,
     minWidth: s,