quirk-ui 0.1.160 → 0.1.162

package/dist/FormField-3bxRYA4w.cjs

@@ -0,0 +1 @@
+"use strict";require('./FormField.css');const l=require("react/jsx-runtime"),v=require("./core/components/Input/index.cjs"),q=require("./core/components/Textarea/index.cjs"),_=require("./core/components/Select/index.cjs"),b=require("./core/components/Checkbox/index.cjs"),T=require("./core/components/Radio/index.cjs"),h=require("./core/components/Fieldset/index.cjs"),k=require("./core/components/DatePicker/index.cjs"),W=require("./core/components/Range/index.cjs"),F="_formBlock_1jbl0_1",C="_container_1jbl0_7",w="_formInner_1jbl0_20",L="_maxWidthSm_1jbl0_26",y="_maxWidthMd_1jbl0_29",S="_maxWidthLg_1jbl0_32",B="_maxWidthFull_1jbl0_35",$="_heading_1jbl0_41",H="_eyebrow_1jbl0_47",G="_title_1jbl0_51",I="_disclaimer_1jbl0_55",M="_progress_1jbl0_61",D="_progressHeader_1jbl0_67",O="_stepLabel_1jbl0_73",P="_stepCount_1jbl0_79",R="_stepDescription_1jbl0_84",V="_fields_1jbl0_92",f="_fieldFull_1jbl0_99",N="_fieldHalf_1jbl0_103",z="_fieldThird_1jbl0_111",A="_actions_1jbl0_121",E="_submitButton_1jbl0_128",J="_success_1jbl0_134",K="_errorBanner_1jbl0_149",u={formBlock:F,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(n=>({label:n.label,value:n.value.current,disabled:n.disabled}))}function p(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,m={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 l.jsx(v.Input,{...c,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:n??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:t=>o(r,t.target.value)});case"textarea":return l.jsx(q.Textarea,{...c,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?p(e.optionGroups):i(e.options);return l.jsx(_.Select,{...c,placeholder:e.placeholder,options:t,value:n??"",fullWidth:!0,onChange:a=>o(r,a.target.value)})}case"multiselect":{const t=e.useOptionGroups?p(e.optionGroups):i(e.options);return l.jsx(_.Select,{...c,multiple:!0,options:t,value:n??[],showSelectedCount:!0,onChange:a=>o(r,a)})}case"checkbox":return l.jsx(b.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=>o(r,t.target.checked)});case"checkboxGroup":{const t=n??[];return l.jsx(h.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(a=>l.jsx(b.Checkbox,{id:`${r}-${a.value}`,name:`${r}[]`,label:a.label,checked:t.includes(a.value),disabled:a.disabled||e.disabled,onChange:x=>{const j=x.target.checked?[...t,a.value]:t.filter(g=>g!==a.value);o(r,j)}},a.value))})}case"radio":return l.jsx(h.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(t=>l.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:()=>o(r,t.value)},t.value))});case"date":return l.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=>o(r,t)});case"range":return l.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=>o(r,t)});case"hidden":return l.jsx("input",{type:"hidden",name:r,value:n??e.hiddenValue??""});default:return null}};return e.fieldType==="hidden"?d():l.jsx("div",{className:`${m}`,children:d()})}exports.FormField=Q;exports.styles=u;

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

@@ -1,23 +1,24 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Input as g } from "./core/components/Input/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 h } from "./core/components/Checkbox/index.mjs";
+import { Checkbox as _ } 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 b } 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,
-  maxWidthFull: S,
-  heading: H,
-  eyebrow: G,
-  title: M,
+import './FormField.css';const w = "_formBlock_1jbl0_1", L = "_container_1jbl0_7", C = "_formInner_1jbl0_20", F = "_maxWidthSm_1jbl0_26", y = "_maxWidthMd_1jbl0_29", B = "_maxWidthLg_1jbl0_32", q = "_maxWidthFull_1jbl0_35", S = "_heading_1jbl0_41", H = "_eyebrow_1jbl0_47", G = "_title_1jbl0_51", M = "_disclaimer_1jbl0_55", $ = "_progress_1jbl0_61", I = "_progressHeader_1jbl0_67", D = "_stepLabel_1jbl0_73", O = "_stepCount_1jbl0_79", V = "_stepDescription_1jbl0_84", P = "_fields_1jbl0_92", R = "_fieldFull_1jbl0_99", N = "_fieldHalf_1jbl0_103", z = "_fieldThird_1jbl0_111", A = "_actions_1jbl0_121", E = "_submitButton_1jbl0_128", J = "_success_1jbl0_134", K = "_errorBanner_1jbl0_149", u = {
+  formBlock: w,
+  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,
@@ -25,44 +26,44 @@ import './FormField.css';const L = "_formBlock_1nwvd_1", C = "_container_1nwvd_7
   stepDescription: V,
   fields: P,
   fieldFull: R,
-  fieldHalf: j,
-  fieldThird: N,
-  actions: z,
-  submitButton: A,
-  success: E,
-  errorBanner: 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 h(e) {
+  return (e ?? []).map((r) => ({
+    label: r.label,
+    options: r.options.map((l) => ({
+      label: l.label,
+      value: l.value.current,
+      disabled: l.disabled
     }))
   }));
 }
-function re({ field: e, value: n, error: a, onChange: o }) {
-  const r = e.name.current, b = {
+function le({ field: e, value: r, error: l, onChange: o }) {
+  const a = e.name.current, p = {
     full: u.fieldFull,
     half: u.fieldHalf,
     third: u.fieldThird
-  }[e.width ?? "full"], d = {
-    id: r,
-    name: r,
+  }[e.width ?? "full"], i = {
+    id: a,
+    name: a,
     label: e.label,
     required: e.required,
     disabled: e.disabled,
     helperText: e.helperText,
-    error: a
-  }, c = () => {
+    error: l
+  }, d = () => {
     switch (e.fieldType) {
       // ── Text-based inputs ──────────────────────────────────────────────
       case "text":
@@ -70,164 +71,164 @@ function re({ field: e, value: n, error: a, onChange: o }) {
       case "phone":
       case "number":
       case "url":
-        return /* @__PURE__ */ s(
-          g,
+        return /* @__PURE__ */ n(
+          v,
           {
-            ...d,
+            ...i,
             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) => o(a, t.target.value)
           }
         );
       // ── Textarea ───────────────────────────────────────────────────────
       case "textarea":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           T,
           {
-            ...d,
+            ...i,
             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) => o(a, t.target.value)
           }
         );
       // ── Select ─────────────────────────────────────────────────────────
       case "select": {
-        const t = e.useOptionGroups ? _(e.optionGroups) : i(e.options);
-        return /* @__PURE__ */ s(
+        const t = e.useOptionGroups ? h(e.optionGroups) : c(e.options);
+        return /* @__PURE__ */ n(
           m,
           {
-            ...d,
+            ...i,
             placeholder: e.placeholder,
             options: t,
-            value: n ?? "",
+            value: r ?? "",
             fullWidth: !0,
-            onChange: (l) => o(r, l.target.value)
+            onChange: (s) => o(a, s.target.value)
           }
         );
       }
       // ── Multi-select ───────────────────────────────────────────────────
       case "multiselect": {
-        const t = e.useOptionGroups ? _(e.optionGroups) : i(e.options);
-        return /* @__PURE__ */ s(
+        const t = e.useOptionGroups ? h(e.optionGroups) : c(e.options);
+        return /* @__PURE__ */ n(
           m,
           {
-            ...d,
+            ...i,
             multiple: !0,
             options: t,
-            value: n ?? [],
+            value: r ?? [],
             showSelectedCount: !0,
-            onChange: (l) => o(r, l)
+            onChange: (s) => o(a, s)
           }
         );
       }
       // ── Single checkbox ────────────────────────────────────────────────
       case "checkbox":
-        return /* @__PURE__ */ s(
-          h,
+        return /* @__PURE__ */ n(
+          _,
           {
-            id: d.id,
-            name: d.name,
+            id: i.id,
+            name: i.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: l ?? e.helperText,
+            error: !!l,
+            checked: r ?? !1,
+            onChange: (t) => o(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__ */ n(b, { legend: e.label, error: !!l, helperText: l, children: c(e.options).map((s) => /* @__PURE__ */ n(
+          _,
           {
-            id: `${r}-${l.value}`,
-            name: `${r}[]`,
-            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);
+            id: `${a}-${s.value}`,
+            name: `${a}[]`,
+            label: s.label,
+            checked: t.includes(s.value),
+            disabled: s.disabled || e.disabled,
+            onChange: (x) => {
+              const g = x.target.checked ? [...t, s.value] : t.filter((j) => j !== s.value);
+              o(a, g);
             }
           },
-          l.value
+          s.value
         )) });
       }
       // ── 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__ */ n(b, { legend: e.label, error: !!l, helperText: l, children: c(e.options).map((t) => /* @__PURE__ */ n(
           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: () => o(a, t.value)
           },
           t.value
         )) });
       // ── Date picker ────────────────────────────────────────────────────
       case "date":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           f,
           {
-            id: d.id,
-            name: d.name,
+            id: i.id,
+            name: i.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: l ?? e.helperText,
+            error: !!l,
+            value: r ?? null,
+            onChange: (t) => o(a, t)
           }
         );
       // ── Range ──────────────────────────────────────────────────────────
       case "range":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           k,
           {
-            ...d,
-            value: n ?? e.rangeMin ?? 0,
+            ...i,
+            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) => o(a, t)
           }
         );
       // ── Hidden ─────────────────────────────────────────────────────────
       case "hidden":
-        return /* @__PURE__ */ s(
+        return /* @__PURE__ */ n(
           "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" ? d() : /* @__PURE__ */ n("div", { className: `${p}`, children: d() });
 }
 export {
-  re as F,
+  le 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_1jbl0_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1jbl0_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_1jbl0_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_1jbl0_26{max-width:480px}._maxWidthMd_1jbl0_29{max-width:640px}._maxWidthLg_1jbl0_32{max-width:800px}._maxWidthFull_1jbl0_35{max-width:100%}._heading_1jbl0_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_1jbl0_47{font-weight:var(--font-weight-bold)}._title_1jbl0_51{text-wrap:balance}._disclaimer_1jbl0_55{font-size:var(--font-size-sm)}._progress_1jbl0_61{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_1jbl0_67{display:flex;justify-content:space-between;align-items:center}._stepLabel_1jbl0_73{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_1jbl0_79{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_1jbl0_84{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_1jbl0_92{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_1jbl0_99{width:100%}._fieldHalf_1jbl0_103{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_1jbl0_103{width:100%}}._fieldThird_1jbl0_111{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_1jbl0_111{width:100%}}._actions_1jbl0_121{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_1jbl0_128{margin-left:auto}._success_1jbl0_134{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0}._success_1jbl0_134 p{color:var(--color-states-success-bg);font-weight:var(--font-weight-semibold)}._errorBanner_1jbl0_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)}

package/dist/HeroSubComponents-DU_zRp5K.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./HeroSubComponents.css');const t=require("react/jsx-runtime"),l=require("react"),f=require("./next/utils/mediaUtils.cjs"),y=require("./createLucideIcon-DpotSgUx.cjs"),x=require("./play-CQBnZgNa.cjs");/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const b=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],g=y.createLucideIcon("pause",b),z="_hero_1fz0v_1",j="_container_1fz0v_7",w="_heading_1fz0v_15",C="_text_1fz0v_22",N="_eyebrow_1fz0v_37",k="_disclaimer_1fz0v_41",B="_articleDetails_1fz0v_52",V="_articleType_1fz0v_65",I="_articleCategories_1fz0v_79",E="_category_1fz0v_85",q="_number_1fz0v_101",T="_blog_1fz0v_128",H="_overlay_1fz0v_154",R="_tile_1fz0v_224",D="_fullBleed_1fz0v_333",F="_media_1fz0v_360",P="_splitAlt_1fz0v_447",A="_split_1fz0v_447",L="_videoControl_1fz0v_521",S="_videoBackground_1fz0v_569",U="_iframe_1fz0v_570",n={hero:z,container:j,heading:w,text:C,eyebrow:N,disclaimer:k,articleDetails:B,articleType:V,articleCategories:I,category:E,number:q,default:"_default_1fz0v_124",blog:T,overlay:H,tile:R,fullBleed:D,media:F,splitAlt:P,split:A,videoControl:L,videoBackground:S,iframe:U},p=l.memo(function({isPlaying:e,onToggle:i}){return t.jsx("button",{type:"button",title:e?"Pause the video":"Play the video","aria-label":e?"Pause video":"Play video",className:n.videoControl,onClick:i,children:e?t.jsx(g,{size:18,"aria-hidden":!0}):t.jsx(x.Play,{size:18,"aria-hidden":!0})})}),v=l.memo(function({url:e,provider:i,wrapperClassName:c,iframeClassName:s}){const r=f.buildEmbedSrc(e,i);return t.jsx("div",{className:c,children:t.jsx("iframe",{src:r,className:s,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Embedded video","aria-label":"Background video"})})}),h=l.memo(l.forwardRef(function({src:e,autoPlay:i,posterUrl:c,wrapperClassName:s,videoClassName:r,isPlaying:a,onToggle:u},m){const d=l.useRef(null);return l.useImperativeHandle(m,()=>({play(){var o;(o=d.current)==null||o.play().catch(()=>{})},pause(){var o;(o=d.current)==null||o.pause()}})),l.useEffect(()=>{const o=d.current;o&&(a?o.play().catch(()=>{}):o.pause())},[a]),t.jsxs("div",{className:s,children:[t.jsx(p,{isPlaying:a,onToggle:u}),t.jsx("video",{ref:d,src:e,autoPlay:i,loop:!0,muted:!0,playsInline:!0,poster:c,preload:"metadata",className:r,"aria-label":"Background video"})]})})),$=l.memo(function({url:e,autoPlay:i,posterUrl:c,isPlaying:s,onToggle:r,variant:a}){const u=e.includes("vimeo.com"),m=e.includes("youtube.com")||e.includes("youtu.be"),d=u||m,o=u?"vimeo":"youtube";return a==="inline"?d?t.jsx(v,{url:e,provider:o,wrapperClassName:n.media}):t.jsx(h,{src:e,autoPlay:i,posterUrl:c,wrapperClassName:n.media,isPlaying:s,onToggle:r}):d?t.jsx(v,{url:e,provider:o,wrapperClassName:n.videoBackground,iframeClassName:n.iframe}):t.jsx(h,{src:e,autoPlay:i,posterUrl:c,videoClassName:n.videoBackground,isPlaying:s,onToggle:r})}),Y=l.memo(function({image:e,mode:i,variant:c,imageAdapter:s}){const r=f.resolveImageUrl(e,i,"medium");if(!r)return null;const a=f.resolveAltText(e,i),u=t.jsx("img",{fetchPriority:"high",src:r,alt:a,draggable:!1,style:c==="fill"?{objectFit:"cover",width:"100%",height:"100%"}:{width:"100%",height:"100%"}});return s?t.jsx("div",{className:n.media,children:c==="fill"?s.render({src:r,alt:a,fill:!0,priority:!0,fetchPriority:"high",style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):s.render({src:r,alt:a,width:650,height:750,priority:!0,fetchPriority:"high"})}):t.jsx("div",{className:n.media,children:u})});exports.HeroImage=Y;exports.NativeVideo=h;exports.VideoBlock=$;exports.VideoControl=p;exports.VideoEmbed=v;exports.styles=n;

package/dist/{HeroSubComponents-BGkwbcKC.js → HeroSubComponents-tXOYToa8.js}

@@ -1,21 +1,21 @@
 import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { memo as u, forwardRef as p, useRef as w, useImperativeHandle as v, useEffect as b } from "react";
-import { buildEmbedSrc as g, resolveImageUrl as x, resolveAltText as N } from "./next/utils/mediaUtils.mjs";
-import { c as C } from "./createLucideIcon-C8GTh_Qx.js";
-import { P as k } from "./play-DYgKiSaf.js";
+import { memo as u, forwardRef as p, useRef as y, useImperativeHandle as b, useEffect as g } from "react";
+import { buildEmbedSrc as z, resolveImageUrl as x, resolveAltText as w } from "./next/utils/mediaUtils.mjs";
+import { c as N } from "./createLucideIcon-C8GTh_Qx.js";
+import { P as C } from "./play-DYgKiSaf.js";
 import './HeroSubComponents.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const B = [
+const k = [
   ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
   ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
-], V = C("pause", B), I = "_hero_6wr3y_1", E = "_container_6wr3y_7", z = "_heading_6wr3y_15", T = "_text_6wr3y_22", j = "_eyebrow_6wr3y_37", H = "_disclaimer_6wr3y_41", P = "_articleDetails_6wr3y_53", D = "_articleType_6wr3y_66", F = "_articleCategories_6wr3y_80", R = "_category_6wr3y_86", A = "_number_6wr3y_102", S = "_blog_6wr3y_129", L = "_overlay_6wr3y_155", U = "_tile_6wr3y_225", Y = "_fullBleed_6wr3y_334", q = "_media_6wr3y_361", G = "_splitAlt_6wr3y_448", J = "_split_6wr3y_448", K = "_videoControl_6wr3y_522", M = "_videoBackground_6wr3y_570", O = "_iframe_6wr3y_571", l = {
-  hero: I,
-  container: E,
-  heading: z,
+], B = N("pause", k), V = "_hero_1fz0v_1", I = "_container_1fz0v_7", E = "_heading_1fz0v_15", T = "_text_1fz0v_22", j = "_eyebrow_1fz0v_37", H = "_disclaimer_1fz0v_41", P = "_articleDetails_1fz0v_52", D = "_articleType_1fz0v_65", F = "_articleCategories_1fz0v_79", R = "_category_1fz0v_85", A = "_number_1fz0v_101", S = "_blog_1fz0v_128", L = "_overlay_1fz0v_154", U = "_tile_1fz0v_224", Y = "_fullBleed_1fz0v_333", q = "_media_1fz0v_360", G = "_splitAlt_1fz0v_447", J = "_split_1fz0v_447", K = "_videoControl_1fz0v_521", M = "_videoBackground_1fz0v_569", O = "_iframe_1fz0v_570", l = {
+  hero: V,
+  container: I,
+  heading: E,
   text: T,
   eyebrow: j,
   disclaimer: H,
@@ -24,7 +24,7 @@ const B = [
   articleCategories: F,
   category: R,
   number: A,
-  default: "_default_6wr3y_125",
+  default: "_default_1fz0v_124",
   blog: S,
   overlay: L,
   tile: U,
@@ -37,7 +37,7 @@ const B = [
   iframe: O
 }, Q = u(function({
   isPlaying: e,
-  onToggle: o
+  onToggle: i
 }) {
   return /* @__PURE__ */ t(
     "button",
@@ -46,21 +46,21 @@ const B = [
       title: e ? "Pause the video" : "Play the video",
       "aria-label": e ? "Pause video" : "Play video",
       className: l.videoControl,
-      onClick: o,
-      children: e ? /* @__PURE__ */ t(V, { size: 18, "aria-hidden": !0 }) : /* @__PURE__ */ t(k, { size: 18, "aria-hidden": !0 })
+      onClick: i,
+      children: e ? /* @__PURE__ */ t(B, { size: 18, "aria-hidden": !0 }) : /* @__PURE__ */ t(C, { size: 18, "aria-hidden": !0 })
     }
   );
-}), y = u(function({
+}), m = u(function({
   url: e,
-  provider: o,
+  provider: i,
   wrapperClassName: s,
   iframeClassName: a
 }) {
-  const i = g(e, o);
+  const r = z(e, i);
   return /* @__PURE__ */ t("div", { className: s, children: /* @__PURE__ */ t(
     "iframe",
     {
-      src: i,
+      src: r,
       className: a,
       allow: "autoplay; fullscreen",
       allowFullScreen: !0,
@@ -68,31 +68,31 @@ const B = [
       "aria-label": "Background video"
     }
   ) });
-}), f = u(
+}), v = u(
   p(function({
     src: e,
-    autoPlay: o,
+    autoPlay: i,
     posterUrl: s,
     wrapperClassName: a,
-    videoClassName: i,
+    videoClassName: r,
     isPlaying: c,
     onToggle: d
-  }, m) {
-    const n = w(null);
-    return v(m, () => ({
+  }, f) {
+    const n = y(null);
+    return b(f, () => ({
       play() {
-        var r;
-        (r = n.current) == null || r.play().catch(() => {
+        var o;
+        (o = n.current) == null || o.play().catch(() => {
         });
       },
       pause() {
-        var r;
-        (r = n.current) == null || r.pause();
+        var o;
+        (o = n.current) == null || o.pause();
       }
-    })), b(() => {
-      const r = n.current;
-      r && (c ? r.play().catch(() => {
-      }) : r.pause());
+    })), g(() => {
+      const o = n.current;
+      o && (c ? o.play().catch(() => {
+      }) : o.pause());
     }, [c]), /* @__PURE__ */ h("div", { className: a, children: [
       /* @__PURE__ */ t(Q, { isPlaying: c, onToggle: d }),
       /* @__PURE__ */ t(
@@ -100,13 +100,13 @@ const B = [
         {
           ref: n,
           src: e,
-          autoPlay: o,
+          autoPlay: i,
           loop: !0,
           muted: !0,
           playsInline: !0,
           poster: s,
           preload: "metadata",
-          className: i,
+          className: r,
           "aria-label": "Background video"
         }
       )
@@ -114,69 +114,69 @@ const B = [
   })
 ), te = u(function({
   url: e,
-  autoPlay: o,
+  autoPlay: i,
   posterUrl: s,
   isPlaying: a,
-  onToggle: i,
+  onToggle: r,
   variant: c
 }) {
-  const d = e.includes("vimeo.com"), m = e.includes("youtube.com") || e.includes("youtu.be"), n = d || m, r = d ? "vimeo" : "youtube";
+  const d = e.includes("vimeo.com"), f = e.includes("youtube.com") || e.includes("youtu.be"), n = d || f, o = d ? "vimeo" : "youtube";
   return c === "inline" ? n ? /* @__PURE__ */ t(
-    y,
+    m,
     {
       url: e,
-      provider: r,
+      provider: o,
       wrapperClassName: l.media
     }
   ) : /* @__PURE__ */ t(
-    f,
+    v,
     {
       src: e,
-      autoPlay: o,
+      autoPlay: i,
       posterUrl: s,
       wrapperClassName: l.media,
       isPlaying: a,
-      onToggle: i
+      onToggle: r
     }
   ) : n ? /* @__PURE__ */ t(
-    y,
+    m,
     {
       url: e,
-      provider: r,
+      provider: o,
       wrapperClassName: l.videoBackground,
       iframeClassName: l.iframe
     }
   ) : /* @__PURE__ */ t(
-    f,
+    v,
     {
       src: e,
-      autoPlay: o,
+      autoPlay: i,
       posterUrl: s,
       videoClassName: l.videoBackground,
       isPlaying: a,
-      onToggle: i
+      onToggle: r
     }
   );
-}), re = u(function({
+}), oe = u(function({
   image: e,
-  mode: o,
+  mode: i,
   variant: s,
   imageAdapter: a
 }) {
-  const i = x(e, o, "medium");
-  if (!i) return null;
-  const c = N(e, o), d = /* @__PURE__ */ t(
+  const r = x(e, i, "medium");
+  if (!r) return null;
+  const c = w(e, i), d = /* @__PURE__ */ t(
     "img",
     {
       fetchPriority: "high",
-      src: i,
+      src: r,
       alt: c,
       draggable: !1,
       style: s === "fill" ? { objectFit: "cover", width: "100%", height: "100%" } : { width: "100%", height: "100%" }
     }
   );
   return a ? /* @__PURE__ */ t("div", { className: l.media, children: s === "fill" ? a.render({
-    src: i,
+    src: r,
     alt: c,
     fill: !0,
     priority: !0,
@@ -185,7 +185,7 @@ const B = [
     draggable: !1,
     sizes: "(max-width: 767px) 600px, 1200px"
   }) : a.render({
-    src: i,
+    src: r,
     alt: c,
     width: 650,
     height: 750,
@@ -194,10 +194,10 @@ const B = [
   }) }) : /* @__PURE__ */ t("div", { className: l.media, children: d });
 });
 export {
-  re as H,
-  f as N,
+  oe as H,
+  v as N,
   te as V,
   Q as a,
-  y as b,
+  m as b,
   l as s
 };