digital-rabbit-cl 2.4.15 → 2.4.17

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

@@ -1,8 +1,8 @@
 (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;--font-size-md: 16px;--font-size-sm: 12px;--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:1em;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);overflow-wrap:break-word}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;overflow-wrap:break-word}.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__navMobile___h795P{flex-direction:column;min-height:100%;overflow-x:hidden}.ResponsiveNav-module__navHeader___Me8bB{height:3.5em;flex-shrink:0}.ResponsiveNav-module__navMobile___h795P.ResponsiveNav-module__compact___UhuAE .ResponsiveNav-module__navHeader___Me8bB{height:3em}.ResponsiveNav-module__navDesktop___9wscZ{align-items:center;flex-direction:row;height:auto}.ResponsiveNav-module__navDesktop___9wscZ>*{margin-left:1.25rem}.Popover-module__triggerWrapper___dZpf6{display:inline-block}.Popover-module__popup___JAvrb{max-height:60vh;min-width:120px;overflow:auto}.Popover-module__panelOverlay___1xDU5{top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:1000}.Popover-module__panelOverlayVisible___BgtIQ{pointer-events:auto}.Popover-module__backdrop___e8qHL{top:0;right:0;bottom:0;left:0;position:absolute;transition:background-color .3s ease}.Popover-module__panel___eUJ2E{bottom:0;overflow-y:auto;padding:1rem;position:absolute;top:0;transition:transform .3s ease-in-out}.Popover-module__panelLeft___9nSLp{left:0;transform:translate(-100%)}.Popover-module__panelRight___OrQfl{right:0;transform:translate(100%)}.Popover-module__panelOpen___hhvV-{transform:translate(0)}.Popover-module__panelCloseButton___kALaN{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;width:1.5rem}.Popover-module__panelCloseButton___kALaN:hover{opacity:.7}.NavDropdown-module__trigger___1PQZp{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:.375rem;padding:0}.NavDropdown-module__chevron___ZLAV7{align-items:center;display:inline-flex;transition:transform .2s ease}.NavDropdown-module__chevronOpen___9mgjr{transform:rotate(180deg)}.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}.Stack-module__vertical___sKTyQ{flex-direction:column}.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))}.FeatureGrid-module__grid___6sW6f{display:grid;gap:2rem;grid-template-columns:var(--grid-template-columns, 1fr)}.MediaCard-module__card___9pZ7C{display:flex;overflow:hidden}.MediaCard-module__clickable___Rae9n{cursor:pointer;transition:opacity .15s ease}.MediaCard-module__clickable___Rae9n:hover{opacity:.85}.MediaCard-module__vertical___GWtOA{flex-direction:column}.MediaCard-module__vertical___GWtOA .MediaCard-module__imageWrapper___HUiag{width:100%}.MediaCard-module__horizontal___qlK4y{flex-direction:row;align-items:var(--media-card-align-items, center)}.MediaCard-module__horizontal___qlK4y .MediaCard-module__imageWrapper___HUiag{width:var(--media-card-image-width, 7em);flex-shrink:0;padding-top:var(--media-card-image-padding-top, 0)}.MediaCard-module__content___MlqE4{flex:1;min-width:0}.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}.FileUpload-module__dropzone___jqua0{border-style:dashed;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;text-align:center;transition:opacity .15s ease,background-color .15s ease;width:100%}.FileUpload-module__dropzone___jqua0:hover:not(.FileUpload-module__loading___C7PsH){background-color:#00000008}.FileUpload-module__dropzone___jqua0:focus-visible{outline:2px solid var(--upload-color, currentColor);outline-offset:2px}.FileUpload-module__dragOver___q1zPo{background-color:#0000000f}.FileUpload-module__loading___C7PsH{cursor:not-allowed;opacity:.6}.FileUpload-module__hiddenInput___RLLPJ{display:none}.FileUpload-module__content___yCP0l{display:flex;flex-direction:column;align-items:center;gap:.35rem}.FileUpload-module__contentHidden___0Ewoe{visibility:hidden}.FileUpload-module__spinnerOverlay___e3Rle{position:absolute}.FileUpload-module__label___lbMkx{font-weight:600}.FileUpload-module__hint___8dXlk{font-size:.85em;opacity:.7}.FileUpload-module__errorMessage___8HB3n{font-size:.85em;font-weight:600;margin-top:.25rem}.Image-module__container___sVJdZ{position:relative;overflow:hidden;width:100%}.Image-module__img___pKhPw{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.Image-module__fallback___wysuM{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}@keyframes Skeleton-module__pulse___8RWFn{0%,to{opacity:.4}50%{opacity:1}}.Skeleton-module__skeleton___CB4uF{background-color:var(--skeleton-color, color-mix(in srgb, currentColor 20%, transparent));animation:Skeleton-module__pulse___8RWFn 2s ease-in-out infinite;display:block;width:100%;height:100%}.ImageThumbnail-module__thumbnail___-igbe{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.ImageThumbnail-module__img___Q7Z4V{width:100%;height:100%;object-fit:cover;display:block}.ImageThumbnail-module__sizeXs___TvSHV{width:1.25em;height:1.25em}.ImageThumbnail-module__sizeSmall___2KnCh{width:3em;height:3em}.ImageThumbnail-module__sizeDefault___laoQk{width:4em;height:4em}.ImageThumbnail-module__sizeLarge___iwz3o{width:5em;height:5em}.ImageThumbnail-module__removeButton___Ceh1Q{position:absolute;top:.25rem;right:.25rem;width:1.1rem;height:1.1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;opacity:.6;transition:opacity .15s ease}.ImageThumbnail-module__removeButton___Ceh1Q:hover{opacity:1}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 import { jsx as _, jsxs as D, Fragment as Fe } from "react/jsx-runtime";
-import N, { createContext as ht, useContext as or, useState as J, useLayoutEffect as Pt, useSyncExternalStore as Hr, useEffect as ne, useCallback as Ce, useRef as Ve, useMemo as We } from "react";
+import N, { createContext as ht, useContext as or, useState as J, useLayoutEffect as Pt, useSyncExternalStore as Hr, useEffect as ne, useCallback as Ce, useRef as Ve, useMemo as Ue } from "react";
 import { createPortal as lt } from "react-dom";
-const jr = "Button-module__button___2ZuB7", Wr = "Button-module__sizeSmall___DRT8P", Ur = "Button-module__sizeLarge___yeZSH", Be = {
+const jr = "Button-module__button___2ZuB7", Wr = "Button-module__sizeSmall___DRT8P", Ur = "Button-module__sizeLarge___yeZSH", Me = {
   button: jr,
   sizeSmall: Wr,
   sizeLarge: Ur
@@ -54,15 +54,16 @@ function Le(e) {
     unit: o
   };
 }
-const Xe = {
+const Re = {
   primary: "#000",
   secondary: "#FFF",
+  secondaryBackground: "#1e1e1f",
   accent: "#4381C1",
   error: "#F00",
   success: "#008000",
   warning: "#FFEB3B"
 }, ct = {
-  colors: Xe,
+  colors: Re,
   fonts: {
     color: "#000",
     lineHeight: 1.5,
@@ -83,7 +84,7 @@ const Xe = {
     textColor: "#FFF",
     paddingHorizontal: 0.35,
     primary: {
-      textColor: Xe.secondary
+      textColor: Re.secondary
     }
   },
   inputs: {
@@ -112,12 +113,15 @@ const Xe = {
     paddingSm: "0.5rem",
     padding: "1rem"
   },
+  cards: {
+    backgroundColor: Re.secondaryBackground
+  },
   modal: {
-    backgroundColor: Xe.secondary,
+    backgroundColor: Re.secondaryBackground,
     backdropColor: "rgba(0, 0, 0, 0.5)",
     boxShadow: "0 10px 40px rgba(0, 0, 0, 0.2)"
   }
-}, nr = ht(ct), ia = ({ theme: e, children: r }) => {
+}, nr = ht(ct), la = ({ theme: e, children: r }) => {
   const t = e ? sr(ct, e) : ct;
   return /* @__PURE__ */ _(nr.Provider, { value: t, children: r });
 }, R = () => or(nr), Gr = ({
@@ -155,9 +159,9 @@ const Xe = {
     ...f
     // Top-level style overrides
   }, V = [
-    Be.button,
-    s === "small" ? Be.sizeSmall : Be.sizeLarge,
-    n ? Be.outline : "",
+    Me.button,
+    s === "small" ? Me.sizeSmall : Me.sizeLarge,
+    n ? Me.outline : "",
     i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ _(
@@ -175,15 +179,15 @@ const Xe = {
     }
   );
 };
-var Bt = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), Zr = new Uint8Array(16);
+var Mt = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), Zr = new Uint8Array(16);
 function Kr() {
-  if (!Bt)
+  if (!Mt)
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Bt(Zr);
+  return Mt(Zr);
 }
 var ar = [];
-for (var Re = 0; Re < 256; ++Re)
-  ar[Re] = (Re + 256).toString(16).substr(1);
+for (var Oe = 0; Oe < 256; ++Oe)
+  ar[Oe] = (Oe + 256).toString(16).substr(1);
 function Qr(e, r) {
   var t = 0, o = ar;
   return [o[e[t++]], o[e[t++]], o[e[t++]], o[e[t++]], "-", o[e[t++]], o[e[t++]], "-", o[e[t++]], o[e[t++]], "-", o[e[t++]], o[e[t++]], "-", o[e[t++]], o[e[t++]], o[e[t++]], o[e[t++]], o[e[t++]], o[e[t++]]].join("");
@@ -282,8 +286,8 @@ const Xr = "Checkbox-module__container___aV9qz", Jr = "Checkbox-module__svg___kk
     checkmarkColor: r,
     disabled: s,
     inverted: o
-  }), F = (M) => {
-    s || f(M);
+  }), F = (B) => {
+    s || f(B);
   }, z = {
     cursor: g.cursor,
     fontSize: "1em",
@@ -292,7 +296,7 @@ const Xr = "Checkbox-module__container___aV9qz", Jr = "Checkbox-module__svg___kk
     // Top-level style prop overrides
   }, E = {
     width: "1em"
-  }, B = {
+  }, M = {
     fill: o && t ? g.checkboxColor : "transparent",
     strokeWidth: "25",
     stroke: g.checkboxColor
@@ -308,7 +312,7 @@ const Xr = "Checkbox-module__container___aV9qz", Jr = "Checkbox-module__svg___kk
         id: p,
         checked: t,
         disabled: s,
-        onChange: (M) => F({ target: { checked: M.target.checked, name: a, type: "checkbox" } }),
+        onChange: (B) => F({ target: { checked: B.target.checked, name: a, type: "checkbox" } }),
         name: a,
         style: { display: "none" },
         type: "checkbox"
@@ -323,7 +327,7 @@ const Xr = "Checkbox-module__container___aV9qz", Jr = "Checkbox-module__svg___kk
         style: E,
         className: Je.svg,
         children: [
-          /* @__PURE__ */ _("rect", { x: "0", y: "0", height: "100", width: "100", style: B }),
+          /* @__PURE__ */ _("rect", { x: "0", y: "0", height: "100", width: "100", style: M }),
           t && /* @__PURE__ */ _("path", { d: "M 25 45 L 45 65 L 75 30", style: P })
         ]
       }
@@ -341,7 +345,7 @@ const Xr = "Checkbox-module__container___aV9qz", Jr = "Checkbox-module__svg___kk
       }
     )
   ] });
-}, la = () => {
+}, ca = () => {
   const e = R();
   return Pt(() => {
     const r = document.documentElement;
@@ -353,19 +357,12 @@ const Xr = "Checkbox-module__container___aV9qz", Jr = "Checkbox-module__svg___kk
 @media (max-width: ${e.breakpoints.md}) {
   html {
     font-size: var(--font-size-md);
-    --model-order-form-layout-direction: column;
-    --model-order-form-image-width: 100%;
   }
 }
 
 @media (max-width: ${e.breakpoints.sm}) {
   html {
     font-size: var(--font-size-sm);
-    --order-list-card-gap: 0.6em;
-    --order-list-card-align-items: flex-start;
-    --order-list-card-image-width: 4.5em;
-    --order-list-card-image-padding-top: 0.4em;
-    --order-list-content-padding: 0.4em 0.75em 0.4em 0;
   }
 }
 `, () => {
@@ -395,14 +392,14 @@ function X(e) {
     return e;
   return r;
 }
-var Ue = (e) => /^\w*$/.test(e), W = (e) => e === void 0, gt = (e) => Array.isArray(e) ? e.filter(Boolean) : [], vt = (e) => gt(e.replace(/["|']|\]/g, "").split(/\.|\[/)), w = (e, r, t) => {
+var qe = (e) => /^\w*$/.test(e), W = (e) => e === void 0, gt = (e) => Array.isArray(e) ? e.filter(Boolean) : [], vt = (e) => gt(e.replace(/["|']|\]/g, "").split(/\.|\[/)), w = (e, r, t) => {
   if (!r || !Z(e))
     return t;
-  const o = (Ue(r) ? [r] : vt(r)).reduce((s, n) => ee(s) ? s : s[n], e);
+  const o = (qe(r) ? [r] : vt(r)).reduce((s, n) => ee(s) ? s : s[n], e);
   return W(o) || o === e ? W(e[r]) ? t : e[r] : o;
 }, re = (e) => typeof e == "boolean", H = (e, r, t) => {
   let o = -1;
-  const s = Ue(r) ? [r] : vt(r), n = s.length, a = n - 1;
+  const s = qe(r) ? [r] : vt(r), n = s.length, a = n - 1;
   for (; ++o < n; ) {
     const i = s[o];
     let f = t;
@@ -415,7 +412,7 @@ var Ue = (e) => /^\w*$/.test(e), W = (e) => e === void 0, gt = (e) => Array.isAr
     e[i] = f, e = e[i];
   }
 };
-const Te = {
+const He = {
   BLUR: "blur",
   FOCUS_OUT: "focusout",
   CHANGE: "change"
@@ -512,8 +509,8 @@ function io(e) {
     if (!n) {
       const E = ut(o, t._names, z || t._formValues, !1, f.current);
       if (c.current) {
-        const B = c.current(E);
-        le(B, d.current) || (b(B), d.current = B);
+        const M = c.current(E);
+        le(M, d.current) || (b(M), d.current = M);
       } else
         b(E);
     }
@@ -578,13 +575,13 @@ function lo(e) {
       value: cr(F),
       name: t
     },
-    type: Te.CHANGE
+    type: He.CHANGE
   }), [t]), k = N.useCallback(() => C.current.onBlur({
     target: {
       value: w(s._formValues, t),
       name: t
     },
-    type: Te.BLUR
+    type: He.BLUR
   }), [t, s._formValues]), V = N.useCallback((F) => {
     const z = w(s._fields, t);
     z && F && (z._f.ref = {
@@ -607,13 +604,13 @@ function lo(e) {
       ...y.current.rules,
       ...re(y.current.disabled) ? { disabled: y.current.disabled } : {}
     });
-    const E = (B, P) => {
-      const U = w(s._fields, B);
+    const E = (M, P) => {
+      const U = w(s._fields, M);
       U && U._f && (U._f.mount = P);
     };
     if (E(t, !0), F) {
-      const B = X(w(s._options.defaultValues, t, y.current.defaultValue));
-      H(s._defaultValues, t, B), W(w(s._formValues, t)) && H(s._formValues, t, B);
+      const M = X(w(s._options.defaultValues, t, y.current.defaultValue));
+      H(s._defaultValues, t, M), W(w(s._formValues, t)) && H(s._formValues, t, M);
     }
     return !i && s.register(t), m.current = t, () => {
       (i ? F && !s._state.action : F) ? s.unregister(t) : E(t, !1);
@@ -667,12 +664,12 @@ function mr(e, r) {
     }
   return t;
 }
-var Y = (e) => Z(e) && !Object.keys(e).length, kt = (e) => e.type === "file", ce = (e) => typeof e == "function", He = (e) => {
+var Y = (e) => Z(e) && !Object.keys(e).length, kt = (e) => e.type === "file", ce = (e) => typeof e == "function", je = (e) => {
   if (!pt)
     return !1;
   const r = e ? e.ownerDocument : 0;
   return e instanceof (r && r.defaultView ? r.defaultView.HTMLElement : HTMLElement);
-}, yr = (e) => e.type === "select-multiple", xt = (e) => e.type === "radio", co = (e) => xt(e) || Ae(e), Ye = (e) => He(e) && e.isConnected;
+}, yr = (e) => e.type === "select-multiple", xt = (e) => e.type === "radio", co = (e) => xt(e) || Ae(e), Ye = (e) => je(e) && e.isConnected;
 function uo(e, r) {
   const t = r.slice(0, -1).length;
   let o = 0;
@@ -687,7 +684,7 @@ function fo(e) {
   return !0;
 }
 function G(e, r) {
-  const t = Array.isArray(r) ? r : Ue(r) ? [r] : vt(r), o = t.length === 1 ? e : uo(e, t), s = t.length - 1, n = t[s];
+  const t = Array.isArray(r) ? r : qe(r) ? [r] : vt(r), o = t.length === 1 ? e : uo(e, t), s = t.length - 1, n = t[s];
   return o && delete o[n], s !== 0 && (Z(o) && Y(o) || Array.isArray(o) && fo(o)) && G(e, t.slice(0, -1)), e;
 }
 var mo = (e) => {
@@ -751,7 +748,7 @@ var yo = (e, r, t, o) => {
     fields: s,
     shouldUseNativeValidation: o
   };
-}, je = (e) => e instanceof RegExp, ze = (e) => W(e) ? e : je(e) ? e.source : Z(e) ? je(e.value) ? e.value.source : e.value : e, jt = (e) => ({
+}, We = (e) => e instanceof RegExp, ze = (e) => W(e) ? e : We(e) ? e.source : Z(e) ? We(e.value) ? e.value.source : e.value : e, jt = (e) => ({
   isOnSubmit: !e || e === ie.onSubmit,
   isOnBlur: e === ie.onBlur,
   isOnChange: e === ie.onChange,
@@ -779,7 +776,7 @@ const $e = (e, r, t, o) => {
 };
 function qt(e, r, t) {
   const o = w(e, t);
-  if (o || Ue(t))
+  if (o || qe(t))
     return {
       error: o,
       name: t
@@ -821,7 +818,7 @@ function Gt(e, r, t = "validate") {
       ref: r
     };
 }
-var be = (e) => Z(e) && !je(e) ? e : {
+var be = (e) => Z(e) && !We(e) ? e : {
   value: e,
   message: ""
 }, Zt = async (e, r, t, o, s, n) => {
@@ -830,7 +827,7 @@ var be = (e) => Z(e) && !je(e) ? e : {
     return {};
   const F = i ? i[0] : a, z = (L) => {
     s && F.reportValidity && (F.setCustomValidity(re(L) ? "" : L || ""), F.reportValidity());
-  }, E = {}, B = xt(a), P = Ae(a), U = B || P, M = (k || kt(a)) && W(a.value) && W(g) || He(a) && a.value === "" || g === "" || Array.isArray(g) && !g.length, K = wt.bind(null, p, o, E), q = (L, A, O, I = fe.maxLength, Q = fe.minLength) => {
+  }, E = {}, M = xt(a), P = Ae(a), U = M || P, B = (k || kt(a)) && W(a.value) && W(g) || je(a) && a.value === "" || g === "" || Array.isArray(g) && !g.length, K = wt.bind(null, p, o, E), q = (L, A, O, I = fe.maxLength, Q = fe.minLength) => {
     const te = L ? A : O;
     E[p] = {
       type: L ? I : Q,
@@ -839,7 +836,7 @@ var be = (e) => Z(e) && !je(e) ? e : {
       ...K(L ? I : Q, te)
     };
   };
-  if (n ? !Array.isArray(g) || !g.length : f && (!U && (M || ee(g)) || re(g) && !g || P && !_r(i).isValid || B && !gr(i).isValid)) {
+  if (n ? !Array.isArray(g) || !g.length : f && (!U && (B || ee(g)) || re(g) && !g || P && !_r(i).isValid || M && !gr(i).isValid)) {
     const { value: L, message: A } = oe(f) ? { value: !!f, message: f } : be(f);
     if (L && (E[p] = {
       type: fe.required,
@@ -849,27 +846,27 @@ var be = (e) => Z(e) && !je(e) ? e : {
     }, !o))
       return z(A), E;
   }
-  if (!M && (!ee(y) || !ee(m))) {
+  if (!B && (!ee(y) || !ee(m))) {
     let L, A;
     const O = be(m), I = be(y);
     if (!ee(g) && !isNaN(g)) {
       const Q = a.valueAsNumber || g && +g;
       ee(O.value) || (L = Q > O.value), ee(I.value) || (A = Q < I.value);
     } else {
-      const Q = a.valueAsDate || new Date(g), te = (Me) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + Me), me = a.type == "time", ve = a.type == "week";
+      const Q = a.valueAsDate || new Date(g), te = (Be) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + Be), me = a.type == "time", ve = a.type == "week";
       oe(O.value) && g && (L = me ? te(g) > te(O.value) : ve ? g > O.value : Q > new Date(O.value)), oe(I.value) && g && (A = me ? te(g) < te(I.value) : ve ? g < I.value : Q < new Date(I.value));
     }
     if ((L || A) && (q(!!L, O.message, I.message, fe.max, fe.min), !o))
       return z(E[p].message), E;
   }
-  if ((c || d) && !M && (oe(g) || n && Array.isArray(g))) {
+  if ((c || d) && !B && (oe(g) || n && Array.isArray(g))) {
     const L = be(c), A = be(d), O = !ee(L.value) && g.length > +L.value, I = !ee(A.value) && g.length < +A.value;
     if ((O || I) && (q(O, L.message, A.message), !o))
       return z(E[p].message), E;
   }
-  if (C && !M && oe(g)) {
+  if (C && !B && oe(g)) {
     const { value: L, message: A } = be(C);
-    if (je(L) && !g.match(L) && (E[p] = {
+    if (We(L) && !g.match(L) && (E[p] = {
       type: fe.pattern,
       message: A,
       ref: a,
@@ -959,7 +956,7 @@ function ko(e = {}) {
     clearTimeout(c), c = setTimeout(l, u);
   }, p = async (l) => {
     if (!r.disabled && (d.isValid || y.isValid || l)) {
-      const u = r.resolver ? Y((await P()).errors) : await M(o, !0);
+      const u = r.resolver ? Y((await P()).errors) : await B(o, !0);
       u !== t.isValid && m.state.next({
         isValid: u
       });
@@ -1027,7 +1024,7 @@ function ko(e = {}) {
       v && S && m.state.next(T);
     }
     return v ? T : {};
-  }, B = (l, u, h, x) => {
+  }, M = (l, u, h, x) => {
     const S = w(t.errors, l), v = (d.isValid || y.isValid) && re(u) && t.isValid !== u;
     if (r.delayError && h ? (f = b(() => g(l, h)), f(r.delayError)) : (clearTimeout(c), f = null, h ? H(t.errors, l, h) : G(t.errors, l)), (h ? !le(S, h) : S) || !Y(x) || v) {
       const $ = {
@@ -1055,7 +1052,7 @@ function ko(e = {}) {
     else
       t.errors = u;
     return u;
-  }, M = async (l, u, h = {
+  }, B = async (l, u, h = {
     valid: !0
   }) => {
     for (const x in l) {
@@ -1070,24 +1067,24 @@ function ko(e = {}) {
             break;
           !u && (w(se, v.name) ? T ? So(t.errors, se, v.name) : H(t.errors, v.name, se[v.name]) : G(t.errors, v.name));
         }
-        !Y($) && await M($, u, h);
+        !Y($) && await B($, u, h);
       }
     }
     return h.valid;
   }, K = () => {
     for (const l of i.unMount) {
       const u = w(o, l);
-      u && (u._f.refs ? u._f.refs.every((h) => !Ye(h)) : !Ye(u._f.ref)) && qe(l);
+      u && (u._f.refs ? u._f.refs.every((h) => !Ye(h)) : !Ye(u._f.ref)) && Ge(l);
     }
     i.unMount = /* @__PURE__ */ new Set();
-  }, q = (l, u) => !r.disabled && (l && u && H(n, l, u), !le(Me(), s)), L = (l, u, h) => ut(l, i, {
+  }, q = (l, u) => !r.disabled && (l && u && H(n, l, u), !le(Be(), s)), L = (l, u, h) => ut(l, i, {
     ...a.mount ? n : W(u) ? s : oe(l) ? { [l]: u } : u
   }, h, u), A = (l) => gt(w(a.mount ? n : s, l, r.shouldUnregister ? w(s, l, []) : [])), O = (l, u, h = {}) => {
     const x = w(o, l);
     let S = u;
     if (x) {
       const v = x._f;
-      v && (!v.disabled && H(n, l, pr(u, v)), S = He(v.ref) && ee(u) ? "" : u, yr(v.ref) ? [...v.ref.options].forEach(($) => $.selected = S.includes($.value)) : v.refs ? Ae(v.ref) ? v.refs.forEach(($) => {
+      v && (!v.disabled && H(n, l, pr(u, v)), S = je(v.ref) && ee(u) ? "" : u, yr(v.ref) ? [...v.ref.options].forEach(($) => $.selected = S.includes($.value)) : v.refs ? Ae(v.ref) ? v.refs.forEach(($) => {
         (!$.defaultChecked || !$.disabled) && (Array.isArray(S) ? $.checked = !!S.find((T) => T === $.value) : $.checked = S === $.value || !!S);
       }) : v.refs.forEach(($) => $.checked = $.value === S) : kt(v.ref) ? v.ref.value = "" : (v.ref.value = S, v.ref.type || m.state.next({
         name: l,
@@ -1124,24 +1121,24 @@ function ko(e = {}) {
     }, $ = jt(r.mode), T = jt(r.reValidateMode);
     if (S) {
       let j, se;
-      const Pe = u.type ? Ht(S._f) : cr(l), ye = l.type === Te.BLUR || l.type === Te.FOCUS_OUT, Or = !_o(S._f) && !r.resolver && !w(t.errors, h) && !S._f.deps || vo(ye, w(t.touchedFields, h), t.isSubmitted, T, $), Ke = Ut(h, i, ye);
+      const Pe = u.type ? Ht(S._f) : cr(l), ye = l.type === He.BLUR || l.type === He.FOCUS_OUT, Or = !_o(S._f) && !r.resolver && !w(t.errors, h) && !S._f.deps || vo(ye, w(t.touchedFields, h), t.isSubmitted, T, $), Qe = Ut(h, i, ye);
       H(n, h, Pe), ye ? (!u || !u.readOnly) && (S._f.onBlur && S._f.onBlur(l), f && f(0)) : S._f.onChange && S._f.onChange(l);
-      const Qe = E(h, Pe, ye), Ir = !Y(Qe) || Ke;
+      const Xe = E(h, Pe, ye), Ir = !Y(Xe) || Qe;
       if (!ye && m.state.next({
         name: h,
         type: l.type,
         values: X(n)
       }), Or)
-        return (d.isValid || y.isValid) && (r.mode === "onBlur" ? ye && p() : ye || p()), Ir && m.state.next({ name: h, ...Ke ? {} : Qe });
-      if (!ye && Ke && m.state.next({ ...t }), r.resolver) {
+        return (d.isValid || y.isValid) && (r.mode === "onBlur" ? ye && p() : ye || p()), Ir && m.state.next({ name: h, ...Qe ? {} : Xe });
+      if (!ye && Qe && m.state.next({ ...t }), r.resolver) {
         const { errors: At } = await P([h]);
         if (v(Pe), x) {
-          const Tr = qt(t.errors, o, h), Mt = qt(At, o, Tr.name || h);
-          j = Mt.error, h = Mt.name, se = Y(At);
+          const Tr = qt(t.errors, o, h), Bt = qt(At, o, Tr.name || h);
+          j = Bt.error, h = Bt.name, se = Y(At);
         }
       } else
-        k([h], !0), j = (await Zt(S, i.disabled, n, C, r.shouldUseNativeValidation))[h], k([h]), v(Pe), x && (j ? se = !1 : (d.isValid || y.isValid) && (se = await M(o, !0)));
-      x && (S._f.deps && (!Array.isArray(S._f.deps) || S._f.deps.length > 0) && ve(S._f.deps), B(h, se, j, Qe));
+        k([h], !0), j = (await Zt(S, i.disabled, n, C, r.shouldUseNativeValidation))[h], k([h]), v(Pe), x && (j ? se = !1 : (d.isValid || y.isValid) && (se = await B(o, !0)));
+      x && (S._f.deps && (!Array.isArray(S._f.deps) || S._f.deps.length > 0) && ve(S._f.deps), M(h, se, j, Xe));
     }
   }, me = (l, u) => {
     if (w(t.errors, u) && l.focus)
@@ -1154,14 +1151,14 @@ function ko(e = {}) {
       h = Y(v), x = l ? !S.some(($) => w(v, $)) : h;
     } else l ? (x = (await Promise.all(S.map(async (v) => {
       const $ = w(o, v);
-      return await M($ && $._f ? { [v]: $ } : $);
-    }))).every(Boolean), !(!x && !t.isValid) && p()) : x = h = await M(o);
+      return await B($ && $._f ? { [v]: $ } : $);
+    }))).every(Boolean), !(!x && !t.isValid) && p()) : x = h = await B(o);
     return m.state.next({
       ...!oe(l) || (d.isValid || y.isValid) && h !== t.isValid ? {} : { name: l },
       ...r.resolver || !l ? { isValid: h } : {},
       errors: t.errors
     }), u.shouldFocus && !x && $e(o, me, l ? S : i.mount), x;
-  }, Me = (l, u) => {
+  }, Be = (l, u) => {
     let h = {
       ...a.mount ? n : s
     };
@@ -1198,13 +1195,13 @@ function ko(e = {}) {
         defaultValues: s
       });
     }
-  }).unsubscribe, Mr = (l) => (a.mount = !0, y = {
+  }).unsubscribe, Br = (l) => (a.mount = !0, y = {
     ...y,
     ...l.formState
   }, Vt({
     ...l,
     formState: y
-  })), qe = (l, u = {}) => {
+  })), Ge = (l, u = {}) => {
     for (const h of l ? Ne(l) : i.mount)
       i.mount.delete(h), i.array.delete(h), u.keepValue || (G(o, h), G(n, h)), !u.keepError && G(t.errors, h), !u.keepDirty && G(t.dirtyFields, h), !u.keepTouched && G(t.touchedFields, h), !u.keepIsValidating && G(t.validatingFields, h), !r.shouldUnregister && !u.keepDefaultValue && G(s, h);
     m.state.next({
@@ -1215,7 +1212,7 @@ function ko(e = {}) {
     }), !u.keepIsValid && p();
   }, zt = ({ disabled: l, name: u }) => {
     (re(l) && a.mount || l || i.disabled.has(u)) && (l ? i.disabled.add(u) : i.disabled.delete(u));
-  }, Ge = (l, u = {}) => {
+  }, Ze = (l, u = {}) => {
     let h = w(o, l);
     const x = re(u.disabled) || re(r.disabled);
     return H(o, l, {
@@ -1244,7 +1241,7 @@ function ko(e = {}) {
       onBlur: te,
       ref: (S) => {
         if (S) {
-          Ge(l, u), h = w(o, l);
+          Ze(l, u), h = w(o, l);
           const v = W(S.value) && S.querySelectorAll && S.querySelectorAll("input,select,textarea")[0] || S, $ = co(v), T = h._f.refs || [];
           if ($ ? T.find((j) => j === v) : v === h._f.ref)
             return;
@@ -1265,7 +1262,7 @@ function ko(e = {}) {
           h = w(o, l, {}), h._f && (h._f.mount = !1), (r.shouldUnregister || u.shouldUnregister) && !(dr(i.array, l) && a.action) && i.unMount.add(l);
       }
     };
-  }, Ze = () => r.shouldFocusError && $e(o, me, i.mount), Pr = (l) => {
+  }, Ke = () => r.shouldFocusError && $e(o, me, i.mount), Pr = (l) => {
     re(l) && (m.state.next({ disabled: l }), $e(o, (u, h) => {
       const x = w(o, h);
       x && (u.disabled = x._f.disabled || l, Array.isArray(x._f.refs) && x._f.refs.forEach((S) => {
@@ -1282,7 +1279,7 @@ function ko(e = {}) {
       const { errors: v, values: $ } = await P();
       t.errors = v, S = X($);
     } else
-      await M(o);
+      await B(o);
     if (i.disabled.size)
       for (const v of i.disabled)
         G(S, v);
@@ -1296,7 +1293,7 @@ function ko(e = {}) {
         x = v;
       }
     } else
-      u && await u({ ...t.errors }, h), Ze(), setTimeout(Ze);
+      u && await u({ ...t.errors }, h), Ke(), setTimeout(Ke);
     if (m.state.next({
       isSubmitted: !0,
       isSubmitting: !1,
@@ -1305,7 +1302,7 @@ function ko(e = {}) {
       errors: t.errors
     }), x)
       throw x;
-  }, Br = (l, u = {}) => {
+  }, Mr = (l, u = {}) => {
     w(o, l) && (W(u.defaultValue) ? Q(l, X(w(s, l))) : (Q(l, u.defaultValue), H(s, l, X(u.defaultValue))), u.keepTouched || G(t.touchedFields, l), u.keepDirty || (G(t.dirtyFields, l), t.isDirty = u.defaultValue ? q(l, X(w(s, l))) : q()), u.keepError || (G(t.errors, l), d.isValid && p()), m.state.next({ ...t }));
   }, Nt = (l, u = {}) => {
     const h = l ? X(l) : s, x = X(h), S = Y(l), v = S ? s : x;
@@ -1323,7 +1320,7 @@ function ko(e = {}) {
             const T = w(o, $);
             if (T && T._f) {
               const j = Array.isArray(T._f.refs) ? T._f.refs[0] : T._f.ref;
-              if (He(j)) {
+              if (je(j)) {
                 const se = j.closest("form");
                 if (se) {
                   se.reset();
@@ -1376,14 +1373,14 @@ function ko(e = {}) {
     };
   }, Lt = {
     control: {
-      register: Ge,
-      unregister: qe,
+      register: Ze,
+      unregister: Ge,
       getFieldState: Ct,
       handleSubmit: Et,
       setError: Ft,
       _subscribe: Vt,
       _runSchema: P,
-      _focusError: Ze,
+      _focusError: Ke,
       _getWatch: L,
       _getDirty: q,
       _setValid: p,
@@ -1435,17 +1432,17 @@ function ko(e = {}) {
         };
       }
     },
-    subscribe: Mr,
+    subscribe: Br,
     trigger: ve,
-    register: Ge,
+    register: Ze,
     handleSubmit: Et,
     watch: Ar,
     setValue: Q,
-    getValues: Me,
+    getValues: Be,
     reset: $t,
-    resetField: Br,
+    resetField: Mr,
     clearErrors: Lr,
-    unregister: qe,
+    unregister: Ge,
     setError: Ft,
     setFocus: Dr,
     getFieldState: Ct
@@ -1593,14 +1590,14 @@ function zo(e, r) {
 }
 const Sr = "captureStackTrace" in Error ? Error.captureStackTrace : (...e) => {
 };
-function Oe(e) {
+function Ie(e) {
   return typeof e == "string" ? e : e == null ? void 0 : e.message;
 }
 function wr(e, r, t) {
   var s, n, a, i, f, c;
   const o = { ...e, path: e.path ?? [] };
   if (!e.message) {
-    const d = Oe((a = (n = (s = e.inst) == null ? void 0 : s._zod.def) == null ? void 0 : n.error) == null ? void 0 : a.call(n, e)) ?? Oe((i = r == null ? void 0 : r.error) == null ? void 0 : i.call(r, e)) ?? Oe((f = t.customError) == null ? void 0 : f.call(t, e)) ?? Oe((c = t.localeError) == null ? void 0 : c.call(t, e)) ?? "Invalid input";
+    const d = Ie((a = (n = (s = e.inst) == null ? void 0 : s._zod.def) == null ? void 0 : n.error) == null ? void 0 : a.call(n, e)) ?? Ie((i = r == null ? void 0 : r.error) == null ? void 0 : i.call(r, e)) ?? Ie((f = t.customError) == null ? void 0 : f.call(t, e)) ?? Ie((c = t.localeError) == null ? void 0 : c.call(t, e)) ?? "Invalid input";
     o.message = d;
   }
   return delete o.inst, delete o.continue, r != null && r.reportInput || delete o.input, o;
@@ -1642,7 +1639,7 @@ function Jt(e, r) {
   }
   return t && t.then ? t.then(void 0, r) : t;
 }
-function Mo(e, r) {
+function Bo(e, r) {
   for (var t = {}; e.length; ) {
     var o = e[0], s = o.code, n = o.message, a = o.path.join(".");
     if (!t[a]) if ("unionErrors" in o) {
@@ -1680,7 +1677,7 @@ function Po(e, r) {
   }
   return t;
 }
-function Bo(e, r, t) {
+function Mo(e, r, t) {
   if (t === void 0 && (t = {}), (function(o) {
     return "_def" in o && typeof o._def == "object" && "typeName" in o._def;
   })(e)) return function(o, s, n) {
@@ -1692,7 +1689,7 @@ function Bo(e, r, t) {
       }, function(a) {
         if ((function(i) {
           return Array.isArray(i == null ? void 0 : i.issues);
-        })(a)) return { values: {}, errors: Qt(Mo(a.errors, !n.shouldUseNativeValidation && n.criteriaMode === "all"), n) };
+        })(a)) return { values: {}, errors: Qt(Bo(a.errors, !n.shouldUseNativeValidation && n.criteriaMode === "all"), n) };
         throw a;
       }));
     } catch (a) {
@@ -1738,14 +1735,14 @@ function Ro({
   formProps: f
 }) {
   const c = xo({
-    resolver: t ? Bo(t) : void 0,
+    resolver: t ? Mo(t) : void 0,
     defaultValues: o,
     mode: s,
     reValidateMode: n
   }), d = c.handleSubmit(e);
   return /* @__PURE__ */ _(Cr.Provider, { value: c, children: /* @__PURE__ */ _("form", { ...f, className: a, style: i, onSubmit: d, children: typeof r == "function" ? r(c) : r }) });
 }
-const ca = Ro, Oo = "FormError-module__formError___kaUBn", Io = {
+const da = Ro, Oo = "FormError-module__formError___kaUBn", Io = {
   formError: Oo
 }, To = ({
   // Color prop
@@ -1940,7 +1937,7 @@ const Zo = "Input-module__input___WjT81", Ko = "Input-module__sizeSmall___NFvsi"
     }
   );
 };
-function da({
+function ua({
   name: e,
   label: r,
   required: t,
@@ -2049,7 +2046,7 @@ const Yo = "Textarea-module__textarea___Z-y6g", es = "Textarea-module__sizeSmall
     }
   );
 };
-function ua({
+function fa({
   name: e,
   label: r,
   required: t,
@@ -2181,7 +2178,7 @@ const ss = "Select-module__select___cjdcr", ns = "Select-module__sizeSmall___i1q
     }
   );
 };
-function fa({
+function ma({
   name: e,
   label: r,
   required: t,
@@ -2217,7 +2214,7 @@ function fa({
     }
   );
 }
-function ma({
+function ya({
   name: e,
   required: r,
   rules: t,
@@ -2297,8 +2294,8 @@ const cs = "Radio-module__container___AQxhk", ds = "Radio-module__svg___zl5kF",
     stroke: k.radioColor
   }, E = {
     fill: k.radioColor
-  }, B = [ot.container, c].filter(Boolean).join(" ");
-  return /* @__PURE__ */ D("div", { ...y, className: B, style: g, children: [
+  }, M = [ot.container, c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ D("div", { ...y, className: M, style: g, children: [
     /* @__PURE__ */ _(
       "input",
       {
@@ -2339,7 +2336,7 @@ const cs = "Radio-module__container___AQxhk", ds = "Radio-module__svg___zl5kF",
     )
   ] });
 };
-function ya({
+function ha({
   name: e,
   label: r,
   required: t,
@@ -2373,7 +2370,7 @@ function ya({
     }
   );
 }
-function ha({
+function _a({
   name: e,
   label: r,
   required: t,
@@ -2413,7 +2410,7 @@ function ha({
     }
   );
 }
-function _a({
+function pa({
   name: e,
   label: r,
   required: t,
@@ -2598,11 +2595,11 @@ const ms = "Hamburger-module__hamburger___Tf4-t", ys = "Hamburger-module__line__
     gap: c,
     backgroundColor: e,
     color: r
-  }), B = [Yt.container, C].filter(Boolean).join(" "), P = y ? { position: "fixed", top: 0, left: 0, right: 0, zIndex: 1e3 } : {};
+  }), M = [Yt.container, C].filter(Boolean).join(" "), P = y ? { position: "fixed", top: 0, left: 0, right: 0, zIndex: 1e3 } : {};
   return /* @__PURE__ */ _("header", { ...p, className: Yt.header, style: P, children: /* @__PURE__ */ _(
     "div",
     {
-      className: B,
+      className: M,
       style: { ...E, ...b },
       children: m
     }
@@ -2613,7 +2610,7 @@ const ms = "Hamburger-module__hamburger___Tf4-t", ys = "Hamburger-module__line__
   navHeader: xs,
   compact: Cs,
   navDesktop: Fs
-}, Vs = "Popover-module__triggerWrapper___dZpf6", zs = "Popover-module__popup___JAvrb", Es = "Popover-module__panelOverlay___1xDU5", Ns = "Popover-module__panelOverlayVisible___BgtIQ", $s = "Popover-module__backdrop___e8qHL", Ls = "Popover-module__panel___eUJ2E", As = "Popover-module__panelLeft___9nSLp", Ms = "Popover-module__panelRight___OrQfl", Ps = "Popover-module__panelOpen___hhvV-", Bs = "Popover-module__panelCloseButton___kALaN", ue = {
+}, Vs = "Popover-module__triggerWrapper___dZpf6", zs = "Popover-module__popup___JAvrb", Es = "Popover-module__panelOverlay___1xDU5", Ns = "Popover-module__panelOverlayVisible___BgtIQ", $s = "Popover-module__backdrop___e8qHL", Ls = "Popover-module__panel___eUJ2E", As = "Popover-module__panelLeft___9nSLp", Bs = "Popover-module__panelRight___OrQfl", Ps = "Popover-module__panelOpen___hhvV-", Ms = "Popover-module__panelCloseButton___kALaN", ue = {
   triggerWrapper: Vs,
   popup: zs,
   panelOverlay: Es,
@@ -2621,9 +2618,9 @@ const ms = "Hamburger-module__hamburger___Tf4-t", ys = "Hamburger-module__line__
   backdrop: $s,
   panel: Ls,
   panelLeft: As,
-  panelRight: Ms,
+  panelRight: Bs,
   panelOpen: Ps,
-  panelCloseButton: Bs
+  panelCloseButton: Ms
 };
 function Ds(e, r) {
   const [t, o] = J(!1), [s, n] = J(!1);
@@ -2687,7 +2684,7 @@ const Vr = ({
       p || V(I), s == null || s(I);
     },
     [p, s]
-  ), B = Ce(() => E(!g), [g, E]), P = Ce(() => E(!1), [E]), { panelMounted: U, panelVisible: M, handleTransitionEnd: K } = Ds(g, t), { popupPositionStyle: q } = Rs(g, t, F, n);
+  ), M = Ce(() => E(!g), [g, E]), P = Ce(() => E(!1), [E]), { panelMounted: U, panelVisible: B, handleTransitionEnd: K } = Ds(g, t), { popupPositionStyle: q } = Rs(g, t, F, n);
   ne(() => {
     if (!g || t !== "popup") return;
     const I = (Q) => {
@@ -2708,11 +2705,11 @@ const Vr = ({
       document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, I);
     };
   }, [g, t]);
-  const L = e ? typeof e == "function" ? e({ onClick: B, isOpen: g }) : (
+  const L = e ? typeof e == "function" ? e({ onClick: M, isOpen: g }) : (
     // Non-function trigger: wrap in a span that delegates clicks to the trigger element.
     // The wrapped element (e.g. <button>) handles its own keyboard accessibility.
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ _("span", { onClick: B, style: { cursor: "pointer", display: "contents" }, children: e })
+    /* @__PURE__ */ _("span", { onClick: M, style: { cursor: "pointer", display: "contents" }, children: e })
   ) : null, A = e ? /* @__PURE__ */ _("span", { ref: F, className: ue.triggerWrapper, children: L }) : null;
   if (t === "popup") {
     const I = {
@@ -2750,13 +2747,13 @@ const Vr = ({
       /* @__PURE__ */ D(
         "div",
         {
-          className: [ue.panelOverlay, M ? ue.panelOverlayVisible : ""].filter(Boolean).join(" "),
+          className: [ue.panelOverlay, B ? ue.panelOverlayVisible : ""].filter(Boolean).join(" "),
           children: [
             /* @__PURE__ */ _(
               "div",
               {
                 className: ue.backdrop,
-                style: { backgroundColor: M ? f : "transparent" },
+                style: { backgroundColor: B ? f : "transparent" },
                 onClick: d ? P : void 0,
                 role: "presentation"
               }
@@ -2768,7 +2765,7 @@ const Vr = ({
                 className: [
                   ue.panel,
                   a === "right" ? ue.panelRight : ue.panelLeft,
-                  M ? ue.panelOpen : "",
+                  B ? ue.panelOpen : "",
                   y
                 ].filter(Boolean).join(" "),
                 style: O,
@@ -2824,7 +2821,7 @@ const Vr = ({
   desktop: o
 }) => {
   const s = R();
-  return We(() => e ? {
+  return Ue(() => e ? {
     navStyles: {
       ...(t == null ? void 0 : t.backgroundColor) && { backgroundColor: t.backgroundColor },
       color: (t == null ? void 0 : t.color) || s.fonts.color,
@@ -2888,7 +2885,7 @@ const Vr = ({
   cssProps: t,
   navProps: o,
   content: s
-}) => /* @__PURE__ */ _("nav", { ...o, className: r, style: t, children: typeof s == "function" ? s({ setOpen: e }) : s }), pa = ({
+}) => /* @__PURE__ */ _("nav", { ...o, className: r, style: t, children: typeof s == "function" ? s({ setOpen: e }) : s }), ga = ({
   mobile: e,
   desktop: r,
   breakpoints: t,
@@ -2903,7 +2900,7 @@ const Vr = ({
     isCompact: z,
     mobile: e,
     desktop: r
-  }), B = { ...E, ...n }, P = (K) => {
+  }), M = { ...E, ...n }, P = (K) => {
     const q = K.target;
     q.closest("[data-navdropdown-trigger]") || q.closest("a, button") && c(!1);
   }, U = [
@@ -2911,7 +2908,7 @@ const Vr = ({
     xe.navMobile,
     z || e != null && e.compact ? xe.compact : "",
     s
-  ].filter(Boolean).join(" "), M = [xe.nav, xe.navDesktop, s].filter(Boolean).join(" ");
+  ].filter(Boolean).join(" "), B = [xe.nav, xe.navDesktop, s].filter(Boolean).join(" ");
   return /* @__PURE__ */ _(Is.Provider, { value: { isMobile: F, setOpen: c }, children: F ? /* @__PURE__ */ _(
     Ts,
     {
@@ -2923,7 +2920,7 @@ const Vr = ({
       panelWidth: e == null ? void 0 : e.panelWidth,
       side: e == null ? void 0 : e.side,
       navClassName: U,
-      cssProps: B,
+      cssProps: M,
       navProps: a,
       content: (e == null ? void 0 : e.content) || o,
       onNavClick: P
@@ -2932,8 +2929,8 @@ const Vr = ({
     Hs,
     {
       setOpen: c,
-      navClassName: M,
-      cssProps: B,
+      navClassName: B,
+      cssProps: M,
       navProps: a,
       content: (r == null ? void 0 : r.content) || o
     }
@@ -2960,7 +2957,7 @@ function zr({
     onMouseLeave: () => n(!1)
   };
 }
-const ga = ({
+const va = ({
   label: e,
   children: r,
   dropdownVariant: t = "popup",
@@ -3031,7 +3028,7 @@ const ga = ({
       children: r
     }
   );
-}, va = ({ isActive: e, hoverOpacity: r, color: t, children: o }) => {
+}, ba = ({ isActive: e, hoverOpacity: r, color: t, children: o }) => {
   const { style: s, onMouseEnter: n, onMouseLeave: a } = zr({
     isActive: e,
     hoverOpacity: r,
@@ -3105,7 +3102,7 @@ const ga = ({
       children: d
     }
   ) : d;
-}, ba = ({ children: e, loadingComponent: r }) => {
+}, Sa = ({ children: e, loadingComponent: r }) => {
   const [t, o] = J(!1);
   return ne(() => {
     requestAnimationFrame(() => {
@@ -3168,16 +3165,16 @@ const ga = ({
       };
   }, [e]), ne(() => {
     if (!e || !a) return;
-    const M = (K) => {
+    const B = (K) => {
       K.key === "Escape" && r();
     };
-    return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
+    return document.addEventListener("keydown", B), () => document.removeEventListener("keydown", B);
   }, [e, a, r]);
-  const E = (M) => {
-    M.target === M.currentTarget && n && r();
+  const E = (B) => {
+    B.target === B.currentTarget && n && r();
   };
   if (!e) return null;
-  const B = {
+  const M = {
     width: c,
     maxWidth: d,
     backgroundColor: y || k.colors.secondary,
@@ -3197,7 +3194,7 @@ const ga = ({
         {
           ref: V,
           className: [he.modal, C].filter(Boolean).join(" "),
-          style: B,
+          style: M,
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": o ? "modal-title" : void 0,
@@ -3238,16 +3235,16 @@ const ga = ({
               )
             ] }),
             /* @__PURE__ */ _("div", { className: he.content, children: t }),
-            i.length > 0 && /* @__PURE__ */ _(rn, { direction: z ? "column" : "row", className: he.actions, children: i.map((M, K) => /* @__PURE__ */ _(
+            i.length > 0 && /* @__PURE__ */ _(rn, { direction: z ? "column" : "row", className: he.actions, children: i.map((B, K) => /* @__PURE__ */ _(
               Gr,
               {
-                color: M.color,
-                outline: M.variant === "outline",
-                disabled: M.disabled,
+                color: B.color,
+                outline: B.variant === "outline",
+                disabled: B.disabled,
                 onClick: () => {
-                  M.onClick ? M.onClick(f || r) : f ? f(M.value) : r();
+                  B.onClick ? B.onClick(f || r) : f ? f(B.value) : r();
                 },
-                children: M.label
+                children: B.label
               },
               K
             )) })
@@ -3257,7 +3254,7 @@ const ga = ({
     }
   );
   return lt(U, document.body);
-}, Nr = ht(null), Sa = ({ children: e }) => {
+}, Nr = ht(null), wa = ({ children: e }) => {
   const [r, t] = J(null), o = N.useCallback((c) => new Promise((d, y) => {
     const m = Math.random().toString(36).substr(2, 9);
     t({
@@ -3330,15 +3327,45 @@ const ga = ({
       }
     )
   ] });
-}, wa = () => {
+}, ka = () => {
   const e = or(Nr);
   if (!e)
     throw new Error("useModal must be used within a ModalProvider");
   return e;
-}, sn = "ResponsiveSection-module__section___gBESK", nn = "ResponsiveSection-module__innerDiv___r1bky", er = {
-  section: sn,
-  innerDiv: nn
-}, an = ({
+}, sn = ({
+  children: e,
+  className: r,
+  style: t,
+  padding: o = "0.5em",
+  border: s = !1,
+  backgroundColor: n,
+  divProps: a
+}) => {
+  const i = R();
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ...a,
+      className: r,
+      style: {
+        padding: o,
+        borderRadius: i.border.radius,
+        fontSize: "1em",
+        backgroundColor: n ?? i.cards.backgroundColor,
+        ...s && {
+          borderWidth: i.border.width,
+          borderStyle: "solid",
+          borderColor: i.colors.primary
+        },
+        ...t
+      },
+      children: e
+    }
+  );
+}, nn = "ResponsiveSection-module__section___gBESK", an = "ResponsiveSection-module__innerDiv___r1bky", er = {
+  section: nn,
+  innerDiv: an
+}, ln = ({
   // Color props
   backgroundColor: e,
   color: r,
@@ -3375,14 +3402,14 @@ const ga = ({
     "--gap": c
   }, E = [er.section, m].filter(Boolean).join(" ");
   return /* @__PURE__ */ _("section", { ...b, className: E, style: V, children: /* @__PURE__ */ _("div", { className: er.innerDiv, style: z, children: y }) });
-}, ln = "Hero-module__hero___IB2tg", cn = "Hero-module__content___rkkfQ", tr = {
-  hero: ln,
-  content: cn
-}, dn = ({
+}, cn = "Hero-module__hero___IB2tg", dn = "Hero-module__content___rkkfQ", tr = {
+  hero: cn,
+  content: dn
+}, un = ({
   isMd: e = !1,
   isLg: r = !1,
   theme: t
-}) => We(() => {
+}) => Ue(() => {
   const { rhythm: o } = t.fonts;
   let s = `calc(${o} * 2) 0`, n = "2rem", a = "1.125rem";
   return r ? (s = `calc(${o} * 4) 0`, n = "3.5rem", a = "1.5rem") : e && (s = `calc(${o} * 3.5) 0`, n = "3rem", a = "1.25rem"), {
@@ -3391,7 +3418,7 @@ const ga = ({
     "--hero-p-font-size": a,
     "--hero-h1-margin-bottom": `calc(${o} * 0.7)`
   };
-}, [e, r, t.fonts]), ka = ({
+}, [e, r, t.fonts]), xa = ({
   // Color props
   color: e,
   // Layout props
@@ -3403,9 +3430,9 @@ const ga = ({
   style: s,
   ...n
 }) => {
-  const a = R(), i = [tr.hero, o].filter(Boolean).join(" "), f = (r == null ? void 0 : r.md) || a.breakpoints.md, c = (r == null ? void 0 : r.lg) || a.breakpoints.lg, d = de(`(min-width: ${f})`), y = de(`(min-width: ${c})`), m = dn({ isMd: d, isLg: y, theme: a });
+  const a = R(), i = [tr.hero, o].filter(Boolean).join(" "), f = (r == null ? void 0 : r.md) || a.breakpoints.md, c = (r == null ? void 0 : r.lg) || a.breakpoints.lg, d = de(`(min-width: ${f})`), y = de(`(min-width: ${c})`), m = un({ isMd: d, isLg: y, theme: a });
   return /* @__PURE__ */ _(
-    an,
+    ln,
     {
       className: i,
       color: e || a.fonts.color,
@@ -3414,10 +3441,10 @@ const ga = ({
       children: /* @__PURE__ */ _("div", { className: tr.content, children: t })
     }
   );
-}, un = "Footer-module__footer___A76NF", fn = "Footer-module__container___QneNs", rr = {
-  footer: un,
-  container: fn
-}, mn = ({
+}, fn = "Footer-module__footer___A76NF", mn = "Footer-module__container___QneNs", rr = {
+  footer: fn,
+  container: mn
+}, yn = ({
   isSmallScreen: e = !1,
   maxWidth: r,
   minWidth: t,
@@ -3442,7 +3469,7 @@ const ga = ({
     backgroundColor: c,
     color: d || y.fonts.color
   };
-}, yn = ({
+}, hn = ({
   // Color props
   backgroundColor: e,
   color: r,
@@ -3464,7 +3491,7 @@ const ga = ({
   // Element-specific props
   footerProps: b
 }) => {
-  const p = R(), k = d || p.breakpoints.sm, { maxWidth: V, unit: g } = Le(k), F = de(`(max-width: ${V}${g})`), z = mn({
+  const p = R(), k = d || p.breakpoints.sm, { maxWidth: V, unit: g } = Le(k), F = de(`(max-width: ${V}${g})`), z = yn({
     isSmallScreen: F,
     maxWidth: t,
     minWidth: o,
@@ -3478,15 +3505,15 @@ const ga = ({
     color: r
   }), E = [rr.container, m].filter(Boolean).join(" ");
   return /* @__PURE__ */ _("footer", { ...b, className: rr.footer, children: /* @__PURE__ */ _("div", { className: E, style: { ...z, ...C }, children: y }) });
-}, hn = "FeatureCard-module__card___XQt66", _n = "FeatureCard-module__icon___dXJ92", pn = "FeatureCard-module__title___KxXyA", gn = "FeatureCard-module__content___68xkw", Ie = {
-  card: hn,
-  icon: _n,
-  title: pn,
-  content: gn
-}, vn = ({
+}, _n = "FeatureCard-module__card___XQt66", pn = "FeatureCard-module__icon___dXJ92", gn = "FeatureCard-module__title___KxXyA", vn = "FeatureCard-module__content___68xkw", Te = {
+  card: _n,
+  icon: pn,
+  title: gn,
+  content: vn
+}, bn = ({
   isMd: e = !1,
   theme: r
-}) => We(() => {
+}) => Ue(() => {
   const { rhythm: t } = r.fonts;
   return {
     "--feature-icon-font-size": e ? "3rem" : "2.5rem",
@@ -3495,7 +3522,7 @@ const ga = ({
     "--feature-icon-margin-bottom": `calc(${t} * 0.7)`,
     "--feature-title-margin-bottom": `calc(${t} * 0.5)`
   };
-}, [e, r.fonts]), xa = ({
+}, [e, r.fonts]), Ca = ({
   // Layout props
   breakpoint: e,
   // Content
@@ -3508,7 +3535,7 @@ const ga = ({
   // Element-specific props
   divProps: a
 }) => {
-  const i = R(), f = [Ie.card, s].filter(Boolean).join(" "), c = e || i.breakpoints.md, d = de(`(min-width: ${c})`), y = vn({ isMd: d, theme: i });
+  const i = R(), f = [Te.card, s].filter(Boolean).join(" "), c = e || i.breakpoints.md, d = de(`(min-width: ${c})`), y = bn({ isMd: d, theme: i });
   return /* @__PURE__ */ D(
     "div",
     {
@@ -3516,19 +3543,19 @@ const ga = ({
       className: f,
       style: { ...y, ...n },
       children: [
-        r && /* @__PURE__ */ _("div", { className: Ie.icon, children: r }),
-        /* @__PURE__ */ _("h3", { className: Ie.title, children: t }),
-        /* @__PURE__ */ _("div", { className: Ie.content, children: o })
+        r && /* @__PURE__ */ _("div", { className: Te.icon, children: r }),
+        /* @__PURE__ */ _("h3", { className: Te.title, children: t }),
+        /* @__PURE__ */ _("div", { className: Te.content, children: o })
       ]
     }
   );
-}, bn = "FeatureGrid-module__grid___6sW6f", Sn = {
-  grid: bn
-}, wn = ({
+}, Sn = "FeatureGrid-module__grid___6sW6f", wn = {
+  grid: Sn
+}, kn = ({
   columns: e,
   isMd: r = !1,
   isLg: t = !1
-}) => We(() => r ? r && !t && (e === 3 || e === 4) ? {
+}) => Ue(() => r ? r && !t && (e === 3 || e === 4) ? {
   "--grid-template-columns": "repeat(2, 1fr)"
 } : {
   "--grid-template-columns": {
@@ -3539,7 +3566,7 @@ const ga = ({
   }[e]
 } : {
   "--grid-template-columns": "1fr"
-}, [e, r, t]), Ca = ({
+}, [e, r, t]), Fa = ({
   columns: e = 3,
   breakpoints: r,
   gap: t,
@@ -3548,65 +3575,70 @@ const ga = ({
   style: n
 }) => {
   const a = R(), i = (r == null ? void 0 : r.md) || a.breakpoints.md, f = (r == null ? void 0 : r.lg) || a.breakpoints.lg, c = de(`(min-width: ${i})`), d = de(`(min-width: ${f})`), m = {
-    ...wn({ columns: e, isMd: c, isLg: d }),
+    ...kn({ columns: e, isMd: c, isLg: d }),
     gap: t,
     ...n
   };
-  return /* @__PURE__ */ _("div", { className: [Sn.grid, s].filter(Boolean).join(" "), style: m, children: o });
-}, kn = "MediaCard-module__card___9pZ7C", xn = "MediaCard-module__clickable___Rae9n", Cn = "MediaCard-module__vertical___GWtOA", Fn = "MediaCard-module__imageWrapper___HUiag", Vn = "MediaCard-module__horizontal___qlK4y", zn = "MediaCard-module__content___MlqE4", we = {
-  card: kn,
-  clickable: xn,
-  vertical: Cn,
-  imageWrapper: Fn,
-  horizontal: Vn,
-  content: zn
-}, Fa = ({
+  return /* @__PURE__ */ _("div", { className: [wn.grid, s].filter(Boolean).join(" "), style: m, children: o });
+}, xn = "MediaCard-module__card___9pZ7C", Cn = "MediaCard-module__clickable___Rae9n", Fn = "MediaCard-module__vertical___GWtOA", Vn = "MediaCard-module__imageWrapper___HUiag", zn = "MediaCard-module__horizontal___qlK4y", En = "MediaCard-module__content___MlqE4", we = {
+  card: xn,
+  clickable: Cn,
+  vertical: Fn,
+  imageWrapper: Vn,
+  horizontal: zn,
+  content: En
+}, Va = ({
   direction: e = "column",
   imageSlot: r,
   imageWidth: t,
-  backgroundColor: o,
-  children: s,
-  className: n,
-  style: a,
-  onClick: i,
-  actions: f,
-  divProps: c
+  border: o,
+  backgroundColor: s,
+  padding: n = "0",
+  children: a,
+  className: i,
+  style: f,
+  onClick: c,
+  actions: d,
+  divProps: y
 }) => {
-  const d = R(), y = [
+  const m = [
     we.card,
     e === "row" ? we.horizontal : we.vertical,
-    i ? we.clickable : void 0,
-    n
-  ].filter(Boolean).join(" "), m = {
-    borderRadius: d.border.radius,
-    ...o && { backgroundColor: o },
-    ...t && e === "row" && { "--media-card-image-width": t },
-    ...a
+    c ? we.clickable : void 0,
+    i
+  ].filter(Boolean).join(" "), C = (b) => {
+    c && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), c());
   };
   return /* @__PURE__ */ D(
-    "div",
+    sn,
     {
-      ...c,
-      className: y,
-      style: m,
-      onClick: i,
-      onKeyDown: i ? (b) => {
-        i && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), i());
-      } : void 0,
-      role: i ? "button" : void 0,
-      tabIndex: i ? 0 : void 0,
+      border: o,
+      backgroundColor: s,
+      padding: n,
+      className: m,
+      style: {
+        ...t && e === "row" && { "--media-card-image-width": t },
+        ...f
+      },
+      divProps: {
+        ...y,
+        onClick: c,
+        onKeyDown: c ? C : void 0,
+        role: c ? "button" : void 0,
+        tabIndex: c ? 0 : void 0
+      },
       children: [
         r && /* @__PURE__ */ _("div", { className: we.imageWrapper, children: r }),
-        /* @__PURE__ */ _("div", { className: we.content, children: s }),
-        f
+        /* @__PURE__ */ _("div", { className: we.content, children: a }),
+        d
       ]
     }
   );
-}, En = "PageLayout-module__layoutContainer___diLdT", Nn = "PageLayout-module__content___h2mBr", $n = "PageLayout-module__main___Sw7Pv", at = {
-  layoutContainer: En,
-  content: Nn,
-  main: $n
-}, Va = ({
+}, Nn = "PageLayout-module__layoutContainer___diLdT", $n = "PageLayout-module__content___h2mBr", Ln = "PageLayout-module__main___Sw7Pv", at = {
+  layoutContainer: Nn,
+  content: $n,
+  main: Ln
+}, za = ({
   // Content
   header: e,
   footer: r,
@@ -3626,20 +3658,20 @@ const ga = ({
       e && /* @__PURE__ */ _(Ss, { ...n, children: e }),
       /* @__PURE__ */ _("main", { ...f, className: at.main, children: t })
     ] }),
-    r && /* @__PURE__ */ _(yn, { ...a, children: r })
+    r && /* @__PURE__ */ _(hn, { ...a, children: r })
   ] });
-}, Ln = "FileUpload-module__dropzone___jqua0", An = "FileUpload-module__loading___C7PsH", Mn = "FileUpload-module__dragOver___q1zPo", Pn = "FileUpload-module__hiddenInput___RLLPJ", Bn = "FileUpload-module__content___yCP0l", Dn = "FileUpload-module__contentHidden___0Ewoe", Rn = "FileUpload-module__spinnerOverlay___e3Rle", On = "FileUpload-module__label___lbMkx", In = "FileUpload-module__hint___8dXlk", Tn = "FileUpload-module__errorMessage___8HB3n", ae = {
-  dropzone: Ln,
-  loading: An,
-  dragOver: Mn,
-  hiddenInput: Pn,
-  content: Bn,
-  contentHidden: Dn,
-  spinnerOverlay: Rn,
-  label: On,
-  hint: In,
-  errorMessage: Tn
-}, Hn = ({ color: e }) => /* @__PURE__ */ _(
+}, An = "FileUpload-module__dropzone___jqua0", Bn = "FileUpload-module__loading___C7PsH", Pn = "FileUpload-module__dragOver___q1zPo", Mn = "FileUpload-module__hiddenInput___RLLPJ", Dn = "FileUpload-module__content___yCP0l", Rn = "FileUpload-module__contentHidden___0Ewoe", On = "FileUpload-module__spinnerOverlay___e3Rle", In = "FileUpload-module__label___lbMkx", Tn = "FileUpload-module__hint___8dXlk", Hn = "FileUpload-module__errorMessage___8HB3n", ae = {
+  dropzone: An,
+  loading: Bn,
+  dragOver: Pn,
+  hiddenInput: Mn,
+  content: Dn,
+  contentHidden: Rn,
+  spinnerOverlay: On,
+  label: In,
+  hint: Tn,
+  errorMessage: Hn
+}, jn = ({ color: e }) => /* @__PURE__ */ _(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3650,7 +3682,7 @@ const ga = ({
     "aria-hidden": !0,
     children: /* @__PURE__ */ _("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z" })
   }
-), za = ({
+), Ea = ({
   onUpload: e,
   accept: r,
   maxSizeBytes: t,
@@ -3678,13 +3710,13 @@ const ga = ({
   }, E = (L) => {
     var A;
     (L.key === "Enter" || L.key === " ") && !o && (L.preventDefault(), (A = y.current) == null || A.click());
-  }, B = (L) => {
+  }, M = (L) => {
     var O;
     const A = (O = L.target.files) == null ? void 0 : O[0];
     A && F(A), L.target.value = "";
   }, P = (L) => {
     L.preventDefault(), o || C(!0);
-  }, U = () => C(!1), M = (L) => {
+  }, U = () => C(!1), B = (L) => {
     var O;
     if (L.preventDefault(), C(!1), o) return;
     const A = (O = L.dataTransfer.files) == null ? void 0 : O[0];
@@ -3713,7 +3745,7 @@ const ga = ({
       onKeyDown: E,
       onDragOver: P,
       onDragLeave: U,
-      onDrop: M,
+      onDrop: B,
       role: "button",
       tabIndex: o ? -1 : 0,
       "aria-disabled": o,
@@ -3726,7 +3758,7 @@ const ga = ({
             ref: y,
             type: "file",
             accept: r,
-            onChange: B,
+            onChange: M,
             disabled: o,
             className: ae.hiddenInput,
             tabIndex: -1,
@@ -3747,7 +3779,7 @@ const ga = ({
             className: [ae.content, o && ae.contentHidden].filter(Boolean).join(" "),
             "aria-hidden": o || void 0,
             children: [
-              /* @__PURE__ */ _(Hn, { color: V }),
+              /* @__PURE__ */ _(jn, { color: V }),
               /* @__PURE__ */ _("span", { className: ae.label, children: n }),
               r && /* @__PURE__ */ D("span", { className: ae.hint, children: [
                 "Accepted: ",
@@ -3765,14 +3797,14 @@ const ga = ({
       ]
     }
   );
-}, jn = "Image-module__container___sVJdZ", Wn = "Image-module__img___pKhPw", Un = "Image-module__fallback___wysuM", it = {
-  container: jn,
-  img: Wn,
-  fallback: Un
-}, qn = "Skeleton-module__skeleton___CB4uF", Gn = {
-  skeleton: qn
+}, Wn = "Image-module__container___sVJdZ", Un = "Image-module__img___pKhPw", qn = "Image-module__fallback___wysuM", it = {
+  container: Wn,
+  img: Un,
+  fallback: qn
+}, Gn = "Skeleton-module__skeleton___CB4uF", Zn = {
+  skeleton: Gn
 }, $r = ({ className: e, style: r, divProps: t }) => {
-  const o = R(), s = [Gn.skeleton, e].filter(Boolean).join(" ");
+  const o = R(), s = [Zn.skeleton, e].filter(Boolean).join(" ");
   return /* @__PURE__ */ _(
     "div",
     {
@@ -3783,7 +3815,7 @@ const ga = ({
       "aria-busy": !0
     }
   );
-}, Ea = ({
+}, Na = ({
   src: e,
   alt: r = "",
   aspectRatio: t = "1 / 1",
@@ -3800,7 +3832,7 @@ const ga = ({
     const U = setTimeout(() => p(e), s);
     return () => clearTimeout(U);
   }, [e, s]);
-  const F = o || !!e && !k && !V && g, z = !o && (!e || V), E = !o && !!e && !V, B = [it.container, a].filter(Boolean).join(" "), P = {
+  const F = o || !!e && !k && !V && g, z = !o && (!e || V), E = !o && !!e && !V, M = [it.container, a].filter(Boolean).join(" "), P = {
     aspectRatio: t,
     borderRadius: c.border.radius,
     ...i
@@ -3808,7 +3840,7 @@ const ga = ({
   return /* @__PURE__ */ D(
     "div",
     {
-      className: B,
+      className: M,
       style: P,
       "aria-label": z ? r || "Image placeholder" : void 0,
       "aria-busy": F || void 0,
@@ -3830,20 +3862,20 @@ const ga = ({
       ]
     }
   );
-}, Zn = "ImageThumbnail-module__thumbnail___-igbe", Kn = "ImageThumbnail-module__img___Q7Z4V", Qn = "ImageThumbnail-module__sizeXs___TvSHV", Xn = "ImageThumbnail-module__sizeSmall___2KnCh", Jn = "ImageThumbnail-module__sizeDefault___laoQk", Yn = "ImageThumbnail-module__sizeLarge___iwz3o", ea = "ImageThumbnail-module__removeButton___Ceh1Q", pe = {
-  thumbnail: Zn,
-  img: Kn,
-  sizeXs: Qn,
-  sizeSmall: Xn,
-  sizeDefault: Jn,
-  sizeLarge: Yn,
-  removeButton: ea
-}, ta = {
+}, Kn = "ImageThumbnail-module__thumbnail___-igbe", Qn = "ImageThumbnail-module__img___Q7Z4V", Xn = "ImageThumbnail-module__sizeXs___TvSHV", Jn = "ImageThumbnail-module__sizeSmall___2KnCh", Yn = "ImageThumbnail-module__sizeDefault___laoQk", ea = "ImageThumbnail-module__sizeLarge___iwz3o", ta = "ImageThumbnail-module__removeButton___Ceh1Q", pe = {
+  thumbnail: Kn,
+  img: Qn,
+  sizeXs: Xn,
+  sizeSmall: Jn,
+  sizeDefault: Yn,
+  sizeLarge: ea,
+  removeButton: ta
+}, ra = {
   xs: pe.sizeXs,
   small: pe.sizeSmall,
   default: pe.sizeDefault,
   large: pe.sizeLarge
-}, ra = ({ color: e }) => /* @__PURE__ */ D(
+}, oa = ({ color: e }) => /* @__PURE__ */ D(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3860,7 +3892,7 @@ const ga = ({
       /* @__PURE__ */ _("polyline", { points: "21 15 16 10 5 21" })
     ]
   }
-), Na = ({
+), $a = ({
   src: e,
   alt: r = "",
   size: t = "default",
@@ -3879,7 +3911,7 @@ const ga = ({
     const q = setTimeout(() => V(e), s);
     return () => clearTimeout(q);
   }, [e, s]);
-  const E = o || !!e && !g && !F && z, B = !o && (!e || F), P = !o && !!e && !F, U = [pe.thumbnail, ta[t], f].filter(Boolean).join(" "), M = {
+  const E = o || !!e && !g && !F && z, M = !o && (!e || F), P = !o && !!e && !F, U = [pe.thumbnail, ra[t], f].filter(Boolean).join(" "), B = {
     borderRadius: y.border.radius,
     ...c
   }, K = {
@@ -3891,12 +3923,12 @@ const ga = ({
     "div",
     {
       className: U,
-      style: M,
-      "aria-label": B ? r || "Image placeholder" : void 0,
+      style: B,
+      "aria-label": M ? r || "Image placeholder" : void 0,
       "aria-busy": E || void 0,
       children: [
         E && /* @__PURE__ */ _($r, { style: { borderRadius: "inherit", position: "absolute", inset: 0 } }),
-        B && (i ?? /* @__PURE__ */ _(ra, { color: y.colors.primary })),
+        M && (i ?? /* @__PURE__ */ _(oa, { color: y.colors.primary })),
         P && /* @__PURE__ */ _(
           "img",
           {
@@ -3943,52 +3975,53 @@ const ga = ({
 };
 export {
   Gr as Button,
-  la as CSSReset,
+  ca as CSSReset,
+  sn as Card,
   dt as Checkbox,
-  xa as FeatureCard,
-  Ca as FeatureGrid,
-  za as FileUpload,
-  yn as Footer,
-  ca as Form,
-  ma as FormCheckbox,
-  _a as FormCheckboxGroup,
+  Ca as FeatureCard,
+  Fa as FeatureGrid,
+  Ea as FileUpload,
+  hn as Footer,
+  da as Form,
+  ya as FormCheckbox,
+  pa as FormCheckboxGroup,
   To as FormError,
   ge as FormField,
   Go as FormGroup,
-  da as FormInput,
+  ua as FormInput,
   _t as FormLabel,
-  ya as FormRadio,
-  ha as FormRadioGroup,
-  fa as FormSelect,
-  ua as FormTextarea,
+  ha as FormRadio,
+  _a as FormRadioGroup,
+  ma as FormSelect,
+  fa as FormTextarea,
   ps as Hamburger,
   Ss as Header,
-  ka as Hero,
-  Ea as Image,
-  Na as ImageThumbnail,
+  xa as Hero,
+  Na as Image,
+  $a as ImageThumbnail,
   Jo as Input,
   Er as LoadingSpinner,
-  Fa as MediaCard,
+  Va as MediaCard,
   on as Modal,
-  Sa as ModalProvider,
-  ga as NavDropdown,
-  va as NavLink,
-  Va as PageLayout,
+  wa as ModalProvider,
+  va as NavDropdown,
+  ba as NavLink,
+  za as PageLayout,
   Vr as Popover,
   Fr as Radio,
-  pa as ResponsiveNav,
+  ga as ResponsiveNav,
   Is as ResponsiveNavContext,
-  an as ResponsiveSection,
+  ln as ResponsiveSection,
   ls as Select,
   $r as Skeleton,
   rn as Stack,
-  ba as StyleLoader,
+  Sa as StyleLoader,
   os as Textarea,
-  ia as ThemeProvider,
+  la as ThemeProvider,
   Le as parseBreakpoint,
   Do as useFormContext,
   de as useMediaQuery,
-  wa as useModal,
+  ka as useModal,
   zr as useNavLinkStyles,
   R as useTheme
 };