quirk-ui 0.1.160 → 0.1.161

package/dist/FormField-BPAhK8ty.cjs

@@ -0,0 +1 @@
+"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"),h=require("./core/components/Select/index.cjs"),_=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_1iehq_1",C="_container_1iehq_7",w="_formInner_1iehq_20",L="_maxWidthSm_1iehq_26",y="_maxWidthMd_1iehq_29",S="_maxWidthLg_1iehq_32",B="_maxWidthFull_1iehq_35",$="_heading_1iehq_41",H="_eyebrow_1iehq_47",G="_title_1iehq_51",I="_disclaimer_1iehq_55",M="_progress_1iehq_62",D="_progressHeader_1iehq_68",O="_stepLabel_1iehq_74",P="_stepCount_1iehq_80",R="_stepDescription_1iehq_85",V="_fields_1iehq_93",f="_fieldFull_1iehq_100",N="_fieldHalf_1iehq_104",z="_fieldThird_1iehq_112",A="_actions_1iehq_122",E="_submitButton_1iehq_129",J="_success_1iehq_135",K="_errorBanner_1iehq_150",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 c(e){return(e??[]).map(n=>({label:n.label,value:n.value.current,disabled:n.disabled}))}function m(e){return(e??[]).map(n=>({label:n.label,options:n.options.map(s=>({label:s.label,value:s.value.current,disabled:s.disabled}))}))}function Q({field:e,value:n,error:s,onChange:o}){const r=e.name.current,x={full:u.fieldFull,half:u.fieldHalf,third:u.fieldThird}[e.width??"full"],l={id:r,name:r,label:e.label,required:e.required,disabled:e.disabled,helperText:e.helperText,error:s},d=()=>{switch(e.fieldType){case"text":case"email":case"phone":case"number":case"url":return a.jsx(v.Input,{...l,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:n??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:t=>o(r,t.target.value)});case"textarea":return a.jsx(T.Textarea,{...l,placeholder:e.placeholder,value:n??"",rows:e.rows??4,maxLength:e.maxLength,showCharCount:e.showCharCount,fullWidth:!0,onChange:t=>o(r,t.target.value)});case"select":{const t=e.useOptionGroups?m(e.optionGroups):c(e.options);return a.jsx(h.Select,{...l,placeholder:e.placeholder,options:t,value:n??"",fullWidth:!0,onChange:i=>o(r,i.target.value)})}case"multiselect":{const t=e.useOptionGroups?m(e.optionGroups):c(e.options);return a.jsx(h.Select,{...l,multiple:!0,options:t,value:n??[],showSelectedCount:!0,onChange:i=>o(r,i)})}case"checkbox":return a.jsx(_.Checkbox,{id:l.id,name:l.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,checked:n??!1,onChange:t=>o(r,t.target.checked)});case"checkboxGroup":{const t=n??[];return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:c(e.options).map(i=>a.jsx(_.Checkbox,{id:`${r}-${i.value}`,name:`${r}[]`,label:i.label,checked:t.includes(i.value),disabled:i.disabled||e.disabled,onChange:b=>{const q=b.target.checked?[...t,i.value]:t.filter(g=>g!==i.value);o(r,q)}},i.value))})}case"radio":return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:c(e.options).map(t=>a.jsx(k.Radio,{id:`${r}-${t.value}`,name:r,value:t.value,label:t.label,checked:n===t.value,disabled:t.disabled||e.disabled,required:e.required,onChange:()=>o(r,t.value)},t.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:n??null,onChange:t=>o(r,t)});case"range":return a.jsx(F.Range,{...l,value:n??e.rangeMin??0,min:e.rangeMin??0,max:e.rangeMax??100,step:e.rangeStep??1,valuePrefix:e.rangeValuePrefix,valueSuffix:e.rangeValueSuffix,showValue:!0,onChange:t=>o(r,t)});case"hidden":return a.jsx("input",{type:"hidden",name:r,value:n??e.hiddenValue??""});default:return null}};return e.fieldType==="hidden"?d():a.jsx("div",{className:`${x}`,children:d()})}exports.FormField=Q;exports.styles=u;

package/dist/{FormField-D1m8xWkL.js → FormField-DMKvp-Na.js}

@@ -1,68 +1,69 @@
 import { jsx as s } from "react/jsx-runtime";
-import { Input as g } from "./core/components/Input/index.mjs";
+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 h } from "./core/components/Checkbox/index.mjs";
+import { Select as d } from "./core/components/Select/index.mjs";
+import { Checkbox as m } from "./core/components/Checkbox/index.mjs";
 import { Radio as W } from "./core/components/Radio/index.mjs";
-import { Fieldset as p } from "./core/components/Fieldset/index.mjs";
+import { Fieldset as _ } from "./core/components/Fieldset/index.mjs";
 import { DatePicker as f } from "./core/components/DatePicker/index.mjs";
 import { Range as k } from "./core/components/Range/index.mjs";
-import './FormField.css';const L = "_formBlock_1nwvd_1", C = "_container_1nwvd_7", F = "_formInner_1nwvd_20", y = "_maxWidthSm_1nwvd_26", B = "_maxWidthMd_1nwvd_29", q = "_maxWidthLg_1nwvd_32", S = "_maxWidthFull_1nwvd_35", H = "_heading_1nwvd_41", G = "_eyebrow_1nwvd_47", M = "_title_1nwvd_51", $ = "_progress_1nwvd_57", I = "_progressHeader_1nwvd_63", D = "_stepLabel_1nwvd_69", O = "_stepCount_1nwvd_75", V = "_stepDescription_1nwvd_80", P = "_fields_1nwvd_88", R = "_fieldFull_1nwvd_95", j = "_fieldHalf_1nwvd_99", N = "_fieldThird_1nwvd_107", z = "_actions_1nwvd_117", A = "_submitButton_1nwvd_124", E = "_success_1nwvd_130", J = "_errorBanner_1nwvd_145", u = {
-  formBlock: L,
-  container: C,
-  formInner: F,
-  maxWidthSm: y,
-  maxWidthMd: B,
-  maxWidthLg: q,
+import './FormField.css';const w = "_formBlock_1iehq_1", L = "_container_1iehq_7", C = "_formInner_1iehq_20", F = "_maxWidthSm_1iehq_26", y = "_maxWidthMd_1iehq_29", B = "_maxWidthLg_1iehq_32", S = "_maxWidthFull_1iehq_35", H = "_heading_1iehq_41", G = "_eyebrow_1iehq_47", M = "_title_1iehq_51", $ = "_disclaimer_1iehq_55", I = "_progress_1iehq_62", D = "_progressHeader_1iehq_68", O = "_stepLabel_1iehq_74", V = "_stepCount_1iehq_80", P = "_stepDescription_1iehq_85", R = "_fields_1iehq_93", j = "_fieldFull_1iehq_100", N = "_fieldHalf_1iehq_104", z = "_fieldThird_1iehq_112", A = "_actions_1iehq_122", E = "_submitButton_1iehq_129", J = "_success_1iehq_135", K = "_errorBanner_1iehq_150", u = {
+  formBlock: w,
+  container: L,
+  formInner: C,
+  maxWidthSm: F,
+  maxWidthMd: y,
+  maxWidthLg: B,
   maxWidthFull: S,
   heading: H,
   eyebrow: G,
   title: M,
-  progress: $,
-  progressHeader: I,
-  stepLabel: D,
-  stepCount: O,
-  stepDescription: V,
-  fields: P,
-  fieldFull: R,
-  fieldHalf: j,
-  fieldThird: N,
-  actions: z,
-  submitButton: A,
-  success: E,
-  errorBanner: J
+  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 i(e) {
-  return (e ?? []).map((n) => ({
-    label: n.label,
-    value: n.value.current,
-    disabled: n.disabled
+function c(e) {
+  return (e ?? []).map((r) => ({
+    label: r.label,
+    value: r.value.current,
+    disabled: r.disabled
   }));
 }
-function _(e) {
-  return (e ?? []).map((n) => ({
-    label: n.label,
-    options: n.options.map((a) => ({
-      label: a.label,
-      value: a.value.current,
-      disabled: a.disabled
+function p(e) {
+  return (e ?? []).map((r) => ({
+    label: r.label,
+    options: r.options.map((n) => ({
+      label: n.label,
+      value: n.value.current,
+      disabled: n.disabled
     }))
   }));
 }
-function re({ field: e, value: n, error: a, onChange: o }) {
-  const r = e.name.current, b = {
+function ne({ field: e, value: r, error: n, onChange: i }) {
+  const a = e.name.current, b = {
     full: u.fieldFull,
     half: u.fieldHalf,
     third: u.fieldThird
-  }[e.width ?? "full"], d = {
-    id: r,
-    name: r,
+  }[e.width ?? "full"], o = {
+    id: a,
+    name: a,
     label: e.label,
     required: e.required,
     disabled: e.disabled,
     helperText: e.helperText,
-    error: a
-  }, c = () => {
+    error: n
+  }, h = () => {
     switch (e.fieldType) {
       // ── Text-based inputs ──────────────────────────────────────────────
       case "text":
@@ -71,16 +72,16 @@ function re({ field: e, value: n, error: a, onChange: o }) {
       case "number":
       case "url":
         return /* @__PURE__ */ s(
-          g,
+          v,
           {
-            ...d,
+            ...o,
             type: e.fieldType === "phone" ? "tel" : e.fieldType,
             placeholder: e.placeholder,
-            value: n ?? "",
+            value: r ?? "",
             minLength: e.minLength,
             maxLength: e.maxLength,
             fullWidth: !0,
-            onChange: (t) => o(r, t.target.value)
+            onChange: (t) => i(a, t.target.value)
           }
         );
       // ── Textarea ───────────────────────────────────────────────────────
@@ -88,76 +89,76 @@ function re({ field: e, value: n, error: a, onChange: o }) {
         return /* @__PURE__ */ s(
           T,
           {
-            ...d,
+            ...o,
             placeholder: e.placeholder,
-            value: n ?? "",
+            value: r ?? "",
             rows: e.rows ?? 4,
             maxLength: e.maxLength,
             showCharCount: e.showCharCount,
             fullWidth: !0,
-            onChange: (t) => o(r, t.target.value)
+            onChange: (t) => i(a, t.target.value)
           }
         );
       // ── Select ─────────────────────────────────────────────────────────
       case "select": {
-        const t = e.useOptionGroups ? _(e.optionGroups) : i(e.options);
+        const t = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
         return /* @__PURE__ */ s(
-          m,
+          d,
           {
-            ...d,
+            ...o,
             placeholder: e.placeholder,
             options: t,
-            value: n ?? "",
+            value: r ?? "",
             fullWidth: !0,
-            onChange: (l) => o(r, l.target.value)
+            onChange: (l) => i(a, l.target.value)
           }
         );
       }
       // ── Multi-select ───────────────────────────────────────────────────
       case "multiselect": {
-        const t = e.useOptionGroups ? _(e.optionGroups) : i(e.options);
+        const t = e.useOptionGroups ? p(e.optionGroups) : c(e.options);
         return /* @__PURE__ */ s(
-          m,
+          d,
           {
-            ...d,
+            ...o,
             multiple: !0,
             options: t,
-            value: n ?? [],
+            value: r ?? [],
             showSelectedCount: !0,
-            onChange: (l) => o(r, l)
+            onChange: (l) => i(a, l)
           }
         );
       }
       // ── Single checkbox ────────────────────────────────────────────────
       case "checkbox":
         return /* @__PURE__ */ s(
-          h,
+          m,
           {
-            id: d.id,
-            name: d.name,
+            id: o.id,
+            name: o.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
-            helperText: a ?? e.helperText,
-            error: !!a,
-            checked: n ?? !1,
-            onChange: (t) => o(r, t.target.checked)
+            helperText: n ?? e.helperText,
+            error: !!n,
+            checked: r ?? !1,
+            onChange: (t) => i(a, t.target.checked)
           }
         );
       // ── Checkbox group ─────────────────────────────────────────────────
       case "checkboxGroup": {
-        const t = n ?? [];
-        return /* @__PURE__ */ s(p, { legend: e.label, error: !!a, helperText: a, children: i(e.options).map((l) => /* @__PURE__ */ s(
-          h,
+        const t = r ?? [];
+        return /* @__PURE__ */ s(_, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((l) => /* @__PURE__ */ s(
+          m,
           {
-            id: `${r}-${l.value}`,
-            name: `${r}[]`,
+            id: `${a}-${l.value}`,
+            name: `${a}[]`,
             label: l.label,
             checked: t.includes(l.value),
             disabled: l.disabled || e.disabled,
-            onChange: (v) => {
-              const x = v.target.checked ? [...t, l.value] : t.filter((w) => w !== l.value);
-              o(r, x);
+            onChange: (x) => {
+              const g = x.target.checked ? [...t, l.value] : t.filter((q) => q !== l.value);
+              i(a, g);
             }
           },
           l.value
@@ -165,17 +166,17 @@ function re({ field: e, value: n, error: a, onChange: o }) {
       }
       // ── Radio group ────────────────────────────────────────────────────
       case "radio":
-        return /* @__PURE__ */ s(p, { legend: e.label, error: !!a, helperText: a, children: i(e.options).map((t) => /* @__PURE__ */ s(
+        return /* @__PURE__ */ s(_, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((t) => /* @__PURE__ */ s(
           W,
           {
-            id: `${r}-${t.value}`,
-            name: r,
+            id: `${a}-${t.value}`,
+            name: a,
             value: t.value,
             label: t.label,
-            checked: n === t.value,
+            checked: r === t.value,
             disabled: t.disabled || e.disabled,
             required: e.required,
-            onChange: () => o(r, t.value)
+            onChange: () => i(a, t.value)
           },
           t.value
         )) });
@@ -184,15 +185,15 @@ function re({ field: e, value: n, error: a, onChange: o }) {
         return /* @__PURE__ */ s(
           f,
           {
-            id: d.id,
-            name: d.name,
+            id: o.id,
+            name: o.name,
             label: e.label,
             required: e.required,
             disabled: e.disabled,
-            helperText: a ?? e.helperText,
-            error: !!a,
-            value: n ?? null,
-            onChange: (t) => o(r, t)
+            helperText: n ?? e.helperText,
+            error: !!n,
+            value: r ?? null,
+            onChange: (t) => i(a, t)
           }
         );
       // ── Range ──────────────────────────────────────────────────────────
@@ -200,15 +201,15 @@ function re({ field: e, value: n, error: a, onChange: o }) {
         return /* @__PURE__ */ s(
           k,
           {
-            ...d,
-            value: n ?? e.rangeMin ?? 0,
+            ...o,
+            value: r ?? e.rangeMin ?? 0,
             min: e.rangeMin ?? 0,
             max: e.rangeMax ?? 100,
             step: e.rangeStep ?? 1,
             valuePrefix: e.rangeValuePrefix,
             valueSuffix: e.rangeValueSuffix,
             showValue: !0,
-            onChange: (t) => o(r, t)
+            onChange: (t) => i(a, t)
           }
         );
       // ── Hidden ─────────────────────────────────────────────────────────
@@ -217,17 +218,17 @@ function re({ field: e, value: n, error: a, onChange: o }) {
           "input",
           {
             type: "hidden",
-            name: r,
-            value: n ?? e.hiddenValue ?? ""
+            name: a,
+            value: r ?? e.hiddenValue ?? ""
           }
         );
       default:
         return null;
     }
   };
-  return e.fieldType === "hidden" ? c() : /* @__PURE__ */ s("div", { className: `${b}`, children: c() });
+  return e.fieldType === "hidden" ? h() : /* @__PURE__ */ s("div", { className: `${b}`, children: h() });
 }
 export {
-  re as F,
+  ne as F,
   u as s
 };

package/dist/FormField.css

@@ -1 +1 @@
-._formBlock_1nwvd_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1nwvd_7{width:100%;max-width:var(--layout-width, 1250px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}._formInner_1nwvd_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_1nwvd_26{max-width:480px}._maxWidthMd_1nwvd_29{max-width:640px}._maxWidthLg_1nwvd_32{max-width:800px}._maxWidthFull_1nwvd_35{max-width:100%}._heading_1nwvd_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_1nwvd_47{font-weight:var(--font-weight-bold)}._title_1nwvd_51{text-wrap:balance}._progress_1nwvd_57{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_1nwvd_63{display:flex;justify-content:space-between;align-items:center}._stepLabel_1nwvd_69{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_1nwvd_75{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_1nwvd_80{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_1nwvd_88{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_1nwvd_95{width:100%}._fieldHalf_1nwvd_99{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_1nwvd_99{width:100%}}._fieldThird_1nwvd_107{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_1nwvd_107{width:100%}}._actions_1nwvd_117{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_1nwvd_124{margin-left:auto}._success_1nwvd_130{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_1nwvd_130 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_1nwvd_145{padding:var(--spacing-md);background-color:var(--color-states-error-bg);color:var(--color-states-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}
+._formBlock_1iehq_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1iehq_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_1iehq_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_1iehq_26{max-width:480px}._maxWidthMd_1iehq_29{max-width:640px}._maxWidthLg_1iehq_32{max-width:800px}._maxWidthFull_1iehq_35{max-width:100%}._heading_1iehq_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_1iehq_47{font-weight:var(--font-weight-bold)}._title_1iehq_51{text-wrap:balance}._disclaimer_1iehq_55{font-size:var(--font-size-sm);font-style:italic}._progress_1iehq_62{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_1iehq_68{display:flex;justify-content:space-between;align-items:center}._stepLabel_1iehq_74{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_1iehq_80{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_1iehq_85{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_1iehq_93{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_1iehq_100{width:100%}._fieldHalf_1iehq_104{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_1iehq_104{width:100%}}._fieldThird_1iehq_112{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_1iehq_112{width:100%}}._actions_1iehq_122{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_1iehq_129{margin-left:auto}._success_1iehq_135{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_1iehq_135 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_1iehq_150{padding:var(--spacing-md);background-color:var(--color-states-error-bg);color:var(--color-states-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}

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

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),n=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.describe("Modal",()=>{e.beforeEach(()=>{document.body.innerHTML=""}),e.describe("Rendering",()=>{e.it("renders the trigger button",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.getByRole("button",{name:"Open Modal"})).toBeInTheDocument()}),e.it("does not render modal content initially",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("renders modal content when trigger is clicked",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Rich text + form render props",()=>{e.it("renders rich text via renderRichText when richTextBlocks provided",()=>{const o=[{_type:"block",_key:"a"}],r=e.vi.fn(()=>t.jsx("p",{children:"Rich text content"}));e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,richTextBlocks:o,renderRichText:r})),e.globalExpect(r).toHaveBeenCalledWith({blocks:o}),e.globalExpect(e.screen.getByText("Rich text content")).toBeInTheDocument()}),e.it("renders rich text inside .intro wrapper",()=>{const o=[{_type:"block",_key:"a"}];e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,richTextBlocks:o,renderRichText:()=>t.jsx("p",{children:"Intro text"})})),e.globalExpect(document.querySelector(".intro")).toBeInTheDocument()}),e.it("renders form via renderForm when formData provided",()=>{const o={_id:"form-1",heading:"Contact"},r=e.vi.fn(()=>t.jsx("form",{"data-testid":"the-form"}));e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,formData:o,renderForm:r})),e.globalExpect(r).toHaveBeenCalledWith(o),e.globalExpect(e.screen.getByTestId("the-form")).toBeInTheDocument()}),e.it("renders both rich text and form together",()=>{const o=[{_type:"block",_key:"a"}],r={_id:"form-1"};e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,richTextBlocks:o,renderRichText:()=>t.jsx("p",{children:"Intro"}),formData:r,renderForm:()=>t.jsx("form",{"data-testid":"form"})})),e.globalExpect(e.screen.getByText("Intro")).toBeInTheDocument(),e.globalExpect(e.screen.getByTestId("form")).toBeInTheDocument(),e.globalExpect(document.querySelector(".intro")).toBeInTheDocument()}),e.it("explicit content prop takes priority over render props",()=>{const o=[{_type:"block",_key:"a"}],r=e.vi.fn(()=>t.jsx("p",{children:"Should not render"}));e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,content:t.jsx("p",{children:"Explicit content"}),richTextBlocks:o,renderRichText:r})),e.globalExpect(e.screen.getByText("Explicit content")).toBeInTheDocument(),e.globalExpect(r).not.toHaveBeenCalled()}),e.it("does not render intro when richTextBlocks is empty",()=>{e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,richTextBlocks:[],renderRichText:()=>t.jsx("p",{children:"Should not render"})})),e.globalExpect(document.querySelector(".intro")).not.toBeInTheDocument()})}),e.describe("Sizes",()=>{e.it("applies small size",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"sm"})),e.globalExpect(document.querySelector(".container")).toHaveClass("size-sm")}),e.it("applies medium size by default",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(document.querySelector(".container")).toHaveClass("size-md")}),e.it("applies large size",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"lg"})),e.globalExpect(document.querySelector(".container")).toHaveClass("size-lg")})}),e.describe("Title",()=>{e.it("does not render title when not provided",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(document.querySelector(".title")).not.toBeInTheDocument()})}),e.describe("Close Button",()=>{e.it("shows close button by default",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("button",{name:/close/i})).toBeInTheDocument()}),e.it("hides close button when showCloseButton is false",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,showCloseButton:!1})),e.globalExpect(e.screen.queryByRole("button",{name:/close/i})).not.toBeInTheDocument()}),e.it("closes modal when close button is clicked",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument(),e.fireEvent.click(e.screen.getByRole("button",{name:/close/i})),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.describe("Overlay Click",()=>{e.it("closes modal when clicking overlay by default",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.click(document.querySelector(".overlay")),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("does not close when closeOnOverlayClick is false",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnOverlayClick:!1})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.click(document.querySelector(".overlay")),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("does not close when clicking modal content",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.click(e.screen.getByText("Modal Content")),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Escape Key",()=>{e.it("closes modal on Escape key by default",async()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.it("does not close on Escape if closeOnEscape is false",async()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnEscape:!1})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})})}),e.describe("Controlled Mode",()=>{e.it("respects controlled open state",()=>{const{rerender:o}=e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!1}));e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument(),o(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!0})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("calls onOpen when trigger is clicked in controlled mode",()=>{const o=e.vi.fn();e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!1,onOpen:o})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open"})),e.globalExpect(o).toHaveBeenCalled()}),e.it("calls onClose when close button is clicked in controlled mode",()=>{const o=e.vi.fn();e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,onClose:o})),e.fireEvent.click(e.screen.getByRole("button",{name:/close/i})),e.globalExpect(o).toHaveBeenCalled()})}),e.describe("Accessibility",()=>{e.it("has dialog role",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("dialog")).toBeInTheDocument()}),e.it("has aria-modal attribute",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("dialog")).toHaveAttribute("aria-modal","true")})}),e.describe("Custom Styling",()=>{e.it("applies custom className to modal",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),className:"custom-modal",isOpen:!0})),e.globalExpect(document.querySelector(".modal")).toHaveClass("custom-modal")}),e.it("applies custom className to overlay",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),overlayClassName:"custom-overlay",isOpen:!0})),e.globalExpect(document.querySelector(".overlay")).toHaveClass("custom-overlay")}),e.it("applies custom inline styles",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),style:{maxWidth:"500px"},isOpen:!0})),e.globalExpect(document.querySelector(".modal").style.maxWidth).toBe("500px")})})});
+"use strict";const t=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),n=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.describe("Modal",()=>{e.beforeEach(()=>{document.body.innerHTML=""}),e.describe("Rendering",()=>{e.it("renders the trigger button",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.getByRole("button",{name:"Open Modal"})).toBeInTheDocument()}),e.it("does not render modal content initially",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("renders modal content when trigger is clicked",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Rich text + form render props",()=>{e.it("renders form via renderForm when formData provided",()=>{const o={_id:"form-1",heading:"Contact"},r=e.vi.fn(()=>t.jsx("form",{"data-testid":"the-form"}));e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,formData:o,renderForm:r})),e.globalExpect(r).toHaveBeenCalledWith(o),e.globalExpect(e.screen.getByTestId("the-form")).toBeInTheDocument()}),e.it("explicit content prop takes priority over render props",()=>{const o=[{_type:"block",_key:"a"}],r=e.vi.fn(()=>t.jsx("p",{children:"Should not render"}));e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,content:t.jsx("p",{children:"Explicit content"}),richTextBlocks:o,renderRichText:r})),e.globalExpect(e.screen.getByText("Explicit content")).toBeInTheDocument(),e.globalExpect(r).not.toHaveBeenCalled()}),e.it("does not render intro when richTextBlocks is empty",()=>{e.render(t.jsx(n.Modal,{trigger:t.jsx("button",{children:"Open"}),isOpen:!0,richTextBlocks:[],renderRichText:()=>t.jsx("p",{children:"Should not render"})})),e.globalExpect(document.querySelector(".intro")).not.toBeInTheDocument()})}),e.describe("Sizes",()=>{e.it("applies small size",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"sm"})),e.globalExpect(document.querySelector(".container")).toHaveClass("size-sm")}),e.it("applies medium size by default",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(document.querySelector(".container")).toHaveClass("size-md")}),e.it("applies large size",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"lg"})),e.globalExpect(document.querySelector(".container")).toHaveClass("size-lg")})}),e.describe("Title",()=>{e.it("does not render title when not provided",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(document.querySelector(".title")).not.toBeInTheDocument()})}),e.describe("Close Button",()=>{e.it("shows close button by default",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("button",{name:/close/i})).toBeInTheDocument()}),e.it("hides close button when showCloseButton is false",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,showCloseButton:!1})),e.globalExpect(e.screen.queryByRole("button",{name:/close/i})).not.toBeInTheDocument()}),e.it("closes modal when close button is clicked",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument(),e.fireEvent.click(e.screen.getByRole("button",{name:/close/i})),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.describe("Overlay Click",()=>{e.it("closes modal when clicking overlay by default",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.click(document.querySelector(".overlay")),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("does not close when closeOnOverlayClick is false",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnOverlayClick:!1})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.click(document.querySelector(".overlay")),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("does not close when clicking modal content",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.click(e.screen.getByText("Modal Content")),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Escape Key",()=>{e.it("closes modal on Escape key by default",async()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.it("does not close on Escape if closeOnEscape is false",async()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnEscape:!1})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Modal"})),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})})}),e.describe("Controlled Mode",()=>{e.it("respects controlled open state",()=>{const{rerender:o}=e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!1}));e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument(),o(t.jsx(n.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!0})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("calls onOpen when trigger is clicked in controlled mode",()=>{const o=e.vi.fn();e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!1,onOpen:o})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open"})),e.globalExpect(o).toHaveBeenCalled()}),e.it("calls onClose when close button is clicked in controlled mode",()=>{const o=e.vi.fn();e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,onClose:o})),e.fireEvent.click(e.screen.getByRole("button",{name:/close/i})),e.globalExpect(o).toHaveBeenCalled()})}),e.describe("Accessibility",()=>{e.it("has dialog role",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("dialog")).toBeInTheDocument()}),e.it("has aria-modal attribute",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("dialog")).toHaveAttribute("aria-modal","true")})}),e.describe("Custom Styling",()=>{e.it("applies custom className to modal",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),className:"custom-modal",isOpen:!0})),e.globalExpect(document.querySelector(".modal")).toHaveClass("custom-modal")}),e.it("applies custom className to overlay",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),overlayClassName:"custom-overlay",isOpen:!0})),e.globalExpect(document.querySelector(".overlay")).toHaveClass("custom-overlay")}),e.it("applies custom inline styles",()=>{e.render(t.jsx(n.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),style:{maxWidth:"500px"},isOpen:!0})),e.globalExpect(document.querySelector(".modal").style.maxWidth).toBe("500px")})})});