quirk-ui 0.1.206 → 0.1.207

package/dist/{FormField-CC54vtkW.js → FormField-CNsm6oUT.js}

@@ -1,19 +1,19 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Input as v } from "./core/components/Input/index.mjs";
-import { Textarea as T } from "./core/components/Textarea/index.mjs";
+import { jsx as s } from "react/jsx-runtime";
+import { Input as q } from "./core/components/Input/index.mjs";
+import { Textarea as v } from "./core/components/Textarea/index.mjs";
 import { Select as m } from "./core/components/Select/index.mjs";
 import { Checkbox as _ } from "./core/components/Checkbox/index.mjs";
-import { Radio as W } from "./core/components/Radio/index.mjs";
+import { Radio as T } from "./core/components/Radio/index.mjs";
 import { Fieldset as h } from "./core/components/Fieldset/index.mjs";
-import { DatePicker as f } from "./core/components/DatePicker/index.mjs";
-import { Range as w } from "./core/components/Range/index.mjs";
-import './FormField.css';const L = "_formBlock_1lllk_1", C = "_container_1lllk_7", F = "_formInner_1lllk_20", y = "_maxWidthSm_1lllk_26", B = "_maxWidthMd_1lllk_29", q = "_maxWidthLg_1lllk_32", S = "_maxWidthFull_1lllk_35", H = "_heading_1lllk_41", G = "_eyebrow_1lllk_47", M = "_title_1lllk_51", $ = "_disclaimer_1lllk_55", I = "_progress_1lllk_61", D = "_progressHeader_1lllk_67", O = "_stepLabel_1lllk_73", V = "_stepCount_1lllk_79", P = "_stepDescription_1lllk_84", R = "_fields_1lllk_92", j = "_fieldFull_1lllk_99", N = "_fieldHalf_1lllk_103", z = "_fieldThird_1lllk_111", A = "_actions_1lllk_121", E = "_submitButton_1lllk_128", J = "_success_1lllk_134", K = "_errorBanner_1lllk_149", u = {
-  formBlock: L,
-  container: C,
-  formInner: F,
-  maxWidthSm: y,
-  maxWidthMd: B,
-  maxWidthLg: q,
+import { DatePicker as W } from "./core/components/DatePicker/index.mjs";
+import { Range as k } from "./core/components/Range/index.mjs";
+import './FormField.css';const w = "_formBlock_18qf1_1", L = "_container_18qf1_7", C = "_formInner_18qf1_20", F = "_maxWidthSm_18qf1_26", y = "_maxWidthMd_18qf1_29", B = "_maxWidthLg_18qf1_32", S = "_maxWidthFull_18qf1_35", H = "_heading_18qf1_41", G = "_eyebrow_18qf1_47", M = "_title_18qf1_51", $ = "_disclaimer_18qf1_55", I = "_progress_18qf1_61", D = "_progressHeader_18qf1_67", O = "_stepLabel_18qf1_73", V = "_stepCount_18qf1_79", P = "_stepDescription_18qf1_84", R = "_fields_18qf1_92", j = "_fieldFull_18qf1_99", N = "_fieldHalf_18qf1_103", z = "_fieldThird_18qf1_111", A = "_actions_18qf1_121", E = "_submitButton_18qf1_128", J = "_success_18qf1_134", K = "_errorBanner_18qf1_149", u = {
+  formBlock: w,
+  container: L,
+  formInner: C,
+  maxWidthSm: F,
+  maxWidthMd: y,
+  maxWidthLg: B,
   maxWidthFull: S,
   heading: H,
   eyebrow: G,
@@ -34,35 +34,35 @@ import './FormField.css';const L = "_formBlock_1lllk_1", C = "_container_1lllk_7
   errorBanner: K
 };
 function c(e) {
-  return (e ?? []).map((t) => ({
-    label: t.label,
-    value: t.value.current,
-    disabled: t.disabled
+  return (e ?? []).map((r) => ({
+    label: r.label,
+    value: r.value.current,
+    disabled: r.disabled
   }));
 }
 function p(e) {
-  return (e ?? []).map((t) => ({
-    label: t.label,
-    options: t.options.map((a) => ({
-      label: a.label,
-      value: a.value.current,
-      disabled: a.disabled
+  return (e ?? []).map((r) => ({
+    label: r.label,
+    options: r.options.map((n) => ({
+      label: n.label,
+      value: n.value.current,
+      disabled: n.disabled
     }))
   }));
 }
-function ae({ field: e, value: t, error: a, onChange: o }) {
-  const r = e.name.current, b = {
+function ne({ field: e, value: r, error: n, onChange: o }) {
+  const a = e.name.current, b = {
     full: u.fieldFull,
     half: u.fieldHalf,
     third: u.fieldThird
   }[e.width ?? "full"], i = {
-    id: r,
-    name: r,
+    id: a,
+    name: a,
     label: e.label,
     required: e.required,
     disabled: e.disabled,
     helperText: e.helperText,
-    error: a
+    error: n
   }, d = () => {
     switch (e.fieldType) {
       // ── Text-based inputs ──────────────────────────────────────────────
@@ -71,67 +71,67 @@ function ae({ field: e, value: t, error: a, onChange: o }) {
       case "phone":
       case "number":
       case "url":
-        return /* @__PURE__ */ n(
-          v,
+        return /* @__PURE__ */ s(
+          q,
           {
             ...i,
             type: e.fieldType === "phone" ? "tel" : e.fieldType,
             placeholder: e.placeholder,
-            value: t ?? "",
+            value: r ?? "",
             minLength: e.minLength,
             maxLength: e.maxLength,
             fullWidth: !0,
-            onChange: (l) => o(r, l.target.value)
+            onChange: (t) => o(a, t.target.value)
           }
         );
       // ── Textarea ───────────────────────────────────────────────────────
       case "textarea":
-        return /* @__PURE__ */ n(
-          T,
+        return /* @__PURE__ */ s(
+          v,
           {
             ...i,
             placeholder: e.placeholder,
-            value: t ?? "",
+            value: r ?? "",
             rows: e.rows ?? 4,
             maxLength: e.maxLength,
             showCharCount: e.showCharCount,
             fullWidth: !0,
-            onChange: (l) => o(r, l.target.value)
+            onChange: (t) => o(a, t.target.value)
           }
         );
       // ── Select ─────────────────────────────────────────────────────────
       case "select": {
-        const l = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
-        return /* @__PURE__ */ n(
+        const t = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
+        return /* @__PURE__ */ s(
           m,
           {
             ...i,
             placeholder: e.placeholder,
-            options: l,
-            value: t ?? "",
+            options: t,
+            value: r ?? "",
             fullWidth: !0,
-            onChange: (s) => o(r, s.target.value)
+            onChange: (l) => o(a, l.target.value)
           }
         );
       }
       // ── Multi-select ───────────────────────────────────────────────────
       case "multiselect": {
-        const l = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
-        return /* @__PURE__ */ n(
+        const t = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
+        return /* @__PURE__ */ s(
           m,
           {
             ...i,
             multiple: !0,
-            options: l,
-            value: t ?? [],
+            options: t,
+            value: r ?? [],
             showSelectedCount: !0,
-            onChange: (s) => o(r, s)
+            onChange: (l) => o(a, l)
           }
         );
       }
       // ── Single checkbox ────────────────────────────────────────────────
       case "checkbox":
-        return /* @__PURE__ */ n(
+        return /* @__PURE__ */ s(
           _,
           {
             id: i.id,
@@ -139,96 +139,96 @@ function ae({ field: e, value: t, error: a, onChange: o }) {
             label: e.label,
             required: e.required,
             disabled: e.disabled,
-            helperText: a ?? e.helperText,
-            error: !!a,
-            checked: t ?? !1,
-            onChange: (l) => o(r, l.target.checked)
+            helperText: n ?? e.helperText,
+            error: !!n,
+            checked: r ?? !1,
+            onChange: (t) => o(a, t.target.checked)
           }
         );
       // ── Checkbox group ─────────────────────────────────────────────────
       case "checkboxGroup": {
-        const l = t ?? [];
-        return /* @__PURE__ */ n(h, { legend: e.label, error: !!a, helperText: a, children: c(e.options).map((s) => /* @__PURE__ */ n(
+        const t = r ?? [];
+        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((l) => /* @__PURE__ */ s(
           _,
           {
-            id: `${r}-${s.value}`,
-            name: `${r}[]`,
-            label: s.label,
-            checked: l.includes(s.value),
-            disabled: s.disabled || e.disabled,
+            id: `${a}-${l.value}`,
+            name: `${a}[]`,
+            label: l.label,
+            checked: t.includes(l.value),
+            disabled: l.disabled || e.disabled,
             onChange: (x) => {
-              const k = x.target.checked ? [...l, s.value] : l.filter((g) => g !== s.value);
-              o(r, k);
+              const f = x.target.checked ? [...t, l.value] : t.filter((g) => g !== l.value);
+              o(a, f);
             }
           },
-          s.value
+          l.value
         )) });
       }
       // ── Radio group ────────────────────────────────────────────────────
       case "radio":
-        return /* @__PURE__ */ n(h, { legend: e.label, error: !!a, helperText: a, children: c(e.options).map((l) => /* @__PURE__ */ n(
-          W,
+        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((t) => /* @__PURE__ */ s(
+          T,
           {
-            id: `${r}-${l.value}`,
-            name: r,
-            value: l.value,
-            label: l.label,
-            checked: t === l.value,
-            disabled: l.disabled || e.disabled,
+            id: `${a}-${t.value}`,
+            name: a,
+            value: t.value,
+            label: t.label,
+            checked: r === t.value,
+            disabled: t.disabled || e.disabled,
             required: e.required,
-            onChange: () => o(r, l.value)
+            onChange: () => o(a, t.value)
           },
-          l.value
+          t.value
         )) });
       // ── Date picker ────────────────────────────────────────────────────
       case "date":
-        return /* @__PURE__ */ n(
-          f,
+        return /* @__PURE__ */ s(
+          W,
           {
             id: i.id,
             name: i.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
-            helperText: a ?? e.helperText,
-            error: !!a,
-            value: t ?? null,
-            onChange: (l) => o(r, l)
+            helperText: n ?? e.helperText,
+            error: !!n,
+            value: r ?? null,
+            onChange: (t) => o(a, t)
           }
         );
       // ── Range ──────────────────────────────────────────────────────────
       case "range":
-        return /* @__PURE__ */ n(
-          w,
+        return /* @__PURE__ */ s(
+          k,
           {
             ...i,
-            value: t ?? e.rangeMin ?? 0,
+            value: r ?? e.rangeMin ?? 0,
             min: e.rangeMin ?? 0,
             max: e.rangeMax ?? 100,
             step: e.rangeStep ?? 1,
             valuePrefix: e.rangeValuePrefix,
             valueSuffix: e.rangeValueSuffix,
             showValue: !0,
-            onChange: (l) => o(r, l)
+            onChange: (t) => o(a, t)
           }
         );
       // ── Hidden ─────────────────────────────────────────────────────────
       case "hidden":
-        return /* @__PURE__ */ n(
+        return /* @__PURE__ */ s(
           "input",
           {
             type: "hidden",
-            name: r,
-            value: t ?? e.hiddenValue ?? ""
+            name: a,
+            value: r ?? e.hiddenValue ?? ""
           }
         );
       default:
         return null;
     }
   };
-  return e.fieldType === "hidden" ? d() : /* @__PURE__ */ n("div", { className: `${b}`, children: d() });
+  return e.fieldType === "hidden" ? d() : /* @__PURE__ */ s("div", { className: `${b}`, children: d() });
 }
 export {
-  ae as F,
+  ne as F,
   u as s
 };

package/dist/FormField-DKM8k1nK.cjs

@@ -0,0 +1 @@
+"use strict";require('./FormField.css');const a=require("react/jsx-runtime"),f=require("./core/components/Input/index.cjs"),v=require("./core/components/Textarea/index.cjs"),_=require("./core/components/Select/index.cjs"),h=require("./core/components/Checkbox/index.cjs"),T=require("./core/components/Radio/index.cjs"),p=require("./core/components/Fieldset/index.cjs"),k=require("./core/components/DatePicker/index.cjs"),W=require("./core/components/Range/index.cjs"),F="_formBlock_18qf1_1",j="_container_18qf1_7",C="_formInner_18qf1_20",w="_maxWidthSm_18qf1_26",L="_maxWidthMd_18qf1_29",y="_maxWidthLg_18qf1_32",S="_maxWidthFull_18qf1_35",B="_heading_18qf1_41",$="_eyebrow_18qf1_47",H="_title_18qf1_51",G="_disclaimer_18qf1_55",I="_progress_18qf1_61",M="_progressHeader_18qf1_67",D="_stepLabel_18qf1_73",O="_stepCount_18qf1_79",P="_stepDescription_18qf1_84",R="_fields_18qf1_92",V="_fieldFull_18qf1_99",N="_fieldHalf_18qf1_103",z="_fieldThird_18qf1_111",A="_actions_18qf1_121",E="_submitButton_18qf1_128",J="_success_18qf1_134",K="_errorBanner_18qf1_149",u={formBlock:F,container:j,formInner:C,maxWidthSm:w,maxWidthMd:L,maxWidthLg:y,maxWidthFull:S,heading:B,eyebrow:$,title:H,disclaimer:G,progress:I,progressHeader:M,stepLabel:D,stepCount:O,stepDescription:P,fields:R,fieldFull:V,fieldHalf:N,fieldThird:z,actions:A,submitButton:E,success:J,errorBanner:K};function i(e){return(e??[]).map(n=>({label:n.label,value:n.value.current,disabled:n.disabled}))}function m(e){return(e??[]).map(n=>({label:n.label,options:n.options.map(s=>({label:s.label,value:s.value.current,disabled:s.disabled}))}))}function Q({field:e,value:n,error:s,onChange:l}){const r=e.name.current,x={full:u.fieldFull,half:u.fieldHalf,third:u.fieldThird}[e.width??"full"],c={id:r,name:r,label:e.label,required:e.required,disabled:e.disabled,helperText:e.helperText,error:s},d=()=>{switch(e.fieldType){case"text":case"email":case"phone":case"number":case"url":return a.jsx(f.Input,{...c,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:n??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:t=>l(r,t.target.value)});case"textarea":return a.jsx(v.Textarea,{...c,placeholder:e.placeholder,value:n??"",rows:e.rows??4,maxLength:e.maxLength,showCharCount:e.showCharCount,fullWidth:!0,onChange:t=>l(r,t.target.value)});case"select":{const t=e.useOptionGroups?m(e.optionGroups):i(e.options);return a.jsx(_.Select,{...c,placeholder:e.placeholder,options:t,value:n??"",fullWidth:!0,onChange:o=>l(r,o.target.value)})}case"multiselect":{const t=e.useOptionGroups?m(e.optionGroups):i(e.options);return a.jsx(_.Select,{...c,multiple:!0,options:t,value:n??[],showSelectedCount:!0,onChange:o=>l(r,o)})}case"checkbox":return a.jsx(h.Checkbox,{id:c.id,name:c.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,checked:n??!1,onChange:t=>l(r,t.target.checked)});case"checkboxGroup":{const t=n??[];return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(o=>a.jsx(h.Checkbox,{id:`${r}-${o.value}`,name:`${r}[]`,label:o.label,checked:t.includes(o.value),disabled:o.disabled||e.disabled,onChange:b=>{const q=b.target.checked?[...t,o.value]:t.filter(g=>g!==o.value);l(r,q)}},o.value))})}case"radio":return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(t=>a.jsx(T.Radio,{id:`${r}-${t.value}`,name:r,value:t.value,label:t.label,checked:n===t.value,disabled:t.disabled||e.disabled,required:e.required,onChange:()=>l(r,t.value)},t.value))});case"date":return a.jsx(k.DatePicker,{id:c.id,name:c.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,value:n??null,onChange:t=>l(r,t)});case"range":return a.jsx(W.Range,{...c,value:n??e.rangeMin??0,min:e.rangeMin??0,max:e.rangeMax??100,step:e.rangeStep??1,valuePrefix:e.rangeValuePrefix,valueSuffix:e.rangeValueSuffix,showValue:!0,onChange:t=>l(r,t)});case"hidden":return a.jsx("input",{type:"hidden",name:r,value:n??e.hiddenValue??""});default:return null}};return e.fieldType==="hidden"?d():a.jsx("div",{className:`${x}`,children:d()})}exports.FormField=Q;exports.styles=u;

package/dist/FormField.css

@@ -1 +1 @@
-._formBlock_1lllk_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1lllk_7{width:100%;max-width:var(--layout-width, 1250px);margin:0 auto;padding-left:var(--site-gutter);padding-right:var(--site-gutter);display:flex;flex-direction:column;gap:var(--spacing-lg)}._formInner_1lllk_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_1lllk_26{max-width:480px}._maxWidthMd_1lllk_29{max-width:640px}._maxWidthLg_1lllk_32{max-width:800px}._maxWidthFull_1lllk_35{max-width:100%}._heading_1lllk_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_1lllk_47{font-weight:var(--font-weight-bold)}._title_1lllk_51{text-wrap:balance}._disclaimer_1lllk_55{font-size:var(--font-size-sm)}._progress_1lllk_61{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_1lllk_67{display:flex;justify-content:space-between;align-items:center}._stepLabel_1lllk_73{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_1lllk_79{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_1lllk_84{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_1lllk_92{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_1lllk_99{width:100%}._fieldHalf_1lllk_103{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_1lllk_103{width:100%}}._fieldThird_1lllk_111{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_1lllk_111{width:100%}}._actions_1lllk_121{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_1lllk_128{margin-left:auto}._success_1lllk_134{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_1lllk_134 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_1lllk_149{padding:var(--spacing-md);background-color:var(--color-states-error-bg);color:var(--color-states-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.split ._container_1lllk_7{flex-direction:row;gap:3rem}.split ._heading_1lllk_41,.split form{flex:.5}@media (max-width: 767px){.split ._container_1lllk_7{flex-direction:column}.split ._heading_1lllk_41,.split form{flex:1}}
+._formBlock_18qf1_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_18qf1_7{width:100%;max-width:var(--layout-width, 1250px);margin:0 auto;padding-left:var(--site-gutter);padding-right:var(--site-gutter);display:flex;flex-direction:column;gap:var(--spacing-lg)}._formInner_18qf1_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_18qf1_26{max-width:480px}._maxWidthMd_18qf1_29{max-width:640px}._maxWidthLg_18qf1_32{max-width:800px}._maxWidthFull_18qf1_35{max-width:100%}._heading_18qf1_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_18qf1_47{font-weight:var(--font-weight-bold)}._title_18qf1_51{text-wrap:balance}._disclaimer_18qf1_55{font-size:var(--font-size-sm)}._progress_18qf1_61{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_18qf1_67{display:flex;justify-content:space-between;align-items:center}._stepLabel_18qf1_73{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_18qf1_79{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_18qf1_84{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_18qf1_92{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_18qf1_99{width:100%}._fieldHalf_18qf1_103{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_18qf1_103{width:100%}}._fieldThird_18qf1_111{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_18qf1_111{width:100%}}._actions_18qf1_121{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_18qf1_128{margin-left:auto}._success_18qf1_134{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_18qf1_134 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_18qf1_149{padding:var(--spacing-md);background-color:var(--color-states-error-bg);color:var(--color-states-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.removePaddingAll ._container_18qf1_7{padding:0}.split ._container_18qf1_7{flex-direction:row;gap:3rem}.split ._heading_18qf1_41,.split form{flex:.5}@media (max-width: 767px){.split ._container_18qf1_7{flex-direction:column}.split ._heading_18qf1_41,.split form{flex:1}}

package/dist/core/components/Modal/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index38.css');const e=require("react/jsx-runtime"),c=require("react"),Y=require("react-dom"),L=require("../../../x-Dft9NVe_.cjs"),R="_overlay_2ihb4_2",P="_fadeIn_2ihb4_1",A="_container_2ihb4_19",F="_modal_2ihb4_49",K="_slideUp_2ihb4_1",X="_closeButton_2ihb4_60",G="_title_2ihb4_87",H="_content_2ihb4_97",J="_intro_2ihb4_116",Q="_trigger_2ihb4_123",V="_fadeOut_2ihb4_1",W="_closing_2ihb4_170",Z="_slideUpSheet_2ihb4_1",O="_slideDownSheet_2ihb4_1",t={overlay:R,fadeIn:P,container:A,"size-sm":"_size-sm_2ihb4_26","size-md":"_size-md_2ihb4_30","size-lg":"_size-lg_2ihb4_34","size-xl":"_size-xl_2ihb4_38","size-full":"_size-full_2ihb4_42",modal:F,slideUp:K,closeButton:X,title:G,content:H,intro:J,trigger:Q,fadeOut:V,closing:W,slideUpSheet:Z,slideDownSheet:O},ee=()=>{if(typeof document>"u")return;const s=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${s}px`,document.body.style.width="100%",document.body.style.overflowY="scroll"},k=()=>{if(typeof document>"u")return;const s=Math.abs(parseInt(document.body.style.top||"0",10));document.body.style.position="",document.body.style.top="",document.body.style.width="",document.body.style.overflowY="",s&&window.scrollTo(0,s)};function te({content:s,trigger:z,isOpen:b,onOpen:l,onClose:_,size:S="md",closeOnEscape:y=!0,closeOnOverlayClick:$=!0,showCloseButton:E=!0,className:j,overlayClassName:C,style:I,formData:g,renderForm:v}){const[q,p]=c.useState(!1),[f,w]=c.useState(!1),h=c.useRef(null),m=b!==void 0,o=m?b:q,N=()=>{m||p(!0),l==null||l()},r=()=>{w(!0),setTimeout(()=>{w(!1),m?_==null||_():p(!1)},300)},T=()=>o?r():N(),U=()=>{$&&r()};c.useEffect(()=>{if(!y||!o)return;const n=d=>{d.key==="Escape"&&r()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[o,y]),c.useEffect(()=>(o?ee():k(),()=>k()),[o]),c.useEffect(()=>{if(!o||!h.current)return;const n=h.current,d=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),i=d[0],a=d[d.length-1],x=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===i&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),i==null||i.focus()))};return n.addEventListener("keydown",x),i==null||i.focus(),()=>n.removeEventListener("keydown",x)},[o]);const B=t[`size-${S}`]??"",D=s!==void 0?s:e.jsx(e.Fragment,{children:g&&v?v(g):null}),M=o||f?e.jsx("div",{className:`${t.overlay} ${f?t.closing:""} ${C??""}`.trim(),onClick:U,role:"dialog","aria-modal":"true",children:e.jsxs("div",{className:`${B} ${t.container} ${f?t.closing:""}`,children:[E&&e.jsx("button",{"aria-label":"Close",className:t.closeButton,onClick:r,type:"button",children:e.jsx(L.X,{size:20})}),e.jsx("div",{ref:h,className:`${t.modal} ${j??""}`.trim(),style:I,onClick:n=>n.stopPropagation(),children:e.jsx("div",{className:t.content,children:D})})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.trigger,onClick:T,children:z}),typeof window<"u"&&Y.createPortal(M,document.body)]})}exports.Modal=te;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index38.css');const e=require("react/jsx-runtime"),i=require("react"),Y=require("react-dom"),L=require("../../../x-Dft9NVe_.cjs"),R="_overlay_6t5hy_2",P="_fadeIn_6t5hy_1",A="_container_6t5hy_19",F="_modal_6t5hy_49",K="_slideUp_6t5hy_1",X="_closeButton_6t5hy_60",G="_title_6t5hy_87",H="_content_6t5hy_97",J="_intro_6t5hy_116",Q="_trigger_6t5hy_123",V="_fadeOut_6t5hy_1",W="_closing_6t5hy_170",Z="_slideUpSheet_6t5hy_1",O="_slideDownSheet_6t5hy_1",t={overlay:R,fadeIn:P,container:A,"size-sm":"_size-sm_6t5hy_26","size-md":"_size-md_6t5hy_30","size-lg":"_size-lg_6t5hy_34","size-xl":"_size-xl_6t5hy_38","size-full":"_size-full_6t5hy_42",modal:F,slideUp:K,closeButton:X,title:G,content:H,intro:J,trigger:Q,fadeOut:V,closing:W,slideUpSheet:Z,slideDownSheet:O},ee=()=>{if(typeof document>"u")return;const s=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${s}px`,document.body.style.width="100%",document.body.style.overflowY="scroll"},k=()=>{if(typeof document>"u")return;const s=Math.abs(parseInt(document.body.style.top||"0",10));document.body.style.position="",document.body.style.top="",document.body.style.width="",document.body.style.overflowY="",s&&window.scrollTo(0,s)};function te({content:s,trigger:z,isOpen:m,onOpen:c,onClose:y,size:S="md",closeOnEscape:g=!0,closeOnOverlayClick:$=!0,showCloseButton:E=!0,className:j,overlayClassName:C,style:I,formData:v,renderForm:b}){const[q,p]=i.useState(!1),[_,w]=i.useState(!1),f=i.useRef(null),h=m!==void 0,o=h?m:q,N=()=>{h||p(!0),c==null||c()},r=()=>{w(!0),setTimeout(()=>{w(!1),h?y==null||y():p(!1)},300)},T=()=>o?r():N(),U=()=>{$&&r()};i.useEffect(()=>{if(!g||!o)return;const n=d=>{d.key==="Escape"&&r()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[o,g]),i.useEffect(()=>(o?ee():k(),()=>k()),[o]),i.useEffect(()=>{if(!o||!f.current)return;const n=f.current,d=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),l=d[0],a=d[d.length-1],x=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===l&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),l==null||l.focus()))};return n.addEventListener("keydown",x),l==null||l.focus(),()=>n.removeEventListener("keydown",x)},[o]);const B=t[`size-${S}`]??"",D=s!==void 0?s:e.jsx(e.Fragment,{children:v&&b?b(v):null}),M=o||_?e.jsx("div",{className:`${t.overlay} ${_?t.closing:""} ${C??""}`.trim(),onClick:U,role:"dialog","aria-modal":"true",children:e.jsxs("div",{className:`${B} ${t.container} ${_?t.closing:""}`,children:[E&&e.jsx("button",{"aria-label":"Close",className:t.closeButton,onClick:r,type:"button",children:e.jsx(L.X,{size:20})}),e.jsx("div",{ref:f,className:`${t.modal} ${j??""}`.trim(),style:I,onClick:n=>n.stopPropagation(),children:e.jsx("div",{className:t.content,children:D})})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.trigger,onClick:T,children:z}),typeof window<"u"&&Y.createPortal(M,document.body)]})}exports.Modal=te;

package/dist/core/components/Modal/index.mjs

@@ -1,16 +1,16 @@
-import { jsx as i, Fragment as z, jsxs as x } from "react/jsx-runtime";
-import { useState as S, useRef as q, useEffect as h } from "react";
+import { jsx as l, Fragment as z, jsxs as x } from "react/jsx-runtime";
+import { useState as S, useRef as q, useEffect as f } from "react";
 import { createPortal as A } from "react-dom";
 import { X as K } from "../../../x-CnsEH4Ox.js";
-import '../../../index38.css';const X = "_overlay_2ihb4_2", F = "_fadeIn_2ihb4_1", G = "_container_2ihb4_19", H = "_modal_2ihb4_49", J = "_slideUp_2ihb4_1", Q = "_closeButton_2ihb4_60", V = "_title_2ihb4_87", W = "_content_2ihb4_97", Z = "_intro_2ihb4_116", O = "_trigger_2ihb4_123", ee = "_fadeOut_2ihb4_1", te = "_closing_2ihb4_170", oe = "_slideUpSheet_2ihb4_1", ne = "_slideDownSheet_2ihb4_1", e = {
+import '../../../index38.css';const X = "_overlay_6t5hy_2", F = "_fadeIn_6t5hy_1", G = "_container_6t5hy_19", H = "_modal_6t5hy_49", J = "_slideUp_6t5hy_1", Q = "_closeButton_6t5hy_60", V = "_title_6t5hy_87", W = "_content_6t5hy_97", Z = "_intro_6t5hy_116", O = "_trigger_6t5hy_123", ee = "_fadeOut_6t5hy_1", te = "_closing_6t5hy_170", oe = "_slideUpSheet_6t5hy_1", ne = "_slideDownSheet_6t5hy_1", e = {
   overlay: X,
   fadeIn: F,
   container: G,
-  "size-sm": "_size-sm_2ihb4_26",
-  "size-md": "_size-md_2ihb4_30",
-  "size-lg": "_size-lg_2ihb4_34",
-  "size-xl": "_size-xl_2ihb4_38",
-  "size-full": "_size-full_2ihb4_42",
+  "size-sm": "_size-sm_6t5hy_26",
+  "size-md": "_size-md_6t5hy_30",
+  "size-lg": "_size-lg_6t5hy_34",
+  "size-xl": "_size-xl_6t5hy_38",
+  "size-full": "_size-full_6t5hy_42",
   modal: H,
   slideUp: J,
   closeButton: Q,
@@ -34,11 +34,11 @@ import '../../../index38.css';const X = "_overlay_2ihb4_2", F = "_fadeIn_2ihb4_1
 function re({
   content: n,
   trigger: E,
-  isOpen: b,
-  onOpen: l,
+  isOpen: h,
+  onOpen: i,
   onClose: u,
   size: C = "md",
-  closeOnEscape: y = !0,
+  closeOnEscape: v = !0,
   closeOnOverlayClick: I = !0,
   showCloseButton: N = !0,
   className: U,
@@ -47,63 +47,63 @@ function re({
   // title,
   // richTextBlocks,
   // renderRichText,
-  formData: v,
-  renderForm: g
+  formData: g,
+  renderForm: p
 }) {
-  const [Y, p] = S(!1), [_, w] = S(!1), m = q(null), f = b !== void 0, t = f ? b : Y, D = () => {
-    f || p(!0), l == null || l();
+  const [Y, b] = S(!1), [y, w] = S(!1), _ = q(null), m = h !== void 0, t = m ? h : Y, D = () => {
+    m || b(!0), i == null || i();
   }, d = () => {
     w(!0), setTimeout(() => {
-      w(!1), f ? u == null || u() : p(!1);
+      w(!1), m ? u == null || u() : b(!1);
     }, 300);
   }, L = () => t ? d() : D(), j = () => {
     I && d();
   };
-  h(() => {
-    if (!y || !t) return;
+  f(() => {
+    if (!v || !t) return;
     const o = (c) => {
       c.key === "Escape" && d();
     };
     return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
-  }, [t, y]), h(() => (t ? se() : $(), () => $()), [t]), h(() => {
-    if (!t || !m.current) return;
-    const o = m.current, c = o.querySelectorAll(
+  }, [t, v]), f(() => (t ? se() : $(), () => $()), [t]), f(() => {
+    if (!t || !_.current) return;
+    const o = _.current, c = o.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     ), s = c[0], r = c[c.length - 1], k = (a) => {
       a.key === "Tab" && (a.shiftKey ? document.activeElement === s && (a.preventDefault(), r == null || r.focus()) : document.activeElement === r && (a.preventDefault(), s == null || s.focus()));
     };
     return o.addEventListener("keydown", k), s == null || s.focus(), () => o.removeEventListener("keydown", k);
   }, [t]);
-  const M = e[`size-${C}`] ?? "", P = n !== void 0 ? n : /* @__PURE__ */ i(z, { children: v && g ? g(v) : null }), R = t || _ ? /* @__PURE__ */ i(
+  const M = e[`size-${C}`] ?? "", P = n !== void 0 ? n : /* @__PURE__ */ l(z, { children: g && p ? p(g) : null }), R = t || y ? /* @__PURE__ */ l(
     "div",
     {
-      className: `${e.overlay} ${_ ? e.closing : ""} ${B ?? ""}`.trim(),
+      className: `${e.overlay} ${y ? e.closing : ""} ${B ?? ""}`.trim(),
       onClick: j,
       role: "dialog",
       "aria-modal": "true",
       children: /* @__PURE__ */ x(
         "div",
         {
-          className: `${M} ${e.container} ${_ ? e.closing : ""}`,
+          className: `${M} ${e.container} ${y ? e.closing : ""}`,
           children: [
-            N && /* @__PURE__ */ i(
+            N && /* @__PURE__ */ l(
               "button",
               {
                 "aria-label": "Close",
                 className: e.closeButton,
                 onClick: d,
                 type: "button",
-                children: /* @__PURE__ */ i(K, { size: 20 })
+                children: /* @__PURE__ */ l(K, { size: 20 })
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ l(
               "div",
               {
-                ref: m,
+                ref: _,
                 className: `${e.modal} ${U ?? ""}`.trim(),
                 style: T,
                 onClick: (o) => o.stopPropagation(),
-                children: /* @__PURE__ */ i("div", { className: e.content, children: P })
+                children: /* @__PURE__ */ l("div", { className: e.content, children: P })
               }
             )
           ]
@@ -112,7 +112,7 @@ function re({
     }
   ) : null;
   return /* @__PURE__ */ x(z, { children: [
-    /* @__PURE__ */ i("div", { className: e.trigger, onClick: L, children: E }),
+    /* @__PURE__ */ l("div", { className: e.trigger, onClick: L, children: E }),
     typeof window < "u" && A(R, document.body)
   ] });
 }

package/dist/index38.css

@@ -1 +1 @@
-._overlay_2ihb4_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_2ihb4_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}._container_2ihb4_19{position:relative;display:flex;flex-direction:column}._size-sm_2ihb4_26{width:90%;max-width:400px}._size-md_2ihb4_30{width:90%;max-width:600px}._size-lg_2ihb4_34{width:90%;max-width:800px}._size-xl_2ihb4_38{width:90%;max-width:1200px}._size-full_2ihb4_42{width:95%;height:95dvh;max-height:95dvh}._modal_2ihb4_49{position:relative;background-color:var(--color-background, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90dvh;overflow-y:auto;animation:_slideUp_2ihb4_1 .3s ease}._closeButton_2ihb4_60{background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm, .25rem);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;align-self:flex-end;z-index:1}._closeButton_2ihb4_60:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_2ihb4_60:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_2ihb4_87{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-heading, #111);margin-bottom:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-xl, 2rem);line-height:var(--line-height-heading, 1.2)}._content_2ihb4_97{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5);display:flex;flex-direction:column;gap:var(--spacing-xl)}._content_2ihb4_97 video,._content_2ihb4_97 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_2ihb4_97 video{width:100%}._intro_2ihb4_116{margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #e5e7eb)}._trigger_2ihb4_123{width:auto;display:inline-block;cursor:pointer}@keyframes _fadeIn_2ihb4_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_2ihb4_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_2ihb4_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 767px){._overlay_2ihb4_2{align-items:flex-end;justify-content:stretch;padding:0;overflow:hidden}._overlay_2ihb4_2._closing_2ihb4_170{animation:_fadeOut_2ihb4_1 .3s ease forwards}._container_2ihb4_19{width:100%;max-width:100%;max-height:92dvh;display:flex;flex-direction:column;border-radius:var(--radius-lg, .5rem) var(--radius-lg, .5rem) 0 0;background-color:var(--color-background, #fff);animation:_slideUpSheet_2ihb4_1 .3s cubic-bezier(.16,1,.3,1) forwards}._container_2ihb4_19._closing_2ihb4_170{animation:_slideDownSheet_2ihb4_1 .3s cubic-bezier(.16,1,.3,1) forwards}._size-sm_2ihb4_26,._size-md_2ihb4_30,._size-lg_2ihb4_34,._size-xl_2ihb4_38,._size-full_2ihb4_42{width:100%;max-width:100%;height:100%;max-height:92dvh}._closeButton_2ihb4_60{color:var(--color-text-primary, #333);align-self:flex-end;margin:var(--spacing-sm)}._modal_2ihb4_49{border-radius:var(--radius-lg, .5rem) var(--radius-lg, .5rem) 0 0;padding:2.5rem var(--spacing-lg) var(--spacing-lg, 1.5rem);flex:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;max-height:none;animation:none;transform:none;overscroll-behavior:contain}._content_2ihb4_97{height:unset;width:100%}._title_2ihb4_87{font-size:var(--font-size-lg, 1.25rem);padding-right:0}}@keyframes _slideUpSheet_2ihb4_1{0%{transform:translateY(150%);opacity:.75}to{transform:translateY(0);opacity:1}}@keyframes _slideDownSheet_2ihb4_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}
+._overlay_6t5hy_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_6t5hy_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}._container_6t5hy_19{position:relative;display:flex;flex-direction:column}._size-sm_6t5hy_26{width:90%;max-width:400px}._size-md_6t5hy_30{width:90%;max-width:600px}._size-lg_6t5hy_34{width:90%;max-width:800px}._size-xl_6t5hy_38{width:90%;max-width:1200px}._size-full_6t5hy_42{width:95%;height:95dvh;max-height:95dvh}._modal_6t5hy_49{position:relative;background-color:var(--color-background, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90dvh;overflow-y:auto;animation:_slideUp_6t5hy_1 .3s ease}._closeButton_6t5hy_60{background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm, .25rem);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;align-self:flex-end;z-index:1}._closeButton_6t5hy_60:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_6t5hy_60:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_6t5hy_87{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-heading, #111);margin-bottom:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-xl, 2rem);line-height:var(--line-height-heading, 1.2)}._content_6t5hy_97{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5);display:flex;flex-direction:column;gap:var(--spacing-xl)}._content_6t5hy_97 video,._content_6t5hy_97 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_6t5hy_97 video{width:100%}._intro_6t5hy_116{margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #e5e7eb)}._trigger_6t5hy_123{width:auto;display:inline-block;cursor:pointer}@keyframes _fadeIn_6t5hy_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_6t5hy_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_6t5hy_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 767px){._overlay_6t5hy_2{align-items:flex-end;justify-content:stretch;padding:0;overflow:hidden}._overlay_6t5hy_2._closing_6t5hy_170{animation:_fadeOut_6t5hy_1 .3s ease forwards}._container_6t5hy_19{width:100%;max-width:100%;max-height:92dvh;display:flex;flex-direction:column;border-radius:var(--radius-lg, .5rem) var(--radius-lg, .5rem) 0 0;background-color:var(--color-background, #fff);animation:_slideUpSheet_6t5hy_1 .3s cubic-bezier(.16,1,.3,1) forwards}._container_6t5hy_19._closing_6t5hy_170{animation:_slideDownSheet_6t5hy_1 .3s cubic-bezier(.16,1,.3,1) forwards}._size-sm_6t5hy_26,._size-md_6t5hy_30,._size-lg_6t5hy_34,._size-xl_6t5hy_38,._size-full_6t5hy_42{width:100%;max-width:100%;height:100%;max-height:92dvh}._closeButton_6t5hy_60{color:var(--color-text-primary, #333);align-self:flex-end;margin:var(--spacing-sm)}._modal_6t5hy_49{border-radius:var(--radius-lg, .5rem) var(--radius-lg, .5rem) 0 0;padding:2.5rem var(--spacing-lg) var(--spacing-lg, 1.5rem);flex:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;max-height:none;animation:none;transform:none;overscroll-behavior:contain;position:absolute;height:100%}._content_6t5hy_97{height:unset;width:100%}._title_6t5hy_87{font-size:var(--font-size-lg, 1.25rem);padding-right:0}}@keyframes _slideUpSheet_6t5hy_1{0%{transform:translateY(150%);opacity:.75}to{transform:translateY(0);opacity:1}}@keyframes _slideDownSheet_6t5hy_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}

package/dist/next/blocks/FormBlock/FormField.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../core/components/Input/index.cjs");require("../../../core/components/Textarea/index.cjs");require("../../../core/components/Select/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("../../../core/components/Radio/index.cjs");require("../../../core/components/Fieldset/index.cjs");require("../../../core/components/DatePicker/index.cjs");require("../../../core/components/Range/index.cjs");const e=require("../../../FormField-CrjRuF3o.cjs");exports.FormField=e.FormField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../core/components/Input/index.cjs");require("../../../core/components/Textarea/index.cjs");require("../../../core/components/Select/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("../../../core/components/Radio/index.cjs");require("../../../core/components/Fieldset/index.cjs");require("../../../core/components/DatePicker/index.cjs");require("../../../core/components/Range/index.cjs");const e=require("../../../FormField-DKM8k1nK.cjs");exports.FormField=e.FormField;

package/dist/next/blocks/FormBlock/FormField.mjs

@@ -7,7 +7,7 @@ import "../../../core/components/Radio/index.mjs";
 import "../../../core/components/Fieldset/index.mjs";
 import "../../../core/components/DatePicker/index.mjs";
 import "../../../core/components/Range/index.mjs";
-import { F as l } from "../../../FormField-CC54vtkW.js";
+import { F as l } from "../../../FormField-CNsm6oUT.js";
 export {
   l as FormField
 };

package/dist/next/blocks/FormBlock/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),W=require("../../../core/components/Form/index.cjs"),E=require("../../../index-CUjZDv40.cjs"),M=require("../../../core/components/ProgressBar/index.cjs"),A=require("../../hooks/useStyleClasses.cjs"),e=require("../../../FormField-CrjRuF3o.cjs"),_=require("./validate.cjs");function D(r,s){switch(s.type){case"SET_VALUE":return{...r,values:{...r.values,[s.name]:s.value},errors:{...r.errors,[s.name]:""}};case"SET_ERRORS":return{...r,errors:s.errors};case"CLEAR_ERROR":return{...r,errors:{...r.errors,[s.name]:""}};case"NEXT_STEP":return{...r,currentStep:r.currentStep+1,errors:{}};case"PREV_STEP":return{...r,currentStep:r.currentStep-1,errors:{}};case"SET_SUBMITTING":return{...r,isSubmitting:s.value};case"SET_RESULT":return{...r,submitResult:s.result,isSubmitting:!1};case"RESET":return{...r,currentStep:0,errors:{},submitResult:null,isSubmitting:!1};default:return r}}function G({id:r,heading:s,layout:B="vertical",maxWidth:x="md",steps:S,submitLabel:C="Submit",nextLabel:F="Next",backLabel:L="Back",successMessage:P="Thank you! Your submission has been received.",errorMessage:p="Something went wrong. Please try again.",styleOptions:$,renderRichText:c,onSubmit:v}){const N=A.useStyleClasses($??{}),j={sm:e.styles.maxWidthSm,md:e.styles.maxWidthMd,lg:e.styles.maxWidthLg,full:e.styles.maxWidthFull}[x],q=i.useMemo(()=>_.buildInitialValues(S),[]),[w,o]=i.useReducer(D,{values:q,errors:{},currentStep:0,isSubmitting:!1,submitResult:null}),{values:u,errors:T,currentStep:m,isSubmitting:b,submitResult:n}=w,y=S.length,k=y>1,f=m===y-1,I=(m+1)/y*100,a=S[m],O=i.useCallback((l,d)=>{o({type:"SET_VALUE",name:l,value:d})},[]),U=i.useCallback(()=>{const l=_.validateStep(a.fields,u);if(Object.keys(l).length>0){o({type:"SET_ERRORS",errors:l});return}o({type:"NEXT_STEP"})},[a.fields,u]),V=i.useCallback(()=>{o({type:"PREV_STEP"})},[]),R=i.useCallback(async()=>{const l=_.validateStep(a.fields,u);if(Object.keys(l).length>0){o({type:"SET_ERRORS",errors:l});return}o({type:"SET_SUBMITTING",value:!0});try{const d=await v(u);o({type:"SET_RESULT",result:d})}catch{o({type:"SET_RESULT",result:{success:!1,message:p}})}},[a.fields,u,v,p]);return n!=null&&n.success?t.jsx("section",{id:r,className:`${e.styles.formBlock} ${N}`,children:t.jsx("div",{className:`${e.styles.formInner} ${j}`,children:t.jsx("div",{className:e.styles.container,children:t.jsxs("div",{className:e.styles.success,children:[t.jsx("p",{children:n.message??P}),t.jsx(E.Button,{as:"button",variant:"secondary",onClick:()=>o({type:"RESET"}),children:"Submit another response"})]})})})}):t.jsx("section",{id:r,className:`${e.styles.formBlock} ${N}`,children:t.jsx("div",{className:`${e.styles.formInner} ${j}`,children:t.jsxs("div",{className:e.styles.container,children:[((s==null?void 0:s.title)||(s==null?void 0:s.description))&&t.jsxs("div",{className:e.styles.heading,children:[s.eyebrow&&(c==null?void 0:c({blocks:s.eyebrow,className:e.styles.eyebrow})),s.title&&(c==null?void 0:c({blocks:s.title,className:e.styles.title})),s.description&&(c==null?void 0:c({blocks:s.description}))]}),k&&t.jsxs("div",{className:e.styles.progress,children:[t.jsxs("div",{className:e.styles.progressHeader,children:[t.jsx("span",{className:e.styles.stepLabel,children:a.title}),t.jsxs("span",{className:e.styles.stepCount,children:[m+1," / ",y]})]}),t.jsx(M.ProgressBar,{progress:I,variant:"primary",size:"sm",showLabel:!1})]}),a.description&&t.jsx("p",{className:e.styles.stepDescription,children:a.description}),n&&!n.success&&t.jsx("div",{className:e.styles.errorBanner,role:"alert",children:n.message??p}),t.jsxs(W.Form,{layout:B,noValidate:!0,onSubmit:l=>{l.preventDefault(),f?R():U()},children:[t.jsx("div",{className:e.styles.fields,children:a.fields.map(l=>t.jsx(e.FormField,{field:l,value:u[l.name.current],error:T[l.name.current],onChange:O},l._key))}),(s==null?void 0:s.disclaimer)&&(c==null?void 0:c({blocks:s==null?void 0:s.disclaimer,className:e.styles.disclaimer})),t.jsxs("div",{className:e.styles.actions,children:[k&&m>0&&t.jsx(E.Button,{as:"button",type:"button",variant:"secondary",onClick:V,disabled:b,children:L}),t.jsx(E.Button,{as:"button",type:"submit",variant:"primary",disabled:b,className:e.styles.submitButton,children:b?"Submitting…":f?C:F})]})]})]})})})}exports.FormBlock=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),W=require("../../../core/components/Form/index.cjs"),E=require("../../../index-CUjZDv40.cjs"),M=require("../../../core/components/ProgressBar/index.cjs"),A=require("../../hooks/useStyleClasses.cjs"),e=require("../../../FormField-DKM8k1nK.cjs"),_=require("./validate.cjs");function D(r,s){switch(s.type){case"SET_VALUE":return{...r,values:{...r.values,[s.name]:s.value},errors:{...r.errors,[s.name]:""}};case"SET_ERRORS":return{...r,errors:s.errors};case"CLEAR_ERROR":return{...r,errors:{...r.errors,[s.name]:""}};case"NEXT_STEP":return{...r,currentStep:r.currentStep+1,errors:{}};case"PREV_STEP":return{...r,currentStep:r.currentStep-1,errors:{}};case"SET_SUBMITTING":return{...r,isSubmitting:s.value};case"SET_RESULT":return{...r,submitResult:s.result,isSubmitting:!1};case"RESET":return{...r,currentStep:0,errors:{},submitResult:null,isSubmitting:!1};default:return r}}function G({id:r,heading:s,layout:B="vertical",maxWidth:x="md",steps:S,submitLabel:C="Submit",nextLabel:F="Next",backLabel:L="Back",successMessage:P="Thank you! Your submission has been received.",errorMessage:p="Something went wrong. Please try again.",styleOptions:$,renderRichText:c,onSubmit:v}){const N=A.useStyleClasses($??{}),j={sm:e.styles.maxWidthSm,md:e.styles.maxWidthMd,lg:e.styles.maxWidthLg,full:e.styles.maxWidthFull}[x],q=i.useMemo(()=>_.buildInitialValues(S),[]),[w,o]=i.useReducer(D,{values:q,errors:{},currentStep:0,isSubmitting:!1,submitResult:null}),{values:u,errors:T,currentStep:m,isSubmitting:b,submitResult:n}=w,y=S.length,k=y>1,f=m===y-1,I=(m+1)/y*100,a=S[m],O=i.useCallback((l,d)=>{o({type:"SET_VALUE",name:l,value:d})},[]),U=i.useCallback(()=>{const l=_.validateStep(a.fields,u);if(Object.keys(l).length>0){o({type:"SET_ERRORS",errors:l});return}o({type:"NEXT_STEP"})},[a.fields,u]),V=i.useCallback(()=>{o({type:"PREV_STEP"})},[]),R=i.useCallback(async()=>{const l=_.validateStep(a.fields,u);if(Object.keys(l).length>0){o({type:"SET_ERRORS",errors:l});return}o({type:"SET_SUBMITTING",value:!0});try{const d=await v(u);o({type:"SET_RESULT",result:d})}catch{o({type:"SET_RESULT",result:{success:!1,message:p}})}},[a.fields,u,v,p]);return n!=null&&n.success?t.jsx("section",{id:r,className:`${e.styles.formBlock} ${N}`,children:t.jsx("div",{className:`${e.styles.formInner} ${j}`,children:t.jsx("div",{className:e.styles.container,children:t.jsxs("div",{className:e.styles.success,children:[t.jsx("p",{children:n.message??P}),t.jsx(E.Button,{as:"button",variant:"secondary",onClick:()=>o({type:"RESET"}),children:"Submit another response"})]})})})}):t.jsx("section",{id:r,className:`${e.styles.formBlock} ${N}`,children:t.jsx("div",{className:`${e.styles.formInner} ${j}`,children:t.jsxs("div",{className:e.styles.container,children:[((s==null?void 0:s.title)||(s==null?void 0:s.description))&&t.jsxs("div",{className:e.styles.heading,children:[s.eyebrow&&(c==null?void 0:c({blocks:s.eyebrow,className:e.styles.eyebrow})),s.title&&(c==null?void 0:c({blocks:s.title,className:e.styles.title})),s.description&&(c==null?void 0:c({blocks:s.description}))]}),k&&t.jsxs("div",{className:e.styles.progress,children:[t.jsxs("div",{className:e.styles.progressHeader,children:[t.jsx("span",{className:e.styles.stepLabel,children:a.title}),t.jsxs("span",{className:e.styles.stepCount,children:[m+1," / ",y]})]}),t.jsx(M.ProgressBar,{progress:I,variant:"primary",size:"sm",showLabel:!1})]}),a.description&&t.jsx("p",{className:e.styles.stepDescription,children:a.description}),n&&!n.success&&t.jsx("div",{className:e.styles.errorBanner,role:"alert",children:n.message??p}),t.jsxs(W.Form,{layout:B,noValidate:!0,onSubmit:l=>{l.preventDefault(),f?R():U()},children:[t.jsx("div",{className:e.styles.fields,children:a.fields.map(l=>t.jsx(e.FormField,{field:l,value:u[l.name.current],error:T[l.name.current],onChange:O},l._key))}),(s==null?void 0:s.disclaimer)&&(c==null?void 0:c({blocks:s==null?void 0:s.disclaimer,className:e.styles.disclaimer})),t.jsxs("div",{className:e.styles.actions,children:[k&&m>0&&t.jsx(E.Button,{as:"button",type:"button",variant:"secondary",onClick:V,disabled:b,children:L}),t.jsx(E.Button,{as:"button",type:"submit",variant:"primary",disabled:b,className:e.styles.submitButton,children:b?"Submitting…":f?C:F})]})]})]})})})}exports.FormBlock=G;

package/dist/next/blocks/FormBlock/index.mjs

@@ -4,7 +4,7 @@ import { Form as X } from "../../../core/components/Form/index.mjs";
 import { B as d } from "../../../index--KCTRJKr.js";
 import { ProgressBar as z } from "../../../core/components/ProgressBar/index.mjs";
 import { useStyleClasses as H } from "../../hooks/useStyleClasses.mjs";
-import { s as r, F as Y } from "../../../FormField-CC54vtkW.js";
+import { s as r, F as Y } from "../../../FormField-CNsm6oUT.js";
 import { buildInitialValues as h, validateStep as L } from "./validate.mjs";
 function q(e, s) {
   switch (s.type) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.206",
+  "version": "0.1.207",
   "type": "module",
   "exports": {
     ".": {

package/dist/AccordionItem.css.d.ts

@@ -1,13 +0,0 @@
-declare const styles: {
-  readonly "_accordionContent_14hw7_64": string;
-  readonly "_accordionHeader_14hw7_15": string;
-  readonly "_accordionItem_14hw7_7": string;
-  readonly "_accordion_14hw7_1": string;
-  readonly "_active_14hw7_30": string;
-  readonly "_closed_14hw7_51": string;
-  readonly "_icon_14hw7_44": string;
-  readonly "_open_14hw7_50": string;
-  readonly "_rotate_14hw7_80": string;
-};
-export = styles;
-

package/dist/CategoryFilters.css.d.ts

@@ -1,31 +0,0 @@
-declare const styles: {
-  readonly "_applyFilters_x1tkl_218": string;
-  readonly "_buttonIsLoading_x1tkl_307": string;
-  readonly "_clearSearch_x1tkl_106": string;
-  readonly "_container_x1tkl_9": string;
-  readonly "_cta_x1tkl_25": string;
-  readonly "_documentList_x1tkl_1": string;
-  readonly "_eyebrow_x1tkl_30": string;
-  readonly "_filterHeader_x1tkl_178": string;
-  readonly "_filterList_x1tkl_203": string;
-  readonly "_filterToggle_x1tkl_163": string;
-  readonly "_heading_x1tkl_20": string;
-  readonly "_hide_x1tkl_256": string;
-  readonly "_listContainer_x1tkl_34": string;
-  readonly "_listFilters_x1tkl_210": string;
-  readonly "_listHeaderFilters_x1tkl_125": string;
-  readonly "_listHeader_x1tkl_66": string;
-  readonly "_listResults_x1tkl_136": string;
-  readonly "_listSearch_x1tkl_79": string;
-  readonly "_listSort_x1tkl_140": string;
-  readonly "_listWrapper_x1tkl_45": string;
-  readonly "_list_x1tkl_34": string;
-  readonly "_loadMore_x1tkl_199": string;
-  readonly "_rotate_x1tkl_1": string;
-  readonly "_show_x1tkl_247": string;
-  readonly "_text_x1tkl_25": string;
-  readonly "_title_x1tkl_25": string;
-  readonly "_wrapper_x1tkl_266": string;
-};
-export = styles;
-