quirk-ui 0.1.188 → 0.1.189

package/dist/CategoryFilters-Cey2Cd-d.js

@@ -0,0 +1,79 @@
+import { jsxs as _, jsx as l } from "react/jsx-runtime";
+import { B as k } from "./index-aWdsapYP.js";
+import { X as x } from "./x-CnsEH4Ox.js";
+import './CategoryFilters.css';const p = "_documentList_x1tkl_1", u = "_container_x1tkl_9", m = "_heading_x1tkl_20", b = "_title_x1tkl_25", f = "_eyebrow_x1tkl_30", H = "_listContainer_x1tkl_34", L = "_listWrapper_x1tkl_45", S = "_list_x1tkl_34", F = "_listHeader_x1tkl_66", w = "_listSearch_x1tkl_79", y = "_clearSearch_x1tkl_106", g = "_listHeaderFilters_x1tkl_125", C = "_listResults_x1tkl_136", v = "_listSort_x1tkl_140", N = "_filterToggle_x1tkl_163", I = "_filterHeader_x1tkl_178", M = "_loadMore_x1tkl_199", R = "_filterList_x1tkl_203", T = "_listFilters_x1tkl_210", W = "_applyFilters_x1tkl_218", j = "_show_x1tkl_247", B = "_hide_x1tkl_256", $ = "_buttonIsLoading_x1tkl_307", e = {
+  documentList: p,
+  container: u,
+  heading: m,
+  title: b,
+  eyebrow: f,
+  listContainer: H,
+  listWrapper: L,
+  list: S,
+  listHeader: F,
+  listSearch: w,
+  clearSearch: y,
+  listHeaderFilters: g,
+  listResults: C,
+  listSort: v,
+  filterToggle: N,
+  filterHeader: I,
+  loadMore: M,
+  filterList: R,
+  listFilters: T,
+  applyFilters: W,
+  show: j,
+  hide: B,
+  buttonIsLoading: $
+};
+function q({
+  categoryFilters: s,
+  selectedCategories: i,
+  onSelectionChange: o,
+  showFilters: r,
+  toggleFilters: n,
+  isLoading: a
+}) {
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: `${e.listFilters} ${r ? e.show : e.hide}`,
+      children: [
+        /* @__PURE__ */ _("div", { className: e.filterHeader, children: [
+          /* @__PURE__ */ l("h5", { children: "Filters" }),
+          /* @__PURE__ */ l("button", { onClick: n, children: /* @__PURE__ */ l(x, { size: 24 }) })
+        ] }),
+        /* @__PURE__ */ l("div", { className: e.filterList, children: s == null ? void 0 : s.map((t) => /* @__PURE__ */ _("label", { children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              type: "checkbox",
+              value: t._id,
+              checked: i.includes(t._id),
+              onChange: (c) => {
+                const d = c.target.checked ? [...i, t._id] : i.filter((h) => h !== t._id);
+                o(d);
+              }
+            }
+          ),
+          t.title
+        ] }, t._id)) }),
+        /* @__PURE__ */ l(
+          k,
+          {
+            as: "button",
+            variant: "secondary",
+            onClick: n,
+            disabled: a,
+            className: e.applyFilters,
+            children: "Apply Filters"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  q as C,
+  e as s
+};

package/dist/CategoryFilters-D8NAFy1t.cjs

@@ -0,0 +1 @@
+"use strict";require('./CategoryFilters.css');const t=require("react/jsx-runtime"),x=require("./index-0SVQqhAg.cjs"),h=require("./x-Dft9NVe_.cjs"),k="_documentList_x1tkl_1",u="_container_x1tkl_9",p="_heading_x1tkl_20",b="_title_x1tkl_25",y="_eyebrow_x1tkl_30",F="_listContainer_x1tkl_34",H="_listWrapper_x1tkl_45",L="_list_x1tkl_34",S="_listHeader_x1tkl_66",j="_listSearch_x1tkl_79",m="_clearSearch_x1tkl_106",f="_listHeaderFilters_x1tkl_125",g="_listResults_x1tkl_136",w="_listSort_x1tkl_140",C="_filterToggle_x1tkl_163",v="_filterHeader_x1tkl_178",q="_loadMore_x1tkl_199",N="_filterList_x1tkl_203",$="_listFilters_x1tkl_210",I="_applyFilters_x1tkl_218",M="_show_x1tkl_247",R="_hide_x1tkl_256",T="_buttonIsLoading_x1tkl_307",e={documentList:k,container:u,heading:p,title:b,eyebrow:y,listContainer:F,listWrapper:H,list:L,listHeader:S,listSearch:j,clearSearch:m,listHeaderFilters:f,listResults:g,listSort:w,filterToggle:C,filterHeader:v,loadMore:q,filterList:N,listFilters:$,applyFilters:I,show:M,hide:R,buttonIsLoading:T};function W({categoryFilters:l,selectedCategories:i,onSelectionChange:_,showFilters:r,toggleFilters:n,isLoading:o}){return t.jsxs("div",{className:`${e.listFilters} ${r?e.show:e.hide}`,children:[t.jsxs("div",{className:e.filterHeader,children:[t.jsx("h5",{children:"Filters"}),t.jsx("button",{onClick:n,children:t.jsx(h.X,{size:24})})]}),t.jsx("div",{className:e.filterList,children:l==null?void 0:l.map(s=>t.jsxs("label",{children:[t.jsx("input",{type:"checkbox",value:s._id,checked:i.includes(s._id),onChange:c=>{const a=c.target.checked?[...i,s._id]:i.filter(d=>d!==s._id);_(a)}}),s.title]},s._id))}),t.jsx(x.Button,{as:"button",variant:"secondary",onClick:n,disabled:o,className:e.applyFilters,children:"Apply Filters"})]})}exports.CategoryFilters=W;exports.styles=e;

package/dist/CategoryFilters.css

@@ -1 +1 @@
-._documentList_1vg9o_1{width:100%;padding-bottom:var(--spacing-xl);overflow:hidden}._container_1vg9o_9{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_1vg9o_20{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_1vg9o_20:has(._title_1vg9o_25+._cta_1vg9o_25):not(:has(._text_1vg9o_25)){gap:var(--spacing-lg)}._eyebrow_1vg9o_30{font-weight:var(--font-weight-bold)}._listContainer_1vg9o_34{display:flex;gap:var(--spacing-xl);align-items:flex-start}@media (max-width: 767px){._listContainer_1vg9o_34{flex-direction:column;gap:var(--spacing-sm)}}._listWrapper_1vg9o_45{flex:1;width:100%}._list_1vg9o_34{flex:1;display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl)}@media (min-width: 500px){._list_1vg9o_34{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 768px){._list_1vg9o_34{grid-template-columns:repeat(3,1fr)}}._listHeader_1vg9o_66{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}@media (max-width: 767px){._listHeader_1vg9o_66{flex-direction:column-reverse;align-items:flex-start;gap:var(--spacing-md)}}._listSearch_1vg9o_79{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);flex:1}._listSearch_1vg9o_79>div{width:100%}._listSearch_1vg9o_79 input{min-width:250px;padding-right:40px;height:40px}@media (max-width: 767px){._listSearch_1vg9o_79{min-width:unset;width:100%}._listSearch_1vg9o_79 input{min-width:unset}}._clearSearch_1vg9o_106{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:38.5px;width:38.5px;border-radius:var(--radius-md);border:none;background-color:var(--color-primary-100);transition:background-color .3s ease-in-out;cursor:pointer}._clearSearch_1vg9o_106:hover{background-color:var(--color-secondary)}._listHeaderFilters_1vg9o_125{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 767px){._listHeaderFilters_1vg9o_125{width:100%}}._listResults_1vg9o_136{color:var(--color-text-primary)}._listSort_1vg9o_140{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}._listSort_1vg9o_140 select{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);height:40px}._listSort_1vg9o_140 select:disabled{background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._filterToggle_1vg9o_163{display:none;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._filterToggle_1vg9o_163 button{width:auto!important}@media (max-width: 767px){._filterToggle_1vg9o_163{display:flex}}._filterHeader_1vg9o_178{display:flex;align-items:center;justify-content:space-between;width:100%}._filterHeader_1vg9o_178 button{display:none;align-items:center;justify-content:center;background-color:transparent;color:var(--color-primary-100);border:none;cursor:pointer}@media (max-width: 767px){._filterHeader_1vg9o_178 button{display:flex}}._loadMore_1vg9o_199{margin-top:var(--spacing-xl)}@media (max-width: 767px){._filterList_1vg9o_203{overflow:auto;height:calc(100% - (40px + 2rem))}}._listFilters_1vg9o_210{flex:.175;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm);position:relative}._listFilters_1vg9o_210 ._applyFilters_1vg9o_218{display:none}@media (max-width: 767px){._listFilters_1vg9o_210{position:fixed;top:0;left:0;right:0;width:100%;height:100dvh;min-height:100dvh;background-color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:calc(var(--nav-height) + 2rem) var(--spacing-xl) var(--spacing-xl);z-index:5;transition:transform .3s ease-in-out;transform:translateY(300%)}._listFilters_1vg9o_210 ._applyFilters_1vg9o_218{display:block;position:absolute;bottom:var(--spacing-md);left:0;right:0;width:calc(100% - 2rem);margin:0 auto}._listFilters_1vg9o_210._show_1vg9o_247{transform:translateY(0)}._listFilters_1vg9o_210._show_1vg9o_247 ._applyFilters_1vg9o_218{transition:transform .3s ease-in-out;transform:translateY(0)}._listFilters_1vg9o_210._hide_1vg9o_256{transform:translateY(300%)}._listFilters_1vg9o_210._hide_1vg9o_256 ._applyFilters_1vg9o_218{transition:transform 1s ease-in-out;transform:translateY(200%)}}._listFilters_1vg9o_210 ._wrapper_1vg9o_266{display:flex;align-items:center;gap:var(--spacing-sm)}._listFilters_1vg9o_210 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:var(--spacing-xs);position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._listFilters_1vg9o_210 input[type=checkbox]:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._listFilters_1vg9o_210 input[type=checkbox]:disabled{background-color:var(--color-secondary-50);cursor:not-allowed}._listFilters_1vg9o_210 label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}._buttonIsLoading_1vg9o_307 svg{animation:_rotate_1vg9o_1 2s linear infinite}@keyframes _rotate_1vg9o_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
+._documentList_x1tkl_1{width:100%;padding-bottom:var(--spacing-xl);overflow:hidden}._container_x1tkl_9{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--site-gutter);padding-right:var(--site-gutter)}._heading_x1tkl_20{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_x1tkl_20:has(._title_x1tkl_25+._cta_x1tkl_25):not(:has(._text_x1tkl_25)){gap:var(--spacing-lg)}._eyebrow_x1tkl_30{font-weight:var(--font-weight-bold)}._listContainer_x1tkl_34{display:flex;gap:var(--spacing-xl);align-items:flex-start}@media (max-width: 767px){._listContainer_x1tkl_34{flex-direction:column;gap:var(--spacing-sm)}}._listWrapper_x1tkl_45{flex:1;width:100%}._list_x1tkl_34{flex:1;display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl)}@media (min-width: 500px){._list_x1tkl_34{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 768px){._list_x1tkl_34{grid-template-columns:repeat(3,1fr)}}._listHeader_x1tkl_66{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}@media (max-width: 767px){._listHeader_x1tkl_66{flex-direction:column-reverse;align-items:flex-start;gap:var(--spacing-md)}}._listSearch_x1tkl_79{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);flex:1}._listSearch_x1tkl_79>div{width:100%}._listSearch_x1tkl_79 input{min-width:250px;padding-right:40px;height:40px}@media (max-width: 767px){._listSearch_x1tkl_79{min-width:unset;width:100%}._listSearch_x1tkl_79 input{min-width:unset}}._clearSearch_x1tkl_106{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:38.5px;width:38.5px;border-radius:var(--radius-md);border:none;background-color:var(--color-primary-100);transition:background-color .3s ease-in-out;cursor:pointer}._clearSearch_x1tkl_106:hover{background-color:var(--color-secondary)}._listHeaderFilters_x1tkl_125{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 767px){._listHeaderFilters_x1tkl_125{width:100%}}._listResults_x1tkl_136{color:var(--color-text-primary)}._listSort_x1tkl_140{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}._listSort_x1tkl_140 select{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);height:40px}._listSort_x1tkl_140 select:disabled{background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._filterToggle_x1tkl_163{display:none;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._filterToggle_x1tkl_163 button{width:auto!important}@media (max-width: 767px){._filterToggle_x1tkl_163{display:flex}}._filterHeader_x1tkl_178{display:flex;align-items:center;justify-content:space-between;width:100%}._filterHeader_x1tkl_178 button{display:none;align-items:center;justify-content:center;background-color:transparent;color:var(--color-primary-100);border:none;cursor:pointer}@media (max-width: 767px){._filterHeader_x1tkl_178 button{display:flex}}._loadMore_x1tkl_199{margin-top:var(--spacing-xl)}@media (max-width: 767px){._filterList_x1tkl_203{overflow:auto;height:calc(100% - (40px + 2rem))}}._listFilters_x1tkl_210{flex:.175;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm);position:relative}._listFilters_x1tkl_210 ._applyFilters_x1tkl_218{display:none}@media (max-width: 767px){._listFilters_x1tkl_210{position:fixed;top:0;left:0;right:0;width:100%;height:100dvh;min-height:100dvh;background-color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:calc(var(--nav-height) + 2rem) var(--spacing-xl) var(--spacing-xl);z-index:5;transition:transform .3s ease-in-out;transform:translateY(300%)}._listFilters_x1tkl_210 ._applyFilters_x1tkl_218{display:block;position:absolute;bottom:var(--spacing-md);left:0;right:0;width:calc(100% - 2rem);margin:0 auto}._listFilters_x1tkl_210._show_x1tkl_247{transform:translateY(0)}._listFilters_x1tkl_210._show_x1tkl_247 ._applyFilters_x1tkl_218{transition:transform .3s ease-in-out;transform:translateY(0)}._listFilters_x1tkl_210._hide_x1tkl_256{transform:translateY(300%)}._listFilters_x1tkl_210._hide_x1tkl_256 ._applyFilters_x1tkl_218{transition:transform 1s ease-in-out;transform:translateY(200%)}}._listFilters_x1tkl_210 ._wrapper_x1tkl_266{display:flex;align-items:center;gap:var(--spacing-sm)}._listFilters_x1tkl_210 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:var(--spacing-xs);position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._listFilters_x1tkl_210 input[type=checkbox]:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._listFilters_x1tkl_210 input[type=checkbox]:disabled{background-color:var(--color-secondary-50);cursor:not-allowed}._listFilters_x1tkl_210 label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}._buttonIsLoading_x1tkl_307 svg{animation:_rotate_x1tkl_1 2s linear infinite}@keyframes _rotate_x1tkl_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}

package/dist/CategoryFilters.css.d.ts

@@ -1,31 +1,31 @@
 declare const styles: {
-  readonly "_applyFilters_1vg9o_218": string;
-  readonly "_buttonIsLoading_1vg9o_307": string;
-  readonly "_clearSearch_1vg9o_106": string;
-  readonly "_container_1vg9o_9": string;
-  readonly "_cta_1vg9o_25": string;
-  readonly "_documentList_1vg9o_1": string;
-  readonly "_eyebrow_1vg9o_30": string;
-  readonly "_filterHeader_1vg9o_178": string;
-  readonly "_filterList_1vg9o_203": string;
-  readonly "_filterToggle_1vg9o_163": string;
-  readonly "_heading_1vg9o_20": string;
-  readonly "_hide_1vg9o_256": string;
-  readonly "_listContainer_1vg9o_34": string;
-  readonly "_listFilters_1vg9o_210": string;
-  readonly "_listHeaderFilters_1vg9o_125": string;
-  readonly "_listHeader_1vg9o_66": string;
-  readonly "_listResults_1vg9o_136": string;
-  readonly "_listSearch_1vg9o_79": string;
-  readonly "_listSort_1vg9o_140": string;
-  readonly "_listWrapper_1vg9o_45": string;
-  readonly "_list_1vg9o_34": string;
-  readonly "_loadMore_1vg9o_199": string;
-  readonly "_rotate_1vg9o_1": string;
-  readonly "_show_1vg9o_247": string;
-  readonly "_text_1vg9o_25": string;
-  readonly "_title_1vg9o_25": string;
-  readonly "_wrapper_1vg9o_266": string;
+  readonly "_applyFilters_x1tkl_218": string;
+  readonly "_buttonIsLoading_x1tkl_307": string;
+  readonly "_clearSearch_x1tkl_106": string;
+  readonly "_container_x1tkl_9": string;
+  readonly "_cta_x1tkl_25": string;
+  readonly "_documentList_x1tkl_1": string;
+  readonly "_eyebrow_x1tkl_30": string;
+  readonly "_filterHeader_x1tkl_178": string;
+  readonly "_filterList_x1tkl_203": string;
+  readonly "_filterToggle_x1tkl_163": string;
+  readonly "_heading_x1tkl_20": string;
+  readonly "_hide_x1tkl_256": string;
+  readonly "_listContainer_x1tkl_34": string;
+  readonly "_listFilters_x1tkl_210": string;
+  readonly "_listHeaderFilters_x1tkl_125": string;
+  readonly "_listHeader_x1tkl_66": string;
+  readonly "_listResults_x1tkl_136": string;
+  readonly "_listSearch_x1tkl_79": string;
+  readonly "_listSort_x1tkl_140": string;
+  readonly "_listWrapper_x1tkl_45": string;
+  readonly "_list_x1tkl_34": string;
+  readonly "_loadMore_x1tkl_199": string;
+  readonly "_rotate_x1tkl_1": string;
+  readonly "_show_x1tkl_247": string;
+  readonly "_text_x1tkl_25": string;
+  readonly "_title_x1tkl_25": string;
+  readonly "_wrapper_x1tkl_266": string;
 };
 export = styles;
 

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

@@ -1,68 +1,68 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Input as z } from "./core/components/Input/index.mjs";
-import { Textarea as v } from "./core/components/Textarea/index.mjs";
+import { jsx as n } from "react/jsx-runtime";
+import { Input as v } from "./core/components/Input/index.mjs";
+import { Textarea as T } from "./core/components/Textarea/index.mjs";
 import { Select as m } from "./core/components/Select/index.mjs";
 import { Checkbox as _ } from "./core/components/Checkbox/index.mjs";
-import { Radio as T } from "./core/components/Radio/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 W } from "./core/components/DatePicker/index.mjs";
-import { Range as f } from "./core/components/Range/index.mjs";
-import './FormField.css';const k = "_formBlock_tzwar_1", L = "_container_tzwar_7", C = "_formInner_tzwar_20", F = "_maxWidthSm_tzwar_26", y = "_maxWidthMd_tzwar_29", B = "_maxWidthLg_tzwar_32", q = "_maxWidthFull_tzwar_35", S = "_heading_tzwar_41", H = "_eyebrow_tzwar_47", G = "_title_tzwar_51", M = "_disclaimer_tzwar_55", $ = "_progress_tzwar_61", I = "_progressHeader_tzwar_67", D = "_stepLabel_tzwar_73", O = "_stepCount_tzwar_79", V = "_stepDescription_tzwar_84", P = "_fields_tzwar_92", R = "_fieldFull_tzwar_99", j = "_fieldHalf_tzwar_103", N = "_fieldThird_tzwar_111", A = "_actions_tzwar_121", E = "_submitButton_tzwar_128", J = "_success_tzwar_134", K = "_errorBanner_tzwar_149", u = {
-  formBlock: k,
-  container: L,
-  formInner: C,
-  maxWidthSm: F,
-  maxWidthMd: y,
-  maxWidthLg: B,
-  maxWidthFull: q,
-  heading: S,
-  eyebrow: H,
-  title: G,
-  disclaimer: M,
-  progress: $,
-  progressHeader: I,
-  stepLabel: D,
-  stepCount: O,
-  stepDescription: V,
-  fields: P,
-  fieldFull: R,
-  fieldHalf: j,
-  fieldThird: N,
+import { DatePicker as f } from "./core/components/DatePicker/index.mjs";
+import { Range as w } from "./core/components/Range/index.mjs";
+import './FormField.css';const L = "_formBlock_1lllk_1", C = "_container_1lllk_7", F = "_formInner_1lllk_20", y = "_maxWidthSm_1lllk_26", B = "_maxWidthMd_1lllk_29", q = "_maxWidthLg_1lllk_32", S = "_maxWidthFull_1lllk_35", H = "_heading_1lllk_41", G = "_eyebrow_1lllk_47", M = "_title_1lllk_51", $ = "_disclaimer_1lllk_55", I = "_progress_1lllk_61", D = "_progressHeader_1lllk_67", O = "_stepLabel_1lllk_73", V = "_stepCount_1lllk_79", P = "_stepDescription_1lllk_84", R = "_fields_1lllk_92", j = "_fieldFull_1lllk_99", N = "_fieldHalf_1lllk_103", z = "_fieldThird_1lllk_111", A = "_actions_1lllk_121", E = "_submitButton_1lllk_128", J = "_success_1lllk_134", K = "_errorBanner_1lllk_149", u = {
+  formBlock: L,
+  container: C,
+  formInner: F,
+  maxWidthSm: y,
+  maxWidthMd: B,
+  maxWidthLg: q,
+  maxWidthFull: S,
+  heading: H,
+  eyebrow: G,
+  title: M,
+  disclaimer: $,
+  progress: I,
+  progressHeader: D,
+  stepLabel: O,
+  stepCount: V,
+  stepDescription: P,
+  fields: R,
+  fieldFull: j,
+  fieldHalf: N,
+  fieldThird: z,
   actions: A,
   submitButton: E,
   success: J,
   errorBanner: K
 };
 function c(e) {
-  return (e ?? []).map((r) => ({
-    label: r.label,
-    value: r.value.current,
-    disabled: r.disabled
+  return (e ?? []).map((t) => ({
+    label: t.label,
+    value: t.value.current,
+    disabled: t.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
+  return (e ?? []).map((t) => ({
+    label: t.label,
+    options: t.options.map((a) => ({
+      label: a.label,
+      value: a.value.current,
+      disabled: a.disabled
     }))
   }));
 }
-function ne({ field: e, value: r, error: n, onChange: o }) {
-  const a = e.name.current, b = {
+function ae({ field: e, value: t, error: a, onChange: o }) {
+  const r = e.name.current, b = {
     full: u.fieldFull,
     half: u.fieldHalf,
     third: u.fieldThird
   }[e.width ?? "full"], i = {
-    id: a,
-    name: a,
+    id: r,
+    name: r,
     label: e.label,
     required: e.required,
     disabled: e.disabled,
     helperText: e.helperText,
-    error: n
+    error: a
   }, d = () => {
     switch (e.fieldType) {
       // ── Text-based inputs ──────────────────────────────────────────────
@@ -71,67 +71,67 @@ function ne({ field: e, value: r, error: n, onChange: o }) {
       case "phone":
       case "number":
       case "url":
-        return /* @__PURE__ */ s(
-          z,
+        return /* @__PURE__ */ n(
+          v,
           {
             ...i,
             type: e.fieldType === "phone" ? "tel" : e.fieldType,
             placeholder: e.placeholder,
-            value: r ?? "",
+            value: t ?? "",
             minLength: e.minLength,
             maxLength: e.maxLength,
             fullWidth: !0,
-            onChange: (t) => o(a, t.target.value)
+            onChange: (l) => o(r, l.target.value)
           }
         );
       // ── Textarea ───────────────────────────────────────────────────────
       case "textarea":
-        return /* @__PURE__ */ s(
-          v,
+        return /* @__PURE__ */ n(
+          T,
           {
             ...i,
             placeholder: e.placeholder,
-            value: r ?? "",
+            value: t ?? "",
             rows: e.rows ?? 4,
             maxLength: e.maxLength,
             showCharCount: e.showCharCount,
             fullWidth: !0,
-            onChange: (t) => o(a, t.target.value)
+            onChange: (l) => o(r, l.target.value)
           }
         );
       // ── Select ─────────────────────────────────────────────────────────
       case "select": {
-        const t = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
-        return /* @__PURE__ */ s(
+        const l = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
+        return /* @__PURE__ */ n(
           m,
           {
             ...i,
             placeholder: e.placeholder,
-            options: t,
-            value: r ?? "",
+            options: l,
+            value: t ?? "",
             fullWidth: !0,
-            onChange: (l) => o(a, l.target.value)
+            onChange: (s) => o(r, s.target.value)
           }
         );
       }
       // ── Multi-select ───────────────────────────────────────────────────
       case "multiselect": {
-        const t = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
-        return /* @__PURE__ */ s(
+        const l = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
+        return /* @__PURE__ */ n(
           m,
           {
             ...i,
             multiple: !0,
-            options: t,
-            value: r ?? [],
+            options: l,
+            value: t ?? [],
             showSelectedCount: !0,
-            onChange: (l) => o(a, l)
+            onChange: (s) => o(r, s)
           }
         );
       }
       // ── Single checkbox ────────────────────────────────────────────────
       case "checkbox":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           _,
           {
             id: i.id,
@@ -139,96 +139,96 @@ function ne({ field: e, value: r, error: n, onChange: o }) {
             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: t ?? !1,
+            onChange: (l) => o(r, l.target.checked)
           }
         );
       // ── Checkbox group ─────────────────────────────────────────────────
       case "checkboxGroup": {
-        const t = r ?? [];
-        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((l) => /* @__PURE__ */ s(
+        const l = t ?? [];
+        return /* @__PURE__ */ n(h, { legend: e.label, error: !!a, helperText: a, children: c(e.options).map((s) => /* @__PURE__ */ n(
           _,
           {
-            id: `${a}-${l.value}`,
-            name: `${a}[]`,
-            label: l.label,
-            checked: t.includes(l.value),
-            disabled: l.disabled || e.disabled,
+            id: `${r}-${s.value}`,
+            name: `${r}[]`,
+            label: s.label,
+            checked: l.includes(s.value),
+            disabled: s.disabled || e.disabled,
             onChange: (x) => {
-              const w = x.target.checked ? [...t, l.value] : t.filter((g) => g !== l.value);
-              o(a, w);
+              const k = x.target.checked ? [...l, s.value] : l.filter((g) => g !== s.value);
+              o(r, k);
             }
           },
-          l.value
+          s.value
         )) });
       }
       // ── Radio group ────────────────────────────────────────────────────
       case "radio":
-        return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((t) => /* @__PURE__ */ s(
-          T,
+        return /* @__PURE__ */ n(h, { legend: e.label, error: !!a, helperText: a, children: c(e.options).map((l) => /* @__PURE__ */ n(
+          W,
           {
-            id: `${a}-${t.value}`,
-            name: a,
-            value: t.value,
-            label: t.label,
-            checked: r === t.value,
-            disabled: t.disabled || e.disabled,
+            id: `${r}-${l.value}`,
+            name: r,
+            value: l.value,
+            label: l.label,
+            checked: t === l.value,
+            disabled: l.disabled || e.disabled,
             required: e.required,
-            onChange: () => o(a, t.value)
+            onChange: () => o(r, l.value)
           },
-          t.value
+          l.value
         )) });
       // ── Date picker ────────────────────────────────────────────────────
       case "date":
-        return /* @__PURE__ */ s(
-          W,
+        return /* @__PURE__ */ n(
+          f,
           {
             id: i.id,
             name: i.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: t ?? null,
+            onChange: (l) => o(r, l)
           }
         );
       // ── Range ──────────────────────────────────────────────────────────
       case "range":
-        return /* @__PURE__ */ s(
-          f,
+        return /* @__PURE__ */ n(
+          w,
           {
             ...i,
-            value: r ?? e.rangeMin ?? 0,
+            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: (t) => o(a, t)
+            onChange: (l) => o(r, l)
           }
         );
       // ── Hidden ─────────────────────────────────────────────────────────
       case "hidden":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           "input",
           {
             type: "hidden",
-            name: a,
-            value: r ?? e.hiddenValue ?? ""
+            name: r,
+            value: t ?? e.hiddenValue ?? ""
           }
         );
       default:
         return null;
     }
   };
-  return e.fieldType === "hidden" ? d() : /* @__PURE__ */ s("div", { className: `${b}`, children: d() });
+  return e.fieldType === "hidden" ? d() : /* @__PURE__ */ n("div", { className: `${b}`, children: d() });
 }
 export {
-  ne as F,
+  ae as F,
   u as s
 };

package/dist/FormField-CrjRuF3o.cjs

@@ -0,0 +1 @@
+"use strict";require('./FormField.css');const s=require("react/jsx-runtime"),v=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"),W=require("./core/components/DatePicker/index.cjs"),F=require("./core/components/Range/index.cjs"),j="_formBlock_1lllk_1",C="_container_1lllk_7",w="_formInner_1lllk_20",L="_maxWidthSm_1lllk_26",y="_maxWidthMd_1lllk_29",S="_maxWidthLg_1lllk_32",B="_maxWidthFull_1lllk_35",$="_heading_1lllk_41",H="_eyebrow_1lllk_47",G="_title_1lllk_51",I="_disclaimer_1lllk_55",M="_progress_1lllk_61",D="_progressHeader_1lllk_67",O="_stepLabel_1lllk_73",P="_stepCount_1lllk_79",R="_stepDescription_1lllk_84",V="_fields_1lllk_92",f="_fieldFull_1lllk_99",N="_fieldHalf_1lllk_103",z="_fieldThird_1lllk_111",A="_actions_1lllk_121",E="_submitButton_1lllk_128",J="_success_1lllk_134",K="_errorBanner_1lllk_149",u={formBlock: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:o}){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(v.Input,{...c,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:t??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:l=>o(n,l.target.value)});case"textarea":return s.jsx(q.Textarea,{...c,placeholder:e.placeholder,value:t??"",rows:e.rows??4,maxLength:e.maxLength,showCharCount:e.showCharCount,fullWidth:!0,onChange:l=>o(n,l.target.value)});case"select":{const l=e.useOptionGroups?m(e.optionGroups):i(e.options);return s.jsx(_.Select,{...c,placeholder:e.placeholder,options:l,value:t??"",fullWidth:!0,onChange:a=>o(n,a.target.value)})}case"multiselect":{const l=e.useOptionGroups?m(e.optionGroups):i(e.options);return s.jsx(_.Select,{...c,multiple:!0,options:l,value:t??[],showSelectedCount:!0,onChange:a=>o(n,a)})}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:l=>o(n,l.target.checked)});case"checkboxGroup":{const l=t??[];return s.jsx(p.Fieldset,{legend:e.label,error:!!r,helperText:r,children:i(e.options).map(a=>s.jsx(h.Checkbox,{id:`${n}-${a.value}`,name:`${n}[]`,label:a.label,checked:l.includes(a.value),disabled:a.disabled||e.disabled,onChange:b=>{const k=b.target.checked?[...l,a.value]:l.filter(g=>g!==a.value);o(n,k)}},a.value))})}case"radio":return s.jsx(p.Fieldset,{legend:e.label,error:!!r,helperText:r,children:i(e.options).map(l=>s.jsx(T.Radio,{id:`${n}-${l.value}`,name:n,value:l.value,label:l.label,checked:t===l.value,disabled:l.disabled||e.disabled,required:e.required,onChange:()=>o(n,l.value)},l.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:l=>o(n,l)});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:l=>o(n,l)});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.css

@@ -1 +1 @@
-._formBlock_tzwar_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_tzwar_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_tzwar_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_tzwar_26{max-width:480px}._maxWidthMd_tzwar_29{max-width:640px}._maxWidthLg_tzwar_32{max-width:800px}._maxWidthFull_tzwar_35{max-width:100%}._heading_tzwar_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_tzwar_47{font-weight:var(--font-weight-bold)}._title_tzwar_51{text-wrap:balance}._disclaimer_tzwar_55{font-size:var(--font-size-sm)}._progress_tzwar_61{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_tzwar_67{display:flex;justify-content:space-between;align-items:center}._stepLabel_tzwar_73{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_tzwar_79{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_tzwar_84{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_tzwar_92{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_tzwar_99{width:100%}._fieldHalf_tzwar_103{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_tzwar_103{width:100%}}._fieldThird_tzwar_111{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_tzwar_111{width:100%}}._actions_tzwar_121{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_tzwar_128{margin-left:auto}._success_tzwar_134{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_tzwar_134 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_tzwar_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_tzwar_7{flex-direction:row;gap:3rem}.split ._heading_tzwar_41,.split form{flex:.5}@media (max-width: 767px){.split ._container_tzwar_7{flex-direction:column}.split ._heading_tzwar_41,.split form{flex:1}}
+._formBlock_1lllk_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1lllk_7{width:100%;max-width:var(--layout-width, 1250px);margin:0 auto;padding-left:var(--site-gutter);padding-right:var(--site-gutter);display:flex;flex-direction:column;gap:var(--spacing-lg)}._formInner_1lllk_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_1lllk_26{max-width:480px}._maxWidthMd_1lllk_29{max-width:640px}._maxWidthLg_1lllk_32{max-width:800px}._maxWidthFull_1lllk_35{max-width:100%}._heading_1lllk_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_1lllk_47{font-weight:var(--font-weight-bold)}._title_1lllk_51{text-wrap:balance}._disclaimer_1lllk_55{font-size:var(--font-size-sm)}._progress_1lllk_61{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_1lllk_67{display:flex;justify-content:space-between;align-items:center}._stepLabel_1lllk_73{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_1lllk_79{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_1lllk_84{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_1lllk_92{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_1lllk_99{width:100%}._fieldHalf_1lllk_103{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_1lllk_103{width:100%}}._fieldThird_1lllk_111{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_1lllk_111{width:100%}}._actions_1lllk_121{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_1lllk_128{margin-left:auto}._success_1lllk_134{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_1lllk_134 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_1lllk_149{padding:var(--spacing-md);background-color:var(--color-states-error-bg);color:var(--color-states-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.split ._container_1lllk_7{flex-direction:row;gap:3rem}.split ._heading_1lllk_41,.split form{flex:.5}@media (max-width: 767px){.split ._container_1lllk_7{flex-direction:column}.split ._heading_1lllk_41,.split form{flex:1}}

package/dist/FormField.css.d.ts

@@ -1,28 +1,28 @@
 declare const styles: {
-  readonly "_actions_tzwar_121": string;
-  readonly "_container_tzwar_7": string;
-  readonly "_disclaimer_tzwar_55": string;
-  readonly "_errorBanner_tzwar_149": string;
-  readonly "_eyebrow_tzwar_47": string;
-  readonly "_fieldFull_tzwar_99": string;
-  readonly "_fieldHalf_tzwar_103": string;
-  readonly "_fieldThird_tzwar_111": string;
-  readonly "_fields_tzwar_92": string;
-  readonly "_formBlock_tzwar_1": string;
-  readonly "_formInner_tzwar_20": string;
-  readonly "_heading_tzwar_41": string;
-  readonly "_maxWidthFull_tzwar_35": string;
-  readonly "_maxWidthLg_tzwar_32": string;
-  readonly "_maxWidthMd_tzwar_29": string;
-  readonly "_maxWidthSm_tzwar_26": string;
-  readonly "_progressHeader_tzwar_67": string;
-  readonly "_progress_tzwar_61": string;
-  readonly "_stepCount_tzwar_79": string;
-  readonly "_stepDescription_tzwar_84": string;
-  readonly "_stepLabel_tzwar_73": string;
-  readonly "_submitButton_tzwar_128": string;
-  readonly "_success_tzwar_134": string;
-  readonly "_title_tzwar_51": string;
+  readonly "_actions_1lllk_121": string;
+  readonly "_container_1lllk_7": string;
+  readonly "_disclaimer_1lllk_55": string;
+  readonly "_errorBanner_1lllk_149": string;
+  readonly "_eyebrow_1lllk_47": string;
+  readonly "_fieldFull_1lllk_99": string;
+  readonly "_fieldHalf_1lllk_103": string;
+  readonly "_fieldThird_1lllk_111": string;
+  readonly "_fields_1lllk_92": string;
+  readonly "_formBlock_1lllk_1": string;
+  readonly "_formInner_1lllk_20": string;
+  readonly "_heading_1lllk_41": string;
+  readonly "_maxWidthFull_1lllk_35": string;
+  readonly "_maxWidthLg_1lllk_32": string;
+  readonly "_maxWidthMd_1lllk_29": string;
+  readonly "_maxWidthSm_1lllk_26": string;
+  readonly "_progressHeader_1lllk_67": string;
+  readonly "_progress_1lllk_61": string;
+  readonly "_stepCount_1lllk_79": string;
+  readonly "_stepDescription_1lllk_84": string;
+  readonly "_stepLabel_1lllk_73": string;
+  readonly "_submitButton_1lllk_128": string;
+  readonly "_success_1lllk_134": string;
+  readonly "_title_1lllk_51": string;
   readonly "split": string;
 };
 export = styles;