quirk-ui 0.1.179 → 0.1.181

package/dist/FormField-LSFCBISi.cjs

@@ -0,0 +1 @@
+"use strict";require('./FormField.css');const s=require("react/jsx-runtime"),q=require("./core/components/Input/index.cjs"),T=require("./core/components/Textarea/index.cjs"),_=require("./core/components/Select/index.cjs"),h=require("./core/components/Checkbox/index.cjs"),k=require("./core/components/Radio/index.cjs"),p=require("./core/components/Fieldset/index.cjs"),W=require("./core/components/DatePicker/index.cjs"),F=require("./core/components/Range/index.cjs"),j="_formBlock_1taaa_1",C="_container_1taaa_7",w="_formInner_1taaa_20",L="_maxWidthSm_1taaa_26",y="_maxWidthMd_1taaa_29",S="_maxWidthLg_1taaa_32",B="_maxWidthFull_1taaa_35",$="_heading_1taaa_41",H="_eyebrow_1taaa_47",G="_title_1taaa_51",I="_disclaimer_1taaa_55",M="_progress_1taaa_61",D="_progressHeader_1taaa_67",O="_stepLabel_1taaa_73",P="_stepCount_1taaa_79",R="_stepDescription_1taaa_84",V="_fields_1taaa_92",f="_fieldFull_1taaa_99",N="_fieldHalf_1taaa_103",z="_fieldThird_1taaa_111",A="_actions_1taaa_121",E="_submitButton_1taaa_128",J="_success_1taaa_134",K="_errorBanner_1taaa_149",u={formBlock:j,container:C,formInner:w,maxWidthSm:L,maxWidthMd:y,maxWidthLg:S,maxWidthFull:B,heading:$,eyebrow:H,title:G,disclaimer:I,progress:M,progressHeader:D,stepLabel:O,stepCount:P,stepDescription:R,fields:V,fieldFull:f,fieldHalf:N,fieldThird:z,actions:A,submitButton:E,success:J,errorBanner:K};function i(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(r=>({label:r.label,value:r.value.current,disabled:r.disabled}))}))}function Q({field:e,value:t,error:r,onChange:l}){const n=e.name.current,x={full:u.fieldFull,half:u.fieldHalf,third:u.fieldThird}[e.width??"full"],c={id:n,name:n,label:e.label,required:e.required,disabled:e.disabled,helperText:e.helperText,error:r},d=()=>{switch(e.fieldType){case"text":case"email":case"phone":case"number":case"url":return s.jsx(q.Input,{...c,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:t??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:a=>l(n,a.target.value)});case"textarea":return s.jsx(T.Textarea,{...c,placeholder:e.placeholder,value:t??"",rows:e.rows??4,maxLength:e.maxLength,showCharCount:e.showCharCount,fullWidth:!0,onChange:a=>l(n,a.target.value)});case"select":{const a=e.useOptionGroups?m(e.optionGroups):i(e.options);return s.jsx(_.Select,{...c,placeholder:e.placeholder,options:a,value:t??"",fullWidth:!0,onChange:o=>l(n,o.target.value)})}case"multiselect":{const a=e.useOptionGroups?m(e.optionGroups):i(e.options);return s.jsx(_.Select,{...c,multiple:!0,options:a,value:t??[],showSelectedCount:!0,onChange:o=>l(n,o)})}case"checkbox":return s.jsx(h.Checkbox,{id:c.id,name:c.name,label:e.label,required:e.required,disabled:e.disabled,helperText:r??e.helperText,error:!!r,checked:t??!1,onChange:a=>l(n,a.target.checked)});case"checkboxGroup":{const a=t??[];return s.jsx(p.Fieldset,{legend:e.label,error:!!r,helperText:r,children:i(e.options).map(o=>s.jsx(h.Checkbox,{id:`${n}-${o.value}`,name:`${n}[]`,label:o.label,checked:a.includes(o.value),disabled:o.disabled||e.disabled,onChange:b=>{const g=b.target.checked?[...a,o.value]:a.filter(v=>v!==o.value);l(n,g)}},o.value))})}case"radio":return s.jsx(p.Fieldset,{legend:e.label,error:!!r,helperText:r,children:i(e.options).map(a=>s.jsx(k.Radio,{id:`${n}-${a.value}`,name:n,value:a.value,label:a.label,checked:t===a.value,disabled:a.disabled||e.disabled,required:e.required,onChange:()=>l(n,a.value)},a.value))});case"date":return s.jsx(W.DatePicker,{id:c.id,name:c.name,label:e.label,required:e.required,disabled:e.disabled,helperText:r??e.helperText,error:!!r,value:t??null,onChange:a=>l(n,a)});case"range":return s.jsx(F.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:a=>l(n,a)});case"hidden":return s.jsx("input",{type:"hidden",name:n,value:t??e.hiddenValue??""});default:return null}};return e.fieldType==="hidden"?d():s.jsx("div",{className:`${x}`,children:d()})}exports.FormField=Q;exports.styles=u;

package/dist/{FormField-CWdr56Tp.js → FormField-oa2piuZf.js}

@@ -1,19 +1,19 @@
 import { jsx as s } 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 { Input as T } from "./core/components/Input/index.mjs";
+import { Textarea as W } 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 f } 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 k } from "./core/components/Range/index.mjs";
-import './FormField.css';const w = "_formBlock_8cqr5_1", L = "_container_8cqr5_7", C = "_formInner_8cqr5_20", F = "_maxWidthSm_8cqr5_26", y = "_maxWidthMd_8cqr5_29", B = "_maxWidthLg_8cqr5_32", S = "_maxWidthFull_8cqr5_35", H = "_heading_8cqr5_41", G = "_eyebrow_8cqr5_47", M = "_title_8cqr5_51", $ = "_disclaimer_8cqr5_55", I = "_progress_8cqr5_61", D = "_progressHeader_8cqr5_67", O = "_stepLabel_8cqr5_73", V = "_stepCount_8cqr5_79", P = "_stepDescription_8cqr5_84", R = "_fields_8cqr5_92", j = "_fieldFull_8cqr5_99", N = "_fieldHalf_8cqr5_103", z = "_fieldThird_8cqr5_111", A = "_actions_8cqr5_121", E = "_submitButton_8cqr5_128", J = "_success_8cqr5_134", K = "_errorBanner_8cqr5_149", u = {
-  formBlock: w,
-  container: L,
-  formInner: C,
-  maxWidthSm: F,
-  maxWidthMd: y,
-  maxWidthLg: B,
+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_1taaa_1", C = "_container_1taaa_7", F = "_formInner_1taaa_20", y = "_maxWidthSm_1taaa_26", B = "_maxWidthMd_1taaa_29", q = "_maxWidthLg_1taaa_32", S = "_maxWidthFull_1taaa_35", H = "_heading_1taaa_41", G = "_eyebrow_1taaa_47", M = "_title_1taaa_51", $ = "_disclaimer_1taaa_55", I = "_progress_1taaa_61", D = "_progressHeader_1taaa_67", O = "_stepLabel_1taaa_73", V = "_stepCount_1taaa_79", P = "_stepDescription_1taaa_84", R = "_fields_1taaa_92", j = "_fieldFull_1taaa_99", N = "_fieldHalf_1taaa_103", z = "_fieldThird_1taaa_111", A = "_actions_1taaa_121", E = "_submitButton_1taaa_128", J = "_success_1taaa_134", K = "_errorBanner_1taaa_149", u = {
+  formBlock: L,
+  container: C,
+  formInner: F,
+  maxWidthSm: y,
+  maxWidthMd: B,
+  maxWidthLg: q,
   maxWidthFull: S,
   heading: H,
   eyebrow: G,
@@ -33,7 +33,7 @@ import './FormField.css';const w = "_formBlock_8cqr5_1", L = "_container_8cqr5_7
   success: J,
   errorBanner: K
 };
-function i(e) {
+function c(e) {
   return (e ?? []).map((t) => ({
     label: t.label,
     value: t.value.current,
@@ -50,14 +50,14 @@ function p(e) {
     }))
   }));
 }
-function ne({ field: e, value: t, error: n, onChange: c }) {
-  const a = e.name.current, b = {
+function ne({ field: e, value: t, error: n, onChange: o }) {
+  const r = e.name.current, b = {
     full: u.fieldFull,
     half: u.fieldHalf,
     third: u.fieldThird
-  }[e.width ?? "full"], o = {
-    id: a,
-    name: a,
+  }[e.width ?? "full"], i = {
+    id: r,
+    name: r,
     label: e.label,
     required: e.required,
     disabled: e.disabled,
@@ -72,60 +72,60 @@ function ne({ field: e, value: t, error: n, onChange: c }) {
       case "number":
       case "url":
         return /* @__PURE__ */ s(
-          v,
+          T,
           {
-            ...o,
+            ...i,
             type: e.fieldType === "phone" ? "tel" : e.fieldType,
             placeholder: e.placeholder,
             value: t ?? "",
             minLength: e.minLength,
             maxLength: e.maxLength,
             fullWidth: !0,
-            onChange: (r) => c(a, r.target.value)
+            onChange: (a) => o(r, a.target.value)
           }
         );
       // ── Textarea ───────────────────────────────────────────────────────
       case "textarea":
         return /* @__PURE__ */ s(
-          T,
+          W,
           {
-            ...o,
+            ...i,
             placeholder: e.placeholder,
             value: t ?? "",
             rows: e.rows ?? 4,
             maxLength: e.maxLength,
             showCharCount: e.showCharCount,
             fullWidth: !0,
-            onChange: (r) => c(a, r.target.value)
+            onChange: (a) => o(r, a.target.value)
           }
         );
       // ── Select ─────────────────────────────────────────────────────────
       case "select": {
-        const r = e.useOptionGroups ? p(e.optionGroups) : i(e.options);
+        const a = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
         return /* @__PURE__ */ s(
           m,
           {
-            ...o,
+            ...i,
             placeholder: e.placeholder,
-            options: r,
+            options: a,
             value: t ?? "",
             fullWidth: !0,
-            onChange: (l) => c(a, l.target.value)
+            onChange: (l) => o(r, l.target.value)
           }
         );
       }
       // ── Multi-select ───────────────────────────────────────────────────
       case "multiselect": {
-        const r = e.useOptionGroups ? p(e.optionGroups) : i(e.options);
+        const a = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
         return /* @__PURE__ */ s(
           m,
           {
-            ...o,
+            ...i,
             multiple: !0,
-            options: r,
+            options: a,
             value: t ?? [],
             showSelectedCount: !0,
-            onChange: (l) => c(a, l)
+            onChange: (l) => o(r, l)
           }
         );
       }
@@ -134,31 +134,31 @@ function ne({ field: e, value: t, error: n, onChange: c }) {
         return /* @__PURE__ */ s(
           _,
           {
-            id: o.id,
-            name: o.name,
+            id: i.id,
+            name: i.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
             helperText: n ?? e.helperText,
             error: !!n,
             checked: t ?? !1,
-            onChange: (r) => c(a, r.target.checked)
+            onChange: (a) => o(r, a.target.checked)
           }
         );
       // ── Checkbox group ─────────────────────────────────────────────────
       case "checkboxGroup": {
-        const r = t ?? [];
-        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: i(e.options).map((l) => /* @__PURE__ */ s(
+        const a = t ?? [];
+        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((l) => /* @__PURE__ */ s(
           _,
           {
-            id: `${a}-${l.value}`,
-            name: `${a}[]`,
+            id: `${r}-${l.value}`,
+            name: `${r}[]`,
             label: l.label,
-            checked: r.includes(l.value),
+            checked: a.includes(l.value),
             disabled: l.disabled || e.disabled,
             onChange: (x) => {
-              const g = x.target.checked ? [...r, l.value] : r.filter((q) => q !== l.value);
-              c(a, g);
+              const g = x.target.checked ? [...a, l.value] : a.filter((v) => v !== l.value);
+              o(r, g);
             }
           },
           l.value
@@ -166,42 +166,42 @@ function ne({ field: e, value: t, error: n, onChange: c }) {
       }
       // ── Radio group ────────────────────────────────────────────────────
       case "radio":
-        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: i(e.options).map((r) => /* @__PURE__ */ s(
-          W,
+        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((a) => /* @__PURE__ */ s(
+          f,
           {
-            id: `${a}-${r.value}`,
-            name: a,
-            value: r.value,
-            label: r.label,
-            checked: t === r.value,
-            disabled: r.disabled || e.disabled,
+            id: `${r}-${a.value}`,
+            name: r,
+            value: a.value,
+            label: a.label,
+            checked: t === a.value,
+            disabled: a.disabled || e.disabled,
             required: e.required,
-            onChange: () => c(a, r.value)
+            onChange: () => o(r, a.value)
           },
-          r.value
+          a.value
         )) });
       // ── Date picker ────────────────────────────────────────────────────
       case "date":
         return /* @__PURE__ */ s(
-          f,
+          k,
           {
-            id: o.id,
-            name: o.name,
+            id: i.id,
+            name: i.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
             helperText: n ?? e.helperText,
             error: !!n,
             value: t ?? null,
-            onChange: (r) => c(a, r)
+            onChange: (a) => o(r, a)
           }
         );
       // ── Range ──────────────────────────────────────────────────────────
       case "range":
         return /* @__PURE__ */ s(
-          k,
+          w,
           {
-            ...o,
+            ...i,
             value: t ?? e.rangeMin ?? 0,
             min: e.rangeMin ?? 0,
             max: e.rangeMax ?? 100,
@@ -209,7 +209,7 @@ function ne({ field: e, value: t, error: n, onChange: c }) {
             valuePrefix: e.rangeValuePrefix,
             valueSuffix: e.rangeValueSuffix,
             showValue: !0,
-            onChange: (r) => c(a, r)
+            onChange: (a) => o(r, a)
           }
         );
       // ── Hidden ─────────────────────────────────────────────────────────
@@ -218,7 +218,7 @@ function ne({ field: e, value: t, error: n, onChange: c }) {
           "input",
           {
             type: "hidden",
-            name: a,
+            name: r,
             value: t ?? e.hiddenValue ?? ""
           }
         );

package/dist/FormField.css

@@ -1 +1 @@
-._formBlock_8cqr5_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_8cqr5_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_8cqr5_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_8cqr5_26{max-width:480px}._maxWidthMd_8cqr5_29{max-width:640px}._maxWidthLg_8cqr5_32{max-width:800px}._maxWidthFull_8cqr5_35{max-width:100%}._heading_8cqr5_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_8cqr5_47{font-weight:var(--font-weight-bold)}._title_8cqr5_51{text-wrap:balance}._disclaimer_8cqr5_55{font-size:var(--font-size-sm)}._progress_8cqr5_61{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_8cqr5_67{display:flex;justify-content:space-between;align-items:center}._stepLabel_8cqr5_73{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_8cqr5_79{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_8cqr5_84{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_8cqr5_92{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_8cqr5_99{width:100%}._fieldHalf_8cqr5_103{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_8cqr5_103{width:100%}}._fieldThird_8cqr5_111{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_8cqr5_111{width:100%}}._actions_8cqr5_121{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_8cqr5_128{margin-left:auto}._success_8cqr5_134{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_8cqr5_134 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_8cqr5_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_8cqr5_7{flex-direction:row;gap:3rem}.split ._heading_8cqr5_41,.split form{flex:.5}
+._formBlock_1taaa_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1taaa_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_1taaa_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_1taaa_26{max-width:480px}._maxWidthMd_1taaa_29{max-width:640px}._maxWidthLg_1taaa_32{max-width:800px}._maxWidthFull_1taaa_35{max-width:100%}._heading_1taaa_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_1taaa_47{font-weight:var(--font-weight-bold)}._title_1taaa_51{text-wrap:balance}._disclaimer_1taaa_55{font-size:var(--font-size-sm)}._progress_1taaa_61{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_1taaa_67{display:flex;justify-content:space-between;align-items:center}._stepLabel_1taaa_73{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_1taaa_79{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_1taaa_84{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_1taaa_92{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_1taaa_99{width:100%}._fieldHalf_1taaa_103{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_1taaa_103{width:100%}}._fieldThird_1taaa_111{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_1taaa_111{width:100%}}._actions_1taaa_121{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_1taaa_128{margin-left:auto}._success_1taaa_134{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_1taaa_134 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_1taaa_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_1taaa_7{flex-direction:row;gap:3rem}.split ._heading_1taaa_41,.split form{flex:.5}@media (max-width: 767px){.split ._container_1taaa_7{flex-direction:column-reverse}.split ._heading_1taaa_41,.split form{flex:1}}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index52.css');const e=require("react/jsx-runtime"),T=require("../../../index-0SVQqhAg.cjs"),k=require("../ButtonGroup/index.cjs"),s=require("../../../index-CBK5rp6X.cjs"),$=require("../../../external-link-DDShu-48.cjs"),F="_footer_1lalq_1",I="_container_1lalq_10",S="_primaryNav_1lalq_24",w="_secondaryNav_1lalq_35",L="_details_1lalq_72",A="_nav_1lalq_86",B="_logo_1lalq_94",E="_socialItems_1lalq_109",C="_group_1lalq_116",M="_groups_1lalq_126",z="_groupTitle_1lalq_137",G="_sublinks_1lalq_146",Y="_link_1lalq_154",O="_newTabIcon_1lalq_172",P="_bottom_1lalq_186",U="_left_1lalq_197",D="_center_1lalq_217",H="_right_1lalq_247",a={footer:F,container:I,primaryNav:S,secondaryNav:w,details:L,nav:A,logo:B,socialItems:E,group:C,groups:M,groupTitle:z,sublinks:G,link:Y,newTabIcon:O,bottom:P,left:U,center:D,right:H},J={Facebook:s.FaFacebook,Twitter:s.FaTwitter,LinkedIn:s.FaLinkedin,Instagram:s.FaInstagram,YouTube:s.FaYoutube},K={left:a.left,center:a.center,right:a.right};function Q({logo:d,items:u,primaryInfo:g,secondaryInfo:h,utilityItems:r,socialItems:t,alignment:m="left",copyright:v,className:b,style:j,...q}){const i=(l,o=!1)=>l.map((n,N)=>{var x;const f=n._key??`${n.label}-${N}`,c=!!((x=n.sublinks)!=null&&x.length),y=!!n.href,_=n.icon?J[n.icon]:void 0,p=e.jsxs(e.Fragment,{children:[!o&&n.label,_&&e.jsx(_,{"aria-hidden":"true"}),!_&&n.isExternal&&e.jsx($.ExternalLink,{className:a.newTabIcon,size:14,"aria-hidden":"true"})]});return e.jsxs("div",{className:a.group,children:[y?e.jsx("a",{href:n.href,className:`${a.link}${c?` ${a.groupTitle}`:""}`,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,"aria-label":o?n.label:void 0,onClick:n.onClick,children:p}):e.jsx("span",{className:c?a.groupTitle:void 0,children:p}),c&&e.jsx("div",{className:a.sublinks,"aria-label":`${n.label} links`,children:i(n.sublinks)})]},f)});return e.jsx("footer",{className:`${a.footer} ${K[m]}${b?` ${b}`:""}`,style:j,...q,children:e.jsxs("div",{className:a.container,children:[e.jsxs("div",{className:a.primaryNav,children:[e.jsxs("div",{className:a.details,children:[d&&e.jsx("div",{className:a.logo,children:d}),t&&t.length>0&&e.jsx("div",{className:a.socialItems,"aria-label":"Social media links",children:i(t,!0)}),g&&e.jsx("div",{children:g}),h&&e.jsx("div",{children:h})]}),u.length>0&&e.jsx("nav",{className:a.nav,id:"footer-nav","aria-label":"Footer navigation",children:e.jsx("div",{className:a.groups,children:i(u)})})]}),e.jsxs("div",{className:a.secondaryNav,children:[v&&e.jsx("div",{className:a.bottom,children:e.jsx("span",{children:v})}),r&&r.length>0&&e.jsx("nav",{"aria-label":"Utility links",children:e.jsx(k.ButtonGroup,{orientation:"horizontal",children:r.map((l,o)=>e.jsx(T.Button,{as:"a",href:l.href??"/",variant:l.variant??"primary",displayType:l.displayType??"text",imageSrc:l.imageSrc,imageAlt:l.imageAlt,"aria-label":l.ariaLabel??(typeof l.label=="string"?l.label:""),icon:l.icon,iconAlignment:l.iconAlignment,children:l.label},l._key??o))})})]})]})})}exports.Footer=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index52.css');const e=require("react/jsx-runtime"),k=require("../../../index-0SVQqhAg.cjs"),$=require("../ButtonGroup/index.cjs"),a=require("../../../index-CBK5rp6X.cjs"),F=require("../../../external-link-DDShu-48.cjs"),I="_footer_rb1sm_1",S="_container_rb1sm_10",q="_primaryNav_rb1sm_24",w="_secondaryNav_rb1sm_35",L="_details_rb1sm_72",A="_nav_rb1sm_86",B="_logo_rb1sm_94",E="_socialItems_rb1sm_109",C="_group_rb1sm_116",M="_groups_rb1sm_126",z="_groupTitle_rb1sm_137",G="_sublinks_rb1sm_146",Y="_link_rb1sm_154",O="_newTabIcon_rb1sm_172",P="_bottom_rb1sm_186",U="_left_rb1sm_197",D="_center_rb1sm_217",H="_right_rb1sm_247",s={footer:I,container:S,primaryNav:q,secondaryNav:w,details:L,nav:A,logo:B,socialItems:E,group:C,groups:M,groupTitle:z,sublinks:G,link:Y,newTabIcon:O,bottom:P,left:U,center:D,right:H},J={Facebook:a.FaFacebook,Twitter:a.FaTwitter,LinkedIn:a.FaLinkedin,Instagram:a.FaInstagram,YouTube:a.FaYoutube},K={left:s.left,center:s.center,right:s.right};function Q({logo:d,items:b,primaryInfo:m,secondaryInfo:u,utilityItems:t,socialItems:i,alignment:x="left",copyright:g,className:h,style:j,...N}){const l=(r,o=!1)=>r.map((n,f)=>{var p;const y=n._key??`${n.label}-${f}`,c=!!((p=n.sublinks)!=null&&p.length),T=!!n.href,_=n.icon?J[n.icon]:void 0,v=e.jsxs(e.Fragment,{children:[!o&&n.label,_&&e.jsx(_,{"aria-hidden":"true"}),!_&&n.isExternal&&e.jsx(F.ExternalLink,{className:s.newTabIcon,size:14,"aria-hidden":"true"})]});return e.jsxs("div",{className:s.group,children:[T?e.jsx("a",{href:n.href,className:`${s.link}${c?` ${s.groupTitle}`:""}`,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,"aria-label":o?n.label:void 0,onClick:n.onClick,children:v}):e.jsx("span",{className:c?s.groupTitle:void 0,children:v}),c&&e.jsx("div",{className:s.sublinks,"aria-label":`${n.label} links`,children:l(n.sublinks)})]},y)});return e.jsx("footer",{className:`${s.footer} ${K[x]}${h?` ${h}`:""}`,style:j,...N,children:e.jsxs("div",{className:s.container,children:[e.jsxs("div",{className:s.primaryNav,children:[e.jsxs("div",{className:s.details,children:[d&&e.jsx("div",{className:s.logo,children:d}),i&&i.length>0&&e.jsx("div",{className:s.socialItems,"aria-label":"Social media links",children:l(i,!0)}),m&&e.jsx("div",{children:m}),u&&e.jsx("div",{children:u})]}),b.length>0&&e.jsx("nav",{className:s.nav,id:"footer-nav","aria-label":"Footer navigation",children:e.jsx("div",{className:s.groups,children:l(b)})})]}),e.jsxs("div",{className:s.secondaryNav,children:[g&&e.jsx("div",{className:s.bottom,children:e.jsx("span",{children:g})}),t&&t.length>0&&e.jsx("nav",{"aria-label":"Utility links",children:e.jsx($.ButtonGroup,{orientation:"horizontal",children:t.map((r,o)=>e.jsx(k.Button,{as:"a",href:r.href??"/",variant:r.variant??"primary",displayType:r.displayType??"text",imageSrc:r.imageSrc,imageAlt:r.imageAlt,"aria-label":r.ariaLabel??(typeof r.label=="string"?r.label:""),icon:r.icon,iconAlignment:r.iconAlignment,children:r.label},r._key??o))})})]})]})})}exports.Footer=Q;

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

@@ -1,17 +1,17 @@
-import { jsx as l, jsxs as o, Fragment as F } from "react/jsx-runtime";
-import { B as $ } from "../../../index-aWdsapYP.js";
-import { ButtonGroup as x } from "../ButtonGroup/index.mjs";
-import { a as I, b as w, c as E, d as S, e as A } from "../../../index-CeBA0PT0.js";
-import { E as L } from "../../../external-link-BOPobeQJ.js";
-import '../../../index52.css';const B = "_footer_1lalq_1", C = "_container_1lalq_10", j = "_primaryNav_1lalq_24", z = "_secondaryNav_1lalq_35", M = "_details_1lalq_72", Y = "_nav_1lalq_86", G = "_logo_1lalq_94", U = "_socialItems_1lalq_109", D = "_group_1lalq_116", H = "_groups_1lalq_126", J = "_groupTitle_1lalq_137", K = "_sublinks_1lalq_146", O = "_link_1lalq_154", P = "_newTabIcon_1lalq_172", Q = "_bottom_1lalq_186", R = "_left_1lalq_197", V = "_center_1lalq_217", W = "_right_1lalq_247", a = {
-  footer: B,
-  container: C,
-  primaryNav: j,
-  secondaryNav: z,
-  details: M,
-  nav: Y,
-  logo: G,
-  socialItems: U,
+import { jsx as r, jsxs as s, Fragment as $ } from "react/jsx-runtime";
+import { B as x } from "../../../index-aWdsapYP.js";
+import { ButtonGroup as I } from "../ButtonGroup/index.mjs";
+import { a as w, b as E, c as S, d as A, e as L } from "../../../index-CeBA0PT0.js";
+import { E as B } from "../../../external-link-BOPobeQJ.js";
+import '../../../index52.css';const C = "_footer_rb1sm_1", j = "_container_rb1sm_10", z = "_primaryNav_rb1sm_24", M = "_secondaryNav_rb1sm_35", Y = "_details_rb1sm_72", G = "_nav_rb1sm_86", U = "_logo_rb1sm_94", q = "_socialItems_rb1sm_109", D = "_group_rb1sm_116", H = "_groups_rb1sm_126", J = "_groupTitle_rb1sm_137", K = "_sublinks_rb1sm_146", O = "_link_rb1sm_154", P = "_newTabIcon_rb1sm_172", Q = "_bottom_rb1sm_186", R = "_left_rb1sm_197", V = "_center_rb1sm_217", W = "_right_rb1sm_247", a = {
+  footer: C,
+  container: j,
+  primaryNav: z,
+  secondaryNav: M,
+  details: Y,
+  nav: G,
+  logo: U,
+  socialItems: q,
   group: D,
   groups: H,
   groupTitle: J,
@@ -23,36 +23,36 @@ import '../../../index52.css';const B = "_footer_1lalq_1", C = "_container_1lalq
   center: V,
   right: W
 }, X = {
-  Facebook: A,
-  Twitter: S,
-  LinkedIn: E,
-  Instagram: w,
-  YouTube: I
+  Facebook: L,
+  Twitter: A,
+  LinkedIn: S,
+  Instagram: E,
+  YouTube: w
 }, Z = {
   left: a.left,
   center: a.center,
   right: a.right
 };
-function ra({
+function oa({
   logo: d,
-  items: g,
-  primaryInfo: h,
-  secondaryInfo: p,
-  utilityItems: s,
-  socialItems: t,
+  items: m,
+  primaryInfo: b,
+  secondaryInfo: g,
+  utilityItems: t,
+  socialItems: l,
   alignment: f = "left",
-  copyright: m,
-  className: v,
+  copyright: h,
+  className: p,
   style: N,
-  ...q
+  ...y
 }) {
-  const i = (n, r = !1) => n.map((e, y) => {
+  const i = (n, o = !1) => n.map((e, T) => {
     var u;
-    const T = e._key ?? `${e.label}-${y}`, c = !!((u = e.sublinks) != null && u.length), k = !!e.href, _ = e.icon ? X[e.icon] : void 0, b = /* @__PURE__ */ o(F, { children: [
-      !r && e.label,
-      _ && /* @__PURE__ */ l(_, { "aria-hidden": "true" }),
-      !_ && e.isExternal && /* @__PURE__ */ l(
-        L,
+    const k = e._key ?? `${e.label}-${T}`, c = !!((u = e.sublinks) != null && u.length), F = !!e.href, _ = e.icon ? X[e.icon] : void 0, v = /* @__PURE__ */ s($, { children: [
+      !o && e.label,
+      _ && /* @__PURE__ */ r(_, { "aria-hidden": "true" }),
+      !_ && e.isExternal && /* @__PURE__ */ r(
+        B,
         {
           className: a.newTabIcon,
           size: 14,
@@ -60,57 +60,57 @@ function ra({
         }
       )
     ] });
-    return /* @__PURE__ */ o("div", { className: a.group, children: [
-      k ? /* @__PURE__ */ l(
+    return /* @__PURE__ */ s("div", { className: a.group, children: [
+      F ? /* @__PURE__ */ r(
         "a",
         {
           href: e.href,
           className: `${a.link}${c ? ` ${a.groupTitle}` : ""}`,
           target: e.isExternal ? "_blank" : "_self",
           rel: e.isExternal ? "noopener noreferrer" : void 0,
-          "aria-label": r ? e.label : void 0,
+          "aria-label": o ? e.label : void 0,
           onClick: e.onClick,
-          children: b
+          children: v
         }
-      ) : /* @__PURE__ */ l("span", { className: c ? a.groupTitle : void 0, children: b }),
-      c && /* @__PURE__ */ l("div", { className: a.sublinks, "aria-label": `${e.label} links`, children: i(e.sublinks) })
-    ] }, T);
+      ) : /* @__PURE__ */ r("span", { className: c ? a.groupTitle : void 0, children: v }),
+      c && /* @__PURE__ */ r("div", { className: a.sublinks, "aria-label": `${e.label} links`, children: i(e.sublinks) })
+    ] }, k);
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(
     "footer",
     {
-      className: `${a.footer} ${Z[f]}${v ? ` ${v}` : ""}`,
+      className: `${a.footer} ${Z[f]}${p ? ` ${p}` : ""}`,
       style: N,
-      ...q,
-      children: /* @__PURE__ */ o("div", { className: a.container, children: [
-        /* @__PURE__ */ o("div", { className: a.primaryNav, children: [
-          /* @__PURE__ */ o("div", { className: a.details, children: [
-            d && /* @__PURE__ */ l("div", { className: a.logo, children: d }),
-            t && t.length > 0 && /* @__PURE__ */ l(
+      ...y,
+      children: /* @__PURE__ */ s("div", { className: a.container, children: [
+        /* @__PURE__ */ s("div", { className: a.primaryNav, children: [
+          /* @__PURE__ */ s("div", { className: a.details, children: [
+            d && /* @__PURE__ */ r("div", { className: a.logo, children: d }),
+            l && l.length > 0 && /* @__PURE__ */ r(
               "div",
               {
                 className: a.socialItems,
                 "aria-label": "Social media links",
-                children: i(t, !0)
+                children: i(l, !0)
               }
             ),
-            h && /* @__PURE__ */ l("div", { children: h }),
-            p && /* @__PURE__ */ l("div", { children: p })
+            b && /* @__PURE__ */ r("div", { children: b }),
+            g && /* @__PURE__ */ r("div", { children: g })
           ] }),
-          g.length > 0 && /* @__PURE__ */ l(
+          m.length > 0 && /* @__PURE__ */ r(
             "nav",
             {
               className: a.nav,
               id: "footer-nav",
               "aria-label": "Footer navigation",
-              children: /* @__PURE__ */ l("div", { className: a.groups, children: i(g) })
+              children: /* @__PURE__ */ r("div", { className: a.groups, children: i(m) })
             }
           )
         ] }),
-        /* @__PURE__ */ o("div", { className: a.secondaryNav, children: [
-          m && /* @__PURE__ */ l("div", { className: a.bottom, children: /* @__PURE__ */ l("span", { children: m }) }),
-          s && s.length > 0 && /* @__PURE__ */ l("nav", { "aria-label": "Utility links", children: /* @__PURE__ */ l(x, { orientation: "horizontal", children: s.map((n, r) => /* @__PURE__ */ l(
-            $,
+        /* @__PURE__ */ s("div", { className: a.secondaryNav, children: [
+          h && /* @__PURE__ */ r("div", { className: a.bottom, children: /* @__PURE__ */ r("span", { children: h }) }),
+          t && t.length > 0 && /* @__PURE__ */ r("nav", { "aria-label": "Utility links", children: /* @__PURE__ */ r(I, { orientation: "horizontal", children: t.map((n, o) => /* @__PURE__ */ r(
+            x,
             {
               as: "a",
               href: n.href ?? "/",
@@ -123,7 +123,7 @@ function ra({
               iconAlignment: n.iconAlignment,
               children: n.label
             },
-            n._key ?? r
+            n._key ?? o
           )) }) })
         ] })
       ] })
@@ -131,5 +131,5 @@ function ra({
   );
 }
 export {
-  ra as Footer
+  oa as Footer
 };

package/dist/index52.css

@@ -1 +1 @@
-._footer_1lalq_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_1lalq_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1lalq_20{width:100%}._primaryNav_1lalq_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_1lalq_24{width:100%;flex-direction:column-reverse}}._secondaryNav_1lalq_35{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_1lalq_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_1lalq_35 a:has(img) img{width:auto;height:60px}._secondaryNav_1lalq_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_1lalq_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_1lalq_35 nav{width:100%;display:flex;justify-content:center}}._details_1lalq_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_1lalq_72{justify-content:center;align-items:center;text-align:center;flex-basis:auto}}._nav_1lalq_86{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1lalq_94{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_1lalq_94 a{display:block}._logo_1lalq_94 img{height:auto}._socialItems_1lalq_109{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_1lalq_109 ._group_1lalq_116{flex:unset;min-width:unset}._socialItems_1lalq_109 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1lalq_126{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1lalq_116{flex:.2;min-width:140px}._groupTitle_1lalq_137{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1lalq_146{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1lalq_154{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1lalq_154{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_1lalq_154 ._newTabIcon_1lalq_172{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_1lalq_154:hover,._link_1lalq_154:hover ._newTabIcon_1lalq_172{color:var(--color-primary-100)}._bottom_1lalq_186{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_1lalq_186{text-align:center}}._left_1lalq_197 ._container_1lalq_10{justify-content:flex-start}._left_1lalq_197 ._logo_1lalq_94{flex:unset}._left_1lalq_197 ._nav_1lalq_86{flex:1}@media (max-width: 767px){._left_1lalq_197 ._logo_1lalq_94{flex:1}}._center_1lalq_217 ._nav_1lalq_86{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1lalq_217 ._nav_1lalq_86._hidden_1lalq_225{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1lalq_217 ._nav_1lalq_86._visible_1lalq_232{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1lalq_217 ._logo_1lalq_94{flex:1}}._right_1lalq_247 ._container_1lalq_10{justify-content:flex-end}._right_1lalq_247 ._logo_1lalq_94,._right_1lalq_247 ._title_1lalq_253{flex:1}._right_1lalq_247 ._nav_1lalq_86{flex:unset}
+._footer_rb1sm_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_rb1sm_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_rb1sm_20{width:100%}._primaryNav_rb1sm_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_rb1sm_24{width:100%;flex-direction:column-reverse}}._secondaryNav_rb1sm_35{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_rb1sm_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_rb1sm_35 a:has(img) img{width:auto;height:60px}._secondaryNav_rb1sm_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_rb1sm_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_rb1sm_35 nav{width:100%;display:flex;justify-content:center}}._details_rb1sm_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_rb1sm_72{justify-content:center;align-items:center;text-align:center;flex-basis:auto}}._nav_rb1sm_86{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_rb1sm_94{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_rb1sm_94 a{display:block}._logo_rb1sm_94 img{height:auto}._socialItems_rb1sm_109{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_rb1sm_109 ._group_rb1sm_116{flex:unset;min-width:unset}._socialItems_rb1sm_109 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_rb1sm_126{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_rb1sm_116{flex:.2;min-width:170px}._groupTitle_rb1sm_137{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_rb1sm_146{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_rb1sm_154{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_rb1sm_154{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_rb1sm_154 ._newTabIcon_rb1sm_172{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_rb1sm_154:hover,._link_rb1sm_154:hover ._newTabIcon_rb1sm_172{color:var(--color-primary-100)}._bottom_rb1sm_186{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_rb1sm_186{text-align:center}}._left_rb1sm_197 ._container_rb1sm_10{justify-content:flex-start}._left_rb1sm_197 ._logo_rb1sm_94{flex:unset}._left_rb1sm_197 ._nav_rb1sm_86{flex:1}@media (max-width: 767px){._left_rb1sm_197 ._logo_rb1sm_94{flex:1}}._center_rb1sm_217 ._nav_rb1sm_86{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_rb1sm_217 ._nav_rb1sm_86._hidden_rb1sm_225{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_rb1sm_217 ._nav_rb1sm_86._visible_rb1sm_232{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_rb1sm_217 ._logo_rb1sm_94{flex:1}}._right_rb1sm_247 ._container_rb1sm_10{justify-content:flex-end}._right_rb1sm_247 ._logo_rb1sm_94,._right_rb1sm_247 ._title_rb1sm_253{flex:1}._right_rb1sm_247 ._nav_rb1sm_86{flex:unset}

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-Cy_aF1xz.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-LSFCBISi.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-CWdr56Tp.js";
+import { F as l } from "../../../FormField-oa2piuZf.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-0SVQqhAg.cjs"),M=require("../../../core/components/ProgressBar/index.cjs"),A=require("../../hooks/useStyleClasses.cjs"),e=require("../../../FormField-Cy_aF1xz.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-0SVQqhAg.cjs"),M=require("../../../core/components/ProgressBar/index.cjs"),A=require("../../hooks/useStyleClasses.cjs"),e=require("../../../FormField-LSFCBISi.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-aWdsapYP.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-CWdr56Tp.js";
+import { s as r, F as Y } from "../../../FormField-oa2piuZf.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.179",
+  "version": "0.1.181",
   "type": "module",
   "exports": {
     ".": {

package/dist/FormField-Cy_aF1xz.cjs

@@ -1 +0,0 @@
-"use strict";require('./FormField.css');const a=require("react/jsx-runtime"),v=require("./core/components/Input/index.cjs"),T=require("./core/components/Textarea/index.cjs"),_=require("./core/components/Select/index.cjs"),h=require("./core/components/Checkbox/index.cjs"),k=require("./core/components/Radio/index.cjs"),p=require("./core/components/Fieldset/index.cjs"),W=require("./core/components/DatePicker/index.cjs"),F=require("./core/components/Range/index.cjs"),j="_formBlock_8cqr5_1",C="_container_8cqr5_7",w="_formInner_8cqr5_20",L="_maxWidthSm_8cqr5_26",y="_maxWidthMd_8cqr5_29",S="_maxWidthLg_8cqr5_32",B="_maxWidthFull_8cqr5_35",$="_heading_8cqr5_41",H="_eyebrow_8cqr5_47",G="_title_8cqr5_51",I="_disclaimer_8cqr5_55",M="_progress_8cqr5_61",D="_progressHeader_8cqr5_67",O="_stepLabel_8cqr5_73",P="_stepCount_8cqr5_79",R="_stepDescription_8cqr5_84",V="_fields_8cqr5_92",f="_fieldFull_8cqr5_99",N="_fieldHalf_8cqr5_103",z="_fieldThird_8cqr5_111",A="_actions_8cqr5_121",E="_submitButton_8cqr5_128",J="_success_8cqr5_134",K="_errorBanner_8cqr5_149",u={formBlock:j,container:C,formInner:w,maxWidthSm:L,maxWidthMd:y,maxWidthLg:S,maxWidthFull:B,heading:$,eyebrow:H,title:G,disclaimer:I,progress:M,progressHeader:D,stepLabel:O,stepCount:P,stepDescription:R,fields:V,fieldFull:f,fieldHalf:N,fieldThird:z,actions:A,submitButton:E,success:J,errorBanner:K};function i(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 Q({field:e,value:t,error:s,onChange:o}){const n=e.name.current,x={full:u.fieldFull,half:u.fieldHalf,third:u.fieldThird}[e.width??"full"],l={id:n,name:n,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,{...l,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:t??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:r=>o(n,r.target.value)});case"textarea":return a.jsx(T.Textarea,{...l,placeholder:e.placeholder,value:t??"",rows:e.rows??4,maxLength:e.maxLength,showCharCount:e.showCharCount,fullWidth:!0,onChange:r=>o(n,r.target.value)});case"select":{const r=e.useOptionGroups?m(e.optionGroups):i(e.options);return a.jsx(_.Select,{...l,placeholder:e.placeholder,options:r,value:t??"",fullWidth:!0,onChange:c=>o(n,c.target.value)})}case"multiselect":{const r=e.useOptionGroups?m(e.optionGroups):i(e.options);return a.jsx(_.Select,{...l,multiple:!0,options:r,value:t??[],showSelectedCount:!0,onChange:c=>o(n,c)})}case"checkbox":return a.jsx(h.Checkbox,{id:l.id,name:l.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,checked:t??!1,onChange:r=>o(n,r.target.checked)});case"checkboxGroup":{const r=t??[];return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(c=>a.jsx(h.Checkbox,{id:`${n}-${c.value}`,name:`${n}[]`,label:c.label,checked:r.includes(c.value),disabled:c.disabled||e.disabled,onChange:b=>{const q=b.target.checked?[...r,c.value]:r.filter(g=>g!==c.value);o(n,q)}},c.value))})}case"radio":return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(r=>a.jsx(k.Radio,{id:`${n}-${r.value}`,name:n,value:r.value,label:r.label,checked:t===r.value,disabled:r.disabled||e.disabled,required:e.required,onChange:()=>o(n,r.value)},r.value))});case"date":return a.jsx(W.DatePicker,{id:l.id,name:l.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,value:t??null,onChange:r=>o(n,r)});case"range":return a.jsx(F.Range,{...l,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:r=>o(n,r)});case"hidden":return a.jsx("input",{type:"hidden",name:n,value:t??e.hiddenValue??""});default:return null}};return e.fieldType==="hidden"?d():a.jsx("div",{className:`${x}`,children:d()})}exports.FormField=Q;exports.styles=u;