quirk-ui 0.1.152 → 0.1.154

package/dist/{FormField-Rqe3qF_t.js → FormField-D1m8xWkL.js}

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
-import { Input as v } from "./core/components/Input/index.mjs";
+import { Input as g } from "./core/components/Input/index.mjs";
 import { Textarea as T } from "./core/components/Textarea/index.mjs";
-import { Select as b } from "./core/components/Select/index.mjs";
-import { Checkbox as d } from "./core/components/Checkbox/index.mjs";
+import { Select as m } from "./core/components/Select/index.mjs";
+import { Checkbox as h } from "./core/components/Checkbox/index.mjs";
 import { Radio as W } from "./core/components/Radio/index.mjs";
-import { Fieldset as h } from "./core/components/Fieldset/index.mjs";
-import { DatePicker as k } from "./core/components/DatePicker/index.mjs";
-import { Range as w } from "./core/components/Range/index.mjs";
-import './FormField.css';const L = "_formBlock_b7mbf_1", C = "_container_b7mbf_7", F = "_formInner_b7mbf_20", y = "_maxWidthSm_b7mbf_26", B = "_maxWidthMd_b7mbf_29", q = "_maxWidthLg_b7mbf_32", S = "_maxWidthFull_b7mbf_35", H = "_heading_b7mbf_41", G = "_eyebrow_b7mbf_47", M = "_title_b7mbf_51", $ = "_progress_b7mbf_57", I = "_progressHeader_b7mbf_63", D = "_stepLabel_b7mbf_69", O = "_stepCount_b7mbf_75", V = "_stepDescription_b7mbf_80", P = "_fields_b7mbf_88", R = "_fieldFull_b7mbf_95", j = "_fieldHalf_b7mbf_99", N = "_fieldThird_b7mbf_107", z = "_actions_b7mbf_117", A = "_submitButton_b7mbf_124", E = "_success_b7mbf_130", J = "_errorBanner_b7mbf_143", c = {
+import { Fieldset as p } from "./core/components/Fieldset/index.mjs";
+import { DatePicker as f } from "./core/components/DatePicker/index.mjs";
+import { Range as k } from "./core/components/Range/index.mjs";
+import './FormField.css';const L = "_formBlock_1nwvd_1", C = "_container_1nwvd_7", F = "_formInner_1nwvd_20", y = "_maxWidthSm_1nwvd_26", B = "_maxWidthMd_1nwvd_29", q = "_maxWidthLg_1nwvd_32", S = "_maxWidthFull_1nwvd_35", H = "_heading_1nwvd_41", G = "_eyebrow_1nwvd_47", M = "_title_1nwvd_51", $ = "_progress_1nwvd_57", I = "_progressHeader_1nwvd_63", D = "_stepLabel_1nwvd_69", O = "_stepCount_1nwvd_75", V = "_stepDescription_1nwvd_80", P = "_fields_1nwvd_88", R = "_fieldFull_1nwvd_95", j = "_fieldHalf_1nwvd_99", N = "_fieldThird_1nwvd_107", z = "_actions_1nwvd_117", A = "_submitButton_1nwvd_124", E = "_success_1nwvd_130", J = "_errorBanner_1nwvd_145", u = {
   formBlock: L,
   container: C,
   formInner: F,
@@ -32,37 +32,37 @@ import './FormField.css';const L = "_formBlock_b7mbf_1", C = "_container_b7mbf_7
   success: E,
   errorBanner: J
 };
-function u(e) {
-  return (e ?? []).map((r) => ({
-    label: r.label,
-    value: r.value.current,
-    disabled: r.disabled
+function i(e) {
+  return (e ?? []).map((n) => ({
+    label: n.label,
+    value: n.value.current,
+    disabled: n.disabled
   }));
 }
-function p(e) {
-  return (e ?? []).map((r) => ({
-    label: r.label,
-    options: r.options.map((n) => ({
-      label: n.label,
-      value: n.value.current,
-      disabled: n.disabled
+function _(e) {
+  return (e ?? []).map((n) => ({
+    label: n.label,
+    options: n.options.map((a) => ({
+      label: a.label,
+      value: a.value.current,
+      disabled: a.disabled
     }))
   }));
 }
-function ae({ field: e, value: r, error: n, onChange: o }) {
-  const a = e.name.current, _ = {
-    full: c.fieldFull,
-    half: c.fieldHalf,
-    third: c.fieldThird
-  }[e.width ?? "full"], i = {
-    id: a,
-    name: a,
+function re({ field: e, value: n, error: a, onChange: o }) {
+  const r = e.name.current, b = {
+    full: u.fieldFull,
+    half: u.fieldHalf,
+    third: u.fieldThird
+  }[e.width ?? "full"], d = {
+    id: r,
+    name: r,
     label: e.label,
     required: e.required,
     disabled: e.disabled,
     helperText: e.helperText,
-    error: n
-  }, m = () => {
+    error: a
+  }, c = () => {
     switch (e.fieldType) {
       // ── Text-based inputs ──────────────────────────────────────────────
       case "text":
@@ -71,16 +71,16 @@ function ae({ field: e, value: r, error: n, onChange: o }) {
       case "number":
       case "url":
         return /* @__PURE__ */ s(
-          v,
+          g,
           {
-            ...i,
+            ...d,
             type: e.fieldType === "phone" ? "tel" : e.fieldType,
             placeholder: e.placeholder,
-            value: r ?? "",
+            value: n ?? "",
             minLength: e.minLength,
             maxLength: e.maxLength,
             fullWidth: !0,
-            onChange: (t) => o(a, t.target.value)
+            onChange: (t) => o(r, t.target.value)
           }
         );
       // ── Textarea ───────────────────────────────────────────────────────
@@ -88,76 +88,76 @@ function ae({ field: e, value: r, error: n, onChange: o }) {
         return /* @__PURE__ */ s(
           T,
           {
-            ...i,
+            ...d,
             placeholder: e.placeholder,
-            value: r ?? "",
+            value: n ?? "",
             rows: e.rows ?? 4,
             maxLength: e.maxLength,
             showCharCount: e.showCharCount,
             fullWidth: !0,
-            onChange: (t) => o(a, t.target.value)
+            onChange: (t) => o(r, t.target.value)
           }
         );
       // ── Select ─────────────────────────────────────────────────────────
       case "select": {
-        const t = e.useOptionGroups ? p(e.optionGroups) : u(e.options);
+        const t = e.useOptionGroups ? _(e.optionGroups) : i(e.options);
         return /* @__PURE__ */ s(
-          b,
+          m,
           {
-            ...i,
+            ...d,
             placeholder: e.placeholder,
             options: t,
-            value: r ?? "",
+            value: n ?? "",
             fullWidth: !0,
-            onChange: (l) => o(a, l.target.value)
+            onChange: (l) => o(r, l.target.value)
           }
         );
       }
       // ── Multi-select ───────────────────────────────────────────────────
       case "multiselect": {
-        const t = e.useOptionGroups ? p(e.optionGroups) : u(e.options);
+        const t = e.useOptionGroups ? _(e.optionGroups) : i(e.options);
         return /* @__PURE__ */ s(
-          b,
+          m,
           {
-            ...i,
+            ...d,
             multiple: !0,
             options: t,
-            value: r ?? [],
+            value: n ?? [],
             showSelectedCount: !0,
-            onChange: (l) => o(a, l)
+            onChange: (l) => o(r, l)
           }
         );
       }
       // ── Single checkbox ────────────────────────────────────────────────
       case "checkbox":
         return /* @__PURE__ */ s(
-          d,
+          h,
           {
-            id: i.id,
-            name: i.name,
+            id: d.id,
+            name: d.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
-            helperText: n ?? e.helperText,
-            error: !!n,
-            checked: r ?? !1,
-            onChange: (t) => o(a, t.target.checked)
+            helperText: a ?? e.helperText,
+            error: !!a,
+            checked: n ?? !1,
+            onChange: (t) => o(r, t.target.checked)
           }
         );
       // ── Checkbox group ─────────────────────────────────────────────────
       case "checkboxGroup": {
-        const t = r ?? [];
-        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: u(e.options).map((l) => /* @__PURE__ */ s(
-          d,
+        const t = n ?? [];
+        return /* @__PURE__ */ s(p, { legend: e.label, error: !!a, helperText: a, children: i(e.options).map((l) => /* @__PURE__ */ s(
+          h,
           {
-            id: `${a}-${l.value}`,
-            name: `${a}[]`,
+            id: `${r}-${l.value}`,
+            name: `${r}[]`,
             label: l.label,
             checked: t.includes(l.value),
             disabled: l.disabled || e.disabled,
-            onChange: (x) => {
-              const f = x.target.checked ? [...t, l.value] : t.filter((g) => g !== l.value);
-              o(a, f);
+            onChange: (v) => {
+              const x = v.target.checked ? [...t, l.value] : t.filter((w) => w !== l.value);
+              o(r, x);
             }
           },
           l.value
@@ -165,50 +165,50 @@ function ae({ field: e, value: r, error: n, onChange: o }) {
       }
       // ── Radio group ────────────────────────────────────────────────────
       case "radio":
-        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: u(e.options).map((t) => /* @__PURE__ */ s(
+        return /* @__PURE__ */ s(p, { legend: e.label, error: !!a, helperText: a, children: i(e.options).map((t) => /* @__PURE__ */ s(
           W,
           {
-            id: `${a}-${t.value}`,
-            name: a,
+            id: `${r}-${t.value}`,
+            name: r,
             value: t.value,
             label: t.label,
-            checked: r === t.value,
+            checked: n === t.value,
             disabled: t.disabled || e.disabled,
             required: e.required,
-            onChange: () => o(a, t.value)
+            onChange: () => o(r, t.value)
           },
           t.value
         )) });
       // ── Date picker ────────────────────────────────────────────────────
       case "date":
         return /* @__PURE__ */ s(
-          k,
+          f,
           {
-            id: i.id,
-            name: i.name,
+            id: d.id,
+            name: d.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
-            helperText: n ?? e.helperText,
-            error: !!n,
-            value: r ?? null,
-            onChange: (t) => o(a, t)
+            helperText: a ?? e.helperText,
+            error: !!a,
+            value: n ?? null,
+            onChange: (t) => o(r, t)
           }
         );
       // ── Range ──────────────────────────────────────────────────────────
       case "range":
         return /* @__PURE__ */ s(
-          w,
+          k,
           {
-            ...i,
-            value: r ?? e.rangeMin ?? 0,
+            ...d,
+            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) => o(a, t)
+            onChange: (t) => o(r, t)
           }
         );
       // ── Hidden ─────────────────────────────────────────────────────────
@@ -217,17 +217,17 @@ function ae({ field: e, value: r, error: n, onChange: o }) {
           "input",
           {
             type: "hidden",
-            name: a,
-            value: r ?? e.hiddenValue ?? ""
+            name: r,
+            value: n ?? e.hiddenValue ?? ""
           }
         );
       default:
         return null;
     }
   };
-  return e.fieldType === "hidden" ? m() : /* @__PURE__ */ s("div", { className: `${_}`, children: m() });
+  return e.fieldType === "hidden" ? c() : /* @__PURE__ */ s("div", { className: `${b}`, children: c() });
 }
 export {
-  ae as F,
-  c as s
+  re as F,
+  u as s
 };

package/dist/FormField-DU5sh1Fk.cjs

@@ -0,0 +1 @@
+"use strict";require('./FormField.css');const a=require("react/jsx-runtime"),g=require("./core/components/Input/index.cjs"),q=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_1nwvd_1",j="_container_1nwvd_7",C="_formInner_1nwvd_20",L="_maxWidthSm_1nwvd_26",y="_maxWidthMd_1nwvd_29",S="_maxWidthLg_1nwvd_32",B="_maxWidthFull_1nwvd_35",$="_heading_1nwvd_41",H="_eyebrow_1nwvd_47",G="_title_1nwvd_51",I="_progress_1nwvd_57",M="_progressHeader_1nwvd_63",D="_stepLabel_1nwvd_69",O="_stepCount_1nwvd_75",P="_stepDescription_1nwvd_80",R="_fields_1nwvd_88",V="_fieldFull_1nwvd_95",f="_fieldHalf_1nwvd_99",N="_fieldThird_1nwvd_107",z="_actions_1nwvd_117",A="_submitButton_1nwvd_124",E="_success_1nwvd_130",J="_errorBanner_1nwvd_145",i={formBlock:F,container:j,formInner:C,maxWidthSm:L,maxWidthMd:y,maxWidthLg:S,maxWidthFull:B,heading:$,eyebrow:H,title:G,progress:I,progressHeader:M,stepLabel:D,stepCount:O,stepDescription:P,fields:R,fieldFull:V,fieldHalf:f,fieldThird:N,actions:z,submitButton:A,success:E,errorBanner:J};function d(e){return(e??[]).map(t=>({label:t.label,value:t.value.current,disabled:t.disabled}))}function m(e){return(e??[]).map(t=>({label:t.label,options:t.options.map(s=>({label:s.label,value:s.value.current,disabled:s.disabled}))}))}function K({field:e,value:t,error:s,onChange:l}){const r=e.name.current,x={full:i.fieldFull,half:i.fieldHalf,third:i.fieldThird}[e.width??"full"],c={id:r,name:r,label:e.label,required:e.required,disabled:e.disabled,helperText:e.helperText,error:s},u=()=>{switch(e.fieldType){case"text":case"email":case"phone":case"number":case"url":return a.jsx(g.Input,{...c,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:t??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:n=>l(r,n.target.value)});case"textarea":return a.jsx(q.Textarea,{...c,placeholder:e.placeholder,value:t??"",rows:e.rows??4,maxLength:e.maxLength,showCharCount:e.showCharCount,fullWidth:!0,onChange:n=>l(r,n.target.value)});case"select":{const n=e.useOptionGroups?m(e.optionGroups):d(e.options);return a.jsx(_.Select,{...c,placeholder:e.placeholder,options:n,value:t??"",fullWidth:!0,onChange:o=>l(r,o.target.value)})}case"multiselect":{const n=e.useOptionGroups?m(e.optionGroups):d(e.options);return a.jsx(_.Select,{...c,multiple:!0,options:n,value:t??[],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:t??!1,onChange:n=>l(r,n.target.checked)});case"checkboxGroup":{const n=t??[];return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:d(e.options).map(o=>a.jsx(h.Checkbox,{id:`${r}-${o.value}`,name:`${r}[]`,label:o.label,checked:n.includes(o.value),disabled:o.disabled||e.disabled,onChange:b=>{const v=b.target.checked?[...n,o.value]:n.filter(w=>w!==o.value);l(r,v)}},o.value))})}case"radio":return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:d(e.options).map(n=>a.jsx(T.Radio,{id:`${r}-${n.value}`,name:r,value:n.value,label:n.label,checked:t===n.value,disabled:n.disabled||e.disabled,required:e.required,onChange:()=>l(r,n.value)},n.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:t??null,onChange:n=>l(r,n)});case"range":return a.jsx(W.Range,{...c,value:t??e.rangeMin??0,min:e.rangeMin??0,max:e.rangeMax??100,step:e.rangeStep??1,valuePrefix:e.rangeValuePrefix,valueSuffix:e.rangeValueSuffix,showValue:!0,onChange:n=>l(r,n)});case"hidden":return a.jsx("input",{type:"hidden",name:r,value:t??e.hiddenValue??""});default:return null}};return e.fieldType==="hidden"?u():a.jsx("div",{className:`${x}`,children:u()})}exports.FormField=K;exports.styles=i;

package/dist/FormField.css

@@ -1 +1 @@
-._formBlock_b7mbf_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_b7mbf_7{width:100%;max-width:var(--layout-width, 1250px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}._formInner_b7mbf_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_b7mbf_26{max-width:480px}._maxWidthMd_b7mbf_29{max-width:640px}._maxWidthLg_b7mbf_32{max-width:800px}._maxWidthFull_b7mbf_35{max-width:100%}._heading_b7mbf_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_b7mbf_47{font-weight:var(--font-weight-bold)}._title_b7mbf_51{text-wrap:balance}._progress_b7mbf_57{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_b7mbf_63{display:flex;justify-content:space-between;align-items:center}._stepLabel_b7mbf_69{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_b7mbf_75{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_b7mbf_80{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_b7mbf_88{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_b7mbf_95{width:100%}._fieldHalf_b7mbf_99{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_b7mbf_99{width:100%}}._fieldThird_b7mbf_107{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_b7mbf_107{width:100%}}._actions_b7mbf_117{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_b7mbf_124{margin-left:auto}._success_b7mbf_130{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background-color:var(--color-states-success-bg);color:var(--color-states-success-text);border-radius:var(--radius-md)}._errorBanner_b7mbf_143{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)}
+._formBlock_1nwvd_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1nwvd_7{width:100%;max-width:var(--layout-width, 1250px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}._formInner_1nwvd_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_1nwvd_26{max-width:480px}._maxWidthMd_1nwvd_29{max-width:640px}._maxWidthLg_1nwvd_32{max-width:800px}._maxWidthFull_1nwvd_35{max-width:100%}._heading_1nwvd_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_1nwvd_47{font-weight:var(--font-weight-bold)}._title_1nwvd_51{text-wrap:balance}._progress_1nwvd_57{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_1nwvd_63{display:flex;justify-content:space-between;align-items:center}._stepLabel_1nwvd_69{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_1nwvd_75{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_1nwvd_80{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_1nwvd_88{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_1nwvd_95{width:100%}._fieldHalf_1nwvd_99{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_1nwvd_99{width:100%}}._fieldThird_1nwvd_107{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_1nwvd_107{width:100%}}._actions_1nwvd_117{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_1nwvd_124{margin-left:auto}._success_1nwvd_130{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_1nwvd_130 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_1nwvd_145{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)}

package/dist/main.d.ts

@@ -1569,7 +1569,7 @@ declare type RangeSize = "sm" | "md" | "lg";
  * <HeroBlock {...section} renderCallToAction={renderCallToAction} />
  * <ContentBlock {...section} renderCallToAction={renderCallToAction} />
  */
-export declare function renderCallToAction({ alignment, spacing, mobileOrientation, items, className, }: RenderCallToActionProps_3): default_2.ReactElement | null;
+export declare function renderCallToAction({ alignment, spacing, items, className, }: RenderCallToActionProps_3): default_2.ReactElement | null;
 
 export { RenderCallToActionProps }
 

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-fg7Q2UyZ.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-DU5sh1Fk.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-Rqe3qF_t.js";
+import { F as l } from "../../../FormField-D1m8xWkL.js";
 export {
   l as FormField
 };

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

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

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

@@ -4,7 +4,7 @@ import { Form as M } from "../../../core/components/Form/index.mjs";
 import { B as y } from "../../../index-aWdsapYP.js";
 import { ProgressBar as G } from "../../../core/components/ProgressBar/index.mjs";
 import { useStyleClasses as X } from "../../hooks/useStyleClasses.mjs";
-import { s, F as z } from "../../../FormField-Rqe3qF_t.js";
+import { s, F as z } from "../../../FormField-D1m8xWkL.js";
 import { buildInitialValues as H, validateStep as B } from "./validate.mjs";
 function Y(r, e) {
   switch (e.type) {

package/dist/next/utils/blockRenderers.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("../ui/PortableTextRenderer/index.cjs"),o=require("../ui/CallToAction/index.cjs");function x(e){return e.flatMap(r=>r.children??[]).map(r=>r.text??"").join("")}function c({blocks:e,className:r,textOverride:t,animateText:n}){return e!=null&&e.length?i.jsx(l.RichText,{blocks:e,className:r,textOverride:t,animateText:n}):null}function a({alignment:e,spacing:r,mobileOrientation:t,items:n,className:u}){return n!=null&&n.length?i.jsx(o.CallToAction,{alignment:e,items:n,className:u,spacing:r,mobileOrientation:t}):null}exports.extractText=x;exports.renderCallToAction=a;exports.renderRichText=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("../ui/PortableTextRenderer/index.cjs"),u=require("../ui/CallToAction/index.cjs"),d=require("../../index-0SVQqhAg.cjs");function f(n){return n.flatMap(t=>t.children??[]).map(t=>t.text??"").join("")}function x({blocks:n,className:t,textOverride:e,animateText:o}){return n!=null&&n.length?l.jsx(i.RichText,{blocks:n,className:t,textOverride:e,animateText:o}):null}function h({alignment:n,spacing:t,items:e,className:o}){if(!(e!=null&&e.length))return null;const c=e.filter(r=>r.type==="modal"),a=e.filter(r=>r.type!=="modal");return l.jsxs(l.Fragment,{children:[a.length>0&&l.jsx(u.CallToAction,{alignment:n,items:a,className:o,spacing:t}),c.map(r=>l.jsx(g,{item:r},r._key??r.label))]})}function g({item:n}){var e,o;return n.formReference||((e=n.modalContent)==null?void 0:e.length)?l.jsx(d.Button,{as:"modal",variant:n.variant??"primary",icon:n.icon,iconAlignment:n.iconAlignment??"right",modalPayload:{heading:(o=n.formReference)==null?void 0:o.heading,formReference:n.formReference,modalContent:n.modalContent},children:n.label??"Open"}):null}exports.extractText=f;exports.renderCallToAction=h;exports.renderRichText=x;

package/dist/next/utils/blockRenderers.mjs

@@ -1,45 +1,67 @@
-import { jsx as o } from "react/jsx-runtime";
-import { RichText as f } from "../ui/PortableTextRenderer/index.mjs";
-import { CallToAction as i } from "../ui/CallToAction/index.mjs";
-function p(r) {
-  return r.flatMap((n) => n.children ?? []).map((n) => n.text ?? "").join("");
+import { jsx as a, jsxs as c, Fragment as i } from "react/jsx-runtime";
+import { RichText as d } from "../ui/PortableTextRenderer/index.mjs";
+import { CallToAction as u } from "../ui/CallToAction/index.mjs";
+import { B as h } from "../../index-aWdsapYP.js";
+function R(n) {
+  return n.flatMap((e) => e.children ?? []).map((e) => e.text ?? "").join("");
 }
-function h({
-  blocks: r,
-  className: n,
-  textOverride: e,
-  animateText: t
+function y({
+  blocks: n,
+  className: e,
+  textOverride: r,
+  animateText: o
 }) {
-  return r != null && r.length ? /* @__PURE__ */ o(
-    f,
+  return n != null && n.length ? /* @__PURE__ */ a(
+    d,
     {
-      blocks: r,
-      className: n,
-      textOverride: e,
-      animateText: t
+      blocks: n,
+      className: e,
+      textOverride: r,
+      animateText: o
     }
   ) : null;
 }
 function T({
-  alignment: r,
-  spacing: n,
-  mobileOrientation: e,
-  items: t,
-  className: u
+  alignment: n,
+  spacing: e,
+  items: r,
+  className: o
 }) {
-  return t != null && t.length ? /* @__PURE__ */ o(
-    i,
+  if (!(r != null && r.length)) return null;
+  const f = r.filter((t) => t.type === "modal"), l = r.filter((t) => t.type !== "modal");
+  return /* @__PURE__ */ c(i, { children: [
+    l.length > 0 && /* @__PURE__ */ a(
+      u,
+      {
+        alignment: n,
+        items: l,
+        className: o,
+        spacing: e
+      }
+    ),
+    f.map((t) => /* @__PURE__ */ a(m, { item: t }, t._key ?? t.label))
+  ] });
+}
+function m({ item: n }) {
+  var r, o;
+  return n.formReference || ((r = n.modalContent) == null ? void 0 : r.length) ? /* @__PURE__ */ a(
+    h,
     {
-      alignment: r,
-      items: t,
-      className: u,
-      spacing: n,
-      mobileOrientation: e
+      as: "modal",
+      variant: n.variant ?? "primary",
+      icon: n.icon,
+      iconAlignment: n.iconAlignment ?? "right",
+      modalPayload: {
+        heading: (o = n.formReference) == null ? void 0 : o.heading,
+        formReference: n.formReference,
+        modalContent: n.modalContent
+      },
+      children: n.label ?? "Open"
     }
   ) : null;
 }
 export {
-  p as extractText,
+  R as extractText,
   T as renderCallToAction,
-  h as renderRichText
+  y as renderRichText
 };

package/dist/next.d.ts

@@ -266,7 +266,7 @@ export { QuoteBlockProps }
  * <HeroBlock {...section} renderCallToAction={renderCallToAction} />
  * <ContentBlock {...section} renderCallToAction={renderCallToAction} />
  */
-export declare function renderCallToAction({ alignment, spacing, mobileOrientation, items, className, }: RenderCallToActionProps_2): default_2.ReactElement | null;
+export declare function renderCallToAction({ alignment, spacing, items, className, }: RenderCallToActionProps_2): default_2.ReactElement | null;
 
 /**
  * Drop-in `renderRichText` prop for all QuirkUI blocks.

package/package.json

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

package/dist/FormField-fg7Q2UyZ.cjs

@@ -1 +0,0 @@
-"use strict";require('./FormField.css');const a=require("react/jsx-runtime"),v=require("./core/components/Input/index.cjs"),q=require("./core/components/Textarea/index.cjs"),b=require("./core/components/Select/index.cjs"),_=require("./core/components/Checkbox/index.cjs"),T=require("./core/components/Radio/index.cjs"),m=require("./core/components/Fieldset/index.cjs"),k=require("./core/components/DatePicker/index.cjs"),W=require("./core/components/Range/index.cjs"),F="_formBlock_b7mbf_1",j="_container_b7mbf_7",C="_formInner_b7mbf_20",w="_maxWidthSm_b7mbf_26",L="_maxWidthMd_b7mbf_29",y="_maxWidthLg_b7mbf_32",S="_maxWidthFull_b7mbf_35",B="_heading_b7mbf_41",$="_eyebrow_b7mbf_47",H="_title_b7mbf_51",G="_progress_b7mbf_57",I="_progressHeader_b7mbf_63",M="_stepLabel_b7mbf_69",D="_stepCount_b7mbf_75",O="_stepDescription_b7mbf_80",P="_fields_b7mbf_88",R="_fieldFull_b7mbf_95",V="_fieldHalf_b7mbf_99",N="_fieldThird_b7mbf_107",z="_actions_b7mbf_117",A="_submitButton_b7mbf_124",E="_success_b7mbf_130",J="_errorBanner_b7mbf_143",u={formBlock:F,container:j,formInner:C,maxWidthSm:w,maxWidthMd:L,maxWidthLg:y,maxWidthFull:S,heading:B,eyebrow:$,title:H,progress:G,progressHeader:I,stepLabel:M,stepCount:D,stepDescription:O,fields:P,fieldFull:R,fieldHalf:V,fieldThird:N,actions:z,submitButton:A,success:E,errorBanner:J};function i(e){return(e??[]).map(n=>({label:n.label,value:n.value.current,disabled:n.disabled}))}function h(e){return(e??[]).map(n=>({label:n.label,options:n.options.map(s=>({label:s.label,value:s.value.current,disabled:s.disabled}))}))}function K({field:e,value:n,error:s,onChange:l}){const r=e.name.current,p={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(v.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(q.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?h(e.optionGroups):i(e.options);return a.jsx(b.Select,{...c,placeholder:e.placeholder,options:t,value:n??"",fullWidth:!0,onChange:o=>l(r,o.target.value)})}case"multiselect":{const t=e.useOptionGroups?h(e.optionGroups):i(e.options);return a.jsx(b.Select,{...c,multiple:!0,options:t,value:n??[],showSelectedCount:!0,onChange:o=>l(r,o)})}case"checkbox":return a.jsx(_.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(m.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(o=>a.jsx(_.Checkbox,{id:`${r}-${o.value}`,name:`${r}[]`,label:o.label,checked:t.includes(o.value),disabled:o.disabled||e.disabled,onChange:x=>{const g=x.target.checked?[...t,o.value]:t.filter(f=>f!==o.value);l(r,g)}},o.value))})}case"radio":return a.jsx(m.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:`${p}`,children:d()})}exports.FormField=K;exports.styles=u;