quirk-ui 0.1.206 → 0.1.208

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

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

package/dist/FormField-DKM8k1nK.cjs

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

package/dist/FormField.css

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index24.css');const c=require("react/jsx-runtime"),s=require("react"),Ce=require("../../../arrow-left-4E3t8axP.cjs"),Se=require("../../../arrow-right-DO6S4vfx.cjs"),ke="_carousel_1v597_1",Ee="_noPointerEvents_1v597_21",De="_trackContainer_1v597_25",Ie="_track_1v597_25",Xe="_isMounted_1v597_39",je="_page_1v597_44",Ne="_controls_1v597_54",Re="_indicators_1v597_65",Ae="_indicator_1v597_65",Te="_active_1v597_87",Le="_buttons_1v597_106",We="_prev_1v597_111",Pe="_disabled_1v597_111",qe="_next_1v597_112",ze="_expandable_1v597_142",r={carousel:ke,noPointerEvents:Ee,trackContainer:De,track:Ie,isMounted:Xe,page:je,controls:Ne,indicators:Re,indicator:Ae,active:Te,buttons:Le,prev:We,disabled:Pe,next:qe,expandable:ze};function Ye({items:m,itemsPerPage:v=3,itemsPerRow:G=3,autoplay:J=!1,autoplayInterval:T=3,className:Q,parentRef:Z,siblingRef:p,isSplit:L=!1,isExpandable:ee=!1,ariaLabel:te="Carousel"}){const[i,_]=s.useState(0),[u,$]=s.useState(0),[M,I]=s.useState(0),[o,ne]=s.useState(v),[w,se]=s.useState(!1),[W,ae]=s.useState(J),[C,oe]=s.useState(!1),[re,ce]=s.useState(!1),le=s.useRef(null),h=s.useRef(null),b=s.useRef(null),S=Z,[x,X]=s.useState(!1),[P,q]=s.useState(null),[k,z]=s.useState(null),[Y,B]=s.useState(null),[ie,H]=s.useState(!1),[g,K]=s.useState(null),[j,O]=s.useState(null),ue=e=>{Math.abs((j??0)-(g??0))>25&&(e.stopPropagation(),e.preventDefault())},de=e=>{K(e.clientX)},he=e=>{g!==null&&Math.abs(e.clientX-g)>5&&(H(!0),O(e.clientX))},fe=()=>{if(!g||!j){N();return}const e=g-j;Math.abs(e)>50&&(e>0?E():D()),N()},ve=()=>{N()},N=()=>{H(!1),K(null),O(null)},pe=e=>{e.key==="ArrowLeft"?(e.preventDefault(),D()):e.key==="ArrowRight"?(e.preventDefault(),E()):e.key==="Home"?(e.preventDefault(),f(0)):e.key==="End"&&(e.preventDefault(),f(l-1))},_e=e=>{z(e.touches[0].clientX),q(e.touches[0].clientY),X(!1)},U=s.useRef(null);s.useEffect(()=>{ce(!0)},[]),s.useEffect(()=>{const e=U.current;if(!e)return;const t=n=>{const a=n.touches[0].clientX-(k??0),d=n.touches[0].clientY-(P??0);!x&&Math.abs(a)>Math.abs(d)&&X(!0),x&&(n.preventDefault(),B(n.touches[0].clientX))};return e.addEventListener("touchmove",t,{passive:!0}),()=>{e.removeEventListener("touchmove",t)}},[x,k,P]);const Me=()=>{if(k===null||Y===null)return;const e=k-Y;Math.abs(e)>50&&(e>0?E():D()),z(null),B(null),q(null),X(!1)},we=(e,t)=>{const n=[];for(let a=0;a<e.length;a+=t)n.push(e.slice(a,a+t));return n};s.useLayoutEffect(()=>{if(typeof window<"u"){const e=()=>{const t=window.innerWidth<768,n=t?1:v;se(t),ne(t?1:v),_(a=>Math.min(a,Math.ceil(m.length/n)-1))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[v]);const R=Math.ceil(o/G),V=we(m,o),l=V.length,me=3*16,be=3*16,xe=s.useCallback(e=>{if(e&&!C){const t=e.getBoundingClientRect().width;t>0&&t!==M&&(I(t),oe(!0))}},[M,C]);s.useEffect(()=>{var e,t,n,a;if(C&&u>0&&h.current&&((t=(e=h.current.children[0])==null?void 0:e.children[0])!=null&&t.children[0])){const y=((a=(n=h.current.children[0])==null?void 0:n.children[0])==null?void 0:a.children[0]).getBoundingClientRect().width;y>0&&y!==M&&I(y)}},[u,C,M]),s.useEffect(()=>{const e=new ResizeObserver(t=>{var n,a;for(let d of t)if(d.contentRect){w?$(d.contentRect.width-be):L?p!=null&&p.current?$(d.contentRect.width-((n=p==null?void 0:p.current)==null?void 0:n.offsetWidth)-me):$(d.contentRect.width):($(d.contentRect.width),I(((a=h==null?void 0:h.current)==null?void 0:a.children[0].children[0].children[0].getBoundingClientRect().width)??0));const y=w?1:v;_($e=>Math.min($e,Math.ceil(m.length/y)-1))}});return S!=null&&S.current&&e.observe(S.current),()=>e.disconnect()},[w,L,m]);const A=()=>{b.current&&clearInterval(b.current),ae(!1)},E=()=>{A(),_(e=>Math.min(e+1,l-1))},D=()=>{A(),_(e=>Math.max(e-1,0))},f=e=>{A(),_(e)},ge=()=>u?`translateX(-${i*u}px)`:"translateX(0px)",F=()=>{_(e=>e>=l-1?0:e+1)};s.useEffect(()=>(W&&(b.current=setInterval(F,T*1e3)),()=>{b.current&&clearInterval(b.current)}),[W,T,F]);const ye={"--max-item-width":`${(u-(o-1)*16)/o}px`};return c.jsxs("div",{className:`${Q??""} ${r.carousel}`,ref:le,role:"region","aria-label":te,"aria-roledescription":"carousel",tabIndex:0,onKeyDown:pe,style:{outline:"none"},children:[c.jsx("div",{ref:U,className:`${r.trackContainer} ${ie||x?r.noPointerEvents:""}`,style:{maxWidth:`${u}px`,touchAction:x?"none":"pan-y"},onTouchStart:_e,onTouchEnd:Me,onMouseDown:de,onMouseMove:he,onMouseUp:fe,onMouseLeave:ve,children:c.jsx("div",{ref:h,className:`${r.track} ${re?r.isMounted:""}`,style:{width:`${l*100}%`,transform:ge()},id:"carousel-track","aria-live":"polite","aria-atomic":"true","aria-label":`Slide ${i+1} of ${l}`,children:V.map((e,t)=>c.jsx("div",{className:`${r.page} ${ee?r.expandable:""}`,style:{display:R>1?"grid":"flex",gridTemplateColumns:`repeat(${Math.ceil(o/R)}, 1fr)`,gridTemplateRows:`repeat(${R}, 1fr)`,width:`${u}px`,margin:`${o>1?"unset":"0 auto"}`,justifyContent:`${o>1?"unset":"center"}`},children:e.map((n,a)=>c.jsx("div",{ref:t===0&&a===0?xe:null,onClickCapture:ue,style:{...ye,display:o>1?"unset":"flex",justifyContent:o>1?"unset":"center",alignItems:o>1?"unset":"flex-start",flexBasis:o>1?w?"100%":`${(u-(o-1)*16)/o}px`:"unset",width:o>1?w?`${u/o-16}px`:"unset":"100%"},children:n},a))},t))})}),l>1&&c.jsxs("div",{className:r.controls,style:{maxWidth:M>0&&v===1&&!w?`${M}px`:"unset"},children:[c.jsx("div",{className:r.indicators,role:"tablist","aria-label":"Slide indicators",children:Array.from({length:l}).map((e,t)=>c.jsx("button",{role:"tab","aria-selected":t===i,"aria-label":`Slide ${t+1} of ${l}`,"aria-controls":"carousel-track",tabIndex:t===i?0:-1,className:`${r.indicator} ${t===i?r.active:""}`,onClick:()=>f(t),onKeyDown:n=>{n.key==="ArrowRight"?(n.preventDefault(),f(Math.min(t+1,l-1))):n.key==="ArrowLeft"?(n.preventDefault(),f(Math.max(t-1,0))):n.key==="Home"?(n.preventDefault(),f(0)):n.key==="End"&&(n.preventDefault(),f(l-1))}},t))}),c.jsxs("div",{className:r.buttons,children:[c.jsx("button",{"aria-label":"Previous slide",className:`${r.prev} ${i===0?r.disabled:""}`,onClick:D,disabled:i===0,children:c.jsx(Ce.ArrowLeft,{size:36})}),c.jsx("button",{"aria-label":"Next slide",className:`${r.next} ${i>=l-1?r.disabled:""}`,onClick:E,disabled:i>=m.length-o,children:c.jsx(Se.ArrowRight,{size:36})})]})]})]})}exports.Carousel=Ye;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index24.css');const c=require("react/jsx-runtime"),s=require("react"),je=require("../../../arrow-left-4E3t8axP.cjs"),Ce=require("../../../arrow-right-DO6S4vfx.cjs"),Se="_carousel_jrudo_1",ke="_noPointerEvents_jrudo_21",Ee="_trackContainer_jrudo_25",De="_track_jrudo_25",Ie="_isMounted_jrudo_39",Xe="_page_jrudo_44",Ne="_controls_jrudo_54",Re="_indicators_jrudo_65",Ae="_indicator_jrudo_65",Te="_active_jrudo_87",Le="_buttons_jrudo_106",We="_prev_jrudo_111",Pe="_disabled_jrudo_111",qe="_next_jrudo_112",ze="_expandable_jrudo_147",a={carousel:Se,noPointerEvents:ke,trackContainer:Ee,track:De,isMounted:Ie,page:Xe,controls:Ne,indicators:Re,indicator:Ae,active:Te,buttons:Le,prev:We,disabled:Pe,next:qe,expandable:ze};function Ye({items:m,itemsPerPage:p=3,itemsPerRow:G=3,autoplay:J=!1,autoplayInterval:T=3,className:Q,parentRef:Z,siblingRef:v,isSplit:L=!1,isExpandable:ee=!1,ariaLabel:te="Carousel"}){const[i,_]=s.useState(0),[u,$]=s.useState(0),[M,D]=s.useState(0),[r,ne]=s.useState(p),[w,se]=s.useState(!1),[W,oe]=s.useState(J),[j,re]=s.useState(!1),[ae,ce]=s.useState(!1),le=s.useRef(null),h=s.useRef(null),b=s.useRef(null),C=Z,[x,I]=s.useState(!1),[P,q]=s.useState(null),[S,z]=s.useState(null),[Y,B]=s.useState(null),[ie,H]=s.useState(!1),[g,K]=s.useState(null),[X,O]=s.useState(null),ue=e=>{Math.abs((X??0)-(g??0))>25&&(e.stopPropagation(),e.preventDefault())},de=e=>{K(e.clientX)},he=e=>{g!==null&&Math.abs(e.clientX-g)>5&&(H(!0),O(e.clientX))},fe=()=>{if(!g||!X){N();return}const e=g-X;Math.abs(e)>50&&(e>0?k():E()),N()},pe=()=>{N()},N=()=>{H(!1),K(null),O(null)},ve=e=>{e.key==="ArrowLeft"?(e.preventDefault(),E()):e.key==="ArrowRight"?(e.preventDefault(),k()):e.key==="Home"?(e.preventDefault(),f(0)):e.key==="End"&&(e.preventDefault(),f(l-1))},_e=e=>{z(e.touches[0].clientX),q(e.touches[0].clientY),I(!1)},U=s.useRef(null);s.useEffect(()=>{ce(!0)},[]),s.useEffect(()=>{const e=U.current;if(!e)return;const t=n=>{const o=n.touches[0].clientX-(S??0),d=n.touches[0].clientY-(P??0);!x&&Math.abs(o)>Math.abs(d)&&I(!0),x&&(n.preventDefault(),B(n.touches[0].clientX))};return e.addEventListener("touchmove",t,{passive:!0}),()=>{e.removeEventListener("touchmove",t)}},[x,S,P]);const Me=()=>{if(S===null||Y===null)return;const e=S-Y;Math.abs(e)>50&&(e>0?k():E()),z(null),B(null),q(null),I(!1)},we=(e,t)=>{const n=[];for(let o=0;o<e.length;o+=t)n.push(e.slice(o,o+t));return n};s.useLayoutEffect(()=>{if(typeof window<"u"){const e=()=>{const t=window.innerWidth<768,n=t?1:p;se(t),ne(t?1:p),_(o=>Math.min(o,Math.ceil(m.length/n)-1))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[p]);const R=Math.ceil(r/G),V=we(m,r),l=V.length,me=3*16,be=3*16,xe=s.useCallback(e=>{if(e&&!j){const t=e.getBoundingClientRect().width;t>0&&t!==M&&(D(t),re(!0))}},[M,j]);s.useEffect(()=>{var e,t,n,o;if(j&&u>0&&h.current&&((t=(e=h.current.children[0])==null?void 0:e.children[0])!=null&&t.children[0])){const y=((o=(n=h.current.children[0])==null?void 0:n.children[0])==null?void 0:o.children[0]).getBoundingClientRect().width;y>0&&y!==M&&D(y)}},[u,j,M]),s.useEffect(()=>{const e=new ResizeObserver(t=>{var n,o;for(let d of t)if(d.contentRect){w?$(d.contentRect.width-be):L?v!=null&&v.current?$(d.contentRect.width-((n=v==null?void 0:v.current)==null?void 0:n.offsetWidth)-me):$(d.contentRect.width):($(d.contentRect.width),D(((o=h==null?void 0:h.current)==null?void 0:o.children[0].children[0].children[0].getBoundingClientRect().width)??0));const y=w?1:p;_($e=>Math.min($e,Math.ceil(m.length/y)-1))}});return C!=null&&C.current&&e.observe(C.current),()=>e.disconnect()},[w,L,m]);const A=()=>{b.current&&clearInterval(b.current),oe(!1)},k=()=>{A(),_(e=>Math.min(e+1,l-1))},E=()=>{A(),_(e=>Math.max(e-1,0))},f=e=>{A(),_(e)},ge=()=>u?`translateX(-${i*u}px)`:"translateX(0px)",F=()=>{_(e=>e>=l-1?0:e+1)};s.useEffect(()=>(W&&(b.current=setInterval(F,T*1e3)),()=>{b.current&&clearInterval(b.current)}),[W,T,F]);const ye={"--max-item-width":`${(u-(r-1)*16)/r}px`};return c.jsxs("div",{className:`${Q??""} ${a.carousel}`,ref:le,role:"region","aria-label":te,"aria-roledescription":"carousel",tabIndex:0,onKeyDown:ve,style:{outline:"none"},children:[c.jsx("div",{ref:U,className:`${a.trackContainer} ${ie||x?a.noPointerEvents:""}`,style:{maxWidth:`${u}px`,touchAction:x?"none":"pan-y"},onTouchStart:_e,onTouchEnd:Me,onMouseDown:de,onMouseMove:he,onMouseUp:fe,onMouseLeave:pe,children:c.jsx("div",{ref:h,className:`${a.track} ${ae?a.isMounted:""}`,style:{width:`${l*100}%`,transform:ge()},id:"carousel-track","aria-live":"polite","aria-atomic":"true","aria-label":`Slide ${i+1} of ${l}`,children:V.map((e,t)=>c.jsx("div",{className:`${a.page} ${ee?a.expandable:""}`,style:{display:R>1?"grid":"flex",gridTemplateColumns:`repeat(${Math.ceil(r/R)}, 1fr)`,gridTemplateRows:`repeat(${R}, 1fr)`,width:`${u}px`,margin:`${r>1?"unset":"0 auto"}`,justifyContent:`${r>1?"unset":"center"}`},children:e.map((n,o)=>c.jsx("div",{ref:t===0&&o===0?xe:null,onClickCapture:ue,style:{...ye,display:r>1?"unset":"flex",justifyContent:r>1?"unset":"center",alignItems:r>1?"unset":"flex-start",flexBasis:r>1?w?"100%":`${(u-(r-1)*16)/r}px`:"unset",width:r>1?w?`${u/r-16}px`:"unset":"100%"},children:n},o))},t))})}),l>1&&c.jsxs("div",{className:a.controls,style:{maxWidth:M>0&&p===1&&!w?`${M}px`:"unset"},children:[c.jsx("div",{className:a.indicators,role:"tablist","aria-label":"Slide indicators",children:Array.from({length:l}).map((e,t)=>c.jsx("button",{role:"tab","aria-selected":t===i,"aria-label":`Slide ${t+1} of ${l}`,"aria-controls":"carousel-track",tabIndex:t===i?0:-1,className:`${a.indicator} ${t===i?a.active:""}`,onClick:()=>f(t),onKeyDown:n=>{n.key==="ArrowRight"?(n.preventDefault(),f(Math.min(t+1,l-1))):n.key==="ArrowLeft"?(n.preventDefault(),f(Math.max(t-1,0))):n.key==="Home"?(n.preventDefault(),f(0)):n.key==="End"&&(n.preventDefault(),f(l-1))}},t))}),c.jsxs("div",{className:a.buttons,children:[c.jsx("button",{"aria-label":"Previous slide",className:`${a.prev} ${i===0?a.disabled:""}`,onClick:E,disabled:i===0,children:c.jsx(je.ArrowLeft,{size:36})}),c.jsx("button",{"aria-label":"Next slide",className:`${a.next} ${i>=l-1?a.disabled:""}`,onClick:k,disabled:i>=m.length-r,children:c.jsx(Ce.ArrowRight,{size:36})})]})]})]})}exports.Carousel=Ye;